From ce1b9ab23456cf096a31ea0359bdf098bd2b7408 Mon Sep 17 00:00:00 2001
From: Thomas Townsend <thomas.haakon@gmail.com>
Date: Thu, 2 Jun 2016 14:43:58 +0200
Subject: [PATCH 01/60] Add immutable typings (#9412)

* Add immutable typings

* Fix header

* Rename immutable test
---
 immutable/immutable-tests.ts |  329 +++++
 immutable/immutable.d.ts     | 2546 ++++++++++++++++++++++++++++++++++
 2 files changed, 2875 insertions(+)
 create mode 100644 immutable/immutable-tests.ts
 create mode 100644 immutable/immutable.d.ts

diff --git a/immutable/immutable-tests.ts b/immutable/immutable-tests.ts
new file mode 100644
index 0000000000..17240ebe9c
--- /dev/null
+++ b/immutable/immutable-tests.ts
@@ -0,0 +1,329 @@
+/// <reference path="immutable.d.ts" />
+
+import immutable = require('immutable')
+
+// List tests
+
+let list: immutable.List<number> = immutable.List<number>([0, 1, 2, 3, 4, 5]);
+let list1: immutable.List<number> = immutable.List<number>(list);
+
+list = immutable.List.of<number>(0, 1, 2, 3, 4);
+let bool: boolean = immutable.List.isList(list);
+
+list = list.set(0, 1);
+list = list.delete(0);
+list = list.remove(0);
+list = list.insert(0, 1);
+list = list.clear();
+list = list.push(0, 1, 2, 3, 4, 5);
+list = list.pop();
+list = list.unshift(1, 2, 3);
+list = list.shift();
+list = list.update((value: immutable.List<number>) => value);
+list = list.update(1, (value: number) => value);
+list = list.update(1, 1, (value: number) => value);
+list = list.merge(list1, list);
+list = list.merge([0, 1, 2], [3, 4, 5]);
+list = list.mergeWith((prev: number, next: number, key: number) => prev, list, list1);
+list = list.mergeWith((prev: number, next: number, key: number) => prev, [0, 1, 2], [3, 4, 5]);
+list = list.mergeDeep(list1, list);
+list = list.mergeDeep([0, 1, 2], [3, 4, 5]);
+list = list.mergeDeepWith((prev: number, next: number, key: number) => prev, list, list1);
+list = list.mergeDeepWith((prev: number, next: number, key: number) => prev, [0, 1, 2], [3, 4, 5]);
+list = list.setSize(5);
+list = list.setIn([0, 1, 2], 5);
+list = list.deleteIn([0, 1, 2]);
+list = list.removeIn([0, 1, 2]);
+list = list.updateIn([0, 1, 2], value => value);
+list = list.updateIn([0, 1, 2], 1, value => value);
+list = list.mergeIn([0, 1, 2], list, list1);
+list = list.mergeIn([0, 1, 2], [0, 1, 2], [3, 4, 5]);
+list = list.mergeDeepIn([0, 1, 2], list, list1);
+list = list.mergeDeepIn([0, 1, 2], [0, 1, 2], [3, 4, 5]);
+list = list.withMutations((mutable: immutable.List<number>) => mutable);
+list = list.asMutable();
+list = list.asImmutable();
+
+// Collection.Indexed
+let indexedSeq: immutable.Seq.Indexed<number> = list.toSeq();
+
+// Iterable tests 
+let value: number = list.get(0);
+value = list.get(0, 1);
+list = list.interpose(0);
+list = list.interleave(list, list1);
+list = list.splice(0, 2, 4, 5, 6);
+list = list.zip(list1);
+let indexedIterable: immutable.Iterable.Indexed<number> = list.zipWith<number, number>(
+    (value: number, other: number) => value + other,
+    list1
+);
+let indexedIterable1: immutable.Iterable.Indexed<number> = list.zipWith<number, number, number>(
+    (value: number, other: number, third: number) => value + other + third,
+    list1,
+    indexedIterable
+);
+indexedIterable = list.zipWith<number>(
+    (value: number, other: number, third: number) => value + other + third,
+    list1,
+    indexedIterable1
+);
+value = list.indexOf(1);
+value = list.lastIndexOf(1);
+value = list.findIndex((value: number, index: number, iter: immutable.List<number>) => true);
+value = list.findLastIndex((value: number, index: number, iter: immutable.List<number>) => true);
+value = list.size;
+
+bool = list.equals(list1);
+value = list.hashCode();
+bool = list.has(1);
+bool = list.includes(1);
+bool = list.contains(1);
+value = list.first();
+value = list.last();
+let toArr: number[] = list.toArray();
+let toMap: immutable.Map<number, number> = list.toMap();
+let toOrderedMap: immutable.OrderedMap<number, number> = list.toOrderedMap();
+let toSet: immutable.Set<number> = list.toSet();
+let toOrderedSet: immutable.OrderedSet<number> = list.toOrderedSet();
+list = list.toList();
+let toStack: immutable.Stack<number> = list.toStack();
+let toKeyedSeq: immutable.Seq.Keyed<number, number> = list.toKeyedSeq();
+indexedSeq = list.toIndexedSeq();
+let toSetSeq: immutable.Seq.Set<number> = list.toSetSeq();
+
+let iter: immutable.Iterator<number> = list.keys();
+iter = list.values();
+let iter1: immutable.Iterator<[number, number]> = list.entries();
+
+indexedSeq = list.keySeq();
+indexedSeq = list.valueSeq();
+let indexedSeq1: immutable.Seq.Indexed<[number, number]> = list.entrySeq();
+
+let iter2: immutable.Iterable<number, string> = list.map<string>(
+    (value: number, key: number, iter: immutable.List<number>) => "foo"
+)
+
+list = list.filterNot((value: number, key: number, iter: immutable.List<number>) => true);
+list = list.reverse();
+list = list.sort((valA: number, valB: number) => 0);
+list = list.sortBy<string>(
+    (value: number, key: number, iter: immutable.List<number>) => "foo",
+    (valueA: string, valueB: string) => 0
+);
+
+let keyedSeq2: immutable.Seq.Keyed<string, immutable.List<number>> = list.groupBy<string>(
+    (value: number, key: number, iter: immutable.List<number>) => ""
+);
+
+value = list.forEach((value: number, key: number, iter: immutable.List<number>) => true);
+list = list.slice(0, 1);
+list = list.rest();
+list = list.butLast();
+list = list.skip(0);
+list = list.skipLast(0);
+list = list.skipWhile(
+    (value: number, key: number, iter: immutable.List<number>) => true
+);
+list = list.take(2);
+list = list.takeLast(2);
+list = list.takeWhile(
+    (value: number, key: number, iter: immutable.List<number>) => true
+);
+list = list.takeUntil(
+    (value: number, key: number, iter: immutable.List<number>) => true
+);
+list = list.concat(list1, 2, 3);
+list = list.flatten(1);
+list = list.flatten(true);
+let str: string = list.reduce<string>(
+    (red: string, value: number, key: number, iter: immutable.List<number>) => red + "bar",
+    "foo"
+);
+str = list.reduceRight<string>(
+    (red: string, value: number, key: number, iter: immutable.List<number>) => red + "bar",
+    "foo"
+);
+bool = list.every(
+    (value: number, key: number, iter: immutable.List<number>) => true
+);
+bool = list.some(
+    (value: number, key: number, iter: immutable.List<number>) => true
+);
+str = list.join(",");
+bool = list.isEmpty();
+value = list.count();
+value = list.count(
+    (value: number, key: number, iter: immutable.List<number>) => true
+);
+let keyedSeq3: immutable.Seq.Keyed<string, number> = list.countBy<string>(
+    (value: number, key: number, iter: immutable.List<number>) => "foo"
+);
+value = list.find(
+    (value: number, key: number, iter: immutable.List<number>) => true,
+    null,
+    0
+);
+value = list.findLast(
+    (value: number, key: number, iter: immutable.List<number>) => true,
+    null,
+    0
+);
+let tuple: [number, number] = list.findEntry(
+    (value: number, key: number, iter: immutable.List<number>) => true,
+    null,
+    0
+);
+tuple = list.findLastEntry(
+    (value: number, key: number, iter: immutable.List<number>) => true,
+    null,
+    0
+);
+value = list.findKey(
+    (value: number, key: number, iter: immutable.List<number>) => true,
+    null
+); 
+value = list.findLastKey(
+    (value: number, key: number, iter: immutable.List<number>) => true,
+    null
+); 
+value = list.keyOf(0);
+value = list.lastKeyOf(0);
+value = list.max((valA: number, valB: number) => 0);
+value = list.maxBy<string>(
+    (value: number, key: number, iter: immutable.List<number>) => "foo",
+    (valueA: string, valueB: string) => 0
+);
+value = list.min((valA: number, valB: number) => 0);
+value = list.minBy<string>(
+    (value: number, key: number, iter: immutable.List<number>) => "foo",
+    (valueA: string, valueB: string) => 0
+);
+bool = list.isSubset(list1);
+bool = list.isSubset([0, 1, 2]);
+bool = list.isSuperset(list1);
+bool = list.isSuperset([0, 1, 2]);
+
+
+// Map tests
+
+let map: immutable.Map<string, number> = immutable.Map<string, number>();
+map = immutable.Map<string, number>([["foo", 1], ["bar", 2]]);
+let map1: immutable.Map<string, number> = immutable.Map<string, number>(map);
+map = map.set("baz", 3);
+map.delete("foo");
+map.remove("foo");
+map = map.clear();
+map = map.update((value: immutable.Map<string, number>) => value);
+map = map.update("foo", (value: number) => value);
+map = map.update("bar", 1, (value: number) => value);
+map = map.merge(map1, map);
+map = map.merge({ "foo": 0, "bar": 1}, {"baz": 2});
+map = map.mergeWith((prev: number, next: number, key: string) => prev, map, map1);
+map = map.mergeWith((prev: number, next: number, key: string) => prev,{ "foo": 0, "bar": 1}, {"baz": 2});
+map = map.mergeDeep(map1, map);
+map = map.mergeDeep({ "foo": 0, "bar": 1}, {"baz": 2});
+map = map.mergeDeepWith((prev: number, next: number, key: string) => prev, map, map1);
+map = map.mergeDeepWith((prev: number, next: number, key: string) => prev, { "foo": 0, "bar": 1}, {"baz": 2});
+map = map.setIn([0, 1, 2], 5);
+map = map.deleteIn([0, 1, 2]);
+map = map.removeIn([0, 1, 2]);
+map = map.updateIn([0, 1, 2], value => value);
+map = map.updateIn([0, 1, 2], 1, value => value);
+map = map.mergeIn([0, 1, 2], map, map1);
+map = map.mergeIn([0, 1, 2], { "foo": 0, "bar": 1}, {"baz": 2});
+map = map.mergeDeepIn([0, 1, 2], map, map1);
+map = map.mergeDeepIn([0, 1, 2], { "foo": 0, "bar": 1}, {"baz": 2});
+map = map.withMutations((mutable: immutable.Map<string, number>) => mutable);
+map = map.asMutable();
+map = map.asImmutable();
+
+bool = immutable.Map.isMap(map);
+map = immutable.Map.of<string, number>("foo", 0, "bar", 1);
+
+// OrderedMap tests
+bool = immutable.OrderedMap.isOrderedMap(toOrderedMap);
+toOrderedMap = immutable.OrderedMap(toOrderedMap);
+
+// Set tests
+let set: immutable.Set<number> = immutable.Set.of<number>(0, 1, 2, 3);
+bool = immutable.Set.isSet(set);
+set = immutable.Set.fromKeys<number>(toMap);
+let set1: immutable.Set<string> = immutable.Set.fromKeys({ "foo": 1, "bar": 2});
+set = immutable.Set<number>();
+set = immutable.Set<number>(set);
+set = set.add(3);
+set.delete(1);
+set.remove(2);
+set = set.clear();
+set = set.union(map, list);
+set = set.union([1, 2, 3], [4, 5, 6]);
+set = set.merge(map1, list);
+set = set.merge([1, 2, 3], [4, 5, 6]);
+set = set.intersect(map1, list);
+set = set.intersect([1, 2, 3], [4, 5, 6]);
+set = set.subtract(map1, list);
+set = set.subtract([1, 2, 3], [4, 5, 6]);
+set = set.withMutations((mutable: immutable.Set<number>) => mutable);
+set = set.asMutable();
+set = set.asImmutable();
+
+
+// OrderedSet tests
+bool = immutable.OrderedSet.isOrderedSet(set);
+let orderedSet1: immutable.OrderedSet<number> = immutable.OrderedSet.of<number>(0, 1, 2, 3);
+orderedSet1 = immutable.OrderedSet.fromKeys<number>(toMap);
+let orderedSet2: immutable.Set<string> = immutable.Set.fromKeys({ "foo": 1, "bar": 2});
+
+// Stack tests
+
+let stack: immutable.Stack<number> = immutable.Stack<number>();
+bool = immutable.Stack.isStack(stack);
+stack = immutable.Stack.of<number>(0, 1, 2, 3, 4, 5);
+stack = immutable.Stack<number>(list);
+value = stack.peek();
+stack = stack.clear();
+stack = stack.unshift(0, 1, 2);
+stack = stack.unshiftAll(list);
+stack = stack.unshiftAll([1, 2, 3]);
+stack = stack.shift();
+stack = stack.push(1, 2, 3);
+stack = stack.pushAll(list);
+stack = stack.pushAll([1, 2, 3]);
+stack = stack.pop();
+stack = stack.withMutations((mutable: immutable.Stack<number>) => mutable);
+stack = stack.asMutable();
+stack = stack.asImmutable();
+
+
+// Range and Repeat function tests
+
+let funcSeqIndexed: immutable.Seq.Indexed<number> = immutable.Range(0, 3, 1);
+funcSeqIndexed = immutable.Repeat<number>(2, 10);
+
+
+// Seq tests 
+let seq: immutable.Seq<string, number> = immutable.Seq<string, number>();
+bool = immutable.Seq.isSeq(seq);
+funcSeqIndexed = immutable.Seq.of<number>(0, 1, 2, 3);
+seq = immutable.Seq<string, number>(map);
+value = seq.size;
+seq = seq.cacheResult();
+
+
+// keyed
+let seqKeyed: immutable.Seq.Keyed<string, number> = immutable.Seq.Keyed<string, number>();
+seqKeyed = immutable.Seq.Keyed<string, number>(map);
+seqKeyed = seqKeyed.toSeq();
+
+// indexed
+let seqIndexed: immutable.Seq.Indexed<number> = immutable.Seq.Indexed<number>();
+seqIndexed = immutable.Seq.Indexed.of<number>(0, 1, 2, 3);
+seqIndexed = immutable.Seq.Indexed<number>(list);
+seqIndexed = seqIndexed.toSeq();
+
+// indexed
+let seqSet: immutable.Seq.Set<number> = immutable.Seq.Set<number>();
+seqSet = immutable.Seq.Set.of<number>(0, 1, 2, 3);
+seqSet = immutable.Seq.Set<number>(list);
+seqSet = seqSet.toSeq();
diff --git a/immutable/immutable.d.ts b/immutable/immutable.d.ts
new file mode 100644
index 0000000000..5ca32ecfe4
--- /dev/null
+++ b/immutable/immutable.d.ts
@@ -0,0 +1,2546 @@
+// Type definitions for Facebook's Immutable 3.8.1
+// Project: https://github.com/facebook/immutable-js
+// Definitions by: tht13 <https://github.com/tht13>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+// Core of typings are from repository itself
+
+/**
+ *  Copyright (c) 2014-2015, Facebook, Inc.
+ *  All rights reserved.
+ *
+ *  This source code is licensed under the BSD-style license found in the
+ *  LICENSE file in the root directory of this source tree. An additional grant
+ *  of patent rights can be found in the PATENTS file in the same directory.
+ */
+
+/**
+ * Immutable data encourages pure functions (data-in, data-out) and lends itself
+ * to much simpler application development and enabling techniques from
+ * functional programming such as lazy evaluation.
+ *
+ * While designed to bring these powerful functional concepts to JavaScript, it
+ * presents an Object-Oriented API familiar to Javascript engineers and closely
+ * mirroring that of Array, Map, and Set. It is easy and efficient to convert to
+ * and from plain Javascript types.
+
+ * Note: all examples are presented in [ES6][]. To run in all browsers, they
+ * need to be translated to ES3. For example:
+ *
+ *     // ES6
+ *     foo.map(x => x * x);
+ *     // ES3
+ *     foo.map(function (x) { return x * x; });
+ *
+ * [ES6]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/New_in_JavaScript/ECMAScript_6_support_in_Mozilla
+ */
+
+declare namespace __Immutable {
+
+  /**
+   * Deeply converts plain JS objects and arrays to Immutable Maps and Lists.
+   *
+   * If a `reviver` is optionally provided, it will be called with every
+   * collection as a Seq (beginning with the most nested collections
+   * and proceeding to the top-level collection itself), along with the key
+   * refering to each collection and the parent JS object provided as `this`.
+   * For the top level, object, the key will be `""`. This `reviver` is expected
+   * to return a new Immutable Iterable, allowing for custom conversions from
+   * deep JS objects.
+   *
+   * This example converts JSON to List and OrderedMap:
+   *
+   *     Immutable.fromJS({a: {b: [10, 20, 30]}, c: 40}, function (key, value) {
+   *       var isIndexed = Immutable.Iterable.isIndexed(value);
+   *       return isIndexed ? value.toList() : value.toOrderedMap();
+   *     });
+   *
+   *     // true, "b", {b: [10, 20, 30]}
+   *     // false, "a", {a: {b: [10, 20, 30]}, c: 40}
+   *     // false, "", {"": {a: {b: [10, 20, 30]}, c: 40}}
+   *
+   * If `reviver` is not provided, the default behavior will convert Arrays into
+   * Lists and Objects into Maps.
+   *
+   * `reviver` acts similarly to the [same parameter in `JSON.parse`][1].
+   *
+   * `Immutable.fromJS` is conservative in its conversion. It will only convert
+   * arrays which pass `Array.isArray` to Lists, and only raw objects (no custom
+   * prototype) to Map.
+   *
+   * Keep in mind, when using JS objects to construct Immutable Maps, that
+   * JavaScript Object properties are always strings, even if written in a
+   * quote-less shorthand, while Immutable Maps accept keys of any type.
+   *
+   * ```js
+   * var obj = { 1: "one" };
+   * Object.keys(obj); // [ "1" ]
+   * obj["1"]; // "one"
+   * obj[1];   // "one"
+   *
+   * var map = Map(obj);
+   * map.get("1"); // "one"
+   * map.get(1);   // undefined
+   * ```
+   *
+   * Property access for JavaScript Objects first converts the key to a string,
+   * but since Immutable Map keys can be of any type the argument to `get()` is
+   * not altered.
+   *
+   * [1]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse#Example.3A_Using_the_reviver_parameter
+   *      "Using the reviver parameter"
+   */
+  export function fromJS(
+    json: any,
+    reviver?: (k: any, v: Iterable<any, any>) => any
+  ): any;
+
+
+  /**
+   * Value equality check with semantics similar to `Object.is`, but treats
+   * Immutable `Iterable`s as values, equal if the second `Iterable` includes
+   * equivalent values.
+   *
+   * It's used throughout Immutable when checking for equality, including `Map`
+   * key equality and `Set` membership.
+   *
+   *     var map1 = Immutable.Map({a:1, b:1, c:1});
+   *     var map2 = Immutable.Map({a:1, b:1, c:1});
+   *     assert(map1 !== map2);
+   *     assert(Object.is(map1, map2) === false);
+   *     assert(Immutable.is(map1, map2) === true);
+   *
+   * Note: Unlike `Object.is`, `Immutable.is` assumes `0` and `-0` are the same
+   * value, matching the behavior of ES6 Map key equality.
+   */
+  export function is(first: any, second: any): boolean;
+
+
+  /**
+   * Lists are ordered indexed dense collections, much like a JavaScript
+   * Array.
+   *
+   * Lists are immutable and fully persistent with O(log32 N) gets and sets,
+   * and O(1) push and pop.
+   *
+   * Lists implement Deque, with efficient addition and removal from both the
+   * end (`push`, `pop`) and beginning (`unshift`, `shift`).
+   *
+   * Unlike a JavaScript Array, there is no distinction between an
+   * "unset" index and an index set to `undefined`. `List#forEach` visits all
+   * indices from 0 to size, regardless of whether they were explicitly defined.
+   */
+  export module List {
+
+    /**
+     * True if the provided value is a List
+     */
+    function isList(maybeList: any): boolean;
+
+    /**
+     * Creates a new List containing `values`.
+     */
+    function of<T>(...values: T[]): List<T>;
+  }
+
+  /**
+   * Create a new immutable List containing the values of the provided
+   * iterable-like.
+   */
+  export function List<T>(): List<T>;
+  export function List<T>(iter: Iterable.Indexed<T>): List<T>;
+  export function List<T>(iter: Iterable.Set<T>): List<T>;
+  export function List<K, V>(iter: Iterable.Keyed<K, V>): List<[K,V]>;
+  export function List<T>(array: Array<T>): List<T>;
+  export function List<T>(iterator: Iterator<T>): List<T>;
+  export function List<T>(iterable: Iterable<any, T>): List<T>;
+
+
+  export interface List<T> extends Collection.Indexed<T> {
+
+    // Persistent changes
+
+    /**
+     * Returns a new List which includes `value` at `index`. If `index` already
+     * exists in this List, it will be replaced.
+     *
+     * `index` may be a negative number, which indexes back from the end of the
+     * List. `v.set(-1, "value")` sets the last item in the List.
+     *
+     * If `index` larger than `size`, the returned List's `size` will be large
+     * enough to include the `index`.
+     */
+    set(index: number, value: T): List<T>;
+
+    /**
+     * Returns a new List which excludes this `index` and with a size 1 less
+     * than this List. Values at indices above `index` are shifted down by 1 to
+     * fill the position.
+     *
+     * This is synonymous with `list.splice(index, 1)`.
+     *
+     * `index` may be a negative number, which indexes back from the end of the
+     * List. `v.delete(-1)` deletes the last item in the List.
+     *
+     * Note: `delete` cannot be safely used in IE8
+     * @alias remove
+     */
+    delete(index: number): List<T>;
+    remove(index: number): List<T>;
+
+    /**
+     * Returns a new List with `value` at `index` with a size 1 more than this
+     * List. Values at indices above `index` are shifted over by 1.
+     *
+     * This is synonymous with `list.splice(index, 0, value)
+     */
+    insert(index: number, value: T): List<T>;
+
+    /**
+     * Returns a new List with 0 size and no values.
+     */
+    clear(): List<T>;
+
+    /**
+     * Returns a new List with the provided `values` appended, starting at this
+     * List's `size`.
+     */
+    push(...values: T[]): List<T>;
+
+    /**
+     * Returns a new List with a size ones less than this List, excluding
+     * the last index in this List.
+     *
+     * Note: this differs from `Array#pop` because it returns a new
+     * List rather than the removed value. Use `last()` to get the last value
+     * in this List.
+     */
+    pop(): List<T>;
+
+    /**
+     * Returns a new List with the provided `values` prepended, shifting other
+     * values ahead to higher indices.
+     */
+    unshift(...values: T[]): List<T>;
+
+    /**
+     * Returns a new List with a size ones less than this List, excluding
+     * the first index in this List, shifting all other values to a lower index.
+     *
+     * Note: this differs from `Array#shift` because it returns a new
+     * List rather than the removed value. Use `first()` to get the first
+     * value in this List.
+     */
+    shift(): List<T>;
+
+    /**
+     * Returns a new List with an updated value at `index` with the return
+     * value of calling `updater` with the existing value, or `notSetValue` if
+     * `index` was not set. If called with a single argument, `updater` is
+     * called with the List itself.
+     *
+     * `index` may be a negative number, which indexes back from the end of the
+     * List. `v.update(-1)` updates the last item in the List.
+     *
+     * @see `Map#update`
+     */
+    update(updater: (value: List<T>) => List<T>): List<T>;
+    update(index: number, updater: (value: T) => T): List<T>;
+    update(index: number, notSetValue: T, updater: (value: T) => T): List<T>;
+
+    /**
+     * @see `Map#merge`
+     */
+    merge(...iterables: Iterable.Indexed<T>[]): List<T>;
+    merge(...iterables: Array<T>[]): List<T>;
+
+    /**
+     * @see `Map#mergeWith`
+     */
+    mergeWith(
+      merger: (previous?: T, next?: T, key?: number) => T,
+      ...iterables: Iterable.Indexed<T>[]
+    ): List<T>;
+    mergeWith(
+      merger: (previous?: T, next?: T, key?: number) => T,
+      ...iterables: Array<T>[]
+    ): List<T>;
+
+    /**
+     * @see `Map#mergeDeep`
+     */
+    mergeDeep(...iterables: Iterable.Indexed<T>[]): List<T>;
+    mergeDeep(...iterables: Array<T>[]): List<T>;
+
+    /**
+     * @see `Map#mergeDeepWith`
+     */
+    mergeDeepWith(
+      merger: (previous?: T, next?: T, key?: number) => T,
+      ...iterables: Iterable.Indexed<T>[]
+    ): List<T>;
+    mergeDeepWith(
+      merger: (previous?: T, next?: T, key?: number) => T,
+      ...iterables: Array<T>[]
+    ): List<T>;
+
+    /**
+     * Returns a new List with size `size`. If `size` is less than this
+     * List's size, the new List will exclude values at the higher indices.
+     * If `size` is greater than this List's size, the new List will have
+     * undefined values for the newly available indices.
+     *
+     * When building a new List and the final size is known up front, `setSize`
+     * used in conjunction with `withMutations` may result in the more
+     * performant construction.
+     */
+    setSize(size: number): List<T>;
+
+
+    // Deep persistent changes
+
+    /**
+     * Returns a new List having set `value` at this `keyPath`. If any keys in
+     * `keyPath` do not exist, a new immutable Map will be created at that key.
+     *
+     * Index numbers are used as keys to determine the path to follow in
+     * the List.
+     */
+    setIn(keyPath: Array<any>, value: any): List<T>;
+    setIn(keyPath: Iterable<any, any>, value: any): List<T>;
+
+    /**
+     * Returns a new List having removed the value at this `keyPath`. If any
+     * keys in `keyPath` do not exist, no change will occur.
+     *
+     * @alias removeIn
+     */
+    deleteIn(keyPath: Array<any>): List<T>;
+    deleteIn(keyPath: Iterable<any, any>): List<T>;
+    removeIn(keyPath: Array<any>): List<T>;
+    removeIn(keyPath: Iterable<any, any>): List<T>;
+
+    /**
+     * @see `Map#updateIn`
+     */
+    updateIn(
+      keyPath: Array<any>,
+      updater: (value: any) => any
+    ): List<T>;
+    updateIn(
+      keyPath: Array<any>,
+      notSetValue: any,
+      updater: (value: any) => any
+    ): List<T>;
+    updateIn(
+      keyPath: Iterable<any, any>,
+      updater: (value: any) => any
+    ): List<T>;
+    updateIn(
+      keyPath: Iterable<any, any>,
+      notSetValue: any,
+      updater: (value: any) => any
+    ): List<T>;
+
+    /**
+     * @see `Map#mergeIn`
+     */
+    mergeIn(
+      keyPath: Iterable<any, any>,
+      ...iterables: Iterable.Indexed<T>[]
+    ): List<T>;
+    mergeIn(
+      keyPath: Array<any>,
+      ...iterables: Iterable.Indexed<T>[]
+    ): List<T>;
+    mergeIn(
+      keyPath: Array<any>,
+      ...iterables: Array<T>[]
+    ): List<T>;
+
+    /**
+     * @see `Map#mergeDeepIn`
+     */
+    mergeDeepIn(
+      keyPath: Iterable<any, any>,
+      ...iterables: Iterable.Indexed<T>[]
+    ): List<T>;
+    mergeDeepIn(
+      keyPath: Array<any>,
+      ...iterables: Iterable.Indexed<T>[]
+    ): List<T>;
+    mergeDeepIn(
+      keyPath: Array<any>,
+      ...iterables: Array<T>[]
+    ): List<T>;
+
+
+    // Transient changes
+
+    /**
+     * Note: Not all methods can be used on a mutable collection or within
+     * `withMutations`! Only `set`, `push`, `pop`, `shift`, `unshift` and
+     * `merge` may be used mutatively.
+     *
+     * @see `Map#withMutations`
+     */
+    withMutations(mutator: (mutable: List<T>) => any): List<T>;
+
+    /**
+     * @see `Map#asMutable`
+     */
+    asMutable(): List<T>;
+
+    /**
+     * @see `Map#asImmutable`
+     */
+    asImmutable(): List<T>;
+  }
+
+
+  /**
+   * Immutable Map is an unordered Iterable.Keyed of (key, value) pairs with
+   * `O(log32 N)` gets and `O(log32 N)` persistent sets.
+   *
+   * Iteration order of a Map is undefined, however is stable. Multiple
+   * iterations of the same Map will iterate in the same order.
+   *
+   * Map's keys can be of any type, and use `Immutable.is` to determine key
+   * equality. This allows the use of any value (including NaN) as a key.
+   *
+   * Because `Immutable.is` returns equality based on value semantics, and
+   * Immutable collections are treated as values, any Immutable collection may
+   * be used as a key.
+   *
+   *     Map().set(List.of(1), 'listofone').get(List.of(1));
+   *     // 'listofone'
+   *
+   * Any JavaScript object may be used as a key, however strict identity is used
+   * to evaluate key equality. Two similar looking objects will represent two
+   * different keys.
+   *
+   * Implemented by a hash-array mapped trie.
+   */
+  export module Map {
+
+    /**
+     * True if the provided value is a Map
+     */
+    function isMap(maybeMap: any): boolean;
+
+    /**
+     * Creates a new Map from alternating keys and values
+     */
+    function of<K, V>(...keyValues: (K|V)[]): Map<K, V>;
+  }
+
+  /**
+   * Creates a new Immutable Map.
+   *
+   * Created with the same key value pairs as the provided Iterable.Keyed or
+   * JavaScript Object or expects an Iterable of [K, V] tuple entries.
+   *
+   *     var newMap = Map({key: "value"});
+   *     var newMap = Map([["key", "value"]]);
+   *
+   * Keep in mind, when using JS objects to construct Immutable Maps, that
+   * JavaScript Object properties are always strings, even if written in a
+   * quote-less shorthand, while Immutable Maps accept keys of any type.
+   *
+   * ```js
+   * var obj = { 1: "one" };
+   * Object.keys(obj); // [ "1" ]
+   * obj["1"]; // "one"
+   * obj[1];   // "one"
+   *
+   * var map = Map(obj);
+   * map.get("1"); // "one"
+   * map.get(1);   // undefined
+   * ```
+   *
+   * Property access for JavaScript Objects first converts the key to a string,
+   * but since Immutable Map keys can be of any type the argument to `get()` is
+   * not altered.
+   */
+  export function Map<K, V>(): Map<K, V>;
+  export function Map<K, V>(iter: Iterable.Keyed<K, V>): Map<K, V>;
+  export function Map<K, V>(iter: Iterable<any, [K,V]>): Map<K, V>;
+  export function Map<K, V>(array: Array<[K,V]>): Map<K, V>;
+  export function Map<V>(obj: {[key: string]: V}): Map<string, V>;
+  export function Map<K, V>(iterator: Iterator<[K,V]>): Map<K, V>;
+  export function Map<K, V>(iterable: Iterable<any, [K,V]>): Map<K, V>;
+
+  export interface Map<K, V> extends Collection.Keyed<K, V> {
+
+    // Persistent changes
+
+    /**
+     * Returns a new Map also containing the new key, value pair. If an equivalent
+     * key already exists in this Map, it will be replaced.
+     */
+    set(key: K, value: V): Map<K, V>;
+
+    /**
+     * Returns a new Map which excludes this `key`.
+     *
+     * Note: `delete` cannot be safely used in IE8, but is provided to mirror
+     * the ES6 collection API.
+     * @alias remove
+     */
+    delete(key: K): Map<K, V>;
+    remove(key: K): Map<K, V>;
+
+    /**
+     * Returns a new Map containing no keys or values.
+     */
+    clear(): Map<K, V>;
+
+    /**
+     * Returns a new Map having updated the value at this `key` with the return
+     * value of calling `updater` with the existing value, or `notSetValue` if
+     * the key was not set. If called with only a single argument, `updater` is
+     * called with the Map itself.
+     *
+     * Equivalent to: `map.set(key, updater(map.get(key, notSetValue)))`.
+     */
+    update(updater: (value: Map<K, V>) => Map<K, V>): Map<K, V>;
+    update(key: K, updater: (value: V) => V): Map<K, V>;
+    update(key: K, notSetValue: V, updater: (value: V) => V): Map<K, V>;
+
+    /**
+     * Returns a new Map resulting from merging the provided Iterables
+     * (or JS objects) into this Map. In other words, this takes each entry of
+     * each iterable and sets it on this Map.
+     *
+     * If any of the values provided to `merge` are not Iterable (would return
+     * false for `Immutable.Iterable.isIterable`) then they are deeply converted
+     * via `Immutable.fromJS` before being merged. However, if the value is an
+     * Iterable but includes non-iterable JS objects or arrays, those nested
+     * values will be preserved.
+     *
+     *     var x = Immutable.Map({a: 10, b: 20, c: 30});
+     *     var y = Immutable.Map({b: 40, a: 50, d: 60});
+     *     x.merge(y) // { a: 50, b: 40, c: 30, d: 60 }
+     *     y.merge(x) // { b: 20, a: 10, d: 60, c: 30 }
+     *
+     */
+    merge(...iterables: Iterable<K, V>[]): Map<K, V>;
+    merge(...iterables: {[key: string]: V}[]): Map<string, V>;
+
+    /**
+     * Like `merge()`, `mergeWith()` returns a new Map resulting from merging
+     * the provided Iterables (or JS objects) into this Map, but uses the
+     * `merger` function for dealing with conflicts.
+     *
+     *     var x = Immutable.Map({a: 10, b: 20, c: 30});
+     *     var y = Immutable.Map({b: 40, a: 50, d: 60});
+     *     x.mergeWith((prev, next) => prev / next, y) // { a: 0.2, b: 0.5, c: 30, d: 60 }
+     *     y.mergeWith((prev, next) => prev / next, x) // { b: 2, a: 5, d: 60, c: 30 }
+     *
+     */
+    mergeWith(
+      merger: (previous?: V, next?: V, key?: K) => V,
+      ...iterables: Iterable<K, V>[]
+    ): Map<K, V>;
+    mergeWith(
+      merger: (previous?: V, next?: V, key?: K) => V,
+      ...iterables: {[key: string]: V}[]
+    ): Map<string, V>;
+
+    /**
+     * Like `merge()`, but when two Iterables conflict, it merges them as well,
+     * recursing deeply through the nested data.
+     *
+     *     var x = Immutable.fromJS({a: { x: 10, y: 10 }, b: { x: 20, y: 50 } });
+     *     var y = Immutable.fromJS({a: { x: 2 }, b: { y: 5 }, c: { z: 3 } });
+     *     x.mergeDeep(y) // {a: { x: 2, y: 10 }, b: { x: 20, y: 5 }, c: { z: 3 } }
+     *
+     */
+    mergeDeep(...iterables: Iterable<K, V>[]): Map<K, V>;
+    mergeDeep(...iterables: {[key: string]: V}[]): Map<string, V>;
+
+    /**
+     * Like `mergeDeep()`, but when two non-Iterables conflict, it uses the
+     * `merger` function to determine the resulting value.
+     *
+     *     var x = Immutable.fromJS({a: { x: 10, y: 10 }, b: { x: 20, y: 50 } });
+     *     var y = Immutable.fromJS({a: { x: 2 }, b: { y: 5 }, c: { z: 3 } });
+     *     x.mergeDeepWith((prev, next) => prev / next, y)
+     *     // {a: { x: 5, y: 10 }, b: { x: 20, y: 10 }, c: { z: 3 } }
+     *
+     */
+    mergeDeepWith(
+      merger: (previous?: V, next?: V, key?: K) => V,
+      ...iterables: Iterable<K, V>[]
+    ): Map<K, V>;
+    mergeDeepWith(
+      merger: (previous?: V, next?: V, key?: K) => V,
+      ...iterables: {[key: string]: V}[]
+    ): Map<string, V>;
+
+
+    // Deep persistent changes
+
+    /**
+     * Returns a new Map having set `value` at this `keyPath`. If any keys in
+     * `keyPath` do not exist, a new immutable Map will be created at that key.
+     */
+    setIn(keyPath: Array<any>, value: any): Map<K, V>;
+    setIn(KeyPath: Iterable<any, any>, value: any): Map<K, V>;
+
+    /**
+     * Returns a new Map having removed the value at this `keyPath`. If any keys
+     * in `keyPath` do not exist, no change will occur.
+     *
+     * @alias removeIn
+     */
+    deleteIn(keyPath: Array<any>): Map<K, V>;
+    deleteIn(keyPath: Iterable<any, any>): Map<K, V>;
+    removeIn(keyPath: Array<any>): Map<K, V>;
+    removeIn(keyPath: Iterable<any, any>): Map<K, V>;
+
+    /**
+     * Returns a new Map having applied the `updater` to the entry found at the
+     * keyPath.
+     *
+     * If any keys in `keyPath` do not exist, new Immutable `Map`s will
+     * be created at those keys. If the `keyPath` does not already contain a
+     * value, the `updater` function will be called with `notSetValue`, if
+     * provided, otherwise `undefined`.
+     *
+     *     var data = Immutable.fromJS({ a: { b: { c: 10 } } });
+     *     data = data.updateIn(['a', 'b', 'c'], val => val * 2);
+     *     // { a: { b: { c: 20 } } }
+     *
+     * If the `updater` function returns the same value it was called with, then
+     * no change will occur. This is still true if `notSetValue` is provided.
+     *
+     *     var data1 = Immutable.fromJS({ a: { b: { c: 10 } } });
+     *     data2 = data1.updateIn(['x', 'y', 'z'], 100, val => val);
+     *     assert(data2 === data1);
+     *
+     */
+    updateIn(
+      keyPath: Array<any>,
+      updater: (value: any) => any
+    ): Map<K, V>;
+    updateIn(
+      keyPath: Array<any>,
+      notSetValue: any,
+      updater: (value: any) => any
+    ): Map<K, V>;
+    updateIn(
+      keyPath: Iterable<any, any>,
+      updater: (value: any) => any
+    ): Map<K, V>;
+    updateIn(
+      keyPath: Iterable<any, any>,
+      notSetValue: any,
+      updater: (value: any) => any
+    ): Map<K, V>;
+
+    /**
+     * A combination of `updateIn` and `merge`, returning a new Map, but
+     * performing the merge at a point arrived at by following the keyPath.
+     * In other words, these two lines are equivalent:
+     *
+     *     x.updateIn(['a', 'b', 'c'], abc => abc.merge(y));
+     *     x.mergeIn(['a', 'b', 'c'], y);
+     *
+     */
+    mergeIn(
+      keyPath: Iterable<any, any>,
+      ...iterables: Iterable<K, V>[]
+    ): Map<K, V>;
+    mergeIn(
+      keyPath: Array<any>,
+      ...iterables: Iterable<K, V>[]
+    ): Map<K, V>;
+    mergeIn(
+      keyPath: Array<any>,
+      ...iterables: {[key: string]: V}[]
+    ): Map<string, V>;
+
+    /**
+     * A combination of `updateIn` and `mergeDeep`, returning a new Map, but
+     * performing the deep merge at a point arrived at by following the keyPath.
+     * In other words, these two lines are equivalent:
+     *
+     *     x.updateIn(['a', 'b', 'c'], abc => abc.mergeDeep(y));
+     *     x.mergeDeepIn(['a', 'b', 'c'], y);
+     *
+     */
+    mergeDeepIn(
+      keyPath: Iterable<any, any>,
+      ...iterables: Iterable<K, V>[]
+    ): Map<K, V>;
+    mergeDeepIn(
+      keyPath: Array<any>,
+      ...iterables: Iterable<K, V>[]
+    ): Map<K, V>;
+    mergeDeepIn(
+      keyPath: Array<any>,
+      ...iterables: {[key: string]: V}[]
+    ): Map<string, V>;
+
+
+    // Transient changes
+
+    /**
+     * Every time you call one of the above functions, a new immutable Map is
+     * created. If a pure function calls a number of these to produce a final
+     * return value, then a penalty on performance and memory has been paid by
+     * creating all of the intermediate immutable Maps.
+     *
+     * If you need to apply a series of mutations to produce a new immutable
+     * Map, `withMutations()` creates a temporary mutable copy of the Map which
+     * can apply mutations in a highly performant manner. In fact, this is
+     * exactly how complex mutations like `merge` are done.
+     *
+     * As an example, this results in the creation of 2, not 4, new Maps:
+     *
+     *     var map1 = Immutable.Map();
+     *     var map2 = map1.withMutations(map => {
+     *       map.set('a', 1).set('b', 2).set('c', 3);
+     *     });
+     *     assert(map1.size === 0);
+     *     assert(map2.size === 3);
+     *
+     * Note: Not all methods can be used on a mutable collection or within
+     * `withMutations`! Only `set` and `merge` may be used mutatively.
+     *
+     */
+    withMutations(mutator: (mutable: Map<K, V>) => any): Map<K, V>;
+
+    /**
+     * Another way to avoid creation of intermediate Immutable maps is to create
+     * a mutable copy of this collection. Mutable copies *always* return `this`,
+     * and thus shouldn't be used for equality. Your function should never return
+     * a mutable copy of a collection, only use it internally to create a new
+     * collection. If possible, use `withMutations` as it provides an easier to
+     * use API.
+     *
+     * Note: if the collection is already mutable, `asMutable` returns itself.
+     *
+     * Note: Not all methods can be used on a mutable collection or within
+     * `withMutations`! Only `set` and `merge` may be used mutatively.
+     */
+    asMutable(): Map<K, V>;
+
+    /**
+     * The yin to `asMutable`'s yang. Because it applies to mutable collections,
+     * this operation is *mutable* and returns itself. Once performed, the mutable
+     * copy has become immutable and can be safely returned from a function.
+     */
+    asImmutable(): Map<K, V>;
+  }
+
+
+  /**
+   * A type of Map that has the additional guarantee that the iteration order of
+   * entries will be the order in which they were set().
+   *
+   * The iteration behavior of OrderedMap is the same as native ES6 Map and
+   * JavaScript Object.
+   *
+   * Note that `OrderedMap` are more expensive than non-ordered `Map` and may
+   * consume more memory. `OrderedMap#set` is amortized O(log32 N), but not
+   * stable.
+   */
+
+  export module OrderedMap {
+
+    /**
+     * True if the provided value is an OrderedMap.
+     */
+    function isOrderedMap(maybeOrderedMap: any): boolean;
+  }
+
+  /**
+   * Creates a new Immutable OrderedMap.
+   *
+   * Created with the same key value pairs as the provided Iterable.Keyed or
+   * JavaScript Object or expects an Iterable of [K, V] tuple entries.
+   *
+   * The iteration order of key-value pairs provided to this constructor will
+   * be preserved in the OrderedMap.
+   *
+   *     var newOrderedMap = OrderedMap({key: "value"});
+   *     var newOrderedMap = OrderedMap([["key", "value"]]);
+   *
+   */
+  export function OrderedMap<K, V>(): OrderedMap<K, V>;
+  export function OrderedMap<K, V>(iter: Iterable.Keyed<K, V>): OrderedMap<K, V>;
+  export function OrderedMap<K, V>(iter: Iterable<any, [K,V]>): OrderedMap<K, V>;
+  export function OrderedMap<K, V>(array: Array<[K,V]>): OrderedMap<K, V>;
+  export function OrderedMap<V>(obj: {[key: string]: V}): OrderedMap<string, V>;
+  export function OrderedMap<K, V>(iterator: Iterator<[K,V]>): OrderedMap<K, V>;
+  export function OrderedMap<K, V>(iterable: Iterable<any, [K,V]>): OrderedMap<K, V>;
+
+  export interface OrderedMap<K, V> extends Map<K, V> {}
+
+
+  /**
+   * A Collection of unique values with `O(log32 N)` adds and has.
+   *
+   * When iterating a Set, the entries will be (value, value) pairs. Iteration
+   * order of a Set is undefined, however is stable. Multiple iterations of the
+   * same Set will iterate in the same order.
+   *
+   * Set values, like Map keys, may be of any type. Equality is determined using
+   * `Immutable.is`, enabling Sets to uniquely include other Immutable
+   * collections, custom value types, and NaN.
+   */
+  export module Set {
+
+    /**
+     * True if the provided value is a Set
+     */
+    function isSet(maybeSet: any): boolean;
+
+    /**
+     * Creates a new Set containing `values`.
+     */
+    function of<T>(...values: T[]): Set<T>;
+
+    /**
+     * `Set.fromKeys()` creates a new immutable Set containing the keys from
+     * this Iterable or JavaScript Object.
+     */
+    function fromKeys<T>(iter: Iterable<T, any>): Set<T>;
+    function fromKeys(obj: {[key: string]: any}): Set<string>;
+  }
+
+  /**
+   * Create a new immutable Set containing the values of the provided
+   * iterable-like.
+   */
+  export function Set<T>(): Set<T>;
+  export function Set<T>(iter: Iterable.Set<T>): Set<T>;
+  export function Set<T>(iter: Iterable.Indexed<T>): Set<T>;
+  export function Set<K, V>(iter: Iterable.Keyed<K, V>): Set<[K,V]>;
+  export function Set<T>(array: Array<T>): Set<T>;
+  export function Set<T>(iterator: Iterator<T>): Set<T>;
+  export function Set<T>(iterable: Iterable<any, T>): Set<T>;
+
+  export interface Set<T> extends Collection.Set<T> {
+
+    // Persistent changes
+
+    /**
+     * Returns a new Set which also includes this value.
+     */
+    add(value: T): Set<T>;
+
+    /**
+     * Returns a new Set which excludes this value.
+     *
+     * Note: `delete` cannot be safely used in IE8
+     * @alias remove
+     */
+    delete(value: T): Set<T>;
+    remove(value: T): Set<T>;
+
+    /**
+     * Returns a new Set containing no values.
+     */
+    clear(): Set<T>;
+
+    /**
+     * Returns a Set including any value from `iterables` that does not already
+     * exist in this Set.
+     * @alias merge
+     */
+    union(...iterables: Iterable<any, T>[]): Set<T>;
+    union(...iterables: Array<T>[]): Set<T>;
+    merge(...iterables: Iterable<any, T>[]): Set<T>;
+    merge(...iterables: Array<T>[]): Set<T>;
+
+
+    /**
+     * Returns a Set which has removed any values not also contained
+     * within `iterables`.
+     */
+    intersect(...iterables: Iterable<any, T>[]): Set<T>;
+    intersect(...iterables: Array<T>[]): Set<T>;
+
+    /**
+     * Returns a Set excluding any values contained within `iterables`.
+     */
+    subtract(...iterables: Iterable<any, T>[]): Set<T>;
+    subtract(...iterables: Array<T>[]): Set<T>;
+
+
+    // Transient changes
+
+    /**
+     * Note: Not all methods can be used on a mutable collection or within
+     * `withMutations`! Only `add` may be used mutatively.
+     *
+     * @see `Map#withMutations`
+     */
+    withMutations(mutator: (mutable: Set<T>) => any): Set<T>;
+
+    /**
+     * @see `Map#asMutable`
+     */
+    asMutable(): Set<T>;
+
+    /**
+     * @see `Map#asImmutable`
+     */
+    asImmutable(): Set<T>;
+  }
+
+
+  /**
+   * A type of Set that has the additional guarantee that the iteration order of
+   * values will be the order in which they were `add`ed.
+   *
+   * The iteration behavior of OrderedSet is the same as native ES6 Set.
+   *
+   * Note that `OrderedSet` are more expensive than non-ordered `Set` and may
+   * consume more memory. `OrderedSet#add` is amortized O(log32 N), but not
+   * stable.
+   */
+  export module OrderedSet {
+
+    /**
+     * True if the provided value is an OrderedSet.
+     */
+    function isOrderedSet(maybeOrderedSet: any): boolean;
+
+    /**
+     * Creates a new OrderedSet containing `values`.
+     */
+    function of<T>(...values: T[]): OrderedSet<T>;
+
+    /**
+     * `OrderedSet.fromKeys()` creates a new immutable OrderedSet containing
+     * the keys from this Iterable or JavaScript Object.
+     */
+    function fromKeys<T>(iter: Iterable<T, any>): OrderedSet<T>;
+    function fromKeys(obj: {[key: string]: any}): OrderedSet<string>;
+  }
+
+  /**
+   * Create a new immutable OrderedSet containing the values of the provided
+   * iterable-like.
+   */
+  export function OrderedSet<T>(): OrderedSet<T>;
+  export function OrderedSet<T>(iter: Iterable.Set<T>): OrderedSet<T>;
+  export function OrderedSet<T>(iter: Iterable.Indexed<T>): OrderedSet<T>;
+  export function OrderedSet<K, V>(iter: Iterable.Keyed<K, V>): OrderedSet<[K,V]>;
+  export function OrderedSet<T>(array: Array<T>): OrderedSet<T>;
+  export function OrderedSet<T>(iterator: Iterator<T>): OrderedSet<T>;
+  export function OrderedSet<T>(iterable: Iterable<any, T>): OrderedSet<T>;
+
+  export interface OrderedSet<T> extends Set<T> {}
+
+
+  /**
+   * Stacks are indexed collections which support very efficient O(1) addition
+   * and removal from the front using `unshift(v)` and `shift()`.
+   *
+   * For familiarity, Stack also provides `push(v)`, `pop()`, and `peek()`, but
+   * be aware that they also operate on the front of the list, unlike List or
+   * a JavaScript Array.
+   *
+   * Note: `reverse()` or any inherent reverse traversal (`reduceRight`,
+   * `lastIndexOf`, etc.) is not efficient with a Stack.
+   *
+   * Stack is implemented with a Single-Linked List.
+   */
+  export module Stack {
+
+    /**
+     * True if the provided value is a Stack
+     */
+    function isStack(maybeStack: any): boolean;
+
+    /**
+     * Creates a new Stack containing `values`.
+     */
+    function of<T>(...values: T[]): Stack<T>;
+  }
+
+  /**
+   * Create a new immutable Stack containing the values of the provided
+   * iterable-like.
+   *
+   * The iteration order of the provided iterable is preserved in the
+   * resulting `Stack`.
+   */
+  export function Stack<T>(): Stack<T>;
+  export function Stack<T>(iter: Iterable.Indexed<T>): Stack<T>;
+  export function Stack<T>(iter: Iterable.Set<T>): Stack<T>;
+  export function Stack<K, V>(iter: Iterable.Keyed<K, V>): Stack<[K,V]>;
+  export function Stack<T>(array: Array<T>): Stack<T>;
+  export function Stack<T>(iterator: Iterator<T>): Stack<T>;
+  export function Stack<T>(iterable: Iterable<any, T>): Stack<T>;
+
+  export interface Stack<T> extends Collection.Indexed<T> {
+
+    // Reading values
+
+    /**
+     * Alias for `Stack.first()`.
+     */
+    peek(): T;
+
+
+    // Persistent changes
+
+    /**
+     * Returns a new Stack with 0 size and no values.
+     */
+    clear(): Stack<T>;
+
+    /**
+     * Returns a new Stack with the provided `values` prepended, shifting other
+     * values ahead to higher indices.
+     *
+     * This is very efficient for Stack.
+     */
+    unshift(...values: T[]): Stack<T>;
+
+    /**
+     * Like `Stack#unshift`, but accepts a iterable rather than varargs.
+     */
+    unshiftAll(iter: Iterable<any, T>): Stack<T>;
+    unshiftAll(iter: Array<T>): Stack<T>;
+
+    /**
+     * Returns a new Stack with a size ones less than this Stack, excluding
+     * the first item in this Stack, shifting all other values to a lower index.
+     *
+     * Note: this differs from `Array#shift` because it returns a new
+     * Stack rather than the removed value. Use `first()` or `peek()` to get the
+     * first value in this Stack.
+     */
+    shift(): Stack<T>;
+
+    /**
+     * Alias for `Stack#unshift` and is not equivalent to `List#push`.
+     */
+    push(...values: T[]): Stack<T>;
+
+    /**
+     * Alias for `Stack#unshiftAll`.
+     */
+    pushAll(iter: Iterable<any, T>): Stack<T>;
+    pushAll(iter: Array<T>): Stack<T>;
+
+    /**
+     * Alias for `Stack#shift` and is not equivalent to `List#pop`.
+     */
+    pop(): Stack<T>;
+
+
+    // Transient changes
+
+    /**
+     * Note: Not all methods can be used on a mutable collection or within
+     * `withMutations`! Only `set`, `push`, and `pop` may be used mutatively.
+     *
+     * @see `Map#withMutations`
+     */
+    withMutations(mutator: (mutable: Stack<T>) => any): Stack<T>;
+
+    /**
+     * @see `Map#asMutable`
+     */
+    asMutable(): Stack<T>;
+
+    /**
+     * @see `Map#asImmutable`
+     */
+    asImmutable(): Stack<T>;
+  }
+
+
+  /**
+   * Returns a Seq.Indexed of numbers from `start` (inclusive) to `end`
+   * (exclusive), by `step`, where `start` defaults to 0, `step` to 1, and `end` to
+   * infinity. When `start` is equal to `end`, returns empty range.
+   *
+   *     Range() // [0,1,2,3,...]
+   *     Range(10) // [10,11,12,13,...]
+   *     Range(10,15) // [10,11,12,13,14]
+   *     Range(10,30,5) // [10,15,20,25]
+   *     Range(30,10,5) // [30,25,20,15]
+   *     Range(30,30,5) // []
+   *
+   */
+  export function Range(start?: number, end?: number, step?: number): Seq.Indexed<number>;
+
+
+  /**
+   * Returns a Seq.Indexed of `value` repeated `times` times. When `times` is
+   * not defined, returns an infinite `Seq` of `value`.
+   *
+   *     Repeat('foo') // ['foo','foo','foo',...]
+   *     Repeat('bar',4) // ['bar','bar','bar','bar']
+   *
+   */
+  export function Repeat<T>(value: T, times?: number): Seq.Indexed<T>;
+
+
+  /**
+   * Creates a new Class which produces Record instances. A record is similar to
+   * a JS object, but enforce a specific set of allowed string keys, and have
+   * default values.
+   *
+   *     var ABRecord = Record({a:1, b:2})
+   *     var myRecord = new ABRecord({b:3})
+   *
+   * Records always have a value for the keys they define. `remove`ing a key
+   * from a record simply resets it to the default value for that key.
+   *
+   *     myRecord.size // 2
+   *     myRecord.get('a') // 1
+   *     myRecord.get('b') // 3
+   *     myRecordWithoutB = myRecord.remove('b')
+   *     myRecordWithoutB.get('b') // 2
+   *     myRecordWithoutB.size // 2
+   *
+   * Values provided to the constructor not found in the Record type will
+   * be ignored. For example, in this case, ABRecord is provided a key "x" even
+   * though only "a" and "b" have been defined. The value for "x" will be
+   * ignored for this record.
+   *
+   *     var myRecord = new ABRecord({b:3, x:10})
+   *     myRecord.get('x') // undefined
+   *
+   * Because Records have a known set of string keys, property get access works
+   * as expected, however property sets will throw an Error.
+   *
+   * Note: IE8 does not support property access. Only use `get()` when
+   * supporting IE8.
+   *
+   *     myRecord.b // 3
+   *     myRecord.b = 5 // throws Error
+   *
+   * Record Classes can be extended as well, allowing for custom methods on your
+   * Record. This is not a common pattern in functional environments, but is in
+   * many JS programs.
+   *
+   * Note: TypeScript does not support this type of subclassing.
+   *
+   *     class ABRecord extends Record({a:1,b:2}) {
+   *       getAB() {
+   *         return this.a + this.b;
+   *       }
+   *     }
+   *
+   *     var myRecord = new ABRecord({b: 3})
+   *     myRecord.getAB() // 4
+   *
+   */
+  export module Record {
+    export interface Class {
+      new (): Map<string, any>;
+      new (values: {[key: string]: any}): Map<string, any>;
+      new (values: Iterable<string, any>): Map<string, any>; // deprecated
+
+      (): Map<string, any>;
+      (values: {[key: string]: any}): Map<string, any>;
+      (values: Iterable<string, any>): Map<string, any>; // deprecated
+    }
+  }
+
+  export function Record(
+    defaultValues: {[key: string]: any}, name?: string
+  ): Record.Class;
+
+
+  /**
+   * Represents a sequence of values, but may not be backed by a concrete data
+   * structure.
+   *
+   * **Seq is immutable** — Once a Seq is created, it cannot be
+   * changed, appended to, rearranged or otherwise modified. Instead, any
+   * mutative method called on a `Seq` will return a new `Seq`.
+   *
+   * **Seq is lazy** — Seq does as little work as necessary to respond to any
+   * method call. Values are often created during iteration, including implicit
+   * iteration when reducing or converting to a concrete data structure such as
+   * a `List` or JavaScript `Array`.
+   *
+   * For example, the following performs no work, because the resulting
+   * Seq's values are never iterated:
+   *
+   *     var oddSquares = Immutable.Seq.of(1,2,3,4,5,6,7,8)
+   *       .filter(x => x % 2).map(x => x * x);
+   *
+   * Once the Seq is used, it performs only the work necessary. In this
+   * example, no intermediate data structures are ever created, filter is only
+   * called three times, and map is only called once:
+   *
+   *     console.log(oddSquares.get(1)); // 9
+   *
+   * Seq allows for the efficient chaining of operations,
+   * allowing for the expression of logic that can otherwise be very tedious:
+   *
+   *     Immutable.Seq({a:1, b:1, c:1})
+   *       .flip().map(key => key.toUpperCase()).flip().toObject();
+   *     // Map { A: 1, B: 1, C: 1 }
+   *
+   * As well as expressing logic that would otherwise be memory or time limited:
+   *
+   *     Immutable.Range(1, Infinity)
+   *       .skip(1000)
+   *       .map(n => -n)
+   *       .filter(n => n % 2 === 0)
+   *       .take(2)
+   *       .reduce((r, n) => r * n, 1);
+   *     // 1006008
+   *
+   * Seq is often used to provide a rich collection API to JavaScript Object.
+   *
+   *     Immutable.Seq({ x: 0, y: 1, z: 2 }).map(v => v * 2).toObject();
+   *     // { x: 0, y: 2, z: 4 }
+   */
+
+  export module Seq {
+    /**
+     * True if `maybeSeq` is a Seq, it is not backed by a concrete
+     * structure such as Map, List, or Set.
+     */
+    function isSeq(maybeSeq: any): boolean;
+
+    /**
+     * Returns a Seq of the values provided. Alias for `Seq.Indexed.of()`.
+     */
+    function of<T>(...values: T[]): Seq.Indexed<T>;
+
+
+    /**
+     * `Seq` which represents key-value pairs.
+     */
+    export module Keyed {}
+
+    /**
+     * Always returns a Seq.Keyed, if input is not keyed, expects an
+     * iterable of [K, V] tuples.
+     */
+    export function Keyed<K, V>(): Seq.Keyed<K, V>;
+    export function Keyed<K, V>(seq: Iterable.Keyed<K, V>): Seq.Keyed<K, V>;
+    export function Keyed<K, V>(seq: Iterable<any, [K,V]>): Seq.Keyed<K, V>;
+    export function Keyed<K, V>(array: Array<[K,V]>): Seq.Keyed<K, V>;
+    export function Keyed<V>(obj: {[key: string]: V}): Seq.Keyed<string, V>;
+    export function Keyed<K, V>(iterator: Iterator<[K,V]>): Seq.Keyed<K, V>;
+    export function Keyed<K, V>(iterable: Iterable<any, [K,V]>): Seq.Keyed<K, V>;
+
+    export interface Keyed<K, V> extends Seq<K, V>, Iterable.Keyed<K, V> {
+
+      /**
+       * Returns itself
+       */
+      toSeq(): this
+    }
+
+
+    /**
+     * `Seq` which represents an ordered indexed list of values.
+     */
+    module Indexed {
+
+      /**
+       * Provides an Seq.Indexed of the values provided.
+       */
+      function of<T>(...values: T[]): Seq.Indexed<T>;
+    }
+
+    /**
+     * Always returns Seq.Indexed, discarding associated keys and
+     * supplying incrementing indices.
+     */
+    export function Indexed<T>(): Seq.Indexed<T>;
+    export function Indexed<T>(seq: Iterable.Indexed<T>): Seq.Indexed<T>;
+    export function Indexed<T>(seq: Iterable.Set<T>): Seq.Indexed<T>;
+    export function Indexed<K, V>(seq: Iterable.Keyed<K, V>): Seq.Indexed<[K,V]>;
+    export function Indexed<T>(array: Array<T>): Seq.Indexed<T>;
+    export function Indexed<T>(iterator: Iterator<T>): Seq.Indexed<T>;
+    export function Indexed<T>(iterable: Iterable<any, T>): Seq.Indexed<T>;
+
+    export interface Indexed<T> extends Seq<number, T>, Iterable.Indexed<T> {
+
+      /**
+       * Returns itself
+       */
+      toSeq(): this
+    }
+
+
+    /**
+     * `Seq` which represents a set of values.
+     *
+     * Because `Seq` are often lazy, `Seq.Set` does not provide the same guarantee
+     * of value uniqueness as the concrete `Set`.
+     */
+    export module Set {
+
+      /**
+       * Returns a Seq.Set of the provided values
+       */
+      function of<T>(...values: T[]): Seq.Set<T>;
+    }
+
+    /**
+     * Always returns a Seq.Set, discarding associated indices or keys.
+     */
+    export function Set<T>(): Seq.Set<T>;
+    export function Set<T>(seq: Iterable.Set<T>): Seq.Set<T>;
+    export function Set<T>(seq: Iterable.Indexed<T>): Seq.Set<T>;
+    export function Set<K, V>(seq: Iterable.Keyed<K, V>): Seq.Set<[K,V]>;
+    export function Set<T>(array: Array<T>): Seq.Set<T>;
+    export function Set<T>(iterator: Iterator<T>): Seq.Set<T>;
+    export function Set<T>(iterable: Iterable<any, T>): Seq.Set<T>;
+
+    export interface Set<T> extends Seq<T, T>, Iterable.Set<T> {
+
+      /**
+       * Returns itself
+       */
+      toSeq(): this
+    }
+
+  }
+
+  /**
+   * Creates a Seq.
+   *
+   * Returns a particular kind of `Seq` based on the input.
+   *
+   *   * If a `Seq`, that same `Seq`.
+   *   * If an `Iterable`, a `Seq` of the same kind (Keyed, Indexed, or Set).
+   *   * If an Array-like, an `Seq.Indexed`.
+   *   * If an Object with an Iterator, an `Seq.Indexed`.
+   *   * If an Iterator, an `Seq.Indexed`.
+   *   * If an Object, a `Seq.Keyed`.
+   *
+   */
+  export function Seq<K, V>(): Seq<K, V>;
+  export function Seq<K, V>(seq: Seq<K, V>): Seq<K, V>;
+  export function Seq<K, V>(iterable: Iterable<K, V>): Seq<K, V>;
+  export function Seq<T>(array: Array<T>): Seq.Indexed<T>;
+  export function Seq<V>(obj: {[key: string]: V}): Seq.Keyed<string, V>;
+  export function Seq<T>(iterator: Iterator<T>): Seq.Indexed<T>;
+  export function Seq<T>(iterable: Iterable<any, T>): Seq.Indexed<T>;
+
+  export interface Seq<K, V> extends Iterable<K, V> {
+
+    /**
+     * Some Seqs can describe their size lazily. When this is the case,
+     * size will be an integer. Otherwise it will be undefined.
+     *
+     * For example, Seqs returned from `map()` or `reverse()`
+     * preserve the size of the original `Seq` while `filter()` does not.
+     *
+     * Note: `Range`, `Repeat` and `Seq`s made from `Array`s and `Object`s will
+     * always have a size.
+     */
+    size: number/*?*/;
+
+
+    // Force evaluation
+
+    /**
+     * Because Sequences are lazy and designed to be chained together, they do
+     * not cache their results. For example, this map function is called a total
+     * of 6 times, as each `join` iterates the Seq of three values.
+     *
+     *     var squares = Seq.of(1,2,3).map(x => x * x);
+     *     squares.join() + squares.join();
+     *
+     * If you know a `Seq` will be used multiple times, it may be more
+     * efficient to first cache it in memory. Here, the map function is called
+     * only 3 times.
+     *
+     *     var squares = Seq.of(1,2,3).map(x => x * x).cacheResult();
+     *     squares.join() + squares.join();
+     *
+     * Use this method judiciously, as it must fully evaluate a Seq which can be
+     * a burden on memory and possibly performance.
+     *
+     * Note: after calling `cacheResult`, a Seq will always have a `size`.
+     */
+    cacheResult(): this;
+  }
+
+  /**
+   * The `Iterable` is a set of (key, value) entries which can be iterated, and
+   * is the base class for all collections in `immutable`, allowing them to
+   * make use of all the Iterable methods (such as `map` and `filter`).
+   *
+   * Note: An iterable is always iterated in the same order, however that order
+   * may not always be well defined, as is the case for the `Map` and `Set`.
+   */
+  export module Iterable {
+    /**
+     * True if `maybeIterable` is an Iterable, or any of its subclasses.
+     */
+    function isIterable(maybeIterable: any): boolean;
+
+    /**
+     * True if `maybeKeyed` is an Iterable.Keyed, or any of its subclasses.
+     */
+    function isKeyed(maybeKeyed: any): boolean;
+
+    /**
+     * True if `maybeIndexed` is a Iterable.Indexed, or any of its subclasses.
+     */
+    function isIndexed(maybeIndexed: any): boolean;
+
+    /**
+     * True if `maybeAssociative` is either a keyed or indexed Iterable.
+     */
+    function isAssociative(maybeAssociative: any): boolean;
+
+    /**
+     * True if `maybeOrdered` is an Iterable where iteration order is well
+     * defined. True for Iterable.Indexed as well as OrderedMap and OrderedSet.
+     */
+    function isOrdered(maybeOrdered: any): boolean;
+
+
+    /**
+     * Keyed Iterables have discrete keys tied to each value.
+     *
+     * When iterating `Iterable.Keyed`, each iteration will yield a `[K, V]`
+     * tuple, in other words, `Iterable#entries` is the default iterator for
+     * Keyed Iterables.
+     */
+    export module Keyed {}
+
+    /**
+     * Creates an Iterable.Keyed
+     *
+     * Similar to `Iterable()`, however it expects iterable-likes of [K, V]
+     * tuples if not constructed from a Iterable.Keyed or JS Object.
+     */
+    export function Keyed<K, V>(iter: Iterable.Keyed<K, V>): Iterable.Keyed<K, V>;
+    export function Keyed<K, V>(iter: Iterable<any, [K,V]>): Iterable.Keyed<K, V>;
+    export function Keyed<K, V>(array: Array<[K,V]>): Iterable.Keyed<K, V>;
+    export function Keyed<V>(obj: {[key: string]: V}): Iterable.Keyed<string, V>;
+    export function Keyed<K, V>(iterator: Iterator<[K,V]>): Iterable.Keyed<K, V>;
+    export function Keyed<K, V>(iterable: Iterable<any, [K,V]>): Iterable.Keyed<K, V>;
+
+    export interface Keyed<K, V> extends Iterable<K, V> {
+
+      /**
+       * Returns Seq.Keyed.
+       * @override
+       */
+      toSeq(): Seq.Keyed<K, V>;
+
+
+      // Sequence functions
+
+      /**
+       * Returns a new Iterable.Keyed of the same type where the keys and values
+       * have been flipped.
+       *
+       *     Seq({ a: 'z', b: 'y' }).flip() // { z: 'a', y: 'b' }
+       *
+       */
+      flip(): this;
+
+      /**
+       * Returns a new Iterable.Keyed of the same type with keys passed through
+       * a `mapper` function.
+       *
+       *     Seq({ a: 1, b: 2 })
+       *       .mapKeys(x => x.toUpperCase())
+       *     // Seq { A: 1, B: 2 }
+       *
+       */
+      mapKeys<M>(
+        mapper: (key?: K, value?: V, iter?: this) => M,
+        context?: any
+      ): /*this*/Iterable.Keyed<M, V>;
+
+      /**
+       * Returns a new Iterable.Keyed of the same type with entries
+       * ([key, value] tuples) passed through a `mapper` function.
+       *
+       *     Seq({ a: 1, b: 2 })
+       *       .mapEntries(([k, v]) => [k.toUpperCase(), v * 2])
+       *     // Seq { A: 2, B: 4 }
+       *
+       */
+      mapEntries<KM, VM>(
+        mapper: (
+          entry?: [K, V],
+          index?: number,
+          iter?: this
+        ) => [KM, VM],
+        context?: any
+      ): /*this*/Iterable.Keyed<KM, VM>;
+    }
+
+
+    /**
+     * Indexed Iterables have incrementing numeric keys. They exhibit
+     * slightly different behavior than `Iterable.Keyed` for some methods in order
+     * to better mirror the behavior of JavaScript's `Array`, and add methods
+     * which do not make sense on non-indexed Iterables such as `indexOf`.
+     *
+     * Unlike JavaScript arrays, `Iterable.Indexed`s are always dense. "Unset"
+     * indices and `undefined` indices are indistinguishable, and all indices from
+     * 0 to `size` are visited when iterated.
+     *
+     * All Iterable.Indexed methods return re-indexed Iterables. In other words,
+     * indices always start at 0 and increment until size. If you wish to
+     * preserve indices, using them as keys, convert to a Iterable.Keyed by
+     * calling `toKeyedSeq`.
+     */
+    export module Indexed {}
+
+    /**
+     * Creates a new Iterable.Indexed.
+     */
+    export function Indexed<T>(iter: Iterable.Indexed<T>): Iterable.Indexed<T>;
+    export function Indexed<T>(iter: Iterable.Set<T>): Iterable.Indexed<T>;
+    export function Indexed<K, V>(iter: Iterable.Keyed<K, V>): Iterable.Indexed<[K,V]>;
+    export function Indexed<T>(array: Array<T>): Iterable.Indexed<T>;
+    export function Indexed<T>(iterator: Iterator<T>): Iterable.Indexed<T>;
+    export function Indexed<T>(iterable: Iterable<any, T>): Iterable.Indexed<T>;
+
+    export interface Indexed<T> extends Iterable<number, T> {
+
+      // Reading values
+
+      /**
+       * Returns the value associated with the provided index, or notSetValue if
+       * the index is beyond the bounds of the Iterable.
+       *
+       * `index` may be a negative number, which indexes back from the end of the
+       * Iterable. `s.get(-1)` gets the last item in the Iterable.
+       */
+      get(index: number, notSetValue?: T): T;
+
+
+      // Conversion to Seq
+
+      /**
+       * Returns Seq.Indexed.
+       * @override
+       */
+      toSeq(): Seq.Indexed<T>;
+
+      /**
+       * If this is an iterable of [key, value] entry tuples, it will return a
+       * Seq.Keyed of those entries.
+       */
+      fromEntrySeq(): Seq.Keyed<any, any>;
+
+
+      // Combination
+
+      /**
+       * Returns an Iterable of the same type with `separator` between each item
+       * in this Iterable.
+       */
+      interpose(separator: T): this;
+
+      /**
+       * Returns an Iterable of the same type with the provided `iterables`
+       * interleaved into this iterable.
+       *
+       * The resulting Iterable includes the first item from each, then the
+       * second from each, etc.
+       *
+       *     I.Seq.of(1,2,3).interleave(I.Seq.of('A','B','C'))
+       *     // Seq [ 1, 'A', 2, 'B', 3, 'C' ]
+       *
+       * The shortest Iterable stops interleave.
+       *
+       *     I.Seq.of(1,2,3).interleave(
+       *       I.Seq.of('A','B'),
+       *       I.Seq.of('X','Y','Z')
+       *     )
+       *     // Seq [ 1, 'A', 'X', 2, 'B', 'Y' ]
+       */
+      interleave(...iterables: Array<Iterable<any, T>>): this;
+
+      /**
+       * Splice returns a new indexed Iterable by replacing a region of this
+       * Iterable with new values. If values are not provided, it only skips the
+       * region to be removed.
+       *
+       * `index` may be a negative number, which indexes back from the end of the
+       * Iterable. `s.splice(-2)` splices after the second to last item.
+       *
+       *     Seq(['a','b','c','d']).splice(1, 2, 'q', 'r', 's')
+       *     // Seq ['a', 'q', 'r', 's', 'd']
+       *
+       */
+      splice(
+        index: number,
+        removeNum: number,
+        ...values: Array<Iterable.Indexed<T> | T>
+      ): this;
+
+      /**
+       * Returns an Iterable of the same type "zipped" with the provided
+       * iterables.
+       *
+       * Like `zipWith`, but using the default `zipper`: creating an `Array`.
+       *
+       *     var a = Seq.of(1, 2, 3);
+       *     var b = Seq.of(4, 5, 6);
+       *     var c = a.zip(b); // Seq [ [ 1, 4 ], [ 2, 5 ], [ 3, 6 ] ]
+       *
+       */
+      zip(...iterables: Array<Iterable<any, any>>): this;
+
+      /**
+       * Returns an Iterable of the same type "zipped" with the provided
+       * iterables by using a custom `zipper` function.
+       *
+       *     var a = Seq.of(1, 2, 3);
+       *     var b = Seq.of(4, 5, 6);
+       *     var c = a.zipWith((a, b) => a + b, b); // Seq [ 5, 7, 9 ]
+       *
+       */
+      zipWith<U, Z>(
+        zipper: (value: T, otherValue: U) => Z,
+        otherIterable: Iterable<any, U>
+      ): Iterable.Indexed<Z>;
+      zipWith<U, V, Z>(
+        zipper: (value: T, otherValue: U, thirdValue: V) => Z,
+        otherIterable: Iterable<any, U>,
+        thirdIterable: Iterable<any, V>
+      ): Iterable.Indexed<Z>;
+      zipWith<Z>(
+        zipper: (...any: Array<any>) => Z,
+        ...iterables: Array<Iterable<any, any>>
+      ): Iterable.Indexed<Z>;
+
+
+      // Search for value
+
+      /**
+       * Returns the first index at which a given value can be found in the
+       * Iterable, or -1 if it is not present.
+       */
+      indexOf(searchValue: T): number;
+
+      /**
+       * Returns the last index at which a given value can be found in the
+       * Iterable, or -1 if it is not present.
+       */
+      lastIndexOf(searchValue: T): number;
+
+      /**
+       * Returns the first index in the Iterable where a value satisfies the
+       * provided predicate function. Otherwise -1 is returned.
+       */
+      findIndex(
+        predicate: (value?: T, index?: number, iter?: this) => boolean,
+        context?: any
+      ): number;
+
+      /**
+       * Returns the last index in the Iterable where a value satisfies the
+       * provided predicate function. Otherwise -1 is returned.
+       */
+      findLastIndex(
+        predicate: (value?: T, index?: number, iter?: this) => boolean,
+        context?: any
+      ): number;
+    }
+
+
+    /**
+     * Set Iterables only represent values. They have no associated keys or
+     * indices. Duplicate values are possible in Seq.Sets, however the
+     * concrete `Set` does not allow duplicate values.
+     *
+     * Iterable methods on Iterable.Set such as `map` and `forEach` will provide
+     * the value as both the first and second arguments to the provided function.
+     *
+     *     var seq = Seq.Set.of('A', 'B', 'C');
+     *     assert.equal(seq.every((v, k) => v === k), true);
+     *
+     */
+    export module Set {}
+
+    /**
+     * Similar to `Iterable()`, but always returns a Iterable.Set.
+     */
+    export function Set<T>(iter: Iterable.Set<T>): Iterable.Set<T>;
+    export function Set<T>(iter: Iterable.Indexed<T>): Iterable.Set<T>;
+    export function Set<K, V>(iter: Iterable.Keyed<K, V>): Iterable.Set<[K,V]>;
+    export function Set<T>(array: Array<T>): Iterable.Set<T>;
+    export function Set<T>(iterator: Iterator<T>): Iterable.Set<T>;
+    export function Set<T>(iterable: Iterable<any, T>): Iterable.Set<T>;
+
+    export interface Set<T> extends Iterable<T, T> {
+
+      /**
+       * Returns Seq.Set.
+       * @override
+       */
+      toSeq(): Seq.Set<T>;
+    }
+
+  }
+
+  /**
+   * Creates an Iterable.
+   *
+   * The type of Iterable created is based on the input.
+   *
+   *   * If an `Iterable`, that same `Iterable`.
+   *   * If an Array-like, an `Iterable.Indexed`.
+   *   * If an Object with an Iterator, an `Iterable.Indexed`.
+   *   * If an Iterator, an `Iterable.Indexed`.
+   *   * If an Object, an `Iterable.Keyed`.
+   *
+   * This methods forces the conversion of Objects and Strings to Iterables.
+   * If you want to ensure that a Iterable of one item is returned, use
+   * `Seq.of`.
+   */
+  export function Iterable<K, V>(iterable: Iterable<K, V>): Iterable<K, V>;
+  export function Iterable<T>(array: Array<T>): Iterable.Indexed<T>;
+  export function Iterable<V>(obj: {[key: string]: V}): Iterable.Keyed<string, V>;
+  export function Iterable<T>(iterator: Iterator<T>): Iterable.Indexed<T>;
+  export function Iterable<T>(iterable: Iterable<any, T>): Iterable.Indexed<T>;
+  export function Iterable<V>(value: V): Iterable.Indexed<V>;
+
+  export interface Iterable<K, V> {
+
+    // Value equality
+
+    /**
+     * True if this and the other Iterable have value equality, as defined
+     * by `Immutable.is()`.
+     *
+     * Note: This is equivalent to `Immutable.is(this, other)`, but provided to
+     * allow for chained expressions.
+     */
+    equals(other: Iterable<K, V>): boolean;
+
+    /**
+     * Computes and returns the hashed identity for this Iterable.
+     *
+     * The `hashCode` of an Iterable is used to determine potential equality,
+     * and is used when adding this to a `Set` or as a key in a `Map`, enabling
+     * lookup via a different instance.
+     *
+     *     var a = List.of(1, 2, 3);
+     *     var b = List.of(1, 2, 3);
+     *     assert(a !== b); // different instances
+     *     var set = Set.of(a);
+     *     assert(set.has(b) === true);
+     *
+     * If two values have the same `hashCode`, they are [not guaranteed
+     * to be equal][Hash Collision]. If two values have different `hashCode`s,
+     * they must not be equal.
+     *
+     * [Hash Collision]: http://en.wikipedia.org/wiki/Collision_(computer_science)
+     */
+    hashCode(): number;
+
+
+    // Reading values
+
+    /**
+     * Returns the value associated with the provided key, or notSetValue if
+     * the Iterable does not contain this key.
+     *
+     * Note: it is possible a key may be associated with an `undefined` value,
+     * so if `notSetValue` is not provided and this method returns `undefined`,
+     * that does not guarantee the key was not found.
+     */
+    get(key: K, notSetValue?: V): V;
+
+    /**
+     * True if a key exists within this `Iterable`, using `Immutable.is` to determine equality
+     */
+    has(key: K): boolean;
+
+    /**
+     * True if a value exists within this `Iterable`, using `Immutable.is` to determine equality
+     * @alias contains
+     */
+    includes(value: V): boolean;
+    contains(value: V): boolean;
+
+    /**
+     * The first value in the Iterable.
+     */
+    first(): V;
+
+    /**
+     * The last value in the Iterable.
+     */
+    last(): V;
+
+
+    // Reading deep values
+
+    /**
+     * Returns the value found by following a path of keys or indices through
+     * nested Iterables.
+     */
+    getIn(searchKeyPath: Array<any>, notSetValue?: any): any;
+    getIn(searchKeyPath: Iterable<any, any>, notSetValue?: any): any;
+
+    /**
+     * True if the result of following a path of keys or indices through nested
+     * Iterables results in a set value.
+     */
+    hasIn(searchKeyPath: Array<any>): boolean;
+    hasIn(searchKeyPath: Iterable<any, any>): boolean;
+
+
+    // Conversion to JavaScript types
+
+    /**
+     * Deeply converts this Iterable to equivalent JS.
+     *
+     * `Iterable.Indexeds`, and `Iterable.Sets` become Arrays, while
+     * `Iterable.Keyeds` become Objects.
+     *
+     * @alias toJSON
+     */
+    toJS(): any;
+
+    /**
+     * Shallowly converts this iterable to an Array, discarding keys.
+     */
+    toArray(): Array<V>;
+
+    /**
+     * Shallowly converts this Iterable to an Object.
+     *
+     * Throws if keys are not strings.
+     */
+    toObject(): { [key: string]: V };
+
+
+    // Conversion to Collections
+
+    /**
+     * Converts this Iterable to a Map, Throws if keys are not hashable.
+     *
+     * Note: This is equivalent to `Map(this.toKeyedSeq())`, but provided
+     * for convenience and to allow for chained expressions.
+     */
+    toMap(): Map<K, V>;
+
+    /**
+     * Converts this Iterable to a Map, maintaining the order of iteration.
+     *
+     * Note: This is equivalent to `OrderedMap(this.toKeyedSeq())`, but
+     * provided for convenience and to allow for chained expressions.
+     */
+    toOrderedMap(): OrderedMap<K, V>;
+
+    /**
+     * Converts this Iterable to a Set, discarding keys. Throws if values
+     * are not hashable.
+     *
+     * Note: This is equivalent to `Set(this)`, but provided to allow for
+     * chained expressions.
+     */
+    toSet(): Set<V>;
+
+    /**
+     * Converts this Iterable to a Set, maintaining the order of iteration and
+     * discarding keys.
+     *
+     * Note: This is equivalent to `OrderedSet(this.valueSeq())`, but provided
+     * for convenience and to allow for chained expressions.
+     */
+    toOrderedSet(): OrderedSet<V>;
+
+    /**
+     * Converts this Iterable to a List, discarding keys.
+     *
+     * Note: This is equivalent to `List(this)`, but provided to allow
+     * for chained expressions.
+     */
+    toList(): List<V>;
+
+    /**
+     * Converts this Iterable to a Stack, discarding keys. Throws if values
+     * are not hashable.
+     *
+     * Note: This is equivalent to `Stack(this)`, but provided to allow for
+     * chained expressions.
+     */
+    toStack(): Stack<V>;
+
+
+    // Conversion to Seq
+
+    /**
+     * Converts this Iterable to a Seq of the same kind (indexed,
+     * keyed, or set).
+     */
+    toSeq(): Seq<K, V>;
+
+    /**
+     * Returns a Seq.Keyed from this Iterable where indices are treated as keys.
+     *
+     * This is useful if you want to operate on an
+     * Iterable.Indexed and preserve the [index, value] pairs.
+     *
+     * The returned Seq will have identical iteration order as
+     * this Iterable.
+     *
+     * Example:
+     *
+     *     var indexedSeq = Immutable.Seq.of('A', 'B', 'C');
+     *     indexedSeq.filter(v => v === 'B').toString() // Seq [ 'B' ]
+     *     var keyedSeq = indexedSeq.toKeyedSeq();
+     *     keyedSeq.filter(v => v === 'B').toString() // Seq { 1: 'B' }
+     *
+     */
+    toKeyedSeq(): Seq.Keyed<K, V>;
+
+    /**
+     * Returns an Seq.Indexed of the values of this Iterable, discarding keys.
+     */
+    toIndexedSeq(): Seq.Indexed<V>;
+
+    /**
+     * Returns a Seq.Set of the values of this Iterable, discarding keys.
+     */
+    toSetSeq(): Seq.Set<V>;
+
+
+    // Iterators
+
+    /**
+     * An iterator of this `Iterable`'s keys.
+     *
+     * Note: this will return an ES6 iterator which does not support Immutable JS sequence algorithms. Use `keySeq` instead, if this is what you want.
+     */
+    keys(): Iterator<K>;
+
+    /**
+     * An iterator of this `Iterable`'s values.
+     *
+     * Note: this will return an ES6 iterator which does not support Immutable JS sequence algorithms. Use `valueSeq` instead, if this is what you want.
+     */
+    values(): Iterator<V>;
+
+    /**
+     * An iterator of this `Iterable`'s entries as `[key, value]` tuples.
+     *
+     * Note: this will return an ES6 iterator which does not support Immutable JS sequence algorithms. Use `entrySeq` instead, if this is what you want.
+     */
+    entries(): Iterator<[K, V]>;
+
+
+    // Iterables (Seq)
+
+    /**
+     * Returns a new Seq.Indexed of the keys of this Iterable,
+     * discarding values.
+     */
+    keySeq(): Seq.Indexed<K>;
+
+    /**
+     * Returns an Seq.Indexed of the values of this Iterable, discarding keys.
+     */
+    valueSeq(): Seq.Indexed<V>;
+
+    /**
+     * Returns a new Seq.Indexed of [key, value] tuples.
+     */
+    entrySeq(): Seq.Indexed<[K, V]>;
+
+
+    // Sequence algorithms
+
+    /**
+     * Returns a new Iterable of the same type with values passed through a
+     * `mapper` function.
+     *
+     *     Seq({ a: 1, b: 2 }).map(x => 10 * x)
+     *     // Seq { a: 10, b: 20 }
+     *
+     */
+    map<M>(
+      mapper: (value?: V, key?: K, iter?: this) => M,
+      context?: any
+    ): /*this*/Iterable<K, M>;
+
+    /**
+     * Returns a new Iterable of the same type with only the entries for which
+     * the `predicate` function returns true.
+     *
+     *     Seq({a:1,b:2,c:3,d:4}).filter(x => x % 2 === 0)
+     *     // Seq { b: 2, d: 4 }
+     *
+     */
+    filter(
+      predicate: (value?: V, key?: K, iter?: this) => boolean,
+      context?: any
+    ): this;
+
+    /**
+     * Returns a new Iterable of the same type with only the entries for which
+     * the `predicate` function returns false.
+     *
+     *     Seq({a:1,b:2,c:3,d:4}).filterNot(x => x % 2 === 0)
+     *     // Seq { a: 1, c: 3 }
+     *
+     */
+    filterNot(
+      predicate: (value?: V, key?: K, iter?: this) => boolean,
+      context?: any
+    ): this;
+
+    /**
+     * Returns a new Iterable of the same type in reverse order.
+     */
+    reverse(): this;
+
+    /**
+     * Returns a new Iterable of the same type which includes the same entries,
+     * stably sorted by using a `comparator`.
+     *
+     * If a `comparator` is not provided, a default comparator uses `<` and `>`.
+     *
+     * `comparator(valueA, valueB)`:
+     *
+     *   * Returns `0` if the elements should not be swapped.
+     *   * Returns `-1` (or any negative number) if `valueA` comes before `valueB`
+     *   * Returns `1` (or any positive number) if `valueA` comes after `valueB`
+     *   * Is pure, i.e. it must always return the same value for the same pair
+     *     of values.
+     *
+     * When sorting collections which have no defined order, their ordered
+     * equivalents will be returned. e.g. `map.sort()` returns OrderedMap.
+     */
+    sort(comparator?: (valueA: V, valueB: V) => number): this;
+
+    /**
+     * Like `sort`, but also accepts a `comparatorValueMapper` which allows for
+     * sorting by more sophisticated means:
+     *
+     *     hitters.sortBy(hitter => hitter.avgHits);
+     *
+     */
+    sortBy<C>(
+      comparatorValueMapper: (value?: V, key?: K, iter?: this) => C,
+      comparator?: (valueA: C, valueB: C) => number
+    ): this;
+
+    /**
+     * Returns a `Iterable.Keyed` of `Iterable.Keyeds`, grouped by the return
+     * value of the `grouper` function.
+     *
+     * Note: This is always an eager operation.
+     */
+    groupBy<G>(
+      grouper: (value?: V, key?: K, iter?: this) => G,
+      context?: any
+    ): Seq.Keyed<G, this>;
+
+
+    // Side effects
+
+    /**
+     * The `sideEffect` is executed for every entry in the Iterable.
+     *
+     * Unlike `Array#forEach`, if any call of `sideEffect` returns
+     * `false`, the iteration will stop. Returns the number of entries iterated
+     * (including the last iteration which returned false).
+     */
+    forEach(
+      sideEffect: (value?: V, key?: K, iter?: this) => any,
+      context?: any
+    ): number;
+
+
+    // Creating subsets
+
+    /**
+     * Returns a new Iterable of the same type representing a portion of this
+     * Iterable from start up to but not including end.
+     *
+     * If begin is negative, it is offset from the end of the Iterable. e.g.
+     * `slice(-2)` returns a Iterable of the last two entries. If it is not
+     * provided the new Iterable will begin at the beginning of this Iterable.
+     *
+     * If end is negative, it is offset from the end of the Iterable. e.g.
+     * `slice(0, -1)` returns an Iterable of everything but the last entry. If
+     * it is not provided, the new Iterable will continue through the end of
+     * this Iterable.
+     *
+     * If the requested slice is equivalent to the current Iterable, then it
+     * will return itself.
+     */
+    slice(begin?: number, end?: number): this;
+
+    /**
+     * Returns a new Iterable of the same type containing all entries except
+     * the first.
+     */
+    rest(): this;
+
+    /**
+     * Returns a new Iterable of the same type containing all entries except
+     * the last.
+     */
+    butLast(): this;
+
+    /**
+     * Returns a new Iterable of the same type which excludes the first `amount`
+     * entries from this Iterable.
+     */
+    skip(amount: number): this;
+
+    /**
+     * Returns a new Iterable of the same type which excludes the last `amount`
+     * entries from this Iterable.
+     */
+    skipLast(amount: number): this;
+
+    /**
+     * Returns a new Iterable of the same type which includes entries starting
+     * from when `predicate` first returns false.
+     *
+     *     Seq.of('dog','frog','cat','hat','god')
+     *       .skipWhile(x => x.match(/g/))
+     *     // Seq [ 'cat', 'hat', 'god' ]
+     *
+     */
+    skipWhile(
+      predicate: (value?: V, key?: K, iter?: this) => boolean,
+      context?: any
+    ): this;
+
+    /**
+     * Returns a new Iterable of the same type which includes entries starting
+     * from when `predicate` first returns true.
+     *
+     *     Seq.of('dog','frog','cat','hat','god')
+     *       .skipUntil(x => x.match(/hat/))
+     *     // Seq [ 'hat', 'god' ]
+     *
+     */
+    skipUntil(
+      predicate: (value?: V, key?: K, iter?: this) => boolean,
+      context?: any
+    ): this;
+
+    /**
+     * Returns a new Iterable of the same type which includes the first `amount`
+     * entries from this Iterable.
+     */
+    take(amount: number): this;
+
+    /**
+     * Returns a new Iterable of the same type which includes the last `amount`
+     * entries from this Iterable.
+     */
+    takeLast(amount: number): this;
+
+    /**
+     * Returns a new Iterable of the same type which includes entries from this
+     * Iterable as long as the `predicate` returns true.
+     *
+     *     Seq.of('dog','frog','cat','hat','god')
+     *       .takeWhile(x => x.match(/o/))
+     *     // Seq [ 'dog', 'frog' ]
+     *
+     */
+    takeWhile(
+      predicate: (value?: V, key?: K, iter?: this) => boolean,
+      context?: any
+    ): this;
+
+    /**
+     * Returns a new Iterable of the same type which includes entries from this
+     * Iterable as long as the `predicate` returns false.
+     *
+     *     Seq.of('dog','frog','cat','hat','god').takeUntil(x => x.match(/at/))
+     *     // ['dog', 'frog']
+     *
+     */
+    takeUntil(
+      predicate: (value?: V, key?: K, iter?: this) => boolean,
+      context?: any
+    ): this;
+
+
+    // Combination
+
+    /**
+     * Returns a new Iterable of the same type with other values and
+     * iterable-like concatenated to this one.
+     *
+     * For Seqs, all entries will be present in
+     * the resulting iterable, even if they have the same key.
+     */
+    concat(...valuesOrIterables: Array<Iterable<K, V>|V>): this;
+
+    /**
+     * Flattens nested Iterables.
+     *
+     * Will deeply flatten the Iterable by default, returning an Iterable of the
+     * same type, but a `depth` can be provided in the form of a number or
+     * boolean (where true means to shallowly flatten one level). A depth of 0
+     * (or shallow: false) will deeply flatten.
+     *
+     * Flattens only others Iterable, not Arrays or Objects.
+     *
+     * Note: `flatten(true)` operates on Iterable<any, Iterable<K, V>> and
+     * returns Iterable<K, V>
+     */
+    flatten(depth?: number): this;
+    flatten(shallow?: boolean): this;
+
+    /**
+     * Flat-maps the Iterable, returning an Iterable of the same type.
+     *
+     * Similar to `iter.map(...).flatten(true)`.
+     */
+    flatMap<MK, MV>(
+      mapper: (value?: V, key?: K, iter?: this) => Iterable<MK, MV>,
+      context?: any
+    ): /*this*/Iterable<MK, MV>;
+    flatMap<MK, MV>(
+      mapper: (value?: V, key?: K, iter?: this) => /*iterable-like*/any,
+      context?: any
+    ): /*this*/Iterable<MK, MV>;
+
+
+    // Reducing a value
+
+    /**
+     * Reduces the Iterable to a value by calling the `reducer` for every entry
+     * in the Iterable and passing along the reduced value.
+     *
+     * If `initialReduction` is not provided, or is null, the first item in the
+     * Iterable will be used.
+     *
+     * @see `Array#reduce`.
+     */
+    reduce<R>(
+      reducer: (reduction?: R, value?: V, key?: K, iter?: this) => R,
+      initialReduction?: R,
+      context?: any
+    ): R;
+
+    /**
+     * Reduces the Iterable in reverse (from the right side).
+     *
+     * Note: Similar to this.reverse().reduce(), and provided for parity
+     * with `Array#reduceRight`.
+     */
+    reduceRight<R>(
+      reducer: (reduction?: R, value?: V, key?: K, iter?: this) => R,
+      initialReduction?: R,
+      context?: any
+    ): R;
+
+    /**
+     * True if `predicate` returns true for all entries in the Iterable.
+     */
+    every(
+      predicate: (value?: V, key?: K, iter?: this) => boolean,
+      context?: any
+    ): boolean;
+
+    /**
+     * True if `predicate` returns true for any entry in the Iterable.
+     */
+    some(
+      predicate: (value?: V, key?: K, iter?: this) => boolean,
+      context?: any
+    ): boolean;
+
+    /**
+     * Joins values together as a string, inserting a separator between each.
+     * The default separator is `","`.
+     */
+    join(separator?: string): string;
+
+    /**
+     * Returns true if this Iterable includes no values.
+     *
+     * For some lazy `Seq`, `isEmpty` might need to iterate to determine
+     * emptiness. At most one iteration will occur.
+     */
+    isEmpty(): boolean;
+
+    /**
+     * Returns the size of this Iterable.
+     *
+     * Regardless of if this Iterable can describe its size lazily (some Seqs
+     * cannot), this method will always return the correct size. E.g. it
+     * evaluates a lazy `Seq` if necessary.
+     *
+     * If `predicate` is provided, then this returns the count of entries in the
+     * Iterable for which the `predicate` returns true.
+     */
+    count(): number;
+    count(
+      predicate: (value?: V, key?: K, iter?: this) => boolean,
+      context?: any
+    ): number;
+
+    /**
+     * Returns a `Seq.Keyed` of counts, grouped by the return value of
+     * the `grouper` function.
+     *
+     * Note: This is not a lazy operation.
+     */
+    countBy<G>(
+      grouper: (value?: V, key?: K, iter?: this) => G,
+      context?: any
+    ): Seq.Keyed<G, number>;
+
+
+    // Search for value
+
+    /**
+     * Returns the first value for which the `predicate` returns true.
+     */
+    find(
+      predicate: (value?: V, key?: K, iter?: this) => boolean,
+      context?: any,
+      notSetValue?: V
+    ): V;
+
+    /**
+     * Returns the last value for which the `predicate` returns true.
+     *
+     * Note: `predicate` will be called for each entry in reverse.
+     */
+    findLast(
+      predicate: (value?: V, key?: K, iter?: this) => boolean,
+      context?: any,
+      notSetValue?: V
+    ): V;
+
+    /**
+     * Returns the first [key, value] entry for which the `predicate` returns true.
+     */
+    findEntry(
+      predicate: (value?: V, key?: K, iter?: this) => boolean,
+      context?: any,
+      notSetValue?: V
+    ): [K, V];
+
+    /**
+     * Returns the last [key, value] entry for which the `predicate`
+     * returns true.
+     *
+     * Note: `predicate` will be called for each entry in reverse.
+     */
+    findLastEntry(
+      predicate: (value?: V, key?: K, iter?: this) => boolean,
+      context?: any,
+      notSetValue?: V
+    ): [K, V];
+
+    /**
+     * Returns the key for which the `predicate` returns true.
+     */
+    findKey(
+      predicate: (value?: V, key?: K, iter?: this) => boolean,
+      context?: any
+    ): K;
+
+    /**
+     * Returns the last key for which the `predicate` returns true.
+     *
+     * Note: `predicate` will be called for each entry in reverse.
+     */
+    findLastKey(
+      predicate: (value?: V, key?: K, iter?: this) => boolean,
+      context?: any
+    ): K;
+
+    /**
+     * Returns the key associated with the search value, or undefined.
+     */
+    keyOf(searchValue: V): K;
+
+    /**
+     * Returns the last key associated with the search value, or undefined.
+     */
+    lastKeyOf(searchValue: V): K;
+
+    /**
+     * Returns the maximum value in this collection. If any values are
+     * comparatively equivalent, the first one found will be returned.
+     *
+     * The `comparator` is used in the same way as `Iterable#sort`. If it is not
+     * provided, the default comparator is `>`.
+     *
+     * When two values are considered equivalent, the first encountered will be
+     * returned. Otherwise, `max` will operate independent of the order of input
+     * as long as the comparator is commutative. The default comparator `>` is
+     * commutative *only* when types do not differ.
+     *
+     * If `comparator` returns 0 and either value is NaN, undefined, or null,
+     * that value will be returned.
+     */
+    max(comparator?: (valueA: V, valueB: V) => number): V;
+
+    /**
+     * Like `max`, but also accepts a `comparatorValueMapper` which allows for
+     * comparing by more sophisticated means:
+     *
+     *     hitters.maxBy(hitter => hitter.avgHits);
+     *
+     */
+    maxBy<C>(
+      comparatorValueMapper: (value?: V, key?: K, iter?: this) => C,
+      comparator?: (valueA: C, valueB: C) => number
+    ): V;
+
+    /**
+     * Returns the minimum value in this collection. If any values are
+     * comparatively equivalent, the first one found will be returned.
+     *
+     * The `comparator` is used in the same way as `Iterable#sort`. If it is not
+     * provided, the default comparator is `<`.
+     *
+     * When two values are considered equivalent, the first encountered will be
+     * returned. Otherwise, `min` will operate independent of the order of input
+     * as long as the comparator is commutative. The default comparator `<` is
+     * commutative *only* when types do not differ.
+     *
+     * If `comparator` returns 0 and either value is NaN, undefined, or null,
+     * that value will be returned.
+     */
+    min(comparator?: (valueA: V, valueB: V) => number): V;
+
+    /**
+     * Like `min`, but also accepts a `comparatorValueMapper` which allows for
+     * comparing by more sophisticated means:
+     *
+     *     hitters.minBy(hitter => hitter.avgHits);
+     *
+     */
+    minBy<C>(
+      comparatorValueMapper: (value?: V, key?: K, iter?: this) => C,
+      comparator?: (valueA: C, valueB: C) => number
+    ): V;
+
+
+    // Comparison
+
+    /**
+     * True if `iter` includes every value in this Iterable.
+     */
+    isSubset(iter: Iterable<any, V>): boolean;
+    isSubset(iter: Array<V>): boolean;
+
+    /**
+     * True if this Iterable includes every value in `iter`.
+     */
+    isSuperset(iter: Iterable<any, V>): boolean;
+    isSuperset(iter: Array<V>): boolean;
+
+
+    /**
+     * Note: this is here as a convenience to work around an issue with
+     * TypeScript https://github.com/Microsoft/TypeScript/issues/285, but
+     * Iterable does not define `size`, instead `Seq` defines `size` as
+     * nullable number, and `Collection` defines `size` as always a number.
+     *
+     * @ignore
+     */
+    size: number;
+  }
+
+
+  /**
+   * Collection is the abstract base class for concrete data structures. It
+   * cannot be constructed directly.
+   *
+   * Implementations should extend one of the subclasses, `Collection.Keyed`,
+   * `Collection.Indexed`, or `Collection.Set`.
+   */
+  export module Collection {
+
+
+    /**
+     * `Collection` which represents key-value pairs.
+     */
+    export module Keyed {}
+
+    export interface Keyed<K, V> extends Collection<K, V>, Iterable.Keyed<K, V> {
+
+      /**
+       * Returns Seq.Keyed.
+       * @override
+       */
+      toSeq(): Seq.Keyed<K, V>;
+    }
+
+
+    /**
+     * `Collection` which represents ordered indexed values.
+     */
+    export module Indexed {}
+
+    export interface Indexed<T> extends Collection<number, T>, Iterable.Indexed<T> {
+
+      /**
+       * Returns Seq.Indexed.
+       * @override
+       */
+      toSeq(): Seq.Indexed<T>;
+    }
+
+
+    /**
+     * `Collection` which represents values, unassociated with keys or indices.
+     *
+     * `Collection.Set` implementations should guarantee value uniqueness.
+     */
+    export module Set {}
+
+    export interface Set<T> extends Collection<T, T>, Iterable.Set<T> {
+
+      /**
+       * Returns Seq.Set.
+       * @override
+       */
+      toSeq(): Seq.Set<T>;
+    }
+
+  }
+
+  export interface Collection<K, V> extends Iterable<K, V> {
+
+    /**
+     * All collections maintain their current `size` as an integer.
+     */
+    size: number;
+  }
+
+
+  /**
+   * ES6 Iterator.
+   *
+   * This is not part of the Immutable library, but a common interface used by
+   * many types in ES6 JavaScript.
+   *
+   * @ignore
+   */
+  export interface Iterator<T> {
+    next(): { value: T; done: boolean; }
+  }
+
+}
+
+declare module "immutable" {
+  export = __Immutable
+}

From c16125cd7119cd3a3a82133649c2d68afcc37345 Mon Sep 17 00:00:00 2001
From: Dan Marshall <danmar@microsoft.com>
Date: Thu, 2 Jun 2016 05:45:30 -0700
Subject: [PATCH 02/60] Updates to Bezier-js (#9441)

* Added definitions for Bezier.Js

* updates for maker.js and bezier.js

* removed copyright

* deleted bezierjs

* Added definitions for Bezier.Js

* updates for maker.js and bezier.js

* deleted bezierjs

* changed name to DefinitelyTyped

* update tests for 0.8.0

* rename to bezier-js

* add pdfkit reference

* public clockwise

* added signatures for split()

* added extra signature for split()

* Added definitions for Bezier.Js

* updates for maker.js and bezier.js

* removed copyright

* deleted bezierjs

* Added definitions for Bezier.Js

* deleted bezierjs

* changed name to DefinitelyTyped

* rename to bezier-js

* add pdfkit reference

* public clockwise

* added signatures for split()

* added extra signature for split()
---
 bezier-js/bezier-js-tests.ts | 5 +++--
 bezier-js/bezier-js.d.ts     | 3 ++-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/bezier-js/bezier-js-tests.ts b/bezier-js/bezier-js-tests.ts
index 1814d67dc0..54c629d11b 100644
--- a/bezier-js/bezier-js-tests.ts
+++ b/bezier-js/bezier-js-tests.ts
@@ -31,7 +31,7 @@ function test() {
     bezier.get(1);
     bezier.getLUT()[0].x;
     bezier.hull(0);
-    bezier.inflections().values;
+    bezier.extrema();
     bezier.intersects(bezier);
     bezier.length();
     bezier.lineIntersects(line);
@@ -48,7 +48,8 @@ function test() {
     bezier.scale(4);
     bezier.selfintersects();
     bezier.simple();
-    bezier.split(0, 1);
+    bezier.split(0, 1).clockwise;
+    bezier.split(0.5).left;
     bezier.toSVG();
     bezier.update();
     
diff --git a/bezier-js/bezier-js.d.ts b/bezier-js/bezier-js.d.ts
index 7d54a19d95..35e5cc19f1 100644
--- a/bezier-js/bezier-js.d.ts
+++ b/bezier-js/bezier-js.d.ts
@@ -117,7 +117,8 @@ declare module BezierJs {
         private __normal3(t);
         private __normal(t);
         hull(t: number): Point[];
-        split(t1: number, t2?: number): Bezier | Split;
+        split(t1: number): Split;
+        split(t1: number, t2: number): Bezier;
         extrema(): Inflection;
         bbox(): BBox;
         overlaps(curve: Bezier): boolean;

From 191daf6112933a8edb5fd9011a76bf42a8e36b12 Mon Sep 17 00:00:00 2001
From: Caleb Eggensperger <calebegg@gmail.com>
Date: Thu, 2 Jun 2016 08:49:24 -0400
Subject: [PATCH 03/60] Fix component router breakage (#9442)

---
 angularjs/angular-component-router.d.ts | 51 +++++++++++++++++++++++++
 angularjs/angular.d.ts                  | 44 ---------------------
 2 files changed, 51 insertions(+), 44 deletions(-)

diff --git a/angularjs/angular-component-router.d.ts b/angularjs/angular-component-router.d.ts
index 2c56ef3a21..3b037b58b1 100644
--- a/angularjs/angular-component-router.d.ts
+++ b/angularjs/angular-component-router.d.ts
@@ -428,4 +428,55 @@ declare namespace angular {
     interface OnReuse {
         $routerOnReuse(next?: angular.ComponentInstruction, prev?: angular.ComponentInstruction): any;
     }
+
+    /**
+     * Runtime representation a type that a Component or other object is instances of.
+     *
+     * An example of a `Type` is `MyCustomComponent` class, which in JavaScript is be represented by
+     * the `MyCustomComponent` constructor function.
+     */
+    interface Type extends Function {
+    }
+
+    /**
+     * `RouteDefinition` defines a route within a {@link RouteConfig} decorator.
+     *
+     * Supported keys:
+     * - `path` or `aux` (requires exactly one of these)
+     * - `component`, `loader`,  `redirectTo` (requires exactly one of these)
+     * - `name` or `as` (optional) (requires exactly one of these)
+     * - `data` (optional)
+     *
+     * See also {@link Route}, {@link AsyncRoute}, {@link AuxRoute}, and {@link Redirect}.
+     */
+    interface RouteDefinition {
+        path?: string;
+        aux?: string;
+        component?: Type | ComponentDefinition | string;
+        loader?: Function;
+        redirectTo?: any[];
+        as?: string;
+        name?: string;
+        data?: any;
+        useAsDefault?: boolean;
+    }
+
+    /**
+     * Represents either a component type (`type` is `component`) or a loader function
+     * (`type` is `loader`).
+     *
+     * See also {@link RouteDefinition}.
+     */
+    interface ComponentDefinition {
+        type: string;
+        loader?: Function;
+        component?: Type;
+    }
+
+    // Supplement IComponentOptions from angular.d.ts with router-specific
+    // fields.
+    interface IComponentOptions {
+      $canActivate?: () => boolean;
+      $routeConfig?: RouteDefinition[];
+    }
 }
diff --git a/angularjs/angular.d.ts b/angularjs/angular.d.ts
index 204c645b0c..983c0ca799 100644
--- a/angularjs/angular.d.ts
+++ b/angularjs/angular.d.ts
@@ -1656,50 +1656,6 @@ declare namespace angular {
     // see http://angularjs.blogspot.com.br/2015/11/angularjs-15-beta2-and-14-releases.html
     // and http://toddmotto.com/exploring-the-angular-1-5-component-method/
     ///////////////////////////////////////////////////////////////////////////
-    /**
-     * Runtime representation a type that a Component or other object is instances of.
-     *
-     * An example of a `Type` is `MyCustomComponent` class, which in JavaScript is be represented by
-     * the `MyCustomComponent` constructor function.
-     */
-    interface Type extends Function {
-    }
-
-    /**
-     * `RouteDefinition` defines a route within a {@link RouteConfig} decorator.
-     *
-     * Supported keys:
-     * - `path` or `aux` (requires exactly one of these)
-     * - `component`, `loader`,  `redirectTo` (requires exactly one of these)
-     * - `name` or `as` (optional) (requires exactly one of these)
-     * - `data` (optional)
-     *
-     * See also {@link Route}, {@link AsyncRoute}, {@link AuxRoute}, and {@link Redirect}.
-     */
-    interface RouteDefinition {
-        path?: string;
-        aux?: string;
-        component?: Type | ComponentDefinition | string;
-        loader?: Function;
-        redirectTo?: any[];
-        as?: string;
-        name?: string;
-        data?: any;
-        useAsDefault?: boolean;
-    }
-
-    /**
-     * Represents either a component type (`type` is `component`) or a loader function
-     * (`type` is `loader`).
-     *
-     * See also {@link RouteDefinition}.
-     */
-    interface ComponentDefinition {
-        type: string;
-        loader?: Function;
-        component?: Type;
-    }
-
     /**
      * Component definition object (a simplified directive definition object)
      */

From 61d2636c2cec3f3e290c9cf3d60646a192d817bc Mon Sep 17 00:00:00 2001
From: Chris Manning <CNManning@users.noreply.github.com>
Date: Fri, 3 Jun 2016 00:50:23 +1200
Subject: [PATCH 04/60] Changed hapi IRouteConfiguration handler property to be
 optional (#9439)

The hapi IRouteConfiguration handler property should be optional as the
handler can alternatively be provided via the config property using the
handler property of IRouteAdditionalConfigurationOptions.
---
 hapi/hapi.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/hapi/hapi.d.ts b/hapi/hapi.d.ts
index 05f4aa1047..2867dd7de9 100644
--- a/hapi/hapi.d.ts
+++ b/hapi/hapi.d.ts
@@ -875,7 +875,7 @@ declare module "hapi" {
 		/**  - an optional domain string or an array of domain strings for limiting the route to only requests with a matching host header field.Matching is done against the hostname part of the header only (excluding the port).Defaults to all hosts.*/
 		vhost?: string;
 		/**  - (required) the function called to generate the response after successful authentication and validation.The handler function is described in Route handler.If set to a string, the value is parsed the same way a prerequisite server method string shortcut is processed.Alternatively, handler can be assigned an object with a single key using the name of a registered handler type and value with the options passed to the registered handler.*/
-		handler: ISessionHandler | string | IRouteHandlerConfig;
+		handler?: ISessionHandler | string | IRouteHandlerConfig;
 		/** - additional route options.*/
 		config?: IRouteAdditionalConfigurationOptions;
 	}

From d4ab7731d392a74f71c47b0e35adee5e50863737 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Roman=20W=C3=BCrsch?= <sushicutta@gmail.com>
Date: Thu, 2 Jun 2016 14:51:06 +0200
Subject: [PATCH 05/60] WheelEvent extends MouseEvent not SyntheticEvent
 (#9437)

---
 react/react.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/react/react.d.ts b/react/react.d.ts
index 4dd185d89c..ce9d188d10 100644
--- a/react/react.d.ts
+++ b/react/react.d.ts
@@ -347,7 +347,7 @@ declare namespace __React {
         view: AbstractView;
     }
 
-    interface WheelEvent extends SyntheticEvent {
+    interface WheelEvent extends MouseEvent {
         deltaMode: number;
         deltaX: number;
         deltaY: number;

From 65b05d550d7aeb09b8e755c89d2c7aecdd5baf04 Mon Sep 17 00:00:00 2001
From: Jeongho Nam <samchon@samchon.org>
Date: Thu, 2 Jun 2016 21:54:06 +0900
Subject: [PATCH 06/60] TypeScript-STL & Samchon-Framework (#9448)

TypeScript-STL v0.9.9
Samchon Framework v1.1.0
---
 .../samchon-collection-tests.ts               |    7 +
 samchon-collection/samchon-collection.d.ts    |   23 +
 samchon-framework/samchon-framework-tests.ts  |    7 +
 samchon-framework/samchon-framework.d.ts      | 2710 +++++++++++++++++
 samchon-library/samchon-library-tests.ts      |    7 +
 samchon-library/samchon-library.d.ts          |   23 +
 typescript-stl/typescript-stl.d.ts            | 2187 ++++++++-----
 7 files changed, 4119 insertions(+), 845 deletions(-)
 create mode 100644 samchon-collection/samchon-collection-tests.ts
 create mode 100644 samchon-collection/samchon-collection.d.ts
 create mode 100644 samchon-framework/samchon-framework-tests.ts
 create mode 100644 samchon-framework/samchon-framework.d.ts
 create mode 100644 samchon-library/samchon-library-tests.ts
 create mode 100644 samchon-library/samchon-library.d.ts

diff --git a/samchon-collection/samchon-collection-tests.ts b/samchon-collection/samchon-collection-tests.ts
new file mode 100644
index 0000000000..028eb32caa
--- /dev/null
+++ b/samchon-collection/samchon-collection-tests.ts
@@ -0,0 +1,7 @@
+/// <reference path="samchon-collection.d.ts" />
+
+declare var global: any;
+declare var require: (name: string) => any;
+
+collection = require("samchon-collection");
+console.log(collection);
\ No newline at end of file
diff --git a/samchon-collection/samchon-collection.d.ts b/samchon-collection/samchon-collection.d.ts
new file mode 100644
index 0000000000..3decceb20b
--- /dev/null
+++ b/samchon-collection/samchon-collection.d.ts
@@ -0,0 +1,23 @@
+// Type definitions for Samchon Collection v0.0.2
+// Project: https://github.com/samchon/framework
+// Definitions by: Jeongho Nam <http://samchon.org>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+// ------------------------------------------------------------------------------------
+// In Samchon Collection, merging multiple 'ts' files to a module is not possible yet.
+// Instead of using "import" instruction, use such trick: 
+//
+// <code>
+// declare var global: any;
+// declare var require: Function;
+//
+// collection = require("samchon-collection");
+// let cont: collection.ArrayCollection<string> = new collection.ArrayCollection<string>();
+// </code>
+//
+// Those declaration of global and require can be substituted by using "node.d.ts"
+// ------------------------------------------------------------------------------------
+
+/// <reference path="../samchon-framework/samchon-framework.d.ts" />
+
+declare var collection: typeof samchon.collection;
\ No newline at end of file
diff --git a/samchon-framework/samchon-framework-tests.ts b/samchon-framework/samchon-framework-tests.ts
new file mode 100644
index 0000000000..5820b158c3
--- /dev/null
+++ b/samchon-framework/samchon-framework-tests.ts
@@ -0,0 +1,7 @@
+/// <reference path="samchon-framework.d.ts" />
+
+declare var global: any;
+declare var require: any;
+
+global["samchon"] = require("samchon-framework");
+console.log(samchon);
\ No newline at end of file
diff --git a/samchon-framework/samchon-framework.d.ts b/samchon-framework/samchon-framework.d.ts
new file mode 100644
index 0000000000..9dd52e9503
--- /dev/null
+++ b/samchon-framework/samchon-framework.d.ts
@@ -0,0 +1,2710 @@
+// Type definitions for Samchon Framework v1.1.0
+// Project: https://github.com/samchon/framework
+// Definitions by: Jeongho Nam <http://samchon.org>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+// ------------------------------------------------------------------------------------
+// In Samchon Framework, merging multiple 'ts' files to a module is not possible yet.
+// Instead of using "import" instruction, use such trick: 
+//
+// <code>
+// declare var global: any;
+// declare var require: Function;
+//
+// global["samchon"] = require("samchon-framework");
+// let invoke: samchon.protocol.Invoke = new samchon.protocol.Invoke("setValue", 3);
+// </code>
+//
+// Those declaration of global and require can be substituted by using "node.d.ts"
+// ------------------------------------------------------------------------------------
+
+/// <reference path="../typescript-stl/typescript-stl.d.ts" />
+
+/**
+ * Samchon Framework, A SDN framework.
+ *
+ * @author Jeongho Nam <http://samchon.org>
+ */
+declare namespace samchon {
+}
+declare namespace samchon.library {
+}
+declare namespace samchon.collection {
+}
+declare namespace samchon.protocol {
+}
+declare namespace samchon.protocol.service {
+}
+declare namespace samchon.protocol.master {
+}
+declare namespace samchon.protocol.slave {
+}
+declare namespace samchon.library {
+    /**
+     * <p> XML is a class representing a tree structued xml objects. </p>
+     * <p> The XML class provides methods and properties for working with XML objects. </p>
+     *
+     * <p> The XML class (along with the XMLList and Namespace) implements
+     * the powerful XML-handling standard defined in ECMAScript for XML (E4X) specification. </p>
+     *
+     * <p> XML class has a recursive, hierarchical relationship. </p>
+     *
+     * <p> Relationships between XML and XMLList </p>
+     * <ul>
+     *	<li> XML contains XMLList from dictionary of XMLList. </li>
+     *  <li> XMLList contains XML from vector of XML. </li>
+     * </ul>
+     *
+     * <h4> Note </h4>
+     * <p> Do not abuse values for expressing member variables. </p>
+     *
+     * <table>
+     *	<tr>
+     *		<th>Standard Usage</th>
+     *		<th>Non-standard usage abusing value</th>
+     *	</tr>
+     *	<tr>
+     *		<td>
+     *			&lt;memberList&gt;<br/>
+     *			&nbsp;&nbsp;&nbsp;&nbsp; &lt;member id='jhnam88' name='Jeongho+Nam' birthdate='1988-03-11' /&gt;<br/>
+     *			&nbsp;&nbsp;&nbsp;&nbsp; &lt;member id='master' name='Administartor' birthdate='2011-07-28' /&gt;<br/>
+     *			&lt;/memberList&gt;
+     *		</td>
+     *		<td>
+     *			&lt;member&gt;<br/>
+     *			&nbsp;&nbsp;&nbsp;&nbsp; &lt;id&gt;jhnam88&lt;/id&gt;<br/>
+     *			&nbsp;&nbsp;&nbsp;&nbsp; &lt;name&gt;Jeongho+Nam&lt;/name&gt;<br/>
+     *			&nbsp;&nbsp;&nbsp;&nbsp; &lt;birthdate&gt;1988-03-11&lt;/birthdate&gt;<br/>
+     *			&lt;/member&gt;
+     *		</td>
+     *	</tr>
+     * </table>
+     *
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    class XML extends std.HashMap<string, XMLList> {
+        /**
+         * <p> Tag name of the XML. </p>
+         *
+         * <ul>
+         *	<li> \<<b>tag</b> label='property' /\>: tag => \"tag\" </li>
+         *  <li> \<<b>price</b> high='1500' low='1300' open='1450' close='1320' /\>: tag => \"price\" </li>
+         * </ul>
+         */
+        private tag;
+        /**
+         * <p> Value of the XML. </p>
+         *
+         * <ul>
+         *  <li> \<parameter name='age' type='int'\><b>26</b>\</parameter\>: value => 26 </li>
+         *	<li> \<price high='1500' low='1300' open='1450' close='1320' /\>: value => null </li>
+         * </ul>
+         */
+        private value;
+        /**
+         * <p> Properties belongs to the XML. </p>
+         * <p> A Dictionary of properties accessing each property by its key. </p>
+         *
+         * <ul>
+         *	<li> \<price <b>high='1500' low='1300' open='1450' close='1320'</b> /\>:
+         *		propertyMap => {{\"high\": 1500}, {\"low\": 1300}, {\"open\": 1450}, {\"close\", 1320}} </li>
+         *	<li> \<member <b>id='jhnam88' name='Jeongho+Nam' comment='Hello.+My+name+is+Jeongho+Nam'</b> \>:
+         *		propertyMap => {{\"id\", \"jhnam88\"}, {\"name\", \"Jeongho Nam <http://samchon.org>\"},
+         *					 {\"comment\", \"Hello. My name is Jeongho Nam <http://samchon.org>\"}} </li>
+         * </ul>
+         */
+        private properties;
+        /**
+         * <p> Default Constructor. </p>
+         *
+         * <p> If the string parameter is not omitted, constructs its tag, value and
+         * properties by parsing the string. If there's children, then construct the
+         * children XML, XMLList objects, too. </p>
+         *
+         * @param str A string to be parsed
+         */
+        constructor(str?: string);
+        /**
+         * <p> Construct XML objects by parsing a string. </p>
+         */
+        private construct(str);
+        /**
+         * <p> Parse and fetch a tag. </p>
+         */
+        private parseTag(str);
+        /**
+         * <p> Parse and fetch properties. </p>
+         */
+        private parseProperty(str);
+        /**
+         * <p> Parse and fetch a value. </p>
+         */
+        private parseValue(str);
+        /**
+         * <p> Parse and construct children XML objects. </p>
+         */
+        private parseChildren(str);
+        /**
+         * <p> Get tag. </p>
+         */
+        getTag(): string;
+        /**
+         * <p> Get value. </p>
+         */
+        getValue(): any;
+        /**
+         * <p> Test wheter a property exists or not. </p>
+         */
+        hasProperty(key: string): boolean;
+        /**
+         * <p> Get property by its key. </p>
+         */
+        getProperty(key: string): any;
+        getPropertyMap(): std.HashMap<string, any>;
+        /**
+         * <p> Set tag (identifier) of the XML. </p>
+         */
+        setTag(str: string): void;
+        /**
+         * <p> Set value of the XML. </p>
+         *
+         * <p> Do not abuse values for expressing member variables. </p>
+         * <table>
+         *	<tr>
+         *		<th>Standard Usage</th>
+         *		<th>Non-standard usage abusing value</th>
+         *	</tr>
+         *	<tr>
+         *		<td>
+         *			\<memberList\>\n
+         *			&nbsp;&nbsp;&nbsp;&nbsp;\<member id='jhnam88' name='Jeongho+Nam' birthdate='1988-03-11' /\>\n
+         *			&nbsp;&nbsp;&nbsp;&nbsp;\<member id='master' name='Administartor' birthdate='2011-07-28' /\>\n
+         *			\</memberList\>
+         *		</td>
+         *		<td>
+         *			\<member\>\n
+         *				\<id\>jhnam88\</id\>\n
+         *				\<name\>Jeongho+Nam\</name\>\n
+         *				\<birthdate\>1988-03-11\</birthdate\>\n
+         *			\</member\>
+         *		</td>
+         *	</tr>
+         * </table>
+         *
+         * @param val A value to set
+         */
+        setValue(str: any): void;
+        /**
+         * <p> Set a property with its key. </p>
+         */
+        setProperty(key: string, value: any): void;
+        /**
+         * <p> Erase a property by its key. </p>
+         *
+         * @param key The key of the property to erase
+         * @throw exception out of range
+         */
+        eraseProperty(key: string): void;
+        push<L extends string, U extends XMLList>(...args: std.Pair<L, U>[]): number;
+        push<L extends string, U extends XMLList>(...args: [L, U][]): number;
+        push(...xmls: XML[]): number;
+        push(...xmlLists: XMLList[]): number;
+        addAllProperties(xml: XML): void;
+        clearProperties(): void;
+        private calcMinIndex(...args);
+        /**
+         * <p> Decode a value. </p>
+         *
+         * <table>
+         *	<tr>
+         *		<th>Encoded</th>
+         *		<th>Decoded</th>
+         *	</tr>
+         *	<tr>
+         *		<td>\&amp;</td>
+         *		<td>\&</td>
+         *	</tr>
+         *	<tr>
+         *		<td>\&lt;</td>
+         *		<td>\<</td>
+         *	</tr>
+         *	<tr>
+         *		<td>\&gt;</td>
+         *		<td>\></td>
+         *	</tr>
+         * </table>
+         *
+         * @return A decoded string represents a value
+         */
+        static decodeValue(str: string): string;
+        /**
+         * <p> Encode a value. </p>
+         *
+         * <table>
+         *	<tr>
+         *		<th>Original</th>
+         *		<th>Encoded</th>
+         *	</tr>
+         *	<tr>
+         *		<td>\&</td>
+         *		<td>\&amp;</td>
+         *	</tr>
+         *	<tr>
+         *		<td>\<</td>
+         *		<td>\&lt;</td>
+         *	</tr>
+         *	<tr>
+         *		<td>\></td>
+         *		<td>\&gt;</td>
+         *	</tr>
+         * </table>
+         *
+         * @return A encoded string represents a value
+         */
+        static encodeValue(str: string): string;
+        /**
+          * <p> Decode a property. </p>
+          *
+          * <table>
+          *	<tr>
+          *		<th>Encoded</th>
+          *		<th>Decoded</th>
+          *	</tr>
+          *	<tr>
+          *		<td>\&amp;</td>
+          *		<td>\&</td>
+          *	</tr>
+          *	<tr>
+          *		<td>\&lt;</td>
+          *		<td>\<</td>
+          *	</tr>
+          *	<tr>
+          *		<td>\&gt;</td>
+          *		<td>\></td>
+          *	</tr>
+          *	<tr>
+          *		<td>&quot;</td>
+          *		<td>\"</td>
+          *	</tr>
+          *	<tr>
+          *		<td>&apos;</td>
+          *		<td>'</td>
+          *	</tr>
+          *	<tr>
+          *		<td>&#x9;</td>
+          *		<td>'</td>
+          *	</tr>
+          *	<tr>
+          *		<td>&apos;</td>
+          *		<td>\\t</td>
+          *	</tr>
+          *	<tr>
+          *		<td>&#xA;</td>
+          *		<td>\\n</td>
+          *	</tr>
+          *	<tr>
+          *		<td>&#xD;</td>
+          *		<td>\\r</td>
+          *	</tr>
+          * </table>
+          *
+          * @return A decoded string represents a property
+          */
+        static decodeProperty(str: string): string;
+        /**
+         * <p> Decode a property. </p>
+         *
+         * <table>
+         *	<tr>
+         *		<th>Original</th>
+         *		<th>Encoded</th>
+         *	</tr>
+         *	<tr>
+         *		<td>\&</td>
+         *		<td>\&amp;</td>
+         *	</tr>
+         *	<tr>
+         *		<td>\<</td>
+         *		<td>\&lt;</td>
+         *	</tr>
+         *	<tr>
+         *		<td>\></td>
+         *		<td>\&gt;</td>
+         *	</tr>
+         *	<tr>
+         *		<td>\"</td>
+         *		<td>&quot;</td>
+         *	</tr>
+         *	<tr>
+         *		<td>'</td>
+         *		<td>&apos;</td>
+         *	</tr>
+         *	<tr>
+         *		<td>'</td>
+         *		<td>&#x9;</td>
+         *	</tr>
+         *	<tr>
+         *		<td>\\t</td>
+         *		<td>&apos;</td>
+         *	</tr>
+         *	<tr>
+         *		<td>\\n</td>
+         *		<td>&#xA;</td>
+         *	</tr>
+         *	<tr>
+         *		<td>\\r</td>
+         *		<td>&#xD;</td>
+         *	</tr>
+         * </table>
+         *
+         * @return A encoded string represents a property
+         */
+        static encodeProperty(str: string): string;
+        /**
+         * <p> Convert the XML to a string. </p>
+         */
+        toString(level?: number): string;
+        /**
+         * <p> Convert the XML to HTML string. </p>
+         */
+        toHTML(level?: number): string;
+    }
+    /**
+     * <p> List of XML(s) having same tag. </p>
+     *
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    class XMLList extends std.Vector<XML> {
+        /**
+         * <p> Default Constructor. </p>
+         */
+        constructor();
+        getTag(): string;
+        /**
+         * <p> Convert XMLList to string. </p>
+         *
+         * @param level Level(depth) of the XMLList.
+         */
+        toString(level?: number): string;
+        /**
+         * <p> Convert XMLList to HTML string. </p>
+         *
+         * @param level Level(depth) of the XMLList.
+         */
+        toHTML(level?: number): string;
+    }
+}
+declare namespace samchon.collection {
+    /**
+     * A {@link Vector} who can detect element I/O events.
+     *
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    class ArrayCollection<T> extends std.Vector<T> implements ICollection<T> {
+        private insert_handler_;
+        private erase_handler_;
+        private event_dispatcher_;
+        /**
+         * @inheritdoc
+         */
+        set_insert_handler(listener: CollectionHandler<T>): void;
+        /**
+         * @inheritdoc
+         */
+        set_erase_handler(listener: CollectionHandler<T>): void;
+        /**
+         * @inheritdoc
+         */
+        get_insert_handler(): CollectionHandler<T>;
+        /**
+         * @inheritdoc
+         */
+        get_erase_handler(): CollectionHandler<T>;
+        /**
+         * @inheritdoc
+         */
+        push<U extends T>(...items: U[]): number;
+        /**
+         * @inheritdoc
+         */
+        push_back(val: T): void;
+        /**
+         * @hidden
+         */
+        protected insert_by_repeating_val(position: std.VectorIterator<T>, n: number, val: T): std.VectorIterator<T>;
+        /**
+         * @hidden
+         */
+        protected insert_by_range<U extends T, InputIterator extends std.Iterator<U>>(position: std.VectorIterator<T>, begin: InputIterator, end: InputIterator): std.VectorIterator<T>;
+        /**
+         * @inheritdoc
+         */
+        pop_back(): void;
+        /**
+         * @hidden
+         */
+        protected erase_by_range(first: std.VectorIterator<T>, last: std.VectorIterator<T>): std.VectorIterator<T>;
+        /**
+         * @hidden
+         */
+        private notify_insert(first, last);
+        /**
+         * @hidden
+         */
+        private notify_erase(first, last);
+        /**
+         * @inheritdoc
+         */
+        hasEventListener(type: string): boolean;
+        /**
+         * @inheritdoc
+         */
+        dispatchEvent(event: Event): boolean;
+        /**
+         * @inheritdoc
+         */
+        addEventListener(type: string, listener: EventListener): void;
+        /**
+         * @inheritdoc
+         */
+        addEventListener(type: string, listener: EventListener, thisArg: Object): void;
+        /**
+         * @inheritdoc
+         */
+        addEventListener(type: "insert" | "erase", listener: CollectionEventListener<T>): void;
+        /**
+         * @inheritdoc
+         */
+        addEventListener(type: "insert" | "erase", listener: CollectionEventListener<T>, thisArg: Object): void;
+        /**
+         * @inheritdoc
+         */
+        removeEventListener(type: string, listener: EventListener): void;
+        /**
+         * @inheritdoc
+         */
+        removeEventListener(type: string, listener: EventListener, thisArg: Object): void;
+        /**
+         * @inheritdoc
+         */
+        removeEventListener(type: "insert" | "erase", listener: CollectionEventListener<T>): void;
+        /**
+         * @inheritdoc
+         */
+        removeEventListener(type: "insert" | "erase", listener: CollectionEventListener<T>, thisArg: Object): void;
+        /**
+         * @inheritdoc
+         */
+        unshift<U extends T>(...items: U[]): number;
+        /**
+         * @inheritdoc
+         */
+        pop(): T;
+        /**
+         * @inheritdoc
+         */
+        splice(start: number): T[];
+        /**
+         * @inheritdoc
+         */
+        splice(start: number, deleteCount: number, ...items: T[]): T[];
+    }
+}
+declare namespace samchon.protocol {
+    /**
+     * <p> An entity, a standard data class. </p>
+     *
+     * <p> Entity is a class for standardization of expression method using on network I/O by XML. If
+     * Invoke is a standard message protocol of Samchon Framework which must be kept, Entity is a
+     * recommended semi-protocol of message for expressing a data class. Following the semi-protocol
+     * Entity is not imposed but encouraged. </p>
+     *
+     * <p> As we could get advantages from standardization of message for network I/O with Invoke,
+     * we can get additional advantage from standardizing expression method of data class with Entity.
+     * We do not need to know a part of network communication. Thus, with the Entity, we can only
+     * concentrate on entity's own logics and relationships between another entities. Entity does not
+     * need to how network communications are being done. </p>
+     *
+     * <p> I say repeatedly. Expression method of Entity is recommended, but not imposed. It's a semi
+     * protocol for network I/O but not a essential protocol must be kept. The expression method of
+     * Entity, using on network I/O, is expressed by XML string. </p>
+     *
+     * <p> If your own network system has a critical performance issue on communication data class,
+     * it would be better to using binary communication (with ByteArray).
+     * Don't worry about the problem! Invoke also provides methods for binary data (ByteArray). </p>
+     *
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    abstract class Entity implements IEntity {
+        /**
+         * <p> Default Constructor. </p>
+         */
+        constructor();
+        construct(xml: library.XML): void;
+        key(): any;
+        abstract TAG(): string;
+        toXML(): library.XML;
+    }
+}
+declare namespace samchon.library {
+    /**
+     * An event class.
+     *
+     * <ul>
+     *  <li> Comments from - https://developer.mozilla.org/en-US/docs/Web/API/Event/ </li>
+     * </ul>
+     *
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    class BasicEvent implements Event {
+        NONE: number;
+        CAPTURING_PHASE: number;
+        AT_TARGET: number;
+        BUBBLING_PHASE: number;
+        private type_;
+        private target_;
+        private currentTarget_;
+        protected trusted_: boolean;
+        protected bubbles_: boolean;
+        protected cancelable_: boolean;
+        protected defaultPrevented_: boolean;
+        protected cancelBubble_: boolean;
+        private timeStamp_;
+        constructor(type: string, bubbles?: boolean, cancelable?: boolean);
+        /**
+         * @inheritdoc
+         */
+        initEvent(type: string, bubbles: boolean, cancelable: boolean): void;
+        /**
+         * @inheritdoc
+         */
+        preventDefault(): void;
+        /**
+         * @inheritdoc
+         */
+        stopImmediatePropagation(): void;
+        /**
+         * @inheritdoc
+         */
+        stopPropagation(): void;
+        /**
+         * @inheritdoc
+         */
+        type: string;
+        /**
+         * @inheritdoc
+         */
+        target: IEventDispatcher;
+        /**
+         * @inheritdoc
+         */
+        currentTarget: IEventDispatcher;
+        /**
+         * @inheritdoc
+         */
+        isTrusted: boolean;
+        /**
+         * @inheritdoc
+         */
+        bubbles: boolean;
+        /**
+         * @inheritdoc
+         */
+        cancelable: boolean;
+        /**
+         * @inheritdoc
+         */
+        eventPhase: number;
+        /**
+         * @inheritdoc
+         */
+        defaultPrevented: boolean;
+        /**
+         * @inheritdoc
+         */
+        srcElement: Element;
+        /**
+         * @inheritdoc
+         */
+        cancelBubble: boolean;
+        /**
+         * @inheritdoc
+         */
+        timeStamp: number;
+        /**
+         * Don't know what it is.
+         */
+        returnValue: boolean;
+    }
+    class ProgressEvent extends BasicEvent {
+        static PROGRESS: string;
+        protected numerator_: number;
+        protected denominator_: number;
+        constructor(type: string, numerator: number, denominator: number);
+        numerator: number;
+        denominator: number;
+    }
+}
+declare namespace samchon.collection {
+    interface CollectionEventListener<T> extends EventListener {
+        (event: CollectionEvent<T>): void;
+    }
+    class CollectionEvent<T> extends library.BasicEvent {
+        static INSERT: string;
+        static ERASE: string;
+        private first_;
+        private last_;
+        constructor(type: string, first: std.Iterator<T>, last: std.Iterator<T>);
+        container: ICollection<T>;
+        first: std.Iterator<T>;
+        last: std.Iterator<T>;
+    }
+}
+declare namespace samchon.collection {
+    /**
+     * A {@link Deque} who can detect element I/O events.
+     *
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    class DequeCollection<T> extends std.Deque<T> implements ICollection<T> {
+        private insert_handler_;
+        private erase_handler_;
+        private event_dispatcher_;
+        /**
+         * @inheritdoc
+         */
+        set_insert_handler(listener: CollectionHandler<T>): void;
+        /**
+         * @inheritdoc
+         */
+        set_erase_handler(listener: CollectionHandler<T>): void;
+        /**
+         * @inheritdoc
+         */
+        get_insert_handler(): CollectionHandler<T>;
+        /**
+         * @inheritdoc
+         */
+        get_erase_handler(): CollectionHandler<T>;
+        /**
+         * @inheritdoc
+         */
+        push<U extends T>(...items: U[]): number;
+        /**
+         * @inheritdoc
+         */
+        push_back(val: T): void;
+        /**
+         * @hidden
+         */
+        protected insert_by_repeating_val(position: std.DequeIterator<T>, n: number, val: T): std.DequeIterator<T>;
+        /**
+         * @hidden
+         */
+        protected insert_by_range<U extends T, InputIterator extends std.Iterator<U>>(position: std.DequeIterator<T>, begin: InputIterator, end: InputIterator): std.DequeIterator<T>;
+        /**
+         * @inheritdoc
+         */
+        pop_back(): void;
+        /**
+         * @hidden
+         */
+        protected erase_by_range(first: std.DequeIterator<T>, last: std.DequeIterator<T>): std.DequeIterator<T>;
+        /**
+         * @hidden
+         */
+        private notify_insert(first, last);
+        /**
+         * @hidden
+         */
+        private notify_erase(first, last);
+        /**
+         * @inheritdoc
+         */
+        hasEventListener(type: string): boolean;
+        /**
+         * @inheritdoc
+         */
+        dispatchEvent(event: Event): boolean;
+        /**
+         * @inheritdoc
+         */
+        addEventListener(type: string, listener: EventListener): void;
+        /**
+         * @inheritdoc
+         */
+        addEventListener(type: string, listener: EventListener, thisArg: Object): void;
+        /**
+         * @inheritdoc
+         */
+        addEventListener(type: "insert" | "erase", listener: CollectionEventListener<T>): void;
+        /**
+         * @inheritdoc
+         */
+        addEventListener(type: "insert" | "erase", listener: CollectionEventListener<T>, thisArg: Object): void;
+        /**
+         * @inheritdoc
+         */
+        removeEventListener(type: string, listener: EventListener): void;
+        /**
+         * @inheritdoc
+         */
+        removeEventListener(type: string, listener: EventListener, thisArg: Object): void;
+        /**
+         * @inheritdoc
+         */
+        removeEventListener(type: "insert" | "erase", listener: CollectionEventListener<T>): void;
+        /**
+         * @inheritdoc
+         */
+        removeEventListener(type: "insert" | "erase", listener: CollectionEventListener<T>, thisArg: Object): void;
+    }
+}
+declare namespace samchon.collection {
+    /**
+     * A {@link HashMap} who can detect element I/O events.
+     *
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    class HashMapCollection<Key, T> extends std.HashMap<Key, T> implements ICollection<std.Pair<Key, T>> {
+        private insert_handler_;
+        private erase_handler_;
+        private event_dispatcher_;
+        /**
+         * @inheritdoc
+         */
+        get_insert_handler(): MapCollectionHandler<Key, T>;
+        /**
+         * @inheritdoc
+         */
+        get_erase_handler(): MapCollectionHandler<Key, T>;
+        /**
+         * @inheritdoc
+         */
+        set_insert_handler(listener: MapCollectionHandler<Key, T>): void;
+        /**
+         * @inheritdoc
+         */
+        set_erase_handler(listener: MapCollectionHandler<Key, T>): void;
+        /**
+         * @inheritdoc
+         */
+        protected handle_insert(first: std.MapIterator<Key, T>, last: std.MapIterator<Key, T>): void;
+        /**
+         * @inheritdoc
+         */
+        protected handle_erase(first: std.MapIterator<Key, T>, last: std.MapIterator<Key, T>): void;
+        /**
+         * @inheritdoc
+         */
+        hasEventListener(type: string): boolean;
+        /**
+         * @inheritdoc
+         */
+        dispatchEvent(event: Event): boolean;
+        /**
+         * @inheritdoc
+         */
+        addEventListener(type: string, listener: EventListener): void;
+        /**
+         * @inheritdoc
+         */
+        addEventListener(type: string, listener: EventListener, thisArg: Object): void;
+        /**
+         * @inheritdoc
+         */
+        addEventListener(type: "insert" | "erase", listener: CollectionEventListener<T>): void;
+        /**
+         * @inheritdoc
+         */
+        addEventListener(type: "insert" | "erase", listener: CollectionEventListener<T>, thisArg: Object): void;
+        /**
+         * @inheritdoc
+         */
+        removeEventListener(type: string, listener: EventListener): void;
+        /**
+         * @inheritdoc
+         */
+        removeEventListener(type: string, listener: EventListener, thisArg: Object): void;
+        /**
+         * @inheritdoc
+         */
+        removeEventListener(type: "insert" | "erase", listener: CollectionEventListener<T>): void;
+        /**
+         * @inheritdoc
+         */
+        removeEventListener(type: "insert" | "erase", listener: CollectionEventListener<T>, thisArg: Object): void;
+    }
+    /**
+     * A {@link HashMultiMap} who can detect element I/O events.
+     *
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    class HashMultiMapCollection<Key, T> extends std.HashMap<Key, T> implements ICollection<std.Pair<Key, T>> {
+        private insert_handler_;
+        private erase_handler_;
+        private event_dispatcher_;
+        /**
+         * @inheritdoc
+         */
+        get_insert_handler(): MapCollectionHandler<Key, T>;
+        /**
+         * @inheritdoc
+         */
+        get_erase_handler(): MapCollectionHandler<Key, T>;
+        /**
+         * @inheritdoc
+         */
+        set_insert_handler(listener: MapCollectionHandler<Key, T>): void;
+        /**
+         * @inheritdoc
+         */
+        set_erase_handler(listener: MapCollectionHandler<Key, T>): void;
+        /**
+         * @inheritdoc
+         */
+        protected handle_insert(first: std.MapIterator<Key, T>, last: std.MapIterator<Key, T>): void;
+        /**
+         * @inheritdoc
+         */
+        protected handle_erase(first: std.MapIterator<Key, T>, last: std.MapIterator<Key, T>): void;
+        /**
+         * @inheritdoc
+         */
+        hasEventListener(type: string): boolean;
+        /**
+         * @inheritdoc
+         */
+        dispatchEvent(event: Event): boolean;
+        /**
+         * @inheritdoc
+         */
+        addEventListener(type: string, listener: EventListener): void;
+        /**
+         * @inheritdoc
+         */
+        addEventListener(type: string, listener: EventListener, thisArg: Object): void;
+        /**
+         * @inheritdoc
+         */
+        addEventListener(type: "insert" | "erase", listener: CollectionEventListener<T>): void;
+        /**
+         * @inheritdoc
+         */
+        addEventListener(type: "insert" | "erase", listener: CollectionEventListener<T>, thisArg: Object): void;
+        /**
+         * @inheritdoc
+         */
+        removeEventListener(type: string, listener: EventListener): void;
+        /**
+         * @inheritdoc
+         */
+        removeEventListener(type: string, listener: EventListener, thisArg: Object): void;
+        /**
+         * @inheritdoc
+         */
+        removeEventListener(type: "insert" | "erase", listener: CollectionEventListener<T>): void;
+        /**
+         * @inheritdoc
+         */
+        removeEventListener(type: "insert" | "erase", listener: CollectionEventListener<T>, thisArg: Object): void;
+    }
+}
+declare namespace samchon.collection {
+    /**
+     * A {@link HashSet} who can detect element I/O events.
+     *
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    class HashSetCollection<T> extends std.TreeSet<T> implements ICollection<T> {
+        private insert_handler_;
+        private erase_handler_;
+        private event_dispatcher_;
+        /**
+         * @inheritdoc
+         */
+        set_insert_handler(listener: CollectionHandler<T>): void;
+        /**
+         * @inheritdoc
+         */
+        set_erase_handler(listener: CollectionHandler<T>): void;
+        /**
+         * @inheritdoc
+         */
+        get_insert_handler(): CollectionHandler<T>;
+        /**
+         * @inheritdoc
+         */
+        get_erase_handler(): CollectionHandler<T>;
+        /**
+         * @inheritdoc
+         */
+        protected handle_insert(first: std.SetIterator<T>, last: std.SetIterator<T>): void;
+        /**
+         * @inheritdoc
+         */
+        protected handle_erase(first: std.SetIterator<T>, last: std.SetIterator<T>): void;
+        /**
+         * @inheritdoc
+         */
+        hasEventListener(type: string): boolean;
+        /**
+         * @inheritdoc
+         */
+        dispatchEvent(event: Event): boolean;
+        /**
+         * @inheritdoc
+         */
+        addEventListener(type: string, listener: EventListener): void;
+        /**
+         * @inheritdoc
+         */
+        addEventListener(type: string, listener: EventListener, thisArg: Object): void;
+        /**
+         * @inheritdoc
+         */
+        addEventListener(type: "insert" | "erase", listener: CollectionEventListener<T>): void;
+        /**
+         * @inheritdoc
+         */
+        addEventListener(type: "insert" | "erase", listener: CollectionEventListener<T>, thisArg: Object): void;
+        /**
+         * @inheritdoc
+         */
+        removeEventListener(type: string, listener: EventListener): void;
+        /**
+         * @inheritdoc
+         */
+        removeEventListener(type: string, listener: EventListener, thisArg: Object): void;
+        /**
+         * @inheritdoc
+         */
+        removeEventListener(type: "insert" | "erase", listener: CollectionEventListener<T>): void;
+        /**
+         * @inheritdoc
+         */
+        removeEventListener(type: "insert" | "erase", listener: CollectionEventListener<T>, thisArg: Object): void;
+    }
+    class HashMultiSetCollection<T> extends std.TreeMultiSet<T> implements ICollection<T> {
+        private insert_handler_;
+        private erase_handler_;
+        private event_dispatcher_;
+        /**
+         * @inheritdoc
+         */
+        set_insert_handler(listener: CollectionHandler<T>): void;
+        /**
+         * @inheritdoc
+         */
+        set_erase_handler(listener: CollectionHandler<T>): void;
+        /**
+         * @inheritdoc
+         */
+        get_insert_handler(): CollectionHandler<T>;
+        /**
+         * @inheritdoc
+         */
+        get_erase_handler(): CollectionHandler<T>;
+        /**
+         * @inheritdoc
+         */
+        protected handle_insert(first: std.SetIterator<T>, last: std.SetIterator<T>): void;
+        /**
+         * @inheritdoc
+         */
+        protected handle_erase(first: std.SetIterator<T>, last: std.SetIterator<T>): void;
+        /**
+         * @inheritdoc
+         */
+        hasEventListener(type: string): boolean;
+        /**
+         * @inheritdoc
+         */
+        dispatchEvent(event: Event): boolean;
+        /**
+         * @inheritdoc
+         */
+        addEventListener(type: string, listener: EventListener): void;
+        /**
+         * @inheritdoc
+         */
+        addEventListener(type: string, listener: EventListener, thisArg: Object): void;
+        /**
+         * @inheritdoc
+         */
+        addEventListener(type: "insert" | "erase", listener: CollectionEventListener<T>): void;
+        /**
+         * @inheritdoc
+         */
+        addEventListener(type: "insert" | "erase", listener: CollectionEventListener<T>, thisArg: Object): void;
+        /**
+         * @inheritdoc
+         */
+        removeEventListener(type: string, listener: EventListener): void;
+        /**
+         * @inheritdoc
+         */
+        removeEventListener(type: string, listener: EventListener, thisArg: Object): void;
+        /**
+         * @inheritdoc
+         */
+        removeEventListener(type: "insert" | "erase", listener: CollectionEventListener<T>): void;
+        /**
+         * @inheritdoc
+         */
+        removeEventListener(type: "insert" | "erase", listener: CollectionEventListener<T>, thisArg: Object): void;
+    }
+}
+declare namespace samchon.collection {
+    interface CollectionHandler<T> {
+        (first: std.Iterator<T>, last: std.Iterator<T>): void;
+    }
+    interface MapCollectionHandler<Key, T> extends CollectionHandler<std.Pair<Key, T>> {
+        (first: std.MapIterator<Key, T>, last: std.MapIterator<Key, T>): void;
+    }
+    /**
+     * An interface for {@link IContainer containers} who can detect element I/O events.
+     *
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    interface ICollection<T> extends std.base.IContainer<T>, library.IEventDispatcher {
+        get_insert_handler(): CollectionHandler<T>;
+        get_erase_handler(): CollectionHandler<T>;
+        set_insert_handler(listener: CollectionHandler<T>): any;
+        set_erase_handler(listener: CollectionHandler<T>): any;
+        /**
+         * @inheritdoc
+         */
+        addEventListener(type: string, listener: EventListener): void;
+        /**
+         * @inheritdoc
+         */
+        addEventListener(type: string, listener: EventListener, thisArg: Object): void;
+        addEventListener(type: "insert" | "erase", listener: CollectionEventListener<T>): void;
+        addEventListener(type: "insert" | "erase", listener: CollectionEventListener<T>, thisArg: Object): void;
+        /**
+         * @inheritdoc
+         */
+        removeEventListener(type: string, listener: EventListener): void;
+        /**
+         * @inheritdoc
+         */
+        removeEventListener(type: string, listener: EventListener, thisArg: Object): void;
+        removeEventListener(type: "insert" | "erase", listener: CollectionEventListener<T>): void;
+        removeEventListener(type: "insert" | "erase", listener: CollectionEventListener<T>, thisArg: Object): void;
+    }
+}
+declare namespace samchon.collection {
+    /**
+     * A {@link List} who can detect element I/O events.
+     *
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    class ListCollection<T> extends std.List<T> implements ICollection<T> {
+        private insert_handler_;
+        private erase_handler_;
+        private event_dispatcher_;
+        /**
+         * @inheritdoc
+         */
+        set_insert_handler(listener: CollectionHandler<T>): void;
+        /**
+         * @inheritdoc
+         */
+        set_erase_handler(listener: CollectionHandler<T>): void;
+        /**
+         * @inheritdoc
+         */
+        get_insert_handler(): CollectionHandler<T>;
+        /**
+         * @inheritdoc
+         */
+        get_erase_handler(): CollectionHandler<T>;
+        /**
+         * @inheritdoc
+         */
+        push<U extends T>(...items: T[]): number;
+        /**
+         * @inheritdoc
+         */
+        push_front(val: T): void;
+        /**
+         * @inheritdoc
+         */
+        push_back(val: T): void;
+        /**
+         * @hidden
+         */
+        protected insert_by_repeating_val(position: std.ListIterator<T>, n: number, val: T): std.ListIterator<T>;
+        /**
+         * @hidden
+         */
+        protected insert_by_range<U extends T, InputIterator extends std.Iterator<U>>(position: std.ListIterator<T>, begin: InputIterator, end: InputIterator): std.ListIterator<T>;
+        /**
+         * @inheritdoc
+         */
+        pop_front(): void;
+        /**
+         * @inheritdoc
+         */
+        pop_back(): void;
+        /**
+         * @hidden
+         */
+        protected erase_by_range(first: std.ListIterator<T>, last: std.ListIterator<T>): std.ListIterator<T>;
+        /**
+         * @hidden
+         */
+        private notify_insert(first, last);
+        /**
+         * @hidden
+         */
+        private notify_erase(first, last);
+        /**
+         * @inheritdoc
+         */
+        hasEventListener(type: string): boolean;
+        /**
+         * @inheritdoc
+         */
+        dispatchEvent(event: Event): boolean;
+        /**
+         * @inheritdoc
+         */
+        addEventListener(type: string, listener: EventListener): void;
+        /**
+         * @inheritdoc
+         */
+        addEventListener(type: string, listener: EventListener, thisArg: Object): void;
+        /**
+         * @inheritdoc
+         */
+        addEventListener(type: "insert" | "erase", listener: CollectionEventListener<T>): void;
+        /**
+         * @inheritdoc
+         */
+        addEventListener(type: "insert" | "erase", listener: CollectionEventListener<T>, thisArg: Object): void;
+        /**
+         * @inheritdoc
+         */
+        removeEventListener(type: string, listener: EventListener): void;
+        /**
+         * @inheritdoc
+         */
+        removeEventListener(type: string, listener: EventListener, thisArg: Object): void;
+        /**
+         * @inheritdoc
+         */
+        removeEventListener(type: "insert" | "erase", listener: CollectionEventListener<T>): void;
+        /**
+         * @inheritdoc
+         */
+        removeEventListener(type: "insert" | "erase", listener: CollectionEventListener<T>, thisArg: Object): void;
+    }
+}
+declare namespace samchon.collection {
+    /**
+     * A {@link TreeMap} who can detect element I/O events.
+     *
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    class TreeMapCollection<Key, T> extends std.HashMap<Key, T> implements ICollection<std.Pair<Key, T>> {
+        private insert_handler_;
+        private erase_handler_;
+        private event_dispatcher_;
+        /**
+         * @inheritdoc
+         */
+        get_insert_handler(): MapCollectionHandler<Key, T>;
+        /**
+         * @inheritdoc
+         */
+        get_erase_handler(): MapCollectionHandler<Key, T>;
+        /**
+         * @inheritdoc
+         */
+        set_insert_handler(listener: MapCollectionHandler<Key, T>): void;
+        /**
+         * @inheritdoc
+         */
+        set_erase_handler(listener: MapCollectionHandler<Key, T>): void;
+        /**
+         * @inheritdoc
+         */
+        protected handle_insert(first: std.MapIterator<Key, T>, last: std.MapIterator<Key, T>): void;
+        /**
+         * @inheritdoc
+         */
+        protected handle_erase(first: std.MapIterator<Key, T>, last: std.MapIterator<Key, T>): void;
+        /**
+         * @inheritdoc
+         */
+        hasEventListener(type: string): boolean;
+        /**
+         * @inheritdoc
+         */
+        dispatchEvent(event: Event): boolean;
+        /**
+         * @inheritdoc
+         */
+        addEventListener(type: string, listener: EventListener): void;
+        /**
+         * @inheritdoc
+         */
+        addEventListener(type: string, listener: EventListener, thisArg: Object): void;
+        /**
+         * @inheritdoc
+         */
+        addEventListener(type: "insert" | "erase", listener: CollectionEventListener<T>): void;
+        /**
+         * @inheritdoc
+         */
+        addEventListener(type: "insert" | "erase", listener: CollectionEventListener<T>, thisArg: Object): void;
+        /**
+         * @inheritdoc
+         */
+        removeEventListener(type: string, listener: EventListener): void;
+        /**
+         * @inheritdoc
+         */
+        removeEventListener(type: string, listener: EventListener, thisArg: Object): void;
+        /**
+         * @inheritdoc
+         */
+        removeEventListener(type: "insert" | "erase", listener: CollectionEventListener<T>): void;
+        /**
+         * @inheritdoc
+         */
+        removeEventListener(type: "insert" | "erase", listener: CollectionEventListener<T>, thisArg: Object): void;
+    }
+    /**
+     * A {@link TreeMultiMap} who can detect element I/O events.
+     *
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    class TreeMultiMapCollection<Key, T> extends std.HashMap<Key, T> implements ICollection<std.Pair<Key, T>> {
+        private insert_handler_;
+        private erase_handler_;
+        private event_dispatcher_;
+        /**
+         * @inheritdoc
+         */
+        get_insert_handler(): MapCollectionHandler<Key, T>;
+        /**
+         * @inheritdoc
+         */
+        get_erase_handler(): MapCollectionHandler<Key, T>;
+        /**
+         * @inheritdoc
+         */
+        set_insert_handler(listener: MapCollectionHandler<Key, T>): void;
+        /**
+         * @inheritdoc
+         */
+        set_erase_handler(listener: MapCollectionHandler<Key, T>): void;
+        /**
+         * @inheritdoc
+         */
+        protected handle_insert(first: std.MapIterator<Key, T>, last: std.MapIterator<Key, T>): void;
+        /**
+         * @inheritdoc
+         */
+        protected handle_erase(first: std.MapIterator<Key, T>, last: std.MapIterator<Key, T>): void;
+        /**
+         * @inheritdoc
+         */
+        hasEventListener(type: string): boolean;
+        /**
+         * @inheritdoc
+         */
+        dispatchEvent(event: Event): boolean;
+        /**
+         * @inheritdoc
+         */
+        addEventListener(type: string, listener: EventListener): void;
+        /**
+         * @inheritdoc
+         */
+        addEventListener(type: string, listener: EventListener, thisArg: Object): void;
+        /**
+         * @inheritdoc
+         */
+        addEventListener(type: "insert" | "erase", listener: CollectionEventListener<T>): void;
+        /**
+         * @inheritdoc
+         */
+        addEventListener(type: "insert" | "erase", listener: CollectionEventListener<T>, thisArg: Object): void;
+        /**
+         * @inheritdoc
+         */
+        removeEventListener(type: string, listener: EventListener): void;
+        /**
+         * @inheritdoc
+         */
+        removeEventListener(type: string, listener: EventListener, thisArg: Object): void;
+        /**
+         * @inheritdoc
+         */
+        removeEventListener(type: "insert" | "erase", listener: CollectionEventListener<T>): void;
+        /**
+         * @inheritdoc
+         */
+        removeEventListener(type: "insert" | "erase", listener: CollectionEventListener<T>, thisArg: Object): void;
+    }
+}
+declare namespace samchon.collection {
+    /**
+     * A {@link TreeMap} who can detect element I/O events.
+     *
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    class TreeSetCollection<T> extends std.TreeSet<T> implements ICollection<T> {
+        private insert_handler_;
+        private erase_handler_;
+        private event_dispatcher_;
+        /**
+         * @inheritdoc
+         */
+        set_insert_handler(listener: CollectionHandler<T>): void;
+        /**
+         * @inheritdoc
+         */
+        set_erase_handler(listener: CollectionHandler<T>): void;
+        /**
+         * @inheritdoc
+         */
+        get_insert_handler(): CollectionHandler<T>;
+        /**
+         * @inheritdoc
+         */
+        get_erase_handler(): CollectionHandler<T>;
+        /**
+         * @inheritdoc
+         */
+        protected handle_insert(first: std.SetIterator<T>, last: std.SetIterator<T>): void;
+        /**
+         * @inheritdoc
+         */
+        protected handle_erase(first: std.SetIterator<T>, last: std.SetIterator<T>): void;
+        /**
+         * @inheritdoc
+         */
+        hasEventListener(type: string): boolean;
+        /**
+         * @inheritdoc
+         */
+        dispatchEvent(event: Event): boolean;
+        /**
+         * @inheritdoc
+         */
+        addEventListener(type: string, listener: EventListener): void;
+        /**
+         * @inheritdoc
+         */
+        addEventListener(type: string, listener: EventListener, thisArg: Object): void;
+        /**
+         * @inheritdoc
+         */
+        addEventListener(type: "insert" | "erase", listener: CollectionEventListener<T>): void;
+        /**
+         * @inheritdoc
+         */
+        addEventListener(type: "insert" | "erase", listener: CollectionEventListener<T>, thisArg: Object): void;
+        /**
+         * @inheritdoc
+         */
+        removeEventListener(type: string, listener: EventListener): void;
+        /**
+         * @inheritdoc
+         */
+        removeEventListener(type: string, listener: EventListener, thisArg: Object): void;
+        /**
+         * @inheritdoc
+         */
+        removeEventListener(type: "insert" | "erase", listener: CollectionEventListener<T>): void;
+        /**
+         * @inheritdoc
+         */
+        removeEventListener(type: "insert" | "erase", listener: CollectionEventListener<T>, thisArg: Object): void;
+    }
+    /**
+     * A {@link TreeMultiSet} who can detect element I/O events.
+     *
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    class TreeMultiSetCollection<T> extends std.TreeMultiSet<T> implements ICollection<T> {
+        private insert_handler_;
+        private erase_handler_;
+        private event_dispatcher_;
+        /**
+         * @inheritdoc
+         */
+        set_insert_handler(listener: CollectionHandler<T>): void;
+        /**
+         * @inheritdoc
+         */
+        set_erase_handler(listener: CollectionHandler<T>): void;
+        /**
+         * @inheritdoc
+         */
+        get_insert_handler(): CollectionHandler<T>;
+        /**
+         * @inheritdoc
+         */
+        get_erase_handler(): CollectionHandler<T>;
+        /**
+         * @inheritdoc
+         */
+        protected handle_insert(first: std.SetIterator<T>, last: std.SetIterator<T>): void;
+        /**
+         * @inheritdoc
+         */
+        protected handle_erase(first: std.SetIterator<T>, last: std.SetIterator<T>): void;
+        /**
+         * @inheritdoc
+         */
+        hasEventListener(type: string): boolean;
+        /**
+         * @inheritdoc
+         */
+        dispatchEvent(event: Event): boolean;
+        /**
+         * @inheritdoc
+         */
+        addEventListener(type: string, listener: EventListener): void;
+        /**
+         * @inheritdoc
+         */
+        addEventListener(type: string, listener: EventListener, thisArg: Object): void;
+        /**
+         * @inheritdoc
+         */
+        addEventListener(type: "insert" | "erase", listener: CollectionEventListener<T>): void;
+        /**
+         * @inheritdoc
+         */
+        addEventListener(type: "insert" | "erase", listener: CollectionEventListener<T>, thisArg: Object): void;
+        /**
+         * @inheritdoc
+         */
+        removeEventListener(type: string, listener: EventListener): void;
+        /**
+         * @inheritdoc
+         */
+        removeEventListener(type: string, listener: EventListener, thisArg: Object): void;
+        /**
+         * @inheritdoc
+         */
+        removeEventListener(type: "insert" | "erase", listener: CollectionEventListener<T>): void;
+        /**
+         * @inheritdoc
+         */
+        removeEventListener(type: "insert" | "erase", listener: CollectionEventListener<T>, thisArg: Object): void;
+    }
+}
+declare namespace samchon.library {
+    /**
+     * <p> Case generator. </p>
+     *
+     * <p> CaseGenerator is an abstract case generator using like a matrix. </p>
+     * <ul>
+     *  <li> nTTr(n^r) -> CombinedPermutationGenerator </li>
+     *  <li> nPr -> PermutationGenerator </li>
+     *  <li> n! -> FactorialGenerator </li>
+     * </ul>
+     *
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    abstract class CaseGenerator {
+        /**
+         * <p> Size, the number of all cases. </p>
+         */
+        protected size_: number;
+        /**
+         * <p> N, size of the candidates. </p>
+         */
+        protected n_: number;
+        /**
+         * <p> R, size of elements of each case. </p>
+         */
+        protected r_: number;
+        /**
+         * <p> Construct from size of N and R. </p>
+         *
+         * @param n Size of candidates.
+         * @param r Size of elements of each case.
+         */
+        constructor(n: number, r: number);
+        /**
+         * <p> Get size of all cases. </p>
+         *
+         * @return Get a number of the all cases.
+         */
+        size(): number;
+        /**
+         * <p> Get size of the N. </p>
+         */
+        n(): number;
+        /**
+         * <p> Get size of the R. </p>
+         */
+        r(): number;
+        /**
+         * <p> Get index'th case. </p>
+         *
+         * @param index Index number
+         * @return The row of the index'th in combined permuation case
+         */
+        abstract at(index: number): Array<number>;
+    }
+    /**
+     * <p> A combined-permutation case generator. </p>
+     * <p> <sub>n</sub>TT<sub>r</sub> </p>
+     *
+     * @inheritdoc
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    class CombinedPermutationGenerator extends CaseGenerator {
+        /**
+         * <p> An array using for dividing each element index. </p>
+         */
+        private dividerArray;
+        /**
+         * <p> Construct from size of N and R. </p>
+         *
+         * @param n Size of candidates.
+         * @param r Size of elements of each case.
+         */
+        constructor(n: number, r: number);
+        at(index: number): Array<number>;
+    }
+    /**
+     * <p> A permutation case generator. </p>
+     * <p> nPr </p>
+     *
+     * @author Jeongho Nam <http://samchon.org>
+     * @inheritdoc
+     */
+    class PermuationGenerator extends CaseGenerator {
+        /**
+         * <p> Construct from size of N and R. </p>
+         *
+         * @param n Size of candidates.
+         * @param r Size of elements of each case.
+         */
+        constructor(n: number, r: number);
+        /**
+         * @inheritdoc
+         */
+        at(index: number): Array<number>;
+    }
+    class FactorialGenerator extends PermuationGenerator {
+        /**
+         * Construct from factorial size N.
+         *
+         * @param n Factoria size N.
+         */
+        constructor(n: number);
+    }
+}
+declare namespace samchon.library {
+    /**
+     * <p> The IEventDispatcher interface defines methods for adding or removing event listeners, checks
+     * whether specific types of event listeners are registered, and dispatches events. </p>
+     *
+     * <p> Event targets are an important part of the Flash�� Player and Adobe AIR event model. The event
+     * target serves as the focal point for how events flow through the display list hierarchy. When an
+     * event such as a mouse click or a keypress occurs, an event object is dispatched into the event flow
+     * from the root of the display list. The event object makes a round-trip journey to the event target,
+     * which is conceptually divided into three phases: the capture phase includes the journey from the
+     * root to the last node before the event target's node; the target phase includes only the event
+     * target node; and the bubbling phase includes any subsequent nodes encountered on the return trip to
+     * the root of the display list. </p>
+     *
+     * <p> In general, the easiest way for a user-defined class to gain event dispatching capabilities is
+     * to extend EventDispatcher. If this is impossible (that is, if the class is already extending another
+     * class), you can instead implement the IEventDispatcher interface, create an EventDispatcher member,
+     * and write simple hooks to route calls into the aggregated EventDispatcher. </p>
+     *
+     * <ul>
+     *  <li> Made by AS3 - http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/events/IEventDispatcher.html
+     * </ul>
+     *
+     * @see EventDispatcher
+     * @author Migrated by Jeongho Nam <http://samchon.org>
+     */
+    interface IEventDispatcher {
+        /**
+         * <p> Checks whether the EventDispatcher object has any listeners registered for a specific type
+         * of event. This allows you to determine where an EventDispatcher object has altered handling of
+         * an event type in the event flow hierarchy. To determine whether a specific event type actually
+         * triggers an event listener, use willTrigger(). </p>
+         *
+         * <p> The difference between hasEventListener() and willTrigger() is that hasEventListener()
+         * examines only the object to which it belongs, whereas willTrigger() examines the entire event
+         * flow for the event specified by the type parameter. </p>
+         *
+         * @param type The type of event.
+         */
+        hasEventListener(type: string): boolean;
+        /**
+         * <p> Dispatches an event into the event flow. </p>
+         * <p> The event target is the EventDispatcher object upon which the dispatchEvent() method is called. </p>
+         *
+         * @param event The Event object that is dispatched into the event flow. If the event is being
+         *			  redispatched, a clone of the event is created automatically. After an event is
+         *			  dispatched, its target property cannot be changed, so you must create a new copy
+         *			  of the event for redispatching to work.
+         */
+        dispatchEvent(event: BasicEvent): boolean;
+        /**
+         * <p> Registers an event listener object with an EventDispatcher object so that the listener
+         * receives notification of an event. You can register event listeners on all nodes in the display
+         * list for a specific type of event, phase, and priority.
+         *
+         * <p> After you successfully register an event listener, you cannot change its priority through
+         * additional calls to addEventListener(). To change a listener's priority, you must first call
+         * removeEventListener(). Then you can register the listener again with the new priority level. </p>
+         *
+         * <p> Keep in mind that after the listener is registered, subsequent calls to addEventListener()
+         * with a different type or useCapture value result in the creation of a separate listener
+         * registration. For example, if you first register a listener with useCapture set to true,
+         * it listens only during the capture phase. If you call addEventListener() again using the same
+         * listener object, but with useCapture set to false, you have two separate listeners: one that
+         * listens during the capture phase and another that listens during the target and bubbling phases. </p>
+         *
+         * <p> You cannot register an event listener for only the target phase or the bubbling phase.
+         * Those phases are coupled during registration because bubbling applies only to the ancestors of
+         * the target node. </p>
+         *
+         * <p> If you no longer need an event listener, remove it by calling removeEventListener(), or
+         * memory problems could result. Event listeners are not automatically removed from memory because
+         * the garbage collector does not remove the listener as long as the dispatching object exists
+         * (unless the useWeakReference parameter is set to true). </p>
+         *
+         * <p> Copying an EventDispatcher instance does not copy the event listeners attached to it. (If
+         * your newly created node needs an event listener, you must attach the listener after creating
+         * the node.) However, if you move an EventDispatcher instance, the event listeners attached to
+         * it move along with it. </p>
+         *
+         * <p> If the event listener is being registered on a node while an event is also being processed
+         * on this node, the event listener is not triggered during the current phase but may be triggered
+         * during a later phase in the event flow, such as the bubbling phase. </p>
+         *
+         * <p> If an event listener is removed from a node while an event is being processed on the node,
+         * it is still triggered by the current actions. After it is removed, the event listener is never
+         * invoked again (unless it is registered again for future processing). </p>
+         *
+         * @param event The type of event.
+         * @param listener The listener function that processes the event.
+         *				 This function must accept an Event object as its only parameter and must return
+         *				 nothing.
+         */
+        addEventListener(type: string, listener: EventListener, thisArg: Object): void;
+        /**
+         * Removes a listener from the EventDispatcher object. If there is no matching listener registered
+         * with the EventDispatcher object, a call to this method has no effect.
+         *
+         * @param type The type of event.
+         * @param listener The listener object to remove.
+         */
+        removeEventListener(type: string, listener: EventListener, thisArg: Object): void;
+    }
+    /**
+     * <p> Registers an event listener object with an EventDispatcher object so that the listener
+     * receives notification of an event. You can register event listeners on all nodes in the display
+     * list for a specific type of event, phase, and priority. </p>
+     *
+     * <p> After you successfully register an event listener, you cannot change its priority through
+     * additional calls to addEventListener(). To change a listener's priority, you must first call
+     * removeListener(). Then you can register the listener again with the new priority level. </p>
+     *
+     * Keep in mind that after the listener is registered, subsequent calls to <code>addEventListener()</code>
+     * with a different type or useCapture value result in the creation of a separate listener registration.
+     * For example, if you first register a listener with useCapture set to true, it listens only during the
+     * capture phase. If you call addEventListener() again using the same listener object, but with
+     * useCapture set to false, you have two separate listeners: one that listens during the capture
+     * phase and another that listens during the target and bubbling phases.
+     *
+     * <p> You cannot register an event listener for only the target phase or the bubbling phase. Those
+     * phases are coupled during registration because bubbling applies only to the ancestors of the
+     * target node. </p>
+     *
+     * <p> If you no longer need an event listener, remove it by calling <code>removeEventListener()</code>,
+     * or memory problems could result. Event listeners are not automatically removed from memory
+     * because the garbage collector does not remove the listener as long as the dispatching object
+     * exists (unless the useWeakReference parameter is set to true). </p>
+     *
+     * <p> Copying an EventDispatcher instance does not copy the event listeners attached to it. (If your
+     * newly created node needs an event listener, you must attach the listener after creating the
+     * node.) However, if you move an EventDispatcher instance, the event listeners attached to it move
+     * along with it. </p>
+     *
+     * <p> If the event listener is being registered on a node while an event is being processed on
+     * this node, the event listener is not triggered during the current phase but can be triggered
+     * during a later phase in the event flow, such as the bubbling phase. </p>
+     *
+     * <p> If an event listener is removed from a node while an event is being processed on the node, it is
+     * still triggered by the current actions. After it is removed, the event listener is never invoked
+     * again (unless registered again for future processing). </p>
+     *
+     * <ul>
+     *  <li> Made by AS3 - http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/events/EventDispatcher.html
+     * </ul>
+     *
+     * @author Migrated by Jeongho Nam <http://samchon.org>
+     */
+    class EventDispatcher implements IEventDispatcher {
+        /**
+         * The origin object who issuing events.
+         */
+        protected target: IEventDispatcher;
+        /**
+         * Container of listeners.
+         */
+        protected listeners: std.HashMap<string, std.HashSet<std.Pair<EventListener, Object>>>;
+        /**
+         * Default Constructor.
+         */
+        constructor();
+        /**
+         * Construct from the origin event dispatcher.
+         *
+         * @param target The origin object who issuing events.
+         */
+        constructor(target: IEventDispatcher);
+        /**
+         * @inheritdoc
+         */
+        hasEventListener(type: string): boolean;
+        /**
+         * @inheritdoc
+         */
+        dispatchEvent(event: Event): boolean;
+        /**
+         * @inheritdoc
+         */
+        addEventListener(type: string, listener: EventListener, thisArg?: Object): void;
+        /**
+         * @inheritdoc
+         */
+        removeEventListener(type: string, listener: EventListener, thisArg?: Object): void;
+    }
+}
+declare namespace samchon.library {
+    /**
+     * <p> A utility class supporting static methods of string. </p>
+     *
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    class StringUtil {
+        /**
+         * <p> Generate a substring. </p>
+         *
+         * <p> Extracts a substring consisting of the characters from specified start to end.
+         * It's same with str.substring( ? = (str.find(start) + start.size()), str.find(end, ?) ) </p>
+         *
+         * <code>
+         let str = between("ABCD[EFGH]IJK", "[", "]");
+         console.log(str); // PRINTS "EFGH"
+         * </code>
+         *
+         * <ul>
+         *	<li> If start is not specified, extracts from begin of the string to end. </li>
+         *	<li> If end is not specified, extracts from start to end of the string. </li>
+         *	<li> If start and end are all omitted, returns str, itself. </li>
+         * </ul>
+         *
+         * @param str Target string to be applied between
+         * @param start A string for separating substring at the front
+         * @param end A string for separating substring at the end
+         *
+         * @return substring by specified terms
+         */
+        static between(str: string, start?: string, end?: string): string;
+        /**
+         * <p> Fetch substrings. </p>
+         *
+         * <p> Splits a string into an array of substrings dividing by specified delimeters of start and end.
+         * It's the array of substrings adjusted the between. </p>
+         *
+         * <ul>
+         *	<li> If startStr is omitted, it's same with the split by endStr not having last item. </li>
+         *	<li> If endStr is omitted, it's same with the split by startStr not having first item. </li>
+         *	<li> If startStr and endStar are all omitted, returns <i>str</i>. </li>
+         * </ul>
+         *
+         * @param str Target string to split by between
+         * @param start A string for separating substring at the front.
+         *				If omitted, it's same with split(end) not having last item
+         * @param end A string for separating substring at the end.
+         *			  If omitted, it's same with split(start) not having first item
+         * @return An array of substrings
+         */
+        static betweens(str: string, start?: string, end?: string): Array<string>;
+        /**
+         * An array containing whitespaces.
+         */
+        private static SPACE_ARRAY;
+        /**
+         * Remove all designated characters from the beginning and end of the specified string.
+         *
+         * @param str The string whose designated characters should be trimmed.
+         * @param args Designated character(s).
+         *
+         * @return Updated string where designated characters was removed from the beginning and end.
+         */
+        static trim(str: string, ...args: string[]): string;
+        /**
+         * Remove all designated characters from the beginning of the specified string.
+         *
+         * @param str The string should be trimmed.
+         * @param delims Designated character(s).
+         *
+         * @return Updated string where designated characters was removed from the beginning
+         */
+        static ltrim(str: string, ...args: string[]): string;
+        /**
+         * Remove all designated characters from the end of the specified string.
+         *
+         * @param str The string should be trimmed.
+         * @param delims Designated character(s).
+         *
+         * @return Updated string where designated characters was removed from the end.
+         */
+        static rtrim(str: string, ...args: string[]): string;
+        /**
+         * Substitute <code>{n}</code> tokens within the specified string.
+         *
+         * @param format The string to make substitutions in. This string can contain special tokens of the form
+         *				 <code>{n}</code>, where <code>n</code> is a zero based index, that will be replaced with the
+         *				 additional parameters found at that index if specified.
+         * @param args Additional parameters that can be substituted in the <i>format</i> parameter at each
+         *			   <code>{n}</code> location, where <code>n</code> is an integer (zero based) index value into
+         *			   the array of values specified.
+         *
+         * @return New string with all of the <code>{n}</code> tokens replaced with the respective arguments specified.
+         */
+        static substitute(format: string, ...args: any[]): string;
+        /**
+         * Returns a string specified word is replaced.
+         *
+         * @param str Target string to replace
+         * @param before Specific word you want to be replaced
+         * @param after Specific word you want to replace
+         *
+         * @return A string specified word is replaced
+         */
+        static replaceAll(str: string, before: string, after: string): string;
+        /**
+         * Returns a string specified words are replaced.
+         *
+         * @param str Target string to replace
+         * @param pairs A specific word's pairs you want to replace and to be replaced
+         *
+         * @return A string specified words are replaced
+         */
+        static replaceAll(str: string, ...pairs: std.Pair<string, string>[]): string;
+        /**
+         * <p> Get a tabbed string by specified size. </p>
+         */
+        static tab(size: number): string;
+        /**
+         * <p> Get a tabbed HTLM string by specified size. </p>
+         */
+        static htmlTab(size: number): string;
+        /**
+         * Replace all HTML spaces to a literal space.
+         *
+         * @param str Target string to replace.
+         */
+        static removeHTMLSpaces(str: string): string;
+    }
+}
+declare namespace samchon.protocol {
+    /**
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    abstract class EntityArray<Ety extends IEntity> extends std.Vector<Ety> {
+        /**
+         * Default Constructor.
+         */
+        constructor();
+        /**
+         * <p> Construct data of the Entity from an XML object. </p>
+         *
+         * <p> Constructs the EntityArray's own member variables only from the input XML object. </p>
+         *
+         * <p> Do not consider about constructing children Entity objects' data in EntityArray::construct().
+         * Those children Entity objects' data will constructed by their own construct() method. Even insertion
+         * of XML objects representing children are done by abstract method of EntityArray::toXML(). </p>
+         *
+         * <p> Constructs only data of EntityArray's own. </p>
+         *
+         * @inheritdoc
+         */
+        construct(xml: library.XML): void;
+        /**
+         * <p> Factory method of a child Entity. </p>
+         *
+         * <p> EntityArray::createChild() is a factory method creating a new child Entity which is belonged
+         * to the EntityArray. This method is called by EntityArray::construct(). The children construction
+         * methods Entity::construct() will be called by abstract method of the EntityArray::construct(). </p>
+         *
+         * @return A new child Entity belongs to EntityArray.
+         */
+        protected abstract createChild(xml: library.XML): Ety;
+        /**
+         * @inheritdoc
+         */
+        key(): any;
+        /**
+         * <p> Whether have the item or not. </p>
+         *
+         * <p> Indicates whether a map has an item having the specified identifier. </p>
+         *
+         * @param key Key value of the element whose mapped value is accessed.
+         *
+         * @return Whether the map has an item having the specified identifier.
+         */
+        has(key: any): boolean;
+        /**
+         * <p> Count elements with a specific key. </p>
+         *
+         * <p> Searches the container for elements whose key is <i>key</i> and returns the number of elements found. </p>
+         *
+         * @param key Key value to be searched for.
+         *
+         * @return The number of elements in the container with a <i>key</i>.
+         */
+        count(key: any): number;
+        /**
+         * <p> Get an element </p>
+         *
+         * <p> Returns a reference to the mapped value of the element identified with <i>key</i>. </p>
+         *
+         * @param key Key value of the element whose mapped value is accessed.
+         *
+         * @throw exception out of range
+         *
+         * @return A reference object of the mapped value (_Ty)
+         */
+        get(key: string): Ety;
+        /**
+         * @inheritdoc
+         */
+        abstract TAG(): string;
+        /**
+         * <p> A tag name of children objects. </p>
+         */
+        abstract CHILD_TAG(): string;
+        /**
+         * <p> Get an XML object represents the EntityArray. </p>
+         *
+         * <p> Archives the EntityArray's own member variables only to the returned XML object. </p>
+         *
+         * <p> Do not consider about archiving children Entity objects' data in EntityArray::toXML().
+         * Those children Entity objects will converted to XML object by their own toXML() method. The
+         * insertion of XML objects representing children are done by abstract method of
+         * EntityArray::toXML(). </p>
+         *
+         * <p> Archives only data of EntityArray's own. </p>
+         *
+         * @inheritdoc
+         */
+        toXML(): library.XML;
+    }
+}
+declare namespace samchon.protocol {
+    /**
+     * <p> A network driver for an external system. </p>
+     *
+     * <p> ExternalSystem is a boundary class interacting with an external system by network communication.
+     * Also, ExternalSystem is an abstract class that a network role, which one is server and which one is
+     * client, is not determined yet. </p>
+     *
+     * <p> The ExternalSystem has ExternalSystemRole(s) groupped methods, handling Invoke message
+     * interacting with the external system, by subject or unit of a moudle. The ExternalSystemRole is
+     * categorized in a 'control'. </p>
+     *
+     * <h4> Note </h4>
+     * <p> The ExternalSystem class takes a role of interaction with external system in network level.
+     * However, within a framework of Samchon Framework, a boundary class like the ExternalSystem is
+     * not such important. You can find some evidence in a relationship between ExternalSystemArray,
+     * ExternalSystem and ExternalSystemRole. </p>
+     *
+     * <p> Of course, the ExternalSystemRole is belonged to an ExternalSystem. However, if you
+     * access an ExternalSystemRole from an ExternalSystemArray directly, not passing by a belonged
+     * ExternalSystem, and send an Invoke message even you're not knowing which ExternalSystem is
+     * related in, it's called "Proxy pattern".
+     *
+     * <p> Like the explanation of "Proxy pattern", you can utilize an ExternalSystemRole as a proxy
+     * of an ExternalSystem. With the pattern, you can only concentrate on ExternalSystemRole itself,
+     * what to do with Invoke message, irrespective of the ExternalSystemRole is belonged to which
+     * ExternalSystem. </p>
+     *
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    abstract class ExternalSystem extends EntityArray<ExternalSystemRole> implements IProtocol {
+        /**
+         * <p> A driver for interacting with (real, physical) external system. </p>
+         */
+        protected driver: ServerConnector;
+        /**
+         * <p> A name can identify an external system. </p>
+         *
+         * <p> The name must be unique in ExternalSystemArray. </p>
+         */
+        protected name: string;
+        /**
+         * <p> An ip address of an external system. </p>
+         */
+        protected ip: string;
+        /**
+         * <p> A port number of an external system. </p>
+         */
+        protected port: number;
+        /**
+         * <p> Default Constructor. </p>
+         */
+        constructor();
+        /**
+         * <p> Start interaction. </p>
+         * <p> An abstract method starting interaction with an external system. </p>
+         *
+         * <p> If an external systems are a server, starts connection and listening Inovoke message,
+         * else clients, just starts listening only. You also can addict your own procudures of starting
+         * the driver, but if you directly override method of abstract ExternalSystem, be careful about
+         * virtual inheritance. </p>
+         */
+        start(): void;
+        key(): any;
+        /**
+         * <p> Get name. </p>
+         */
+        getName(): string;
+        /**
+         * <p> Get ip address of the external system. </p>
+         */
+        getIP(): string;
+        /**
+         * <p> Get port number of the external system. </p>
+         */
+        getPort(): number;
+        sendData(invoke: Invoke): void;
+        replyData(invoke: Invoke): void;
+        TAG(): string;
+        CHILD_TAG(): string;
+    }
+}
+declare namespace samchon.protocol {
+    /**
+     * <p> An array of ExternalSystem(s). </p>
+     *
+     * <p> ExternalSystemArray is an abstract class containing and managing external system drivers. </p>
+     *
+     * <p> Also, ExternalSystemArray can access to ExternalSystemRole(s) directly. With the method, you
+     * can use an ExternalSystemRole as "logical proxy" of an ExternalSystem. Of course, the
+     * ExternalSystemRole is belonged to an ExternalSystem. However, if you access an ExternalSystemRole
+     * from an ExternalSystemArray directly, not passing by a belonged ExternalSystem, and send an Invoke
+     * message even you're not knowing which ExternalSystem is related in, the ExternalSystemRole acted
+     * a role of proxy. </p>
+     *
+     * <p> It's called as "Proxy pattern". With the pattern, you can only concentrate on
+     * ExternalSystemRole itself, what to do with Invoke message, irrespective of the ExternalSystemRole
+     * is belonged to which ExternalSystem. </p>
+     *
+     * <ul>
+     *  <li> ExternalSystemArray::getRole("something")->sendData(invoke); </li>
+     * </ul>
+     *
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    abstract class ExternalSystemArray extends EntityArray<ExternalSystem> implements IProtocol {
+        /**
+         * Default Constructor.
+         */
+        constructor();
+        /**
+         * <p> Start interaction. </p>
+         * <p> An abstract method starting interaction with external systems. </p>
+         *
+         * <p> If external systems are servers, starts connection to them, else clients, opens a server
+         * and accepts the external systems. You can addict your own procudures of starting drivers, but
+         * if you directly override method of abstract ExternalSystemArray, be careful about virtual
+         * inheritance. </p>
+         */
+        start(): void;
+        /**
+         * <p> Test whether has a role. </p>
+         *
+         * @param name Name of an ExternalSystemRole.
+         * @return Whether has or not.
+         */
+        hasRole(key: string): boolean;
+        /**
+         * <p> Get a role. </p>
+         *
+         * @param name Name of an ExternalSystemRole
+         * @return A shared pointer of specialized role
+         */
+        getRole(key: string): ExternalSystemRole;
+        sendData(invoke: Invoke): void;
+        replyData(invoke: Invoke): void;
+        TAG(): string;
+        CHILD_TAG(): string;
+    }
+}
+declare namespace samchon.protocol {
+    /**
+     * <p> A role belongs to an external system. </p>
+     *
+     * <p> ExternalSystemRole is a 'control' class groupping methods, handling Invoke messages
+     * interacting with an external system that the ExternalSystemRole is belonged to, by a subject or
+     * unit of a module. <p>
+     *
+     * <p> ExternalSystemRole can be a "logical proxy" for an ExternalSystem which is containing the
+     * ExternalSystemRole. Of course, the ExternalSystemRole is belonged to an ExternalSystem. However,
+     * if you access an ExternalSystemRole from an ExternalSystemArray directly, not passing by a
+     * belonged ExternalSystem, and send an Invoke message even you're not knowing which ExternalSystem
+     * is related in, the ExternalSystemRole acted a role of proxy. </p>
+     *
+     * <p> It's called as "Proxy pattern". With the pattern, you can only concentrate on
+     * ExternalSystemRole itself, what to do with Invoke message, irrespective of the ExternalSystemRole
+     * is belonged to which ExternalSystem. </p>
+     *
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    class ExternalSystemRole extends Entity implements IProtocol {
+        /**
+         * <p> A driver of external system containing the ExternalSystemRole. </p>
+         */
+        protected system: ExternalSystem;
+        /**
+         * <p> A name representing the role. </p>
+         */
+        protected name: string;
+        protected sendListeners: std.HashSet<string>;
+        /**
+         * <p> Construct from external system driver. </p>
+         *
+         * @param system A driver of external system the ExternalSystemRole is belonged to.
+         */
+        constructor(system: ExternalSystem);
+        construct(xml: library.XML): void;
+        getName(): string;
+        hasSendListener(key: string): boolean;
+        sendData(invoke: Invoke): void;
+        replyData(invoke: Invoke): void;
+        TAG(): string;
+        toXML(): library.XML;
+    }
+}
+declare namespace samchon.protocol {
+    /**
+     * <p> An interface of entity. </p>
+     *
+     * <p> Entity is a class for standardization of expression method using on network I/O by XML. If
+     * Invoke is a standard message protocol of Samchon Framework which must be kept, Entity is a
+     * recommended semi-protocol of message for expressing a data class. Following the semi-protocol
+     * Entity is not imposed but encouraged. </p>
+     *
+     * <p> As we could get advantages from standardization of message for network I/O with Invoke,
+     * we can get additional advantage from standardizing expression method of data class with Entity.
+     * We do not need to know a part of network communication. Thus, with the Entity, we can only
+     * concentrate on entity's own logics and relationships between another entities. Entity does not
+     * need to how network communications are being done. </p>
+     *
+     * <p> I say repeatedly. Expression method of Entity is recommended, but not imposed. It's a semi
+     * protocol for network I/O but not a essential protocol must be kept. The expression method of
+     * Entity, using on network I/O, is expressed by XML string. </p>
+     *
+     * <p> If your own network system has a critical performance issue on communication data class,
+     * it would be better to using binary communication (with ByteArray).
+     * Don't worry about the problem! Invoke also provides methods for binary data (ByteArray). </p>
+     *
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    interface IEntity {
+        /**
+         * <p> Construct data of the Entity from a XML object. </p>
+         *
+         * <p> Overrides the construct() method and fetch data of member variables from the XML. </p>
+         *
+         * <p> By recommended guidance, data representing member variables are contained in properties
+         * of the put XML object. </p>
+         *
+         * @param xml An xml used to contruct data of entity.
+         */
+        construct(xml: library.XML): any;
+        /**
+        * <p> Get a key that can identify the Entity uniquely. </p>
+        *
+        * <p> If identifier of the Entity is not atomic value, returns a string or paired object
+        * that can represents the composite identifier. </p>
+        */
+        key(): any;
+        /**
+         * <p> A tag name when represented by XML. </p>
+         *
+         * <ul>
+         * 	<li> &lt;TAG {...properties} /&gt; </li>
+         * </ul>
+         */
+        TAG(): string;
+        /**
+         * <p> Get a XML object represents the Entity. </p>
+         *
+         * <p> A member variable (not object, but atomic value like number, string or date) is categorized
+         * as a property within the framework of entity side. Thus, when overriding a toXML() method and
+         * archiving member variables to an XML object to return, puts each variable to be a property
+         * belongs to only a XML object. </p>
+         *
+         * <p> Don't archive the member variable of atomic value to XML::value causing enormouse creation
+         * of XML objects to number of member variables. An Entity must be represented by only a XML
+         * instance (tag). </p>
+         *
+         * <table>
+         *	<tr>
+         *		<th> Standard Usage </th>
+         *		<th> Non-standard usage abusing value </th>
+         *	</tr>
+         *	<tr>
+         *		<td>
+         *		  &lt;memberList&gt; <br>
+         *		  &lt;member id='jhnam88' name='Jeongho+Nam' birthdate='1988-03-11' /&gt; <br>
+    &lt;member id='master' name='Administartor' birthdate='2011-07-28' /&gt; <br>
+&lt;/memberList&gt;
+         *		</td>
+         *		<td>
+         *		  &lt;member&gt;
+         *		  &lt;id&gt;jhnam88&lt;/id&gt;
+         *		  &lt;name&gt;Jeongho+Nam&lt;name&gt;
+         *		  &lt;birthdate&gt;1988-03-11&lt;/birthdate&gt;
+         *		  &lt;/member&gt;
+         *		</td>
+         *	</tr>
+         * </table>
+         *
+         * @return An XML object representing the Entity.
+         */
+        toXML(): library.XML;
+    }
+}
+declare namespace samchon.protocol {
+    /**
+     * <p> An interface for Invoke message chain. </p>
+     *
+     * <p> IProtocol is an interface for Invoke message, which is standard message of network I/O
+     * in Samchon Framework, chain. The IProtocol interface is used to network drivers and some
+     * classes which are in a relationship of chain of responsibility with those network drivers. </p>
+     *
+     * <p> In Samchon Framework, server side, IProtocol is one of the basic 3 + 1 components that
+     * can make any type of network system in Samchon Framework with IServer and IClient. Following
+     * the "chain of responsibility" pa1ttern, looking around classes in Samchon Framework, you
+     * can see all related classes with network I/O are implemented from the IProtocol. </p>
+     *
+     * @see Invoke
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    interface IProtocol {
+        /**
+         * <p> Sending message. </p>
+         * <p> Sends message to related system or shifts the responsibility to chain. </p>
+         *
+         * @param invoke Invoke message to send
+         */
+        replyData(invoke: Invoke): void;
+        /**
+         * <p> Handling replied message. </p>
+         * <p> Handles replied message or shifts the responsibility to chain. </p>
+         *
+         * @param invoke Replied invoke message
+         */
+        sendData(invoke: Invoke): void;
+    }
+}
+declare namespace samchon.protocol {
+    /**
+     * <p> Standard message of network I/O. </p>
+     * <p> Invoke is a class used in network I/O in protocol package of Samchon Framework. </p>
+     *
+     * <p> The Invoke message has an XML structure like the result screen of provided example in below.
+     * We can enjoy lots of benefits by the normalized and standardized message structure used in
+     * network I/O. </p>
+     *
+     * <p> The greatest advantage is that we can make any type of network system, even how the system
+     * is enourmously complicated. As network communication message is standardized, we only need to
+     * concentrate on logical relationships between network systems. We can handle each network system
+     * like a object (class) in OOD. And those relationships can be easily designed by using design
+     * pattern. </p>
+     *
+     * <p> In Samchon Framework, you can make any type of network system with basic 3 + 1 componenets
+     * (IProtocol, IServer and IClient + ServerConnector), by implemens or inherits them, like designing
+     * classes of S/W architecture. </p>
+     *
+     * @see IProtocol
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    class Invoke extends EntityArray<InvokeParameter> {
+        /**
+         * <p> Listener, represent function's name. </p>
+         */
+        protected listener: string;
+        constructor(listener: string);
+        /**
+         * Copy Constructor.
+         *
+         * @param invoke
+         */
+        constructor(invoke: Invoke);
+        constructor(xml: library.XML);
+        constructor(listener: string, begin: std.VectorIterator<InvokeParameter>, end: std.VectorIterator<InvokeParameter>);
+        constructor(listener: string, ...parameters: any[]);
+        /**
+         * @inheritdoc
+         */
+        protected createChild(xml: library.XML): InvokeParameter;
+        /**
+         * Get listener.
+         */
+        getListener(): string;
+        /**
+         * <p> Get arguments for Function.apply(). </p>
+         *
+         * @return An array containing values of the contained parameters.
+         */
+        getArguments(): Array<any>;
+        /**
+         * <p> Apply to a matched function. </p>
+         */
+        apply(obj: IProtocol): boolean;
+        /**
+         * @inheritdoc
+         */
+        TAG(): string;
+        /**
+         * @inheritdoc
+         */
+        CHILD_TAG(): string;
+    }
+}
+declare namespace samchon.protocol {
+    /**
+     * <p> A history of an Invoke message. </p>
+     *
+     * <p> InvokeHistory is a class for reporting history log of an Invoke message with elapsed time
+     * from a slave to its master.</p>
+     *
+     * <p> With the elapsed time, consumed time for a process of handling the Invoke message,
+     * InvokeHistory is reported to the master. The master utilizies the elapsed time to estimating
+     * performances of each slave system. With the estimated performan index, master retrives the
+     * optimal solution of distributing processes. </p>
+     *
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    class InvokeHistory extends Entity {
+        /**
+         * <p> An identifier. </p>
+         */
+        protected uid: number;
+        /**
+         * <p> A listener of the Invoke message. </p>
+         *
+         * <p> InvokeHistory does not archive entire data of an Invoke message. InvokeHistory only
+         * archives its listener. The first, formal reason is to save space, avoid wasting spaces. </p>
+         *
+         * <p> The second, complicate reason is on an aspect of which systems are using the
+         * InvokeHistory class. InvokeHistory is designed to let slave reports to master elapsed time
+         * of a process used to handling the Invoke message. If you want to archive entire history log
+         * of Invoke messages, then the subject should be master, not the slave using InvokeHistory
+         * classes. </p>
+         */
+        protected listener: string;
+        /**
+         * <p> Start time of the history. </p>
+         *
+         * <p> Means start time of a process handling the Invoke message. The start time not only
+         * has ordinary arguments represented Datetime (year to seconds), but also has very precise
+         * values under seconds, which is expressed as nano seconds (10^-9). </p>
+         *
+         * <p> The precise start time will be used to calculate elapsed time with end time. </p>
+         */
+        protected startTime: Date;
+        /**
+         * <p> End time of the history. </p>
+         *
+         * @details
+         * <p> Means end time of a process handling the Invoke message. The end time not only
+         * has ordinary arguments represented Datetime (year to seconds), but also has very precise
+         * values under seconds, which is expressed as nano seconds (10^-9). </p>
+         *
+         * <p> The precise end time will be used to calculate elapsed time with start time. </p>
+         */
+        protected endTime: Date;
+        /**
+         * <p> Construct from an Invoke message. </p>
+         *
+         * <p> InvokeHistory does not archive entire Invoke message, only archives its listener. </p>
+         *
+         * @param invoke A message to archive its history log
+         */
+        constructor(invoke: Invoke);
+        /**
+         * <p> Notify end of the process. </p>
+         *
+         * <p> Notifies end of a process handling the matched Invoke message to InvokeHistory. </p>
+         * <p> InvokeHistory archives the end datetime and calculates elapsed time as nanoseconds. </p>
+         */
+        notifyEnd(): void;
+        TAG(): string;
+        toXML(): library.XML;
+        /**
+         * <p> Get an Invoke message. </p>
+         *
+         * <p> Returns an Invoke message to report to a master that how much time was elapsed on a
+         * process handling the Invoke message. In master, those reports are used to estimate
+         * performance of each slave system. </p>
+         *
+         * @return An Invoke message to report master.
+         */
+        toInvoke(): Invoke;
+    }
+}
+declare namespace samchon.protocol {
+    /**
+     * A parameter belongs to an Invoke.
+     *
+     * @see Invoke
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    class InvokeParameter extends Entity {
+        /**
+         * <p> Name of the parameter. </p>
+         *
+         * @details Optional property, can be omitted.
+         */
+        protected name: string;
+        /**
+         * <p> Type of the parameter. </p>
+         */
+        protected type: string;
+        /**
+         * <p> Value of the parameter. </p>
+         */
+        protected value: any;
+        constructor();
+        constructor(name: string, val: any);
+        constructor(name: string, type: string, val: any);
+        construct(xml: library.XML): void;
+        key(): any;
+        /**
+         * Get name.
+         */
+        getName(): string;
+        /**
+         * Get type.
+         */
+        getType(): string;
+        /**
+         * Get value.
+         */
+        getValue(): any;
+        TAG(): string;
+        toXML(): library.XML;
+    }
+}
+declare namespace samchon.protocol {
+    /**
+     * <p> A server connector for a physical client. </p>
+     *
+     * <p> ServerConnector is a class for a physical client connecting a server. If you want to connect
+     * to a server,  then implements this ServerConnector and just override some methods like
+     * getIP(), getPort() and replyData(). That's all. </p>
+     *
+     * <p> In Samchon Framework, package protocol, There are basic 3 + 1 components that can make any
+     * type of network system in Samchon Framework. The basic 3 components are IProtocol, IServer and
+     * IClient. The last, surplus one is the ServerConnector. Looking around classes in
+     * Samchon Framework, especially module master and slave which are designed for realizing
+     * distributed processing systems and parallel processing systems, physical client classes are all
+     * derived from this ServerConnector. </p>
+     *
+     * <img src="interface.png" />
+     *
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    class ServerConnector implements IProtocol {
+        /**
+         * <p> A parent object who listens and sends Invoke message. </p>
+         *
+         * <ul>
+         * 	<li> ServerConnector.replyData(Invoke) -> parent.replyData(Invoke) </li>
+         * </ul>
+         */
+        private parent;
+        /**
+         * <p> A socket for network I/O. </p>
+         */
+        private socket;
+        /**
+         * <p> Unused string from a server. </p>
+         */
+        private str;
+        /**
+         * <p> An open-event listener. </p>
+         */
+        onopen: Function;
+        /**
+         * <p> Constructor with parent. </p>
+         */
+        constructor(parent: IProtocol);
+        /**
+         * <p> Connects to a cloud server with specified host and port. </p>
+         *
+         * <p> If the connection fails immediately, either an event is dispatched or an exception is thrown:
+         * an error event is dispatched if a host was specified, and an exception is thrown if no host
+         * was specified. Otherwise, the status of the connection is reported by an event.
+         * If the socket is already connected, the existing connection is closed first. </p>
+         *
+         * @param ip
+         * 		The name or IP address of the host to connect to.
+         * 		If no host is specified, the host that is contacted is the host where the calling
+         * 		file resides. If you do not specify a host, use an event listener to determine whether
+         * 		the connection was successful.
+         * @param port
+         * 		The port number to connect to.
+         *
+         * @throws IOError
+         * 		No host was specified and the connection failed.
+         * @throws SecurityError
+         * 		This error occurs in SWF content for the following reasons:
+         * 		Local untrusted SWF files may not communicate with the Internet. You can work around
+         * 		this limitation by reclassifying the file as local-with-networking or as trusted.
+         */
+        connect(ip: string, port: number): void;
+        /**
+         * <p> Send data to the server. </p>
+         */
+        sendData(invoke: Invoke): void;
+        /**
+         * <p> Shift responsiblity of handling message to parent. </p>
+         */
+        replyData(invoke: Invoke): void;
+        private handleConnect(event);
+        /**
+         * <p> Handling replied message. </p>
+         */
+        private handleReply(event);
+    }
+}
+declare namespace samchon.protocol.service {
+    /**
+     * <p> An application, the top class in JS-UI. </p>
+     *
+     * <p> The Application is separated to three part, TopMenu, Movie and ServerConnector. </p>
+     * <ul>
+     * 	<li> <code>TopMenu</code>: Menu on the top. It's not an essential component. </li>
+     * 	<li> <code>Movie</code>: Correspond with Service in Server. Movie has domain UI components(Movie) for the matched Service. </li>
+     * 	<li> <code>ServerConnector</code>: The socket connecting to the Server. </li>
+     * </ul>
+     *
+     * <p> The Application and its UI-layout is not fixed, essential component for Samchon Framework in Flex,
+     * so it's okay to do not use the provided Application and make your custom Application.
+     * But the custom Application, your own, has to contain the Movie and keep the construction routine. </p>
+     *
+     * <p> <img src="movie.png" /> </p>
+     *
+     * <h4> THE CONSTRUCTION ROUTINE </h4>
+     * <ul>
+     * 	<li>Socket Connection</li>
+     * 	<ul>
+     * 		<li>Connect to the CPP-Server</li>
+     * 	</ul>
+     * 	<li>Fetch authority</li>
+     * 	<ul>
+     * 		<li>Send a request to fetching authority</li>
+     * 		<li>The window can be navigated to other page by the authority</li>
+     * 	</ul>
+     * 	<li>Construct Movie</li>
+     * 	<ul>
+     * 		<li>Determine a Movie by URLVariables::movie and construct it</li>
+     * 	</ul>
+     * 	<li>All the routines are done</li>
+     * </ul>
+     *
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    class Application implements IProtocol {
+        /**
+         * <p> Invoke Socket. </p>
+         */
+        protected socket: ServerConnector;
+        /**
+         * <p> A movie. </p>
+         */
+        protected movie: Movie;
+        /**
+         * <p> Construct from arguments. </p>
+         *
+         * @param movie A movie represents a service.
+         * @param ip An ip address of cloud server to connect.
+         * @param port A port number of cloud server to connect.
+         */
+        constructor(movie: Movie, ip: string, port: number);
+        private handleConnect(event);
+        /**
+         * <p> Handle replied message or shift the responsibility. </p>
+         */
+        replyData(invoke: Invoke): void;
+        /**
+         * <p> Send a data to server. </p>
+         */
+        sendData(invoke: Invoke): void;
+    }
+}
+declare namespace samchon.protocol.service {
+    /**
+     * A movie belonged to an Application.
+     */
+    class Movie implements IProtocol {
+        /**
+         * <p> An application the movie is belonged to
+         */
+        protected application: Application;
+        /**
+         * Handle replied data.
+         */
+        replyData(invoke: Invoke): void;
+        /**
+         * Send data to server.
+         */
+        sendData(invoke: Invoke): void;
+    }
+}
+declare namespace samchon.protocol.service {
+}
+declare namespace samchon.protocol.slave {
+    /**
+     * @brief A slave system.
+     *
+     * @details
+     * <p> SlaveSystem, literally, means a slave system belongs to a maste system. </p>
+     *
+     * <p> The SlaveSystem class is used in opposite side system of master::DistributedSystem
+     * and master::ParallelSystem and reports elapsed time of each commmand (by Invoke message)
+     * for estimation of its performance. </p>
+     *
+     * @inheritdoc
+     * @author Jeongho Nam <http://samchon.org>
+     */
+    abstract class SlaveSystem extends ExternalSystem {
+        /**
+         * <p> Default Constructor. </p>
+         */
+        constructor();
+        /**
+         * @inheritdoc
+         */
+        replyData(invoke: Invoke): void;
+    }
+}
diff --git a/samchon-library/samchon-library-tests.ts b/samchon-library/samchon-library-tests.ts
new file mode 100644
index 0000000000..a2b0656d5f
--- /dev/null
+++ b/samchon-library/samchon-library-tests.ts
@@ -0,0 +1,7 @@
+/// <reference path="samchon-library.d.ts" />
+
+declare var global: any;
+declare var require: (name: string) => any;
+
+library = require("samchon-library");
+console.log(library);
\ No newline at end of file
diff --git a/samchon-library/samchon-library.d.ts b/samchon-library/samchon-library.d.ts
new file mode 100644
index 0000000000..3daecf0937
--- /dev/null
+++ b/samchon-library/samchon-library.d.ts
@@ -0,0 +1,23 @@
+// Type definitions for Samchon Library v0.0.2
+// Project: https://github.com/samchon/framework
+// Definitions by: Jeongho Nam <http://samchon.org>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+// ------------------------------------------------------------------------------------
+// In Samchon Collection, merging multiple 'ts' files to a module is not possible yet.
+// Instead of using "import" instruction, use such trick: 
+//
+// <code>
+// declare var global: any;
+// declare var require: Function;
+//
+// library = require("samchon-library");
+// let xml: library.XML = new library.XML();
+// </code>
+//
+// Those declaration of global and require can be substituted by using "node.d.ts"
+// ------------------------------------------------------------------------------------
+
+/// <reference path="../samchon-framework/samchon-framework.d.ts" />
+
+declare var library: typeof samchon.library;
\ No newline at end of file
diff --git a/typescript-stl/typescript-stl.d.ts b/typescript-stl/typescript-stl.d.ts
index 659bd89cc2..1286a62084 100644
--- a/typescript-stl/typescript-stl.d.ts
+++ b/typescript-stl/typescript-stl.d.ts
@@ -1,9 +1,45 @@
-// Type definitions for TypeScript-STL v0.9.4
+// Type definitions for TypeScript-STL v0.9.9
 // Project: https://github.com/samchon/stl
 // Definitions by: Jeongho Nam <http://samchon.org>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
+// ------------------------------------------------------------------------------------
+// In TypeScript, merging multiple 'ts' files to a module is not possible yet.
+// Instead of using "import" instruction, use such trick: 
+//
+// <code>
+// declare var global: any;
+// declare var require: Function;
+//
+// global["std"] = require("typescript-stl");
+// let list: std.List<number> = new std.List<number>();
+// </code>
+//
+// Those declaration of global and require can be substituted by using "node.d.ts"
+// ------------------------------------------------------------------------------------
+
+/**
+ * STL (Standard Template Library) Containers for TypeScript.
+ *
+ * @author Jeongho Nam <http://samchon.org>
+ */
+declare namespace std {
+}
+/**
+ * Base classes composing STL in background.
+ *
+ * @author Jeongho Nam <http://samchon.org>
+ */
 declare namespace std.base {
+}
+/**
+ * Examples for supporting developers who use STL library.
+ *
+ * @author Jeongho Nam <http://samchon.org>
+ */
+declare namespace std.example {
+}
+declare namespace std {
     /**
      * <p> Bi-directional iterator. </p>
      *
@@ -16,23 +52,22 @@ declare namespace std.base {
      * <p> There is not a single type of {@link Iterator bidirectional iterator}: {@link IContainer Each container}
      * may define its own specific iterator type able to iterate through it and access its elements. </p>
      *
-     * <ul>
-     *	<li> Reference: http://www.cplusplus.com/reference/iterator/BidirectionalIterator/ </li>
-     * </ul>
+     * <p> <img src="../assets/images/design/abstract_containers.png" width="100%" /> </p>
      *
+     * @reference http://www.cplusplus.com/reference/iterator/BidirectionalIterator
      * @author Jeongho Nam <http://samchon.org>
      */
     abstract class Iterator<T> {
         /**
          * Source container of the iterator is directing for.
          */
-        protected source_: IContainer<T>;
+        protected source_: base.IContainer<T>;
         /**
          * Construct from the source {@link IContainer container}.
          *
          * @param source The source
          */
-        constructor(source: IContainer<T>);
+        constructor(source: base.IContainer<T>);
         /**
          * <p> Get iterator to previous element. </p>
          * <p> If current iterator is the first item(equal with {@link IContainer.begin IContainer.begin()}),
@@ -58,7 +93,7 @@ declare namespace std.base {
         /**
          * Get source
          */
-        get_source(): Container<T>;
+        get_source(): base.IContainer<T>;
         /**
          * <p> Whether an iterator is equal with the iterator. </p>
          *
@@ -83,25 +118,221 @@ declare namespace std.base {
         value: T;
         abstract swap(obj: Iterator<T>): void;
     }
-}
-declare namespace std.base {
     /**
-     * A reverse and bi-directional iterator. </p>
+     * <p> This class reverses the direction in which a bidirectional or random-access iterator iterates through a range.
+     * </p>
      *
+     * <p> A copy of the original iterator (the {@link Iterator base iterator}) is kept internally and used to reflect
+     * the operations performed on the {@link ReverseIterator}: whenever the {@link ReverseIterator} is incremented, its
+     * {@link Iterator base iterator} is decreased, and vice versa. A copy of the {@link Iterator base iterator} with the
+     * current state can be obtained at any time by calling member {@link base}. </p>
+     *
+     * <p> Notice however that when an iterator is reversed, the reversed version does not point to the same element in
+     * the range, but to <b>the one preceding it</b>. This is so, in order to arrange for the past-the-end element of a
+     * range: An iterator pointing to a past-the-end element in a range, when reversed, is pointing to the last element
+     * (not past it) of the range (this would be the first element of the reversed range). And if an iterator to the
+     * first element in a range is reversed, the reversed iterator points to the element before the first element (this
+     * would be the past-the-end element of the reversed range). </p>
+     *
+     * <p> <img src="../assets/images/design/abstract_containers.png" width="100%" /> </p>
+     *
+     * @reference http://www.cplusplus.com/reference/iterator/reverse_iterator
      * @author Jeongho Nam <http://samchon.org>
      */
-    abstract class ReverseIterator<T> extends Iterator<T> {
-        protected iterator_: Iterator<T>;
-        constructor(iterator: Iterator<T>);
-        equal_to<U extends T>(obj: Iterator<U>): boolean;
-        equal_to<U extends T>(obj: ReverseIterator<U>): boolean;
+    abstract class ReverseIterator<T, Base extends Iterator<T>, This extends ReverseIterator<T, Base, This>> extends Iterator<T> {
+        protected base_: Base;
+        constructor(base: Base);
+        base(): Base;
+        protected abstract create_neighbor(): This;
+        value: T;
         /**
          * @inheritdoc
          */
-        value: T;
-        swap(obj: Iterator<T>): void;
-        swap(obj: ReverseIterator<T>): void;
+        prev(): This;
+        /**
+         * @inheritdoc
+         */
+        next(): This;
+        /**
+         * @inheritdoc
+         */
+        advance(n: number): This;
+        /**
+         * @inheritdoc
+         */
+        equal_to(obj: This): boolean;
+        /**
+         * @inheritdoc
+         */
+        swap(obj: This): void;
     }
+    /**
+     * <p> Return distance between {@link Iterator iterators}. </p>
+     *
+     * <p> Calculates the number of elements between <i>first</i> and <i>last</i>. </p>
+     *
+     * <p> If it is a {@link IArrayIterator random-access iterator}, the function uses operator- to calculate this.
+     * Otherwise, the function uses the increase operator {@link Iterator.next next()} repeatedly. </p>
+     *
+     * @param first Iterator pointing to the initial element.
+     * @param last Iterator pointing to the final element. This must be reachable from first.
+     *
+     * @return The number of elements between first and last.
+     */
+    function distance<T, InputIterator extends Iterator<T>>(first: InputIterator, last: InputIterator): number;
+    /**
+     * <p> Advance iterator. </p>
+     *
+     * <p> Advances the iterator <i>it</i> by <i>n</i> elements positions. </p>
+     *
+     * @param it Iterator to be advanced.
+     * @param n Number of element positions to advance.
+     *
+     * @return An iterator to the element <i>n</i> positions before <i>it</i>.
+     */
+    function advance<T, InputIterator extends Iterator<T>>(it: InputIterator, n: number): InputIterator;
+    /**
+     * <p> Get iterator to previous element. </p>
+     *
+     * <p> Returns an iterator pointing to the element that <i>it</i> would be pointing to if advanced <i>-n</i> positions. </p>
+     *
+     * @param it Iterator to base position.
+     * @param n Number of element positions offset (1 by default).
+     *
+     * @return An iterator to the element <i>n</i> positions before <i>it</i>.
+     */
+    function prev<T, BidirectionalIterator extends Iterator<T>>(it: BidirectionalIterator, n?: number): BidirectionalIterator;
+    /**
+     * <p> Get iterator to next element. </p>
+     *
+     * <p> Returns an iterator pointing to the element that <i>it</i> would be pointing to if advanced <i>n</i> positions. </p>
+     *
+     * @param it Iterator to base position.
+     * @param n Number of element positions offset (1 by default).
+     *
+     * @return An iterator to the element <i>n</i> positions away from <i>it</i>.
+     */
+    function next<T, ForwardIterator extends Iterator<T>>(it: ForwardIterator, n?: number): ForwardIterator;
+    /**
+     * <p> Iterator to beginning. </p>
+     *
+     * <p> Returns an iterator pointing to the first element in the sequence. </p>
+     *
+     * <p> If the sequence is empty, the returned value shall not be dereferenced. </p>
+     *
+     * @param container A container object of a class type for which member {@link IContainer.begin begin} is defined.
+     *
+     * @return The same as returned by {@link IContainer.begin container.begin()}.
+     */
+    function begin<T>(container: Vector<T>): VectorIterator<T>;
+    /**
+     * <p> Iterator to beginning. </p>
+     *
+     * <p> Returns an iterator pointing to the first element in the sequence. </p>
+     *
+     * <p> If the sequence is empty, the returned value shall not be dereferenced. </p>
+     *
+     * @param container A container object of a class type for which member {@link IContainer.begin begin} is defined.
+     *
+     * @return The same as returned by {@link IContainer.begin container.begin()}.
+     */
+    function begin<T>(container: List<T>): ListIterator<T>;
+    /**
+     * <p> Iterator to beginning. </p>
+     *
+     * <p> Returns an iterator pointing to the first element in the sequence. </p>
+     *
+     * <p> If the sequence is empty, the returned value shall not be dereferenced. </p>
+     *
+     * @param container A container object of a class type for which member {@link IContainer.begin begin} is defined.
+     *
+     * @return The same as returned by {@link IContainer.begin container.begin()}.
+     */
+    function begin<T>(container: Deque<T>): DequeIterator<T>;
+    /**
+     * <p> Iterator to beginning. </p>
+     *
+     * <p> Returns an iterator pointing to the first element in the sequence. </p>
+     *
+     * <p> If the sequence is empty, the returned value shall not be dereferenced. </p>
+     *
+     * @param container A container object of a class type for which member {@link IContainer.begin begin} is defined.
+     *
+     * @return The same as returned by {@link IContainer.begin container.begin()}.
+     */
+    function begin<T>(container: base.SetContainer<T>): SetIterator<T>;
+    /**
+     * <p> Iterator to beginning. </p>
+     *
+     * <p> Returns an iterator pointing to the first element in the sequence. </p>
+     *
+     * <p> If the sequence is empty, the returned value shall not be dereferenced. </p>
+     *
+     * @param container A container object of a class type for which member {@link IContainer.begin begin} is defined.
+     *
+     * @return The same as returned by {@link IContainer.begin container.begin()}.
+     */
+    function begin<Key, T>(container: base.MapContainer<Key, T>): MapIterator<Key, T>;
+    /**
+     * <p> Iterator to end. </p>
+     *
+     * <p> Returns an iterator pointing to the <i>past-the-end</i> element in the sequence. </p>
+     *
+     * <p> If the sequence is {@link IContainer.empty empty}, the returned value compares equal to the one returned by {@link begin} with the same argument. </p>
+     *
+     * @param container A container of a class type for which member {@link IContainer.end end} is defined.
+     *
+     * @return The same as returned by {@link IContainer.end container.end()}.
+     */
+    function end<T>(container: Vector<T>): VectorIterator<T>;
+    /**
+     * <p> Iterator to end. </p>
+     *
+     * <p> Returns an iterator pointing to the <i>past-the-end</i> element in the sequence. </p>
+     *
+     * <p> If the sequence is {@link IContainer.empty empty}, the returned value compares equal to the one returned by {@link begin} with the same argument. </p>
+     *
+     * @param container A container of a class type for which member {@link IContainer.end end} is defined.
+     *
+     * @return The same as returned by {@link IContainer.end container.end()}.
+     */
+    function end<T>(container: List<T>): ListIterator<T>;
+    /**
+     * <p> Iterator to end. </p>
+     *
+     * <p> Returns an iterator pointing to the <i>past-the-end</i> element in the sequence. </p>
+     *
+     * <p> If the sequence is {@link IContainer.empty empty}, the returned value compares equal to the one returned by {@link begin} with the same argument. </p>
+     *
+     * @param container A container of a class type for which member {@link IContainer.end end} is defined.
+     *
+     * @return The same as returned by {@link IContainer.end container.end()}.
+     */
+    function end<T>(container: Deque<T>): DequeIterator<T>;
+    /**
+     * <p> Iterator to end. </p>
+     *
+     * <p> Returns an iterator pointing to the <i>past-the-end</i> element in the sequence. </p>
+     *
+     * <p> If the sequence is {@link IContainer.empty empty}, the returned value compares equal to the one returned by {@link begin} with the same argument. </p>
+     *
+     * @param container A container of a class type for which member {@link IContainer.end end} is defined.
+     *
+     * @return The same as returned by {@link IContainer.end container.end()}.
+     */
+    function end<T>(container: base.SetContainer<T>): SetIterator<T>;
+    /**
+     * <p> Iterator to end. </p>
+     *
+     * <p> Returns an iterator pointing to the <i>past-the-end</i> element in the sequence. </p>
+     *
+     * <p> If the sequence is {@link IContainer.empty empty}, the returned value compares equal to the one returned by {@link begin} with the same argument. </p>
+     *
+     * @param container A container of a class type for which member {@link IContainer.end end} is defined.
+     *
+     * @return The same as returned by {@link IContainer.end container.end()}.
+     */
+    function end<Key, T>(container: base.MapContainer<Key, T>): MapIterator<Key, T>;
 }
 declare namespace std {
     /**
@@ -135,6 +366,8 @@ declare namespace std {
      * end, they perform worse than the others, and have less consistent iterators and references than {@link List}s.
      * </p>
      *
+     * <p> <img src="../assets/images/design/linear_containers.png" width="100%" /> </p>
+     *
      * <h3> Container properties </h3>
      * <dl>
      *	<dt> Sequence </dt>
@@ -150,15 +383,12 @@ declare namespace std {
      *	</dd>
      * </dl>
      *
-     * <ul>
-     *  <li> Reference: http://www.cplusplus.com/reference/vector/vector/
-     * </ul>
-     *
      * @param <T> Type of the elements.
      *
+     * @reference http://www.cplusplus.com/reference/vector/vector
      * @author Jeongho Nam <http://samchon.org>
      */
-    class Vector<T> extends Array<T> implements base.IArray<T> {
+    class Vector<T> extends Array<T> implements base.IArrayContainer<T> {
         /**
          * Type definition of {@link Vector}'s {@link VectorIterator iterator}.
          */
@@ -209,11 +439,11 @@ declare namespace std {
          * @param begin Input interator of the initial position in a sequence.
          * @param end Input interator of the final position in a sequence.
          */
-        constructor(begin: base.Iterator<T>, end: base.Iterator<T>);
+        constructor(begin: Iterator<T>, end: Iterator<T>);
         /**
          * @inheritdoc
          */
-        assign<U extends T, InputIterator extends base.Iterator<U>>(begin: InputIterator, end: InputIterator): void;
+        assign<U extends T, InputIterator extends Iterator<U>>(begin: InputIterator, end: InputIterator): void;
         /**
          * @inheritdoc
          */
@@ -274,10 +504,6 @@ declare namespace std {
          * @inheritdoc
          */
         push_back(val: T): void;
-        /**
-         * @inheritdoc
-         */
-        pop_back(): void;
         /**
          * <p> Insert an element. </p>
          *
@@ -346,7 +572,92 @@ declare namespace std {
          *
          * @return An iterator that points to the first of the newly inserted elements.
          */
-        insert<U extends T, InputIterator extends base.Iterator<U>>(position: VectorIterator<T>, begin: InputIterator, end: InputIterator): VectorIterator<T>;
+        insert<U extends T, InputIterator extends Iterator<U>>(position: VectorIterator<T>, begin: InputIterator, end: InputIterator): VectorIterator<T>;
+        /**
+         * <p> Insert an element. </p>
+         *
+         * <p> The {@link Vector} is extended by inserting new element before the element at the specified
+         * <i>position</i>, effectively increasing the container size by one. </p>
+         *
+         * <p> This causes an automatic reallocation of the allocated storage space if -and only if- the new
+         * {@link size} surpasses the current {@link capacity}. </p>
+         *
+         * <p> Because {@link Vector}s use an <code>Array</code> as their underlying storage, inserting element in
+         * positions other than the {@link end end()} causes the container to relocate all the elements that were
+         * after <i>position</i> to its new position. This is generally an inefficient operation compared to the one
+         * performed for the same operation by other kinds of sequence containers (such as {@link List}). </p>
+         *
+         * @param position Position in the {@link Vector} where the new element is inserted.
+         *				   {@link iterator} is a member type, defined as a
+         *				   {@link VectorIterator random access iterator} type that points to elements.
+         * @param val Value to be copied to the inserted element.
+         *
+         * @return An iterator that points to the newly inserted element.
+         */
+        insert(position: VectorReverseIterator<T>, val: T): VectorReverseIterator<T>;
+        /**
+         * <p> Insert elements by repeated filling. </p>
+         *
+         * <p> The {@link Vector} is extended by inserting new elements before the element at the specified
+         * <i>position</i>, effectively increasing the container size by the number of elements inserted. </p>
+         *
+         * <p> This causes an automatic reallocation of the allocated storage space if -and only if- the new
+         * {@link size} surpasses the current {@link capacity}. </p>
+         *
+         * <p> Because {@link Vector}s use an <code>Array</code> as their underlying storage, inserting elements in
+         * positions other than the {@link end end()} causes the container to relocate all the elements that were
+         * after <i>position</i> to their new positions. This is generally an inefficient operation compared to the
+         * one performed for the same operation by other kinds of sequence containers (such as {@link List}).
+         *
+         * @param position Position in the {@link Vector} where the new elements are inserted.
+         *				   {@link iterator} is a member type, defined as a
+         *				   {@link VectorIterator random access iterator} type that points to elements.
+         * @param n Number of elements to insert. Each element is initialized to a copy of <i>val</i>.
+         * @param val Value to be copied (or moved) to the inserted elements.
+         *
+         * @return An iterator that points to the first of the newly inserted elements.
+         */
+        insert(position: VectorReverseIterator<T>, n: number, val: T): VectorReverseIterator<T>;
+        /**
+         * <p> Insert elements by range iterators. </p>
+         *
+         * <p> The {@link Vector} is extended by inserting new elements before the element at the specified
+         * <i>position</i>, effectively increasing the container size by the number of elements inserted by range
+         * iterators. </p>
+         *
+         * <p> This causes an automatic reallocation of the allocated storage space if -and only if- the new
+         * {@link size} surpasses the current {@link capacity}. </p>
+         *
+         * <p> Because {@link Vector}s use an <code>Array</code> as their underlying storage, inserting elements in
+         * positions other than the {@link end end()} causes the container to relocate all the elements that were
+         * after <i>position</i> to their new positions. This is generally an inefficient operation compared to the
+         * one performed for the same operation by other kinds of sequence containers (such as {@link List}).
+         *
+         * @param position Position in the {@link Vector} where the new elements are inserted.
+         *				   {@link iterator} is a member type, defined as a
+         *				   {@link VectorIterator random access iterator} type that points to elements.
+         * @param begin Input interator of the initial position in a sequence.
+         * @param end Input interator of the final position in a sequence.
+         *
+         * @return An iterator that points to the first of the newly inserted elements.
+         */
+        insert<U extends T, InputIterator extends Iterator<U>>(position: VectorReverseIterator<T>, begin: InputIterator, end: InputIterator): VectorReverseIterator<T>;
+        /**
+         * @hidden
+         */
+        private insert_by_val(position, val);
+        /**
+         * @hidden
+         */
+        protected insert_by_repeating_val(position: VectorIterator<T>, n: number, val: T): VectorIterator<T>;
+        /**
+         * @hidden
+         */
+        protected insert_by_range<InputIterator extends Iterator<T>>(position: VectorIterator<T>, first: InputIterator, last: InputIterator): VectorIterator<T>;
+        /**
+         * @inheritdoc
+         */
+        pop_back(): void;
         /**
          * <p> Erase element. </p>
          *
@@ -366,6 +677,45 @@ declare namespace std {
          *		   sequence.
          */
         erase(position: VectorIterator<T>): VectorIterator<T>;
+        /**
+         * <p> Erase element. </p>
+         *
+         * <p> Removes from the <ode>Vector</code> either a single element; <i>position</i>. </p>
+         *
+         * <p> This effectively reduces the container size by the number of elements removed. </p>
+         *
+         * <p> Because {@link Vector}s use an <code>Array</code> as their underlying storage, erasing elements in
+         * position other than the {@link end end()} causes the container to relocate all the elements after the
+         * segment erased to their new positions. This is generally an inefficient operation compared to the one
+         * performed for the same operation by other kinds of sequence containers (such as {@link List}). </p>
+         *
+         * @param begin An iterator specifying a range of beginning to erase.
+         * @param end An iterator specifying a range of end to erase.
+         *
+         * @return An iterator pointing to the new location of the element that followed the last element erased by
+         *		   the function call. This is the {@link rend rend()} if the operation erased the last element in the
+         *		   sequence.
+         */
+        erase(first: VectorIterator<T>, last: VectorIterator<T>): VectorIterator<T>;
+        /**
+         * <p> Erase element. </p>
+         *
+         * <p> Removes from the {@link Vector} either a single element; <i>position</i>. </p>
+         *
+         * <p> This effectively reduces the container size by the number of element removed. </p>
+         *
+         * <p> Because {@link Vector}s use an <code>Array</code> as their underlying storage, erasing an element in
+         * position other than the {@link end end()} causes the container to relocate all the elements after the
+         * segment erased to their new positions. This is generally an inefficient operation compared to the one
+         * performed for the same operation by other kinds of sequence containers (such as {@link List}). </p>
+         *
+         * @param position Iterator pointing to a single element to be removed from the {@link Vector}.
+         *
+         * @return An iterator pointing to the new location of the element that followed the last element erased by
+         *		   the function call. This is the {@link rend rend()} if the operation erased the last element in the
+         *		   sequence.
+         */
+        erase(position: VectorReverseIterator<T>): VectorReverseIterator<T>;
         /**
          * <p> Erase element. </p>
          *
@@ -385,7 +735,11 @@ declare namespace std {
          *		   the function call. This is the {@link end end()} if the operation erased the last element in the
          *		   sequence.
          */
-        erase(begin: VectorIterator<T>, end: VectorIterator<T>): VectorIterator<T>;
+        erase(first: VectorReverseIterator<T>, last: VectorReverseIterator<T>): VectorReverseIterator<T>;
+        /**
+         * @hiddde
+         */
+        protected erase_by_range(first: VectorIterator<T>, last: VectorIterator<T>): VectorIterator<T>;
         /**
          * @inheritdoc
          */
@@ -394,15 +748,17 @@ declare namespace std {
     /**
      * <p> An iterator of Vector. </p>
      *
+     * <p> <img src="../assets/images/design/linear_containers.png" width="100%" /> </p>
+     *
      * @param <T> Type of the elements.
      *
      * @author Jeongho Nam <http://samchon.org>
      */
-    class VectorIterator<T> extends base.Iterator<T> implements base.IArrayIterator<T> {
+    class VectorIterator<T> extends Iterator<T> implements base.IArrayIterator<T> {
         /**
          * Sequence number of iterator in the source {@link Vector}.
          */
-        protected index_: number;
+        private index_;
         /**
          * <p> Construct from the source {@link Vector container}. </p>
          *
@@ -417,7 +773,7 @@ declare namespace std {
         /**
          * @hidden
          */
-        protected vector: Vector<T>;
+        private vector;
         /**
          * @inheritdoc
          */
@@ -425,6 +781,22 @@ declare namespace std {
          * Set value.
          */
         value: T;
+        /**
+         * Get index.
+         */
+        index: number;
+        /**
+         * @inheritdoc
+         */
+        prev(): VectorIterator<T>;
+        /**
+         * @inheritdoc
+         */
+        next(): VectorIterator<T>;
+        /**
+         * @inheritdoc
+         */
+        advance(n: number): VectorIterator<T>;
         /**
          * <p> Whether an iterator is equal with the iterator. </p>
          *
@@ -441,19 +813,6 @@ declare namespace std {
          * @return Indicates whether equal or not.
          */
         equal_to<U extends T>(obj: VectorIterator<U>): boolean;
-        index: number;
-        /**
-         * @inheritdoc
-         */
-        prev(): VectorIterator<T>;
-        /**
-         * @inheritdoc
-         */
-        next(): VectorIterator<T>;
-        /**
-         * @inheritdoc
-         */
-        advance(n: number): VectorIterator<T>;
         /**
          * @inheritdoc
          */
@@ -462,35 +821,33 @@ declare namespace std {
     /**
      * <p> A reverse-iterator of Vector. </p>
      *
+     * <p> <img src="../assets/images/design/linear_containers.png" width="100%" /> </p>
+     *
      * @param <T> Type of the elements.
      *
      * @author Jeongho Nam <http://samchon.org>
      */
-    class VectorReverseIterator<T> extends base.ReverseIterator<T> implements base.IArrayIterator<T> {
-        constructor(iterator: VectorIterator<T>);
+    class VectorReverseIterator<T> extends ReverseIterator<T, VectorIterator<T>, VectorReverseIterator<T>> implements base.IArrayIterator<T> {
+        constructor(base: VectorIterator<T>);
         /**
-         * @hidden
+         * @inheritdoc
+         */
+        protected create_neighbor(): VectorReverseIterator<T>;
+        /**
+         * Set value.
          */
-        private vector_iterator;
-        index: number;
         value: T;
         /**
-         * @inheritdoc
+         * Get index.
          */
-        prev(): VectorReverseIterator<T>;
-        /**
-         * @inheritdoc
-         */
-        next(): VectorReverseIterator<T>;
-        /**
-         * @inheritdoc
-         */
-        advance(n: number): VectorReverseIterator<T>;
+        index: number;
     }
 }
 declare namespace std.base {
     /**
-     * <p> An abstract  </p>
+     * <p> An abstract container. </p>
+     *
+     * <p> <img src="../assets/images/design/abstract_containers.png" width="100%" /> </p>
      *
      * <h3> Container properties </h3>
      * <dl>
@@ -550,6 +907,30 @@ declare namespace std.base {
          * @inheritdoc
          */
         clear(): void;
+        /**
+         * @inheritdoc
+         */
+        abstract begin(): Iterator<T>;
+        /**
+         * @inheritdoc
+         */
+        abstract end(): Iterator<T>;
+        /**
+         * @inheritdoc
+         */
+        abstract rbegin(): base.IReverseIterator<T>;
+        /**
+         * @inheritdoc
+         */
+        abstract rend(): base.IReverseIterator<T>;
+        /**
+         * @inheritdoc
+         */
+        abstract size(): number;
+        /**
+         * @inheritdoc
+         */
+        empty(): boolean;
         /**
          * @inheritdoc
          */
@@ -569,31 +950,7 @@ declare namespace std.base {
         /**
          * @inheritdoc
          */
-        abstract begin(): Iterator<T>;
-        /**
-         * @inheritdoc
-         */
-        abstract end(): Iterator<T>;
-        /**
-         * @inheritdoc
-         */
-        abstract rbegin(): ReverseIterator<T>;
-        /**
-         * @inheritdoc
-         */
-        abstract rend(): ReverseIterator<T>;
-        /**
-         * @inheritdoc
-         */
-        abstract size(): number;
-        /**
-         * @inheritdoc
-         */
-        empty(): boolean;
-        /**
-         * @inheritdoc
-         */
-        swap(obj: Container<T>): void;
+        swap(obj: IContainer<T>): void;
     }
 }
 declare namespace std {
@@ -601,32 +958,32 @@ declare namespace std {
      * <p> Double ended queue. </p>
      *
      * <p> {@link Deque} (usually pronounced like "<i>deck</i>") is an irregular acronym of
-     * <b>d</b>ouble-<b>e</b>nded <b>q</b>ueue. Double-ended queues are sequence containers with dynamic
-     * sizes that can be expanded or contracted on both ends (either its front or its back). </p>
+     * <b>d</b>ouble-<b>e</b>nded <b>q</b>ueue. Double-ended queues are sequence containers with dynamic sizes that can be
+     * expanded or contracted on both ends (either its front or its back). </p>
      *
-     * <p> Specific libraries may implement deques in different ways, generally as some form of dynamic
-     * array. But in any case, they allow for the individual elements to be accessed directly through
-     * random access iterators, with storage handled automatically by expanding and contracting the
-     * container as needed. </p>
+     * <p> Specific libraries may implement deques in different ways, generally as some form of dynamic array. But in any
+     * case, they allow for the individual elements to be accessed directly through random access iterators, with storage
+     * handled automatically by expanding and contracting the container as needed. </p>
      *
-     * <p> Therefore, they provide a functionality similar to vectors, but with efficient insertion and
-     * deletion of elements also at the beginning of the sequence, and not only at its end. But, unlike
-     * {@link Vector}s, {@link Deque}s are not guaranteed to store all its elements in contiguous storage
-     * locations: accessing elements in a <u>deque</u> by offsetting a pointer to another element causes
-     * undefined behavior. </p>
+     * <p> Therefore, they provide a functionality similar to vectors, but with efficient insertion and deletion of
+     * elements also at the beginning of the sequence, and not only at its end. But, unlike {@link Vector Vectors},
+     * {@link Deque Deques} are not guaranteed to store all its elements in contiguous storage locations: accessing
+     * elements in a <u>deque</u> by offsetting a pointer to another element causes undefined behavior. </p>
      *
-     * <p> Both {@link Vector}s and {@link Deque}s provide a very similar interface and can be used for
-     * similar purposes, but internally both work in quite different ways: While {@link Vector}s use a
-     * single array that needs to be occasionally reallocated for growth, the elements of a {@link Deque}
-     * can be scattered in different chunks of storage, with the container keeping the necessary information
-     * internally to provide direct access to any of its elements in constant time and with a uniform
-     * sequential interface (through iterators). Therefore, {@link Deque}s are a little more complex
-     * internally than {@link Vector}s, but this allows them to grow more efficiently under certain
-     * circumstances, especially with very long sequences, where reallocations become more expensive. </p>
+     * <p> Both {@link Vector}s and {@link Deque}s provide a very similar interface and can be used for similar purposes,
+     * but internally both work in quite different ways: While {@link Vector}s use a single array that needs to be
+     * occasionally reallocated for growth, the elements of a {@link Deque} can be scattered in different chunks of
+     * storage, with the container keeping the necessary information internally to provide direct access to any of its
+     * elements in constant time and with a uniform sequential interface (through iterators). Therefore,
+     * {@link Deque Deques} are a little more complex internally than {@link Vector}s, but this allows them to grow more
+     * efficiently under certain circumstances, especially with very long sequences, where reallocations become more
+     * expensive. </p>
      *
-     * <p> For operations that involve frequent insertion or removals of elements at positions other than
-     * the beginning or the end, {@link Deque}s perform worse and have less consistent iterators and
-     * references than {@link List}s. </p>
+     * <p> For operations that involve frequent insertion or removals of elements at positions other than the beginning or
+     * the end, {@link Deque Deques} perform worse and have less consistent iterators and references than
+     * {@link List Lists}. </p>
+     *
+     * <p> <img src="../assets/images/design/linear_containers.png" width="100%" /> </p>
      *
      * <h3> Container properties </h3>
      * <dl>
@@ -640,15 +997,12 @@ declare namespace std {
      *		 of the sequence. </dd>
      * </dl>
      *
-     * <ul>
-     *  <li> Reference: http://www.cplusplus.com/reference/deque/deque/ </li>
-     * </ul>
-     *
      * @param <T> Type of the elements.
      *
+     * @reference http://www.cplusplus.com/reference/deque/deque/
      * @author Jeongho Nam <http://samchon.org>
      */
-    class Deque<T> extends base.Container<T> implements base.IArray<T>, base.IDeque<T> {
+    class Deque<T> extends base.Container<T> implements base.IArrayContainer<T>, base.IDequeContainer<T> {
         /**
          * Type definition of {@link Deque}'s {@link DequeIterator iterator}.
          */
@@ -758,11 +1112,11 @@ declare namespace std {
          * @param begin Input interator of the initial position in a sequence.
          * @param end Input interator of the final position in a sequence.
          */
-        constructor(begin: base.Iterator<T>, end: base.Iterator<T>);
+        constructor(begin: Iterator<T>, end: Iterator<T>);
         /**
          * @inheritdoc
          */
-        assign<U extends T, InputIterator extends base.Iterator<U>>(begin: InputIterator, end: InputIterator): void;
+        assign<U extends T, InputIterator extends Iterator<U>>(begin: InputIterator, end: InputIterator): void;
         /**
          * @inheritdoc
          */
@@ -854,7 +1208,35 @@ declare namespace std {
         /**
          * @inheritdoc
          */
-        insert<U extends T, InputIterator extends base.Iterator<U>>(position: DequeIterator<T>, begin: InputIterator, end: InputIterator): DequeIterator<T>;
+        insert<U extends T, InputIterator extends Iterator<U>>(position: DequeIterator<T>, begin: InputIterator, end: InputIterator): DequeIterator<T>;
+        /**
+         * @inheritdoc
+         */
+        insert(position: DequeReverseIterator<T>, val: T): DequeReverseIterator<T>;
+        /**
+         * @inheritdoc
+         */
+        insert(position: DequeReverseIterator<T>, n: number, val: T): DequeReverseIterator<T>;
+        /**
+         * @inheritdoc
+         */
+        insert<U extends T, InputIterator extends Iterator<U>>(position: DequeReverseIterator<T>, begin: InputIterator, end: InputIterator): DequeReverseIterator<T>;
+        /**
+         * @hidden
+         */
+        private insert_by_val(position, val);
+        /**
+         * @hidden
+         */
+        protected insert_by_repeating_val(position: DequeIterator<T>, n: number, val: T): DequeIterator<T>;
+        /**
+         * @hidden
+         */
+        protected insert_by_range<U extends T, InputIterator extends Iterator<U>>(position: DequeIterator<T>, begin: InputIterator, end: InputIterator): DequeIterator<T>;
+        /**
+         * @hidden
+         */
+        private insert_by_items(position, items);
         /**
          * @inheritdoc
          */
@@ -862,7 +1244,19 @@ declare namespace std {
         /**
          * @inheritdoc
          */
-        erase(begin: DequeIterator<T>, end: DequeIterator<T>): DequeIterator<T>;
+        erase(first: DequeIterator<T>, last: DequeIterator<T>): DequeIterator<T>;
+        /**
+         * @inheritdoc
+         */
+        erase(position: DequeReverseIterator<T>): DequeReverseIterator<T>;
+        /**
+         * @inheritdoc
+         */
+        erase(first: DequeReverseIterator<T>, last: DequeReverseIterator<T>): DequeReverseIterator<T>;
+        /**
+         * @hidden
+         */
+        protected erase_by_range(first: DequeIterator<T>, last: DequeIterator<T>): DequeIterator<T>;
         /**
          * @inheritdoc
          */
@@ -873,12 +1267,13 @@ declare namespace std {
         private swap_deque(obj);
     }
     /**
-     * An iterator of {@link Deque}.
+     * <p> An iterator of {@link Deque}. </p>
+     *
+     * <p> <img src="../assets/images/design/linear_containers.png" width="100%" /> </p>
      *
      * @author Jeongho Nam <http://samchon.org>
      */
-    class DequeIterator<T> extends base.Iterator<T> implements base.IArrayIterator<T> {
-        private deque;
+    class DequeIterator<T> extends Iterator<T> implements base.IArrayIterator<T> {
         /**
          * Sequence number of iterator in the source {@link Deque}.
          */
@@ -894,10 +1289,30 @@ declare namespace std {
          * @param index Sequence number of the element in the source {@link Deque}.
          */
         constructor(source: Deque<T>, index: number);
+        /**
+         * @hidden
+         */
+        private deque;
         /**
          * @inheritdoc
          */
         value: T;
+        /**
+         * @inheritdoc
+         */
+        index: number;
+        /**
+         * @inheritdoc
+         */
+        prev(): DequeIterator<T>;
+        /**
+         * @inheritdoc
+         */
+        next(): DequeIterator<T>;
+        /**
+         * @inheritdoc
+         */
+        advance(n: number): DequeIterator<T>;
         /**
          * <p> Whether an iterator is equal with the iterator. </p>
          *
@@ -914,22 +1329,6 @@ declare namespace std {
          * @return Indicates whether equal or not.
          */
         equal_to<U extends T>(obj: DequeIterator<U>): boolean;
-        /**
-         * @inheritdoc
-         */
-        index: number;
-        /**
-         * @inheritdoc
-         */
-        prev(): DequeIterator<T>;
-        /**
-         * @inheritdoc
-         */
-        next(): DequeIterator<T>;
-        /**
-         * @inheritdoc
-         */
-        advance(n: number): DequeIterator<T>;
         /**
          * @inheritdoc
          */
@@ -938,79 +1337,72 @@ declare namespace std {
     /**
      * <p> A reverse-iterator of Deque. </p>
      *
+     * <p> <img src="../assets/images/design/linear_containers.png" width="100%" /> </p>
+     *
      * @param <T> Type of the elements.
      *
      * @author Jeongho Nam <http://samchon.org>
      */
-    class DequeReverseIterator<T> extends base.ReverseIterator<T> implements base.IArrayIterator<T> {
-        constructor(iterator: DequeIterator<T>);
+    class DequeReverseIterator<T> extends ReverseIterator<T, DequeIterator<T>, DequeReverseIterator<T>> implements base.IArrayIterator<T> {
+        constructor(base: DequeIterator<T>);
         /**
-         * @hidden
+         * @inheritdoc
+         */
+        protected create_neighbor(): DequeReverseIterator<T>;
+        /**
+         * Set value.
          */
-        private deque_iterator;
-        index: number;
         value: T;
         /**
-         * @inheritdoc
+         * Get index.
          */
-        prev(): DequeReverseIterator<T>;
-        /**
-         * @inheritdoc
-         */
-        next(): DequeReverseIterator<T>;
-        /**
-         * @inheritdoc
-         */
-        advance(n: number): DequeReverseIterator<T>;
+        index: number;
     }
 }
 declare namespace std {
     /**
      * <p> Doubly linked list. </p>
      *
-     * <p> {@link List}s are sequence containers that allow constant time insert and erase operations anywhere
-     * within the sequence, and iteration in both directions. </p>
+     * <p> {@link List}s are sequence containers that allow constant time insert and erase operations anywhere within the
+     * sequence, and iteration in both directions. </p>
      *
-     * <p> List containers are implemented as doubly-linked lists; Doubly linked lists can store each of the elements
-     * they contain in different and unrelated storage locations. The ordering is kept internally by the association
-     * to each element of a link to the element preceding it and a link to the element following it. </p>
+     * <p> List containers are implemented as doubly-linked lists; Doubly linked lists can store each of the elements they
+     * contain in different and unrelated storage locations. The ordering is kept internally by the association to each
+     * element of a link to the element preceding it and a link to the element following it. </p>
      *
-     * <p> They are very similar to forward_list: The main difference being that forward_list objects are
-     * single-linked lists, and thus they can only be iterated forwards, in exchange for being somewhat smaller and
-     * more efficient. </p>
+     * <p> They are very similar to forward_list: The main difference being that forward_list objects are single-linked
+     * lists, and thus they can only be iterated forwards, in exchange for being somewhat smaller and more efficient. </p>
      *
-     * <p> Compared to other base standard sequence containers (array, vector and deque), lists perform generally
-     * better in inserting, extracting and moving elements in any position within the container for which an iterator
-     * has already been obtained, and therefore also in algorithms that make intensive use of these, like sorting
-     * algorithms. </p>
+     * <p> Compared to other base standard sequence containers (array, vector and deque), lists perform generally better
+     * in inserting, extracting and moving elements in any position within the container for which an iterator has already
+     * been obtained, and therefore also in algorithms that make intensive use of these, like sorting algorithms. </p>
      *
      * <p> The main drawback of lists and forward_lists compared to these other sequence containers is that they lack
-     * direct access to the elements by their position; For example, to access the sixth element in a list, one has
-     * to iterate from a known position (like the beginning or the end) to that position, which takes linear time in
-     * the distance between these. They also consume some extra memory to keep the linking information associated to
-     * each element (which may be an important factor for large lists of small-sized elements). </p>
+     * direct access to the elements by their position; For example, to access the sixth element in a list, one has to
+     * iterate from a known position (like the beginning or the end) to that position, which takes linear time in the
+     * distance between these. They also consume some extra memory to keep the linking information associated to each
+     * element (which may be an important factor for large lists of small-sized elements). </p>
+     *
+     * <p> <img src="../assets/images/design/linear_containers.png" width="100%" /> </p>
      *
      * <h3> Container properties </h3>
      * <dl>
      * 	<dt> Sequence </dt>
-     * 	<dd> Elements in sequence containers are ordered in a strict linear sequence. Individual elements are
-     *		 accessed by their position in this sequence. </dd>
+     * 	<dd> Elements in sequence containers are ordered in a strict linear sequence. Individual elements are accessed by
+     *		 their position in this sequence. </dd>
      *
      * 	<dt> Doubly-linked list </dt>
-     *	<dd> Each element keeps information on how to locate the next and the previous elements, allowing constant
-     *		 time insert and erase operations before or after a specific element (even of entire ranges), but no
-     *		 direct random access. </dd>
+     *	<dd> Each element keeps information on how to locate the next and the previous elements, allowing constant time
+     *		 insert and erase operations before or after a specific element (even of entire ranges), but no direct random
+     *		 access. </dd>
      * </dl>
      *
-     * <ul>
-     *  <li> Reference: http://www.cplusplus.com/reference/list/list/
-     * </ul>
-     *
      * @param <T> Type of the elements.
      *
+     * @reference http://www.cplusplus.com/reference/list/list/
      * @author Jeongho Nam <http://samchon.org>
      */
-    class List<T> extends base.Container<T> implements base.IDeque<T> {
+    class List<T> extends base.Container<T> implements base.IDequeContainer<T> {
         /**
          * An iterator of beginning.
          */
@@ -1065,7 +1457,7 @@ declare namespace std {
          * @param begin Input interator of the initial position in a sequence.
          * @param end Input interator of the final position in a sequence.
          */
-        constructor(begin: base.Iterator<T>, end: base.Iterator<T>);
+        constructor(begin: Iterator<T>, end: Iterator<T>);
         /**
          * @inheritdoc
          */
@@ -1073,7 +1465,7 @@ declare namespace std {
         /**
          * @inheritdoc
          */
-        assign<U extends T, InputIterator extends base.Iterator<U>>(begin: InputIterator, end: InputIterator): void;
+        assign<U extends T, InputIterator extends Iterator<U>>(begin: InputIterator, end: InputIterator): void;
         /**
          * @inheritdoc
          */
@@ -1147,6 +1539,13 @@ declare namespace std {
         /**
          * <p> Insert elements by repeated filling. </p>
          *
+         * <p> The container is extended by inserting a new element before the element at the specified
+         * <i>position</i>. This effectively increases the {@link List.size List size} by the amount of elements
+         * inserted. </p>
+         *
+         * <p> Unlike other standard sequence containers, {@link List} is specifically designed to be efficient
+         * inserting and removing elements in any position, even in the middle of the sequence. </p>
+         *
          * @param position Position in the container where the new elements are inserted. The {@link iterator} is a
          *				   member type, defined as a {@link ListIterator bidirectional iterator} type that points to
          *				   elements.
@@ -1157,6 +1556,14 @@ declare namespace std {
          */
         insert(position: ListIterator<T>, size: number, val: T): ListIterator<T>;
         /**
+         * <p> Insert elements by range iterators. </p>
+         *
+         * <p> The container is extended by inserting a new element before the element at the specified
+         * <i>position</i>. This effectively increases the {@link List.size List size} by the amount of elements
+         * inserted. </p>
+         *
+         * <p> Unlike other standard sequence containers, {@link List} is specifically designed to be efficient
+         * inserting and removing elements in any position, even in the middle of the sequence. </p>
          *
          * @param position Position in the container where the new elements are inserted. The {@link iterator} is a
          *				   member type, defined as a {@link ListIterator bidirectional iterator} type that points to
@@ -1166,7 +1573,63 @@ declare namespace std {
          *
          * @return An iterator that points to the first of the newly inserted elements.
          */
-        insert<U extends T, InputIterator extends base.Iterator<U>>(position: ListIterator<T>, begin: InputIterator, end: InputIterator): ListIterator<T>;
+        insert<U extends T, InputIterator extends Iterator<U>>(position: ListIterator<T>, begin: InputIterator, end: InputIterator): ListIterator<T>;
+        /**
+         * <p> Insert an element. </p>
+         *
+         * <p> The container is extended by inserting a new element before the element at the specified
+         * <i>position</i>. This effectively increases the {@link List.size List size} by the amount of elements
+         * inserted. </p>
+         *
+         * <p> Unlike other standard sequence containers, {@link List} is specifically designed to be efficient
+         * inserting and removing elements in any position, even in the middle of the sequence. </p>
+         *
+         * @param position Position in the container where the new element is inserted.
+         *				   {@link iterator}> is a member type, defined as a
+         *				   {@link ListReverseIterator bidirectional iterator} type that points to elements.
+         * @param val Value to be inserted as an element.
+         *
+         * @return An iterator that points to the newly inserted element; <i>val</i>.
+         */
+        insert(position: ListReverseIterator<T>, val: T): ListReverseIterator<T>;
+        /**
+         * <p> Insert elements by repeated filling. </p>
+         *
+         * <p> The container is extended by inserting a new element before the element at the specified
+         * <i>position</i>. This effectively increases the {@link List.size List size} by the amount of elements
+         * inserted. </p>
+         *
+         * <p> Unlike other standard sequence containers, {@link List} is specifically designed to be efficient
+         * inserting and removing elements in any position, even in the middle of the sequence. </p>
+         *
+         * @param position Position in the container where the new elements are inserted. The {@link iterator} is a
+         *				   member type, defined as a {@link ListReverseIterator bidirectional iterator} type that points to
+         *				   elements.
+         * @param size Number of elements to insert.
+         * @param val Value to be inserted as an element.
+         *
+         * @return An iterator that points to the first of the newly inserted elements.
+         */
+        insert(position: ListReverseIterator<T>, size: number, val: T): ListReverseIterator<T>;
+        /**
+         * <p> Insert elements by range iterators. </p>
+         *
+         * <p> The container is extended by inserting a new element before the element at the specified
+         * <i>position</i>. This effectively increases the {@link List.size List size} by the amount of elements
+         * inserted. </p>
+         *
+         * <p> Unlike other standard sequence containers, {@link List} is specifically designed to be efficient
+         * inserting and removing elements in any position, even in the middle of the sequence. </p>
+         *
+         * @param position Position in the container where the new elements are inserted. The {@link iterator} is a
+         *				   member type, defined as a {@link ListReverseIterator bidirectional iterator} type that points to
+         *				   elements.
+         * @param begin An iterator specifying range of the begining element.
+         * @param end An iterator specifying range of the ending element.
+         *
+         * @return An iterator that points to the first of the newly inserted elements.
+         */
+        insert<U extends T, InputIterator extends Iterator<U>>(position: ListReverseIterator<T>, begin: InputIterator, end: InputIterator): ListReverseIterator<T>;
         /**
          * @hidden
          */
@@ -1174,11 +1637,11 @@ declare namespace std {
         /**
          * @hidden
          */
-        private insertByRepeatingVal(position, size, val);
+        protected insert_by_repeating_val(position: ListIterator<T>, size: number, val: T): ListIterator<T>;
         /**
          * @hidden
          */
-        private insert_by_range<U, InputIterator>(position, begin, end);
+        protected insert_by_range<U extends T, InputIterator extends Iterator<U>>(position: ListIterator<T>, begin: InputIterator, end: InputIterator): ListIterator<T>;
         /**
          * <p> Erase an element. </p>
          *
@@ -1213,13 +1676,42 @@ declare namespace std {
          */
         erase(begin: ListIterator<T>, end: ListIterator<T>): ListIterator<T>;
         /**
-         * @hidden
+         * <p> Erase an element. </p>
+         *
+         * <p> Removes from the {@link List} either a single element; <i>position</i>. </p>
+         *
+         * <p> This effectively reduces the container size by the number of element removed. </p>
+         *
+         * <p> Unlike other standard sequence containers, {@link List} objects are specifically designed to be
+         * efficient inserting and removing elements in any position, even in the middle of the sequence. </p>
+         *
+         * @param position Iterator pointing to a single element to be removed from the {@link List}.
+         *
+         * @return An iterator pointing to the element that followed the last element erased by the function call.
+         *		   This is the {@link rend rend()} if the operation erased the last element in the sequence.
          */
-        private erase_by_iterator(it);
+        erase(position: ListReverseIterator<T>): ListReverseIterator<T>;
+        /**
+         * <p> Erase elements. </p>
+         *
+         * <p> Removes from the {@link List} container a range of elements. </p>
+         *
+         * <p> This effectively reduces the container {@link size} by the number of elements removed. </p>
+         *
+         * <p> Unlike other standard sequence containers, {@link List} objects are specifically designed to be
+         * efficient inserting and removing elements in any position, even in the middle of the sequence. </p>
+         *
+         * @param begin An iterator specifying a range of beginning to erase.
+         * @param end An iterator specifying a range of end to erase.
+         *
+         * @return An iterator pointing to the element that followed the last element erased by the function call.
+         *		   This is the {@link rend rend()} if the operation erased the last element in the sequence.
+         */
+        erase(begin: ListReverseIterator<T>, end: ListReverseIterator<T>): ListReverseIterator<T>;
         /**
          * @hidden
          */
-        private erase_by_range(begin, end);
+        protected erase_by_range(first: ListIterator<T>, last: ListIterator<T>): ListIterator<T>;
         /**
          * <p> Remove duplicate values. </p>
          *
@@ -1458,12 +1950,16 @@ declare namespace std {
         private swap_list(obj);
     }
     /**
-     * An iterator, node of a List.
+     * <p> An iterator, node of a List. </p>
+     *
+     * <p> <img src="../assets/images/design/linear_containers.png" width="100%" /> </p>
+     *
+     * @author Jeongho Nam <http://samchon.org>
      */
-    class ListIterator<T> extends base.Iterator<T> {
-        protected prev_: ListIterator<T>;
-        protected next_: ListIterator<T>;
-        protected value_: T;
+    class ListIterator<T> extends Iterator<T> {
+        private prev_;
+        private next_;
+        private value_;
         /**
          * <p> Construct from the source {@link List container}. </p>
          *
@@ -1480,15 +1976,12 @@ declare namespace std {
         /**
          * @inheritdoc
          */
-        setPrev(prev: ListIterator<T>): void;
+        set_prev(it: ListIterator<T>): void;
         /**
          * @inheritdoc
          */
-        setNext(next: ListIterator<T>): void;
-        /**
-         * @inheritdoc
-         */
-        equal_to(obj: ListIterator<T>): boolean;
+        set_next(next: ListIterator<T>): void;
+        private list();
         /**
          * @inheritdoc
          */
@@ -1505,6 +1998,10 @@ declare namespace std {
          * @inheritdoc
          */
         value: T;
+        /**
+         * @inheritdoc
+         */
+        equal_to(obj: ListIterator<T>): boolean;
         /**
          * @inheritdoc
          */
@@ -1513,29 +2010,22 @@ declare namespace std {
     /**
      * <p> A reverse-iterator of List. </p>
      *
+     * <p> <img src="../assets/images/design/linear_containers.png" width="100%" /> </p>
+     *
      * @param <T> Type of the elements.
      *
      * @author Jeongho Nam <http://samchon.org>
      */
-    class ListReverseIterator<T> extends base.ReverseIterator<T> {
-        constructor(iterator: ListIterator<T>);
+    class ListReverseIterator<T> extends ReverseIterator<T, ListIterator<T>, ListReverseIterator<T>> {
+        constructor(base: ListIterator<T>);
         /**
-         * @hidden
+         * @inheritdoc
+         */
+        protected create_neighbor(): ListReverseIterator<T>;
+        /**
+         * @inheritdoc
          */
-        private list_iterator;
         value: T;
-        /**
-         * @inheritdoc
-         */
-        prev(): ListReverseIterator<T>;
-        /**
-         * @inheritdoc
-         */
-        next(): ListReverseIterator<T>;
-        /**
-         * @inheritdoc
-         */
-        advance(n: number): ListReverseIterator<T>;
     }
 }
 declare namespace std {
@@ -1568,12 +2058,11 @@ declare namespace std {
      * By default, if no container class is specified for a particular {@link Queue} class instantiation, the standard
      * container {@link List} is used. </p>
      *
-     * <ul>
-     *	<li> Reference: http://www.cplusplus.com/reference/queue/queue/ </li>
-     * </ul>
+     * <p> <img src="../assets/images/design/linear_containers.png" width="100%" /> </p>
      *
      * @param <T> Type of elements.
      *
+     * @reference http://www.cplusplus.com/reference/queue/queue
      * @author Jeongho Nam <http://samchon.org>
      */
     class Queue<T> {
@@ -1770,7 +2259,7 @@ declare namespace std {
          * @param begin Input interator of the initial position in a sequence.
          * @param end Input interator of the final position in a sequence.
          */
-        constructor(begin: base.Iterator<T>, end: base.Iterator<T>);
+        constructor(begin: Iterator<T>, end: Iterator<T>);
         /**
          * Range Constructor with compare.
          *
@@ -1778,7 +2267,7 @@ declare namespace std {
          * @param end Input interator of the final position in a sequence.
          * @param compare A binary predicate determines order of elements.
          */
-        constructor(begin: base.Iterator<T>, end: base.Iterator<T>, compare: (left: T, right: T) => boolean);
+        constructor(begin: Iterator<T>, end: Iterator<T>, compare: (left: T, right: T) => boolean);
         /**
          * @hidden
          */
@@ -1790,7 +2279,7 @@ declare namespace std {
         /**
          * @hidden
          */
-        protected construct_from_range(begin: base.Iterator<T>, end: base.Iterator<T>): void;
+        protected construct_from_range(begin: Iterator<T>, end: Iterator<T>): void;
         /**
          * <p> Return size. </p>
          *
@@ -1897,12 +2386,11 @@ declare namespace std {
      * By default, if no container class is specified for a particular {@link Stack} class instantiation, the standard
      * container {@link List} is used. </p>
      *
-     * <ul>
-     *	<li> Reference: http://www.cplusplus.com/reference/stack/stack/ </li>
-     * </ul>
+     * <p> <img src="../assets/images/design/linear_containers.png" width="100%" /> </p>
      *
      * @param <T> Type of elements.
      *
+     * @reference http://www.cplusplus.com/reference/stack/stack
      * @author Jeongho Nam <http://samchon.org>
      */
     class Stack<T> {
@@ -2007,12 +2495,14 @@ declare namespace std.base {
      * {@link List} and registering {@link ListIterator iterators} of the {@link data_ list container} to an index
      * table like {@link RBTree tree} or {@link HashBuckets hash-table}. </p>
      *
+     * <p> <img src="../assets/images/design/set_containers.png" width="100%" /> </p>
+     *
      * <h3> Container properties </h3>
      * <dl>
      *	<dt> Associative </dt>
      *	<dd>
      *		Elements in associative containers are referenced by their <i>key</i> and not by their absolute
-     *		position in the
+     *		position in the container.
      *	</dd>
      *
      *	<dt> Set </dt>
@@ -2054,6 +2544,10 @@ declare namespace std.base {
          * Construct from range iterators.
          */
         constructor(begin: Iterator<T>, end: Iterator<T>);
+        /**
+         * @hidden
+         */
+        protected init(): void;
         /**
          * @hidden
          */
@@ -2061,11 +2555,11 @@ declare namespace std.base {
         /**
          * @hidden
          */
-        protected construct_from_container(container: Container<T>): void;
+        protected construct_from_container(container: IContainer<T>): void;
         /**
          * @hidden
          */
-        protected construct_from_range(begin: Iterator<T>, end: Iterator<T>): void;
+        protected construct_from_range<InputIterator extends Iterator<T>>(begin: InputIterator, end: InputIterator): void;
         /**
          * @inheritdoc
          */
@@ -2146,6 +2640,19 @@ declare namespace std.base {
          *		   same value in the {@link SetContainer}.
          */
         insert(hint: SetIterator<T>, val: T): SetIterator<T>;
+        /**
+         * <p> Insert an element with hint. </p>
+         *
+         * <p> Extends the container by inserting new elements, effectively increasing the container size by the
+         * number of elements inserted. </p>
+         *
+         * @param hint Hint for the position where the element can be inserted.
+         * @param val Value to be inserted as an element.
+         *
+         * @return An iterator pointing to either the newly inserted element or to the element that already had its
+         *		   same value in the {@link SetContainer}.
+         */
+        insert(hint: SetReverseIterator<T>, val: T): SetReverseIterator<T>;
         /**
          * <p> Insert elements with a range of a  </p>
          *
@@ -2163,11 +2670,11 @@ declare namespace std.base {
         /**
          * @hidden
          */
-        protected insert_by_hint(hint: SetIterator<T>, val: T): SetIterator<T>;
+        protected abstract insert_by_hint(hint: SetIterator<T>, val: T): SetIterator<T>;
         /**
          * @hidden
          */
-        protected insert_by_range<U extends T, InputIterator extends Iterator<U>>(begin: InputIterator, end: InputIterator): void;
+        protected abstract insert_by_range<U extends T, InputIterator extends Iterator<U>>(begin: InputIterator, end: InputIterator): void;
         /**
          * <p> Erase an element. </p>
          * <p> Removes from the set container the elements whose value is <i>key</i>. </p>
@@ -2193,63 +2700,86 @@ declare namespace std.base {
          * @param end An iterator specifying a range of end to erase.
          */
         erase(begin: SetIterator<T>, end: SetIterator<T>): SetIterator<T>;
+        /**
+         * @inheritdoc
+         */
+        erase(it: SetReverseIterator<T>): SetReverseIterator<T>;
+        /**
+         * <p> Erase elements. </p>
+         * <p> Removes from the set container a range of elements.. </p>
+         *
+         * <p> This effectively reduces the container size by the number of elements removed. </p>
+         *
+         * @param begin An iterator specifying a range of beginning to erase.
+         * @param end An iterator specifying a range of end to erase.
+         */
+        erase(begin: SetReverseIterator<T>, end: SetReverseIterator<T>): SetReverseIterator<T>;
+        /**
+         * @hidden
+         */
+        private erase_by_iterator(first, last?);
         /**
          * @hidden
          */
         private erase_by_val(val);
-        /**
-         * @hidden
-         */
-        private erase_by_iterator(it);
         /**
          * @hidden
          */
         private erase_by_range(begin, end);
         /**
-         * <p> Abstract method handling insertion for indexing. </p>
+         * <p> Abstract method handling insertions for indexing. </p>
          *
-         * <p> This method, {@link handle_insert} is designed to register the <i>item</i> to somewhere storing those
-         * {@link SetIterator iterators} for indexing, fast accessment and retrievalance. </p>
-         *
-         * <p> When {@link insert} is called, a new element will be inserted into the {@link data_ list container}
-         * and a new {@link SetIterator iterator} <i>item</i>, pointing the element, will be created and the newly
-         * created iterator <i>item</i> will be shifted into this method {@link handle_insert} after the insertion. </p>
-         *
-         * <p> If the derived one is {@link RBTree tree-based} like {@link TreeSet}, the <i>item</i> will be
-         * registered into the {@link TreeSet.tree_ tree} as a {@link XTreeNode tree node item}. Else if the derived
-         * one is {@link HashBuckets hash-based} like {@link HashSet}, the <i>item</i> will be registered into the
-         * {@link HashSet.hash_buckets_ hash bucket}. </p>
-         *
-         * @param item Iterator of inserted item.
-         */
-        protected abstract handle_insert(item: SetIterator<T>): void;
-        /**
-         * <p> Abstract method handling deletion for indexing. </p>
-         *
-         * <p> This method, {@link handle_insert} is designed to unregister the <i>item</i> to somewhere storing
+         * <p> This method, {@link handle_insert} is designed to register the <i>first to last</i> to somewhere storing
          * those {@link SetIterator iterators} for indexing, fast accessment and retrievalance. </p>
          *
-         * <p> When {@link erase} is called with <i>item</i>, an {@link SetIterator iterator} positioning somewhere
-         * place to be deleted, is memorized and shifted to this method {@link handle_erase} after the deletion
-         * process is terminated. </p>
+         * <p> When {@link insert} is called, new elements will be inserted into the {@link data_ list container} and new
+         * {@link SetIterator iterators} <i>first to last</i>, pointing the inserted elements, will be created and the
+         * newly created iterators <i>first to last</i> will be shifted into this method {@link handle_insert} after the
+         * insertions. </p>
          *
-         * <p> If the derived one is {@link RBTree tree-based} like {@link TreeSet}, the <i>item</i> will be
-         * unregistered from the {@link TreeSet.tree_ tree} as a {@link XTreeNode tree node item}. Else if the
-         * derived one is {@link HashBuckets hash-based} like {@link HashSet}, the <i>item</i> will be unregistered
-         * from the {@link HashSet.hash_buckets_ hash bucket}. </p>
+         * <p> If the derived one is {@link RBTree tree-based} like {@link TreeSet}, the {@link SetIterator iterators}
+         * will be registered into the {@link TreeSet.tree_ tree} as a {@link XTreeNode tree node item}. Else if the
+         * derived one is {@link HashBuckets hash-based} like {@link HashSet}, the <i>first</i> to <i>last</i> will be
+         * registered into the {@link HashSet.hash_buckets_ hash bucket}. </p>
          *
-         * @param item Iterator of erased item.
+         * @param first An {@link SetIterator} to the initial position in a sequence.
+         * @param last An {@link SetIterator} to the final position in a sequence. The range used is
+         *			   [<i>first</i>, <i>last</i>), which contains all the elements between <i>first</i> and <i>last</i>,
+         *			   including the element pointed by <i>first</i> but not the element pointed by <i>last</i>.
          */
-        protected abstract handle_erase(item: SetIterator<T>): void;
+        protected abstract handle_insert(first: SetIterator<T>, last: SetIterator<T>): void;
+        /**
+         * <p> Abstract method handling deletions for indexing. </p>
+         *
+         * <p> This method, {@link handle_insert} is designed to unregister the <i>first to last</i> to somewhere storing
+         * those {@link SetIterator iterators} for indexing, fast accessment and retrievalance. </p>
+         *
+         * <p> When {@link erase} is called with <i>first to last</i>, {@link SetIterator iterators} positioning somewhere
+         * place to be deleted, is memorized and shifted to this method {@link handle_erase} after the deletion process is
+         * terminated. </p>
+         *
+         * <p> If the derived one is {@link RBTree tree-based} like {@link TreeSet}, the {@link SetIterator iterators}
+         * will be unregistered from the {@link TreeSet.tree_ tree} as a {@link XTreeNode tree node item}. Else if the
+         * derived one is {@link HashBuckets hash-based} like {@link HashSet}, the <i>first to last</i> will be
+         * unregistered from the {@link HashSet.hash_buckets_ hash bucket}. </p>
+         *
+         * @param first An {@link SetIterator} to the initial position in a sequence.
+         * @param last An {@link SetIterator} to the final position in a sequence. The range used is
+         *			   [<i>first</i>, <i>last</i>), which contains all the elements between <i>first</i> and <i>last</i>,
+         *			   including the element pointed by <i>first</i> but not the element pointed by <i>last</i>.
+         */
+        protected abstract handle_erase(first: SetIterator<T>, last: SetIterator<T>): void;
     }
 }
 declare namespace std {
     /**
      * <p> An iterator of a Set. </p>
      *
+     * <p> <img src="../assets/images/design/set_containers.png" width="100%" /> </p>
+     *
      * @author Jeongho Nam <http://samchon.org>
      */
-    class SetIterator<T> extends base.Iterator<T> implements IComparable<SetIterator<T>> {
+    class SetIterator<T> extends Iterator<T> implements IComparable<SetIterator<T>> {
         private list_iterator_;
         /**
          * <p> Construct from source and index number. </p>
@@ -2303,28 +2833,18 @@ declare namespace std {
     /**
      * <p> A reverse-iterator of Set. </p>
      *
+     * <p> <img src="../assets/images/design/set_containers.png" width="100%" /> </p>
+     *
      * @param <T> Type of the elements.
      *
      * @author Jeongho Nam <http://samchon.org>
      */
-    class SetReverseIterator<T> extends base.ReverseIterator<T> {
-        constructor(iterator: SetIterator<T>);
-        /**
-         * @hidden
-         */
-        private set_iterator;
+    class SetReverseIterator<T> extends ReverseIterator<T, SetIterator<T>, SetReverseIterator<T>> {
+        constructor(base: SetIterator<T>);
         /**
          * @inheritdoc
          */
-        prev(): SetReverseIterator<T>;
-        /**
-         * @inheritdoc
-         */
-        next(): SetReverseIterator<T>;
-        /**
-         * @inheritdoc
-         */
-        advance(n: number): SetReverseIterator<T>;
+        protected create_neighbor(): SetReverseIterator<T>;
     }
 }
 declare namespace std.base {
@@ -2342,12 +2862,14 @@ declare namespace std.base {
      * {@link List} and registering {@link ListIterator iterators} of the {@link data_ list container} to an index
      * table like {@link RBTree tree} or {@link HashBuckets hash-table}. </p>
      *
+     * <p> <img src="../assets/images/design/set_containers.png" width="100%" /> </p>
+     *
      * <h3> Container properties </h3>
      * <dl>
      *	<dt> Associative </dt>
      *	<dd>
      *		Elements in associative containers are referenced by their <i>key</i> and not by their absolute
-     *		position in the
+     *		position in the container.
      *	</dd>
      *
      *	<dt> Set </dt>
@@ -2363,10 +2885,6 @@ declare namespace std.base {
      * @author Jeongho Nam <http://samchon.org>
      */
     abstract class UniqueSet<T> extends SetContainer<T> {
-        /**
-         * Default Constructor.
-         */
-        constructor();
         /**
          * @inheritdoc
          */
@@ -2395,10 +2913,18 @@ declare namespace std.base {
          * @inheritdoc
          */
         insert(hint: SetIterator<T>, val: T): SetIterator<T>;
+        /**
+         * @inheritdoc
+         */
+        insert(hint: SetReverseIterator<T>, val: T): SetReverseIterator<T>;
         /**
          * @inheritdoc
          */
         insert<U extends T, InputIterator extends Iterator<U>>(begin: InputIterator, end: InputIterator): void;
+        /**
+         * @inheritdoc
+         */
+        swap(obj: UniqueSet<T>): void;
     }
 }
 declare namespace std.base {
@@ -2416,12 +2942,14 @@ declare namespace std.base {
      * {@link List} and registering {@link ListIterator iterators} of the {@link data_ list container} to an index
      * table like {@link RBTree tree} or {@link HashBuckets hash-table}. </p>
      *
+     * <p> <img src="../assets/images/design/set_containers.png" width="100%" /> </p>
+     *
      * <h3> Container properties </h3>
      * <dl>
      *	<dt> Associative </dt>
      *	<dd>
      *		Elements in associative containers are referenced by their <i>key</i> and not by their absolute
-     *		position in the
+     *		position in the container.
      *	</dd>
      *
      *	<dt> Set </dt>
@@ -2437,14 +2965,6 @@ declare namespace std.base {
      * @author Jeongho Nam <http://samchon.org>
      */
     abstract class MultiSet<T> extends SetContainer<T> {
-        /**
-         * Default Constructor.
-         */
-        constructor();
-        /**
-         * @inheritdoc
-         */
-        count(val: T): number;
         /**
          * <p> Insert an element. </p>
          *
@@ -2460,10 +2980,18 @@ declare namespace std.base {
          * @inheritdoc
          */
         insert(hint: SetIterator<T>, val: T): SetIterator<T>;
+        /**
+         * @inheritdoc
+         */
+        insert(hint: SetReverseIterator<T>, val: T): SetReverseIterator<T>;
         /**
          * @inheritdoc
          */
         insert<U extends T, InputIterator extends Iterator<U>>(begin: InputIterator, end: InputIterator): void;
+        /**
+         * @inheritdoc
+         */
+        swap(obj: MultiSet<T>): void;
     }
 }
 declare namespace std {
@@ -2485,11 +3013,13 @@ declare namespace std {
      * elements by their <i>key</i>, although they are generally less efficient for range iteration through a
      * subset of their elements. </p>
      *
+     * <p> <img src="../assets/images/design/set_containers.png" width="100%" /> </p>
+     *
      * <h3> Container properties </h3>
      * <dl>
      *	<dt> Associative </dt>
      *	<dd> Elements in associative containers are referenced by their <i>key</i> and not by their absolute
-     *		 position in the  </dd>
+     *		 position in the container. </dd>
      *
      *	<dt> Hashed </dt>
      *	<dd> Hashed containers organize their elements using hash tables that allow for fast access to elements
@@ -2502,41 +3032,22 @@ declare namespace std {
      *	<dd> No two elements in the container can have equivalent <i>keys</i>. </dd>
      * </dl>
      *
-     * <ul>
-     *  <li> Reference: http://www.cplusplus.com/reference/unordered_set/unordered_set/ </li>
-     * </ul>
-     *
      * @param <T> Type of the elements.
      *			  Each element in an {@link HashSet} is also uniquely identified by this value.
      *
+     * @reference http://www.cplusplus.com/reference/unordered_set/unordered_set
      * @author Jeongho Nam <http://samchon.org>
      */
     class HashSet<T> extends base.UniqueSet<T> {
         private hash_buckets_;
         /**
-         * Default Constructor.
+         * @hidden
          */
-        constructor();
-        /**
-         * Construct from elements.
-         */
-        constructor(items: Array<T>);
-        /**
-         * Copy Constructor.
-         */
-        constructor(container: base.IContainer<T>);
-        /**
-         * Construct from range iterators.
-         */
-        constructor(begin: base.Iterator<T>, end: base.Iterator<T>);
+        protected init(): void;
         /**
          * @hidden
          */
         protected construct_from_array(items: Array<T>): void;
-        /**
-         * @inheritdoc
-         */
-        assign<U extends T, InputIterator extends base.Iterator<U>>(begin: InputIterator, end: InputIterator): void;
         /**
          * @inheritdoc
          */
@@ -2552,19 +3063,23 @@ declare namespace std {
         /**
          * @hidden
          */
-        protected insert_by_range<U extends T, InputIterator extends base.Iterator<U>>(begin: InputIterator, end: InputIterator): void;
+        protected insert_by_hint(hint: SetIterator<T>, val: T): SetIterator<T>;
+        /**
+         * @hidden
+         */
+        protected insert_by_range<U extends T, InputIterator extends Iterator<U>>(first: InputIterator, last: InputIterator): void;
         /**
          * @inheritdoc
          */
-        protected handle_insert(item: SetIterator<T>): void;
+        protected handle_insert(first: SetIterator<T>, last: SetIterator<T>): void;
         /**
          * @inheritdoc
          */
-        protected handle_erase(item: SetIterator<T>): void;
+        protected handle_erase(first: SetIterator<T>, last: SetIterator<T>): void;
         /**
          * @inheritdoc
          */
-        swap(obj: base.IContainer<T>): void;
+        swap(obj: base.UniqueSet<T>): void;
         /**
          * @hidden
          */
@@ -2588,11 +3103,13 @@ declare namespace std {
      * <p> Elements with equivalent values are grouped together in the same bucket and in such a way that an
      * iterator can iterate through all of them. Iterators in the container are doubly linked iterators. </p>
      *
+     * <p> <img src="../assets/images/design/set_containers.png" width="100%" /> </p>
+     *
      * <h3> Container properties </h3>
      * <dl>
      *	<dt> Associative </dt>
      *	<dd> Elements in associative containers are referenced by their <i>key</i> and not by their absolute
-     *		 position in the  </dd>
+     *		 position in the container. </dd>
      *
      *	<dt> Hashed </dt>
      *	<dd> Hashed containers organize their elements using hash tables that allow for fast access to elements
@@ -2605,41 +3122,22 @@ declare namespace std {
      *	<dd> The container can hold multiple elements with equivalent <i>keys</i>. </dd>
      * </dl>
      *
-     * <ul>
-     *  <li> Reference: http://www.cplusplus.com/reference/unordered_set/unordered_multiset/ </li>
-     * </ul>
-     *
      * @param <T> Type of the elements.
      *		   Each element in an {@link UnorderedMultiSet} is also identified by this value..
      *
+     * @reference http://www.cplusplus.com/reference/unordered_set/unordered_multiset
      * @author Jeongho Nam <http://samchon.org>
      */
     class HashMultiSet<T> extends base.MultiSet<T> {
         private hash_buckets_;
         /**
-         * Default Constructor.
+         * @hidden
          */
-        constructor();
-        /**
-         * Construct from elements.
-         */
-        constructor(items: Array<T>);
-        /**
-         * Copy Constructor.
-         */
-        constructor(container: base.IContainer<T>);
-        /**
-         * Construct from range iterators.
-         */
-        constructor(begin: base.Iterator<T>, end: base.Iterator<T>);
+        protected init(): void;
         /**
          * @hidden
          */
         protected construct_from_array(items: Array<T>): void;
-        /**
-         * @inheritdoc
-         */
-        assign<U extends T, InputIterator extends base.Iterator<U>>(begin: InputIterator, end: InputIterator): void;
         /**
          * @inheritdoc
          */
@@ -2648,6 +3146,10 @@ declare namespace std {
          * @inheritdoc
          */
         find(val: T): SetIterator<T>;
+        /**
+         * @inheritdoc
+         */
+        count(val: T): number;
         /**
          * @hidden
          */
@@ -2655,19 +3157,23 @@ declare namespace std {
         /**
          * @hidden
          */
-        protected insert_by_range<U extends T, InputIterator extends base.Iterator<U>>(begin: InputIterator, end: InputIterator): void;
+        protected insert_by_hint(hint: SetIterator<T>, val: T): SetIterator<T>;
+        /**
+         * @hidden
+         */
+        protected insert_by_range<U extends T, InputIterator extends Iterator<U>>(first: InputIterator, last: InputIterator): void;
         /**
          * @inheritdoc
          */
-        protected handle_insert(it: SetIterator<T>): void;
+        protected handle_insert(first: SetIterator<T>, last: SetIterator<T>): void;
         /**
          * @inheritdoc
          */
-        protected handle_erase(it: SetIterator<T>): void;
+        protected handle_erase(first: SetIterator<T>, last: SetIterator<T>): void;
         /**
          * @inheritdoc
          */
-        swap(obj: base.IContainer<T>): void;
+        swap(obj: base.MultiSet<T>): void;
         /**
          * @hidden
          */
@@ -2693,12 +3199,14 @@ declare namespace std.base {
      * {@link List} and registering {@link ListIterator iterators} of the {@link data_ list container} to an index
      * table like {@link RBTree tree} or {@link HashBuckets hash-table}. </p>
      *
+     * <p> <img src="../assets/images/design/map_containers.png" width="100%" /> </p>
+     *
      * <h3> Container properties </h3>
      * <dl>
      *	<dt> Associative </dt>
      *	<dd>
      *		Elements in associative containers are referenced by their <i>key</i> and not by their absolute position
-     *		in the
+     *		in the container.
      *	</dd>
      *
      *	<dt> Map </dt>
@@ -2713,7 +3221,7 @@ declare namespace std.base {
      *
      * @author Jeongho Nam <http://samchon.org>
      */
-    abstract class MapContainer<Key, T> {
+    abstract class MapContainer<Key, T> extends base.Container<Pair<Key, T>> {
         /**
          * Type definition of {@link MapContainer}'s {@link MapIterator iterator}.
          */
@@ -2744,11 +3252,15 @@ declare namespace std.base {
         /**
          * Copy Constructor.
          */
-        constructor(container: MapContainer<Key, T>);
+        constructor(container: IContainer<Pair<Key, T>>);
         /**
          * Construct from range iterators.
          */
-        constructor(begin: MapIterator<Key, T>, end: MapIterator<Key, T>);
+        constructor(begin: Iterator<Pair<Key, T>>, end: Iterator<Pair<Key, T>>);
+        /**
+         * @hidden
+         */
+        protected init(): void;
         /**
          * @hidden
          */
@@ -2756,25 +3268,17 @@ declare namespace std.base {
         /**
          * @hidden
          */
-        protected construct_from_container(container: MapContainer<Key, T>): void;
+        protected construct_from_container(container: IContainer<Pair<Key, T>>): void;
         /**
          * @hidden
          */
-        protected construct_from_range(begin: MapIterator<Key, T>, end: MapIterator<Key, T>): void;
+        protected construct_from_range<InputIterator extends Iterator<Pair<Key, T>>>(begin: InputIterator, end: InputIterator): void;
         /**
-         * <p> Assign new content to content. </p>
-         *
-         * <p> Assigns new contents to the container, replacing its current contents, and modifying its {@link size}
-         * accordingly. </p>
-         *
-         * @param begin Input interator of the initial position in a sequence.
-         * @param end Input interator of the final position in a sequence.
+         * @inheritdoc
          */
-        assign<L extends Key, U extends T>(begin: MapIterator<L, U>, end: MapIterator<L, U>): void;
+        assign<L extends Key, U extends T, InputIterator extends Iterator<Pair<L, U>>>(first: InputIterator, last: InputIterator): void;
         /**
-         * <p> Clear content. </p>
-         *
-         * <p> Removes all elements from the container, leaving the container with a size of 0. </p>
+         * @inheritdoc
          */
         clear(): void;
         /**
@@ -2879,9 +3383,13 @@ declare namespace std.base {
          */
         size(): number;
         /**
-         * Test whether the container is empty.
+         * @inheritdoc
          */
-        empty(): boolean;
+        push<L extends Key, U extends T>(...args: Pair<L, U>[]): number;
+        /**
+         * @inheritdoc
+         */
+        push<L extends Key, U extends T>(...args: [Key, T][]): number;
         /**
          * <p> Insert an element. </p>
          *
@@ -2895,6 +3403,19 @@ declare namespace std.base {
          *		   equivalent key in the {@link MapContainer}.
          */
         insert(hint: MapIterator<Key, T>, pair: Pair<Key, T>): MapIterator<Key, T>;
+        /**
+         * <p> Insert an element. </p>
+         *
+         * <p> Extends the container by inserting a new element, effectively increasing the container {@link size}
+         * by the number of element inserted (zero or one). </p>
+         *
+         * @param hint Hint for the position where the element can be inserted.
+         * @param pair {@link Pair} to be inserted as an element.
+         *
+         * @return An iterator pointing to either the newly inserted element or to the element that already had an
+         *		   equivalent key in the {@link MapContainer}.
+         */
+        insert(hint: MapReverseIterator<Key, T>, pair: Pair<Key, T>): MapReverseIterator<Key, T>;
         /**
          * <p> Insert an element. </p>
          *
@@ -2908,6 +3429,19 @@ declare namespace std.base {
          *		   equivalent key in the {@link MapContainer}.
          */
         insert<L extends Key, U extends T>(hint: MapIterator<Key, T>, tuple: [L, U]): MapIterator<Key, T>;
+        /**
+         * <p> Insert an element. </p>
+         *
+         * <p> Extends the container by inserting new elements, effectively increasing the container {@link size}
+         * by the number of elements inserted. </p>
+         *
+         * @param hint Hint for the position where the element can be inserted.
+         * @param tuple Tuple represensts the {@link Pair} to be inserted as an element.
+         *
+         * @return An iterator pointing to either the newly inserted element or to the element that already had an
+         *		   equivalent key in the {@link MapContainer}.
+         */
+        insert<L extends Key, U extends T>(hint: MapReverseIterator<Key, T>, tuple: [L, U]): MapReverseIterator<Key, T>;
         /**
          * <p> Insert elements from range iterators. </p>
          *
@@ -2919,7 +3453,7 @@ declare namespace std.base {
          *			  Notice that the range includes all the elements between <i>begin</i> and <i>end</i>,
          *			  including the element pointed by <i>begin</i> but not the one pointed by <i>end</i>.
          */
-        insert<L extends Key, U extends T>(begin: MapIterator<L, U>, end: MapIterator<L, U>): void;
+        insert<L extends Key, U extends T, InputIterator extends Iterator<Pair<L, U>>>(first: InputIterator, last: InputIterator): void;
         /**
          * @hidden
          */
@@ -2931,15 +3465,15 @@ declare namespace std.base {
         /**
          * @hidden
          */
-        protected insert_by_hint(hint: MapIterator<Key, T>, pair: Pair<Key, T>): MapIterator<Key, T>;
+        protected abstract insert_by_hint(hint: MapIterator<Key, T>, pair: Pair<Key, T>): MapIterator<Key, T>;
         /**
          * @hidden
          */
-        private insert_by_hint_with_tuple<L, U>(hint, tuple);
+        private insert_by_hint_with_tuple(hint, tuple);
         /**
          * @hidden
          */
-        protected insert_by_range<L extends Key, U extends T>(begin: MapIterator<L, U>, end: MapIterator<L, U>): void;
+        protected abstract insert_by_range<L extends Key, U extends T, InputIterator extends Iterator<Pair<L, U>>>(first: InputIterator, last: InputIterator): void;
         /**
          * <p> Erase an elemet by key. </p>
          *
@@ -2978,6 +3512,33 @@ declare namespace std.base {
          *			  including the element pointed by <i>begin</i> but not the one pointed by <i>end</i>.
          */
         erase(begin: MapIterator<Key, T>, end: MapIterator<Key, T>): MapIterator<Key, T>;
+        /**
+         * <p> Erase an elemet by iterator. </p>
+         *
+         * <p> Removes from the {@link MapContainer map container} a single element. </p>
+         *
+         * <p> This effectively reduces the container {@link size} by the number of element removed (zero or one),
+         * which are destroyed. </p>
+         *
+         * @param it Iterator specifying position winthin the {@link MapContainer map contaier} to be removed.
+         */
+        erase(it: MapReverseIterator<Key, T>): MapReverseIterator<Key, T>;
+        /**
+         * <p> Erase elements by range iterators. </p>
+         *
+         * <p> Removes from the {@link MapContainer map container} a range of elements. </p>
+         *
+         * <p> This effectively reduces the container {@link size} by the number of elements removed, which are
+         * destroyed. </p>
+         *
+         * @param begin An iterator specifying initial position of a range within {@link MApContainer map container}
+         *				to be removed.
+         * @param end An iterator specifying initial position of a range within {@link MApContainer map container}
+         *			  to be removed.
+         *			  Notice that the range includes all the elements between <i>begin</i> and <i>end</i>,
+         *			  including the element pointed by <i>begin</i> but not the one pointed by <i>end</i>.
+         */
+        erase(begin: MapReverseIterator<Key, T>, end: MapReverseIterator<Key, T>): MapReverseIterator<Key, T>;
         /**
          * @hidden
          */
@@ -2985,82 +3546,69 @@ declare namespace std.base {
         /**
          * @hidden
          */
-        private erase_by_iterator(it);
+        private erase_by_iterator(first, last?);
         /**
          * @hidden
          */
         private erase_by_range(begin, end);
         /**
-         * <p> Abstract method handling insertion for indexing. </p>
+         * <p> Abstract method handling insertions for indexing. </p>
          *
-         * <p> This method, {@link handle_insert} is designed to register the <i>item</i> to somewhere storing those
-         * {@link MapIterator iterators} for indexing, fast accessment and retrievalance. </p>
-         *
-         * <p> When {@link insert} is called, a new element will be inserted into the {@link data_ list container}
-         * and a new {@link MapIterator iterator} <i>item</i>, pointing the element, will be created and the newly
-         * created iterator <i>item</i> will be shifted into this method {@link handle_insert} after the insertion. </p>
-         *
-         * <p> If the derived one is {@link RBTree tree-based} like {@link TreeMap}, the <i>item</i> will be
-         * registered into the {@link TreeMap.tree_ tree} as a {@link XTreeNode tree node item}. Else if the derived
-         * one is {@link HashBuckets hash-based} like {@link HashSet}, the <i>item</i> will be registered into the
-         * {@link HashMap.hash_buckets_ hash bucket}. </p>
-         *
-         * @param item Iterator of inserted item.
-         */
-        protected abstract handle_insert(item: MapIterator<Key, T>): void;
-        /**
-         * <p> Abstract method handling deletion for indexing. </p>
-         *
-         * <p> This method, {@link handle_insert} is designed to unregister the <i>item</i> to somewhere storing
+         * <p> This method, {@link handle_insert} is designed to register the <i>first to last</i> to somewhere storing
          * those {@link MapIterator iterators} for indexing, fast accessment and retrievalance. </p>
          *
-         * <p> When {@link erase} is called with <i>item</i>, an {@link MapIterator iterator} positioning somewhere
-         * place to be deleted, is memorized and shifted to this method {@link handle_erase} after the deletion
-         * process is terminated. </p>
+         * <p> When {@link insert} is called, new elements will be inserted into the {@link data_ list container} and new
+         * {@link MapIterator iterators} <i>first to last</i>, pointing the inserted elements, will be created and the
+         * newly created iterators <i>first to last</i> will be shifted into this method {@link handle_insert} after the
+         * insertions. </p>
          *
-         * <p> If the derived one is {@link RBTree tree-based} like {@link TreeMap}, the <i>item</i> will be
-         * unregistered from the {@link TreeMap.tree_ tree} as a {@link XTreeNode tree node item}. Else if the
-         * derived one is {@link HashBuckets hash-based} like {@link HashSet}, the <i>item</i> will be unregistered
-         * from the {@link HashMap.hash_buckets_ hash bucket}. </p>
+         * <p> If the derived one is {@link RBTree tree-based} like {@link TreeSet}, the {@link MapIterator iterators}
+         * will be registered into the {@link TreeSet.tree_ tree} as a {@link XTreeNode tree node item}. Else if the
+         * derived one is {@link HashBuckets hash-based} like {@link HashSet}, the <i>first</i> to <i>last</i> will be
+         * registered into the {@link HashSet.hash_buckets_ hash bucket}. </p>
          *
-         * @param item Iterator of erased item.
+         * @param first An {@link MapIterator} to the initial position in a sequence.
+         * @param last An {@link MapIterator} to the final position in a sequence. The range used is
+         *			   [<i>first</i>, <i>last</i>), which contains all the elements between <i>first</i> and <i>last</i>,
+         *			   including the element pointed by <i>first</i> but not the element pointed by <i>last</i>.
          */
-        protected abstract handle_erase(item: MapIterator<Key, T>): void;
+        protected abstract handle_insert(first: MapIterator<Key, T>, last: MapIterator<Key, T>): void;
         /**
-         * <p> Swap content. </p>
+         * <p> Abstract method handling deletions for indexing. </p>
          *
-         * <p> Exchanges the content of the container by the content of <i>obj</i>, which is another
-         * {@link MapContainer map} of the same type. Sizes abd container type may differ. </p>
+         * <p> This method, {@link handle_insert} is designed to unregister the <i>first to last</i> to somewhere storing
+         * those {@link MapIterator iterators} for indexing, fast accessment and retrievalance. </p>
          *
-         * <p> After the call to this member function, the elements in this container are those which were
-         * in <i>obj</i> before the call, and the elements of <i>obj</i> are those which were in this. All
-         * iterators, references and pointers remain valid for the swapped objects. </p>
+         * <p> When {@link erase} is called with <i>first to last</i>, {@link MapIterator iterators} positioning somewhere
+         * place to be deleted, is memorized and shifted to this method {@link handle_erase} after the deletion process is
+         * terminated. </p>
          *
-         * <p> Notice that a non-member function exists with the same name, {@link std.swap swap}, overloading that
-         * algorithm with an optimization that behaves like this member function. </p>
+         * <p> If the derived one is {@link RBTree tree-based} like {@link TreeSet}, the {@link MapIterator iterators}
+         * will be unregistered from the {@link TreeSet.tree_ tree} as a {@link XTreeNode tree node item}. Else if the
+         * derived one is {@link HashBuckets hash-based} like {@link HashSet}, the <i>first to last</i> will be
+         * unregistered from the {@link HashSet.hash_buckets_ hash bucket}. </p>
          *
-         * @param obj Another {@link MapContainer map container} of the same type of elements as this (i.e.,
-         *			  with the same template parameters, <b>Key</b> and <b>T</b>) whose content is swapped
-         *			  with that of this {@link MapContaier container}.
+         * @param first An {@link MapIterator} to the initial position in a sequence.
+         * @param last An {@link MapIterator} to the final position in a sequence. The range used is
+         *			   [<i>first</i>, <i>last</i>), which contains all the elements between <i>first</i> and <i>last</i>,
+         *			   including the element pointed by <i>first</i> but not the element pointed by <i>last</i>.
          */
-        swap(obj: MapContainer<Key, T>): void;
+        protected abstract handle_erase(first: MapIterator<Key, T>, last: MapIterator<Key, T>): void;
     }
 }
 declare namespace std {
     /**
-     * An iterator of {@link MapColntainer map container}.
+     * <p> An iterator of {@link MapContainer map container}. </p>
+     *
+     * <p> <img src="../assets/images/design/map_containers.png" width="100%" /> </p>
      *
      * @author Jeongho Nam <http://samchon.org>
      */
-    class MapIterator<Key, T> implements IComparable<MapIterator<Key, T>> {
-        /**
-         * The source {@link MapContainer} of the iterator is directing for.
-         */
-        protected source_: base.MapContainer<Key, T>;
+    class MapIterator<Key, T> extends Iterator<Pair<Key, T>> implements IComparable<MapIterator<Key, T>> {
         /**
          * A {@link ListIterator} pointing {@link Pair} of <i>key</i> and <i>value</i>.
          */
-        protected list_iterator_: ListIterator<Pair<Key, T>>;
+        private list_iterator_;
         /**
          * Construct from the {@link MapContainer source map} and {@link ListIterator list iterator}.
          *
@@ -3084,13 +3632,17 @@ declare namespace std {
          */
         advance(step: number): MapIterator<Key, T>;
         /**
-         * Get source.
+         * @hidden
          */
-        get_source(): base.MapContainer<Key, T>;
+        private map;
         /**
          * Get ListIterator.
          */
         get_list_iterator(): ListIterator<Pair<Key, T>>;
+        /**
+         * @inheritdoc
+         */
+        value: Pair<Key, T>;
         /**
          * Get first, key element.
          */
@@ -3115,33 +3667,27 @@ declare namespace std {
         hash(): number;
         swap(obj: MapIterator<Key, T>): void;
     }
-}
-declare namespace std {
     /**
-     * A reverse-iterator of {@link MapColntainer map container}.
+     * <p> A reverse-iterator of {@link MapContainer map container}. </p>
+     *
+     * <p> <img src="../assets/images/design/map_containers.png" width="100%" /> </p>
      *
      * @author Jeongho Nam <http://samchon.org>
      */
-    class MapReverseIterator<Key, T> extends MapIterator<Key, T> {
+    class MapReverseIterator<Key, T> extends ReverseIterator<Pair<Key, T>, MapIterator<Key, T>, MapReverseIterator<Key, T>> {
+        constructor(base: MapIterator<Key, T>);
+        protected create_neighbor(): MapReverseIterator<Key, T>;
         /**
-         * Construct from the {@link MapContainer source map} and {@link ListIterator list iterator}.
-         *
-         * @param source The source {@link MapContainer}.
-         * @param list_iterator A {@link ListIterator} pointing {@link Pair} of <i>key</i> and <i>value</i>.
+         * Get first, key element.
          */
-        constructor(source: base.MapContainer<Key, T>, list_iterator: ListIterator<Pair<Key, T>>);
+        first: Key;
         /**
-         * @inheritdoc
+         * Get second, value element.
          */
-        prev(): MapReverseIterator<Key, T>;
         /**
-         * @inheritdoc
+         * Set second value.
          */
-        next(): MapReverseIterator<Key, T>;
-        /**
-         * @inheritdoc
-         */
-        advance(step: number): MapReverseIterator<Key, T>;
+        second: T;
     }
 }
 declare namespace std.base {
@@ -3163,12 +3709,14 @@ declare namespace std.base {
      * {@link List} and registering {@link ListIterator iterators} of the {@link data_ list container} to an index
      * table like {@link RBTree tree} or {@link HashBuckets hash-table}. </p>
      *
+     * <p> <img src="../assets/images/design/map_containers.png" width="100%" /> </p>
+     *
      * <h3> Container properties </h3>
      * <dl>
      *	<dt> Associative </dt>
      *	<dd>
      *		Elements in associative containers are referenced by their <i>key</i> and not by their absolute position
-     *		in the
+     *		in the container.
      *	</dd>
      *
      *	<dt> Map </dt>
@@ -3187,28 +3735,6 @@ declare namespace std.base {
      * @author Jeongho Nam <http://samchon.org>
      */
     abstract class UniqueMap<Key, T> extends MapContainer<Key, T> {
-        /**
-         * Default Constructor.
-         */
-        constructor();
-        /**
-         * Construct from elements.
-         */
-        constructor(items: Array<Pair<Key, T>>);
-        /**
-         * Contruct from tuples.
-         *
-         * @param array Tuples to be contained.
-         */
-        constructor(array: Array<[Key, T]>);
-        /**
-         * Copy Constructor.
-         */
-        constructor(container: MapContainer<Key, T>);
-        /**
-         * Construct from range iterators.
-         */
-        constructor(begin: MapIterator<Key, T>, end: MapIterator<Key, T>);
         /**
          * @inheritdoc
          */
@@ -3281,6 +3807,10 @@ declare namespace std.base {
          * @inheritdoc
          */
         insert(hint: MapIterator<Key, T>, pair: Pair<Key, T>): MapIterator<Key, T>;
+        /**
+         * @inheritdoc
+         */
+        insert(hint: MapReverseIterator<Key, T>, pair: Pair<Key, T>): MapReverseIterator<Key, T>;
         /**
          * @inheritdoc
          */
@@ -3288,7 +3818,29 @@ declare namespace std.base {
         /**
          * @inheritdoc
          */
-        insert<L extends Key, U extends T>(begin: MapIterator<L, U>, end: MapIterator<L, U>): void;
+        insert<L extends Key, U extends T>(hint: MapReverseIterator<Key, T>, tuple: [L, U]): MapReverseIterator<Key, T>;
+        /**
+         * @inheritdoc
+         */
+        insert<L extends Key, U extends T, InputIterator extends Iterator<Pair<L, U>>>(first: InputIterator, last: InputIterator): void;
+        /**
+         * <p> Swap content. </p>
+         *
+         * <p> Exchanges the content of the container by the content of <i>obj</i>, which is another
+         * {@link UniqueMap map} of the same type. Sizes abd container type may differ. </p>
+         *
+         * <p> After the call to this member function, the elements in this container are those which were
+         * in <i>obj</i> before the call, and the elements of <i>obj</i> are those which were in this. All
+         * iterators, references and pointers remain valid for the swapped objects. </p>
+         *
+         * <p> Notice that a non-member function exists with the same name, {@link std.swap swap}, overloading that
+         * algorithm with an optimization that behaves like this member function. </p>
+         *
+         * @param obj Another {@link UniqueMap map container} of the same type of elements as this (i.e.,
+         *			  with the same template parameters, <b>Key</b> and <b>T</b>) whose content is swapped
+         *			  with that of this {@link UniqueMap container}.
+         */
+        swap(obj: UniqueMap<Key, T>): void;
     }
 }
 declare namespace std.base {
@@ -3310,12 +3862,14 @@ declare namespace std.base {
      * {@link List} and registering {@link ListIterator iterators} of the {@link data_ list container} to an index
      * table like {@link RBTree tree} or {@link HashBuckets hash-table}. </p>
      *
+     * <p> <img src="../assets/images/design/map_containers.png" width="100%" /> </p>
+     *
      * <h3> Container properties </h3>
      * <dl>
      *	<dt> Associative </dt>
      *	<dd>
      *		Elements in associative containers are referenced by their <i>key</i> and not by their absolute position
-     *		in the
+     *		in the container.
      *	</dd>
      *
      *	<dt> Map </dt>
@@ -3334,32 +3888,6 @@ declare namespace std.base {
      * @author Jeongho Nam <http://samchon.org>
      */
     abstract class MultiMap<Key, T> extends MapContainer<Key, T> {
-        /**
-         * Default Constructor.
-         */
-        constructor();
-        /**
-         * Construct from elements.
-         */
-        constructor(items: Array<Pair<Key, T>>);
-        /**
-         * Contruct from tuples.
-         *
-         * @param array Tuples to be contained.
-         */
-        constructor(array: Array<[Key, T]>);
-        /**
-         * Copy Constructor.
-         */
-        constructor(container: MapContainer<Key, T>);
-        /**
-         * Construct from range iterators.
-         */
-        constructor(begin: MapIterator<Key, T>, end: MapIterator<Key, T>);
-        /**
-         * @inheritdoc
-         */
-        count(key: Key): number;
         /**
          * <p> Insert elements. </p>
          *
@@ -3386,6 +3914,10 @@ declare namespace std.base {
          * @inheritdoc
          */
         insert(hint: MapIterator<Key, T>, pair: Pair<Key, T>): MapIterator<Key, T>;
+        /**
+         * @inheritdoc
+         */
+        insert(hint: MapReverseIterator<Key, T>, pair: Pair<Key, T>): MapReverseIterator<Key, T>;
         /**
          * @inheritdoc
          */
@@ -3393,35 +3925,58 @@ declare namespace std.base {
         /**
          * @inheritdoc
          */
-        insert<L extends Key, U extends T>(begin: MapIterator<L, U>, end: MapIterator<L, U>): void;
+        insert<L extends Key, U extends T>(hint: MapReverseIterator<Key, T>, tuple: [L, U]): MapReverseIterator<Key, T>;
+        /**
+         * @inheritdoc
+         */
+        insert<L extends Key, U extends T, InputIterator extends Iterator<Pair<L, U>>>(first: InputIterator, last: InputIterator): void;
+        /**
+         * <p> Swap content. </p>
+         *
+         * <p> Exchanges the content of the container by the content of <i>obj</i>, which is another
+         * {@link UniqueMap map} of the same type. Sizes abd container type may differ. </p>
+         *
+         * <p> After the call to this member function, the elements in this container are those which were
+         * in <i>obj</i> before the call, and the elements of <i>obj</i> are those which were in this. All
+         * iterators, references and pointers remain valid for the swapped objects. </p>
+         *
+         * <p> Notice that a non-member function exists with the same name, {@link std.swap swap}, overloading that
+         * algorithm with an optimization that behaves like this member function. </p>
+         *
+         * @param obj Another {@link MultiMap map container} of the same type of elements as this (i.e.,
+         *			  with the same template parameters, <b>Key</b> and <b>T</b>) whose content is swapped
+         *			  with that of this {@link MultiMap container}.
+         */
+        swap(obj: MultiMap<Key, T>): void;
     }
 }
 declare namespace std {
     /**
      * <p> Hashed, unordered map. </p>
      *
-     * <p> {@link HashMap}s are associative containers that store elements formed by the
-     * combination of a <i>key value</i> and a <i>mapped value</i>, and which allows for fast
-     * retrieval of individual elements based on their <i>keys</i>. </p>
+     * <p> {@link HashMap}s are associative containers that store elements formed by the combination of a <i>key value</i>
+     * and a <i>mapped value</i>, and which allows for fast retrieval of individual elements based on their <i>keys</i>.
+     * </p>
      *
-     * <p> In an {@link HashMap}, the <i>key value</i> is generally used to uniquely identify
-     * the element, while the <i>mapped value</i> is an object with the content associated to this
-     * <i>key</i>. Types of <i>key</i> and <i>mapped value</i> may differ. </p>
+     * <p> In an {@link HashMap}, the <i>key value</i> is generally used to uniquely identify the element, while the
+     * <i>mapped value</i> is an object with the content associated to this <i>key</i>. Types of <i>key</i> and
+     * <i>mapped value</i> may differ. </p>
      *
-     * <p> Internally, the elements in the {@link HashMap} are not sorted in any particular order
-     * with respect to either their <i>key</i> or <i>mapped values</i>, but organized into <i>buckets</i>
-     * depending on their hash values to allow for fast access to individual elements directly by
-     * their <i>key values</i> (with a constant average time complexity on average). </p>
+     * <p> Internally, the elements in the {@link HashMap} are not sorted in any particular order with respect to either
+     * their <i>key</i> or <i>mapped values</i>, but organized into <i>buckets</i> depending on their hash values to allow
+     * for fast access to individual elements directly by their <i>key values</i> (with a constant average time complexity
+     * on average). </p>
      *
-     * <p> {@link HashMap} containers are faster than {@link TreeMap} containers to access
-     * individual elements by their <i>key</i>, although they are generally less efficient for range
-     * iteration through a subset of their elements. </p>
+     * <p> {@link HashMap} containers are faster than {@link TreeMap} containers to access individual elements by their
+     * <i>key</i>, although they are generally less efficient for range iteration through a subset of their elements. </p>
+     *
+     * <p> <img src="../assets/images/design/map_containers.png" width="100%" /> </p>
      *
      * <h3> Container properties </h3>
      * <dl>
      * 	<dt> Associative </dt>
      * 	<dd> Elements in associative containers are referenced by their <i>key</i> and not by their absolute
-     *		 position in the  </dd>
+     *		 position in the container. </dd>
      *
      * 	<dt> Hashed </dt>
      * 	<dd> Hashed containers organize their elements using hash tables that allow for fast access to elements
@@ -3435,56 +3990,24 @@ declare namespace std {
      * 	<dd> No two elements in the container can have equivalent keys. </dd>
      * </dl>
      *
-     * <ul>
-     *  <li> Reference: http://www.cplusplus.com/reference/unordered_map/unordered_map/ </li>
-     * </ul>
-     *
      * @param <Key> Type of the key values.
      *				Each element in an {@link HashMap} is uniquely identified by its key value.
      * @param <T> Type of the mapped value.
      *			  Each element in an {@link HashMap} is used to store some data as its mapped value.
      *
+     * @reference http://www.cplusplus.com/reference/unordered_map/unordered_map
      * @author Jeongho Nam <http://samchon.org>
      */
     class HashMap<Key, T> extends base.UniqueMap<Key, T> {
         private hash_buckets_;
         /**
-         * Default Constructor.
+         * @hidden
          */
-        constructor();
-        /**
-         * Contruct from elements.
-         *
-         * @param array Elements to be contained.
-         */
-        constructor(array: Array<Pair<Key, T>>);
-        /**
-         * Contruct from tuples.
-         *
-         * @param array Tuples to be contained.
-         */
-        constructor(array: Array<[Key, T]>);
-        /**
-         * Copy Constructor.
-         *
-         * @param container Another map to copy.
-         */
-        constructor(container: base.MapContainer<Key, T>);
-        /**
-         * Range Constructor.
-         *
-         * @param begin nput interator of the initial position in a sequence.
-         * @param end Input interator of the final position in a sequence.
-         */
-        constructor(begin: MapIterator<Key, T>, end: MapIterator<Key, T>);
+        protected init(): void;
         /**
          * @hidden
          */
         protected construct_from_array(items: Array<Pair<Key, T>>): void;
-        /**
-         * @inheritdoc
-         */
-        assign<L extends Key, U extends T>(begin: MapIterator<L, U>, end: MapIterator<L, U>): void;
         /**
          * @inheritdoc
          */
@@ -3500,19 +4023,23 @@ declare namespace std {
         /**
          * @hidden
          */
-        protected insert_by_range<L extends Key, U extends T>(begin: MapIterator<L, U>, end: MapIterator<L, U>): void;
+        protected insert_by_hint(hint: MapIterator<Key, T>, pair: Pair<Key, T>): MapIterator<Key, T>;
+        /**
+         * @hidden
+         */
+        protected insert_by_range<L extends Key, U extends T, InputIterator extends Iterator<Pair<L, U>>>(first: InputIterator, last: InputIterator): void;
         /**
          * @inheritdoc
          */
-        protected handle_insert(it: MapIterator<Key, T>): void;
+        protected handle_insert(first: MapIterator<Key, T>, last: MapIterator<Key, T>): void;
         /**
          * @inheritdoc
          */
-        protected handle_erase(it: MapIterator<Key, T>): void;
+        protected handle_erase(first: MapIterator<Key, T>, last: MapIterator<Key, T>): void;
         /**
          * @inheritdoc
          */
-        swap(obj: base.MapContainer<Key, T>): void;
+        swap(obj: base.UniqueMap<Key, T>): void;
         /**
          * @hidden
          */
@@ -3537,11 +4064,13 @@ declare namespace std {
      * <p> Elements with equivalent <i>keys</i> are grouped together in the same bucket and in such a way that
      * an iterator can iterate through all of them. Iterators in the container are doubly linked iterators. </p>
      *
+     * <p> <img src="../assets/images/design/map_containers.png" width="100%" /> </p>
+     *
      * <h3> Container properties </h3>
      * <dl>
      *	<dt> Associative </dt>
      *	<dd> Elements in associative containers are referenced by their <i>key</i> and not by their absolute
-     *		 position in the  </dd>
+     *		 position in the container. </dd>
      *
      *	<dt> Hashed </dt>
      *	<dd> Hashed containers organize their elements using hash tables that allow for fast access to elements
@@ -3555,15 +4084,12 @@ declare namespace std {
      *	<dd> The container can hold multiple elements with equivalent <i>keys</i>. </dd>
      * </dl>
      *
-     * <ul>
-     *  <li> Reference: http://www.cplusplus.com/reference/unordered_map/unordered_multimap/ </li>
-     * </ul>
-     *
      * @param <Key> Type of the key values.
      *				Each element in an {@link HashMap} is identified by a key value.
      * @param <T> Type of the mapped value.
      *			  Each element in an {@link HashMap} is used to store some data as its mapped value.
      *
+     * @reference http://www.cplusplus.com/reference/unordered_map/unordered_multimap
      * @author Jeongho Nam <http://samchon.org>
      */
     class HashMultiMap<Key, T> extends base.MultiMap<Key, T> {
@@ -3572,42 +4098,13 @@ declare namespace std {
          */
         private hash_buckets_;
         /**
-         * Default Constructor.
+         * @hidden
          */
-        constructor();
-        /**
-         * Contruct from elements.
-         *
-         * @param array Elements to be contained.
-         */
-        constructor(array: Array<Pair<Key, T>>);
-        /**
-         * Contruct from tuples.
-         *
-         * @param array Tuples to be contained.
-         */
-        constructor(array: Array<[Key, T]>);
-        /**
-         * Copy Constructor.
-         *
-         * @param container Another map to copy.
-         */
-        constructor(container: base.MapContainer<Key, T>);
-        /**
-         * Range Constructor.
-         *
-         * @param begin nput interator of the initial position in a sequence.
-         * @param end Input interator of the final position in a sequence.
-         */
-        constructor(begin: MapIterator<Key, T>, end: MapIterator<Key, T>);
+        protected init(): void;
         /**
          * @hidden
          */
         protected construct_from_array(items: Array<Pair<Key, T>>): void;
-        /**
-         * @inheritdoc
-         */
-        assign<L extends Key, U extends T>(begin: MapIterator<L, U>, end: MapIterator<L, U>): void;
         /**
          * @inheritdoc
          */
@@ -3616,6 +4113,10 @@ declare namespace std {
          * @inheritdoc
          */
         find(key: Key): MapIterator<Key, T>;
+        /**
+         * @inheritdoc
+         */
+        count(key: Key): number;
         /**
          * @hidden
          */
@@ -3623,19 +4124,23 @@ declare namespace std {
         /**
          * @hidden
          */
-        protected insert_by_range<L extends Key, U extends T>(begin: MapIterator<L, U>, end: MapIterator<L, U>): void;
+        protected insert_by_hint(hint: MapIterator<Key, T>, pair: Pair<Key, T>): MapIterator<Key, T>;
+        /**
+         * @hidden
+         */
+        protected insert_by_range<L extends Key, U extends T, InputIterator extends Iterator<Pair<L, U>>>(first: InputIterator, last: InputIterator): void;
         /**
          * @inheritdoc
          */
-        protected handle_insert(it: MapIterator<Key, T>): void;
+        protected handle_insert(first: MapIterator<Key, T>, last: MapIterator<Key, T>): void;
         /**
          * @inheritdoc
          */
-        protected handle_erase(it: MapIterator<Key, T>): void;
+        protected handle_erase(first: MapIterator<Key, T>, last: MapIterator<Key, T>): void;
         /**
          * @inheritdoc
          */
-        swap(obj: base.MapContainer<Key, T>): void;
+        swap(obj: base.MultiMap<Key, T>): void;
         /**
          * @hidden
          */
@@ -3662,12 +4167,14 @@ declare namespace std {
      *
      * <p> {@link TreeSet}s are typically implemented as binary search trees. </p>
      *
+     * <p> <img src="../assets/images/design/set_containers.png" width="100%" /> </p>
+     *
      * <h3> Container properties </h3>
      * <dl>
      *	<dt> Associative </dt>
      *	<dd>
      *		Elements in associative containers are referenced by their <i>key</i> and not by their absolute
-     *		position in the
+     *		position in the container.
      *	</dd>
      *
      *	<dt> Ordered </dt>
@@ -3683,13 +4190,10 @@ declare namespace std {
      *	<dd> No two elements in the container can have equivalent <i>keys</i>. </dd>
      * </dl>
      *
-     * <ul>
-     *	<li> Reference: http://www.cplusplus.com/reference/set/set/ </li>
-     * </ul>
-     *
      * @param <T> Type of the elements.
      *			  Each element in an {@link TreeSet} is also uniquely identified by this value.
      *
+     * @reference http://www.cplusplus.com/reference/set/set
      * @author Jeongho Nam <http://samchon.org>
      */
     class TreeSet<T> extends base.UniqueSet<T> {
@@ -3723,21 +4227,21 @@ declare namespace std {
         /**
          * Copy Constructor.
          */
-        constructor(container: base.Container<T>);
+        constructor(container: base.IContainer<T>);
         /**
          * Copy Constructor with compare.
          *
          * @param container A container to be copied.
          * @param compare A binary predicate determines order of elements.
          */
-        constructor(container: base.Container<T>, compare: (left: T, right: T) => boolean);
+        constructor(container: base.IContainer<T>, compare: (left: T, right: T) => boolean);
         /**
          * Range Constructor.
          *
          * @param begin Input interator of the initial position in a sequence.
          * @param end Input interator of the final position in a sequence.
          */
-        constructor(begin: base.Iterator<T>, end: base.Iterator<T>);
+        constructor(begin: Iterator<T>, end: Iterator<T>);
         /**
          * Range Constructor with compare.
          *
@@ -3745,11 +4249,7 @@ declare namespace std {
          * @param end Input interator of the final position in a sequence.
          * @param compare A binary predicate determines order of elements.
          */
-        constructor(begin: base.Iterator<T>, end: base.Iterator<T>, compare: (left: T, right: T) => boolean);
-        /**
-         * @inheritdoc
-         */
-        assign<U extends T, InputIterator extends base.Iterator<U>>(begin: InputIterator, end: InputIterator): void;
+        constructor(begin: Iterator<T>, end: Iterator<T>, compare: (left: T, right: T) => boolean);
         /**
          * @inheritdoc
          */
@@ -3829,18 +4329,23 @@ declare namespace std {
          * @hidden
          */
         protected insert_by_val(val: T): any;
+        protected insert_by_hint(hint: SetIterator<T>, val: T): SetIterator<T>;
+        /**
+         * @hidden
+         */
+        protected insert_by_range<U extends T, InputIterator extends Iterator<U>>(first: InputIterator, last: InputIterator): void;
         /**
          * @inheritdoc
          */
-        protected handle_insert(item: SetIterator<T>): void;
+        protected handle_insert(first: SetIterator<T>, last: SetIterator<T>): void;
         /**
          * @inheritdoc
          */
-        protected handle_erase(item: SetIterator<T>): void;
+        protected handle_erase(first: SetIterator<T>, last: SetIterator<T>): void;
         /**
          * @inheritdoc
          */
-        swap(obj: base.IContainer<T>): void;
+        swap(obj: base.UniqueSet<T>): void;
         /**
          * @hidden
          */
@@ -3866,12 +4371,14 @@ declare namespace std {
      *
      * <p> {@link TreeMultiSet TreeMultiSets} are typically implemented as binary search trees. </p>
      *
+     * <p> <img src="../assets/images/design/set_containers.png" width="100%" /> </p>
+     *
      * <h3> Container properties </h3>
      * <dl>
      *	<dt> Associative </dt>
      *	<dd>
      *		Elements in associative containers are referenced by their <i>key</i> and not by their absolute
-     *		position in the
+     *		position in the container.
      *	</dd>
      *
      *	<dt> Ordered </dt>
@@ -3887,13 +4394,10 @@ declare namespace std {
      *	<dd> Multiple elements in the container can have equivalent <i>keys</i>. </dd>
      * </dl>
      *
-     * <ul>
-     *	<li> Reference: http://www.cplusplus.com/reference/set/multiset/ </li>
-     * </ul>
-     *
      * @param <T> Type of the elements. Each element in a {@link TreeMultiSet} container is also identified
      *			  by this value (each value is itself also the element's <i>key</i>).
      *
+     * @reference http://www.cplusplus.com/reference/set/multiset
      * @author Jeongho Nam <http://samchon.org>
      */
     class TreeMultiSet<T> extends base.MultiSet<T> {
@@ -3941,7 +4445,7 @@ declare namespace std {
          * @param begin Input interator of the initial position in a sequence.
          * @param end Input interator of the final position in a sequence.
          */
-        constructor(begin: base.Iterator<T>, end: base.Iterator<T>);
+        constructor(begin: Iterator<T>, end: Iterator<T>);
         /**
          * Construct from range and compare.
          *
@@ -3949,11 +4453,7 @@ declare namespace std {
          * @param end Input interator of the final position in a sequence.
          * @param compare A binary predicate determines order of elements.
          */
-        constructor(begin: base.Iterator<T>, end: base.Iterator<T>, compare: (left: T, right: T) => boolean);
-        /**
-         * @inheritdoc
-         */
-        assign<U extends T, InputIterator extends base.Iterator<U>>(begin: InputIterator, end: InputIterator): void;
+        constructor(begin: Iterator<T>, end: Iterator<T>, compare: (left: T, right: T) => boolean);
         /**
          * @inheritdoc
          */
@@ -3962,6 +4462,10 @@ declare namespace std {
          * @inheritdoc
          */
         find(val: T): SetIterator<T>;
+        /**
+         * @inheritdoc
+         */
+        count(val: T): number;
         /**
          * <p> Return iterator to lower bound. </p>
          *
@@ -4033,17 +4537,25 @@ declare namespace std {
          */
         protected insert_by_val(val: T): any;
         /**
-         * @inheritdoc
+         * @hidden
          */
-        protected handle_insert(item: SetIterator<T>): void;
+        protected insert_by_hint(hint: SetIterator<T>, val: T): SetIterator<T>;
+        /**
+         * @hidden
+         */
+        protected insert_by_range<U extends T, InputIterator extends Iterator<U>>(first: InputIterator, last: InputIterator): void;
         /**
          * @inheritdoc
          */
-        protected handle_erase(item: SetIterator<T>): void;
+        protected handle_insert(first: SetIterator<T>, last: SetIterator<T>): void;
         /**
          * @inheritdoc
          */
-        swap(obj: base.IContainer<T>): void;
+        protected handle_erase(first: SetIterator<T>, last: SetIterator<T>): void;
+        /**
+         * @inheritdoc
+         */
+        swap(obj: base.MultiSet<T>): void;
         /**
          * @hidden
          */
@@ -4057,27 +4569,28 @@ declare namespace std {
      * <p> {@link TreeMap TreeMaps} are associative containers that store elements formed by a combination of a
      * <i>key value</i> (<i>Key</i>) and a <i>mapped value</i> (<i>T</i>), following order. </p>
      *
-     * <p> In a {@link TreeMap}, the <i>key values</i> are generally used to sort and uniquely identify
-     * the elements, while the <i>mapped values</i> store the content associated to this key. The types of
-     * <i>key</i> and <i>mapped value</i> may differ, and are grouped together in member type <i>value_type</i>,
-     * which is a {@link Pair} type combining both: </p>
+     * <p> In a {@link TreeMap}, the <i>key values</i> are generally used to sort and uniquely identify the elements,
+     * while the <i>mapped values</i> store the content associated to this key. The types of <i>key</i> and
+     * <i>mapped value</i> may differ, and are grouped together in member type <i>value_type</i>, which is a {@link Pair}
+     * type combining both: </p>
      *
      * <p> <code>typedef Pair<Key, T> value_type;</code> </p>
      *
-     * <p> Internally, the elements in a {@link TreeMap} are always sorted by its <i>key</i> following
-     * a strict weak ordering criterion indicated by its internal comparison method {@link less}.
+     * <p> Internally, the elements in a {@link TreeMap} are always sorted by its <i>key</i> following a
+     * <i>strict weak ordering</i> criterion indicated by its internal comparison method {@link less}.
      *
-     * <p> {@link TreeMap} containers are generally slower than {@link HashMap HashMap} containers to
-     * access individual elements by their <i>key</i>, but they allow the direct iteration on subsets based on
-     * their order. </p>
+     * <p> {@link TreeMap} containers are generally slower than {@link HashMap HashMap} containers to access individual
+     * elements by their <i>key</i>, but they allow the direct iteration on subsets based on their order. </p>
      *
      * <p> {@link TreeMap}s are typically implemented as binary search trees. </p>
      *
+     * <p> <img src="../assets/images/design/map_containers.png" width="100%" /> </p>
+     *
      * <h3> Container properties </h3>
      * <dl>
      *	<dt> Associative </dt>
      *	<dd> Elements in associative containers are referenced by their <i>key</i> and not by their absolute
-     *		 position in the  </dd>
+     *		 position in the container. </dd>
      *
      *	<dt> Ordered </dt>
      *	<dd> The elements in the container follow a strict order at all times. All inserted elements are
@@ -4091,13 +4604,10 @@ declare namespace std {
      *	<dd> No two elements in the container can have equivalent <i>keys</i>. </dd>
      * </dl>
      *
-     * <ul>
-     *	<li> Reference: http://www.cplusplus.com/reference/map/map/ </li>
-     * </ul>
-     *
      * @param <Key> Type of the keys. Each element in a map is uniquely identified by its key value.
      * @param <T> Type of the mapped value. Each element in a map stores some data as its mapped value.
      *
+     * @reference http://www.cplusplus.com/reference/map/map
      * @author Jeongho Nam <http://samchon.org>
      */
     class TreeMap<Key, T> extends base.UniqueMap<Key, T> {
@@ -4160,7 +4670,7 @@ declare namespace std {
          * @param begin nput interator of the initial position in a sequence.
          * @param end Input interator of the final position in a sequence.
          */
-        constructor(begin: MapIterator<Key, T>, end: MapIterator<Key, T>);
+        constructor(begin: Iterator<Pair<Key, T>>, end: Iterator<Pair<Key, T>>);
         /**
          * Range Constructor.
          *
@@ -4168,11 +4678,7 @@ declare namespace std {
          * @param end Input interator of the final position in a sequence.
          * @param compare A binary predicate determines order of elements.
          */
-        constructor(begin: MapIterator<Key, T>, end: MapIterator<Key, T>, compare: (left: Key, right: Key) => boolean);
-        /**
-         * @inheritdoc
-         */
-        assign<L extends Key, U extends T>(begin: MapIterator<L, U>, end: MapIterator<L, U>): void;
+        constructor(begin: Iterator<Pair<Key, T>>, end: Iterator<Pair<Key, T>>, compare: (left: Key, right: Key) => boolean);
         /**
          * @inheritdoc
          */
@@ -4255,17 +4761,25 @@ declare namespace std {
          */
         protected insert_by_pair(pair: Pair<Key, T>): any;
         /**
-         * @inheritdoc
+         * @hidden
          */
-        protected handle_insert(item: MapIterator<Key, T>): void;
+        protected insert_by_hint(hint: MapIterator<Key, T>, pair: Pair<Key, T>): MapIterator<Key, T>;
+        /**
+         * @hidden
+         */
+        protected insert_by_range<L extends Key, U extends T, InputIterator extends Iterator<Pair<L, U>>>(first: InputIterator, last: InputIterator): void;
         /**
          * @inheritdoc
          */
-        protected handle_erase(item: MapIterator<Key, T>): void;
+        protected handle_insert(first: MapIterator<Key, T>, last: MapIterator<Key, T>): void;
         /**
          * @inheritdoc
          */
-        swap(obj: base.MapContainer<Key, T>): void;
+        protected handle_erase(first: MapIterator<Key, T>, last: MapIterator<Key, T>): void;
+        /**
+         * @inheritdoc
+         */
+        swap(obj: base.UniqueMap<Key, T>): void;
         /**
          * @hidden
          */
@@ -4294,12 +4808,14 @@ declare namespace std {
      *
      * <p> {@link TreeMultiMap TreeMultiMaps} are typically implemented as binary search trees. </p>
      *
+     * <p> <img src="../assets/images/design/map_containers.png" width="100%" /> </p>
+     *
      * <h3> Container properties </h3>
      * <dl>
      *	<dt> Associative </dt>
      *	<dd>
      *		Elements in associative containers are referenced by their <i>key</i> and not by their absolute
-     *		position in the
+     *		position in the container.
      *	</dd>
      *
      *	<dt> Ordered </dt>
@@ -4318,13 +4834,10 @@ declare namespace std {
      *	<dd> Multiple elements in the container can have equivalent <i>keys</i>. </dd>
      * </dl>
      *
-     * <ul>
-     *	<li> Reference: http://www.cplusplus.com/reference/map/multimap/ </li>
-     * </ul>
-     *
      * @param <Key> Type of the keys. Each element in a map is uniquely identified by its key value.
      * @param <T> Type of the mapped value. Each element in a map stores some data as its mapped value.
      *
+     * @reference http://www.cplusplus.com/reference/map/multimap
      * @author Jeongho Nam <http://samchon.org>
      */
     class TreeMultiMap<Key, T> extends base.MultiMap<Key, T> {
@@ -4384,7 +4897,7 @@ declare namespace std {
          * @param begin nput interator of the initial position in a sequence.
          * @param end Input interator of the final position in a sequence.
          */
-        constructor(begin: MapIterator<Key, T>, end: MapIterator<Key, T>);
+        constructor(begin: Iterator<Pair<Key, T>>, end: Iterator<Pair<Key, T>>);
         /**
          * Range Constructor.
          *
@@ -4392,11 +4905,7 @@ declare namespace std {
          * @param end Input interator of the final position in a sequence.
          * @param compare A binary predicate determines order of elements.
          */
-        constructor(begin: MapIterator<Key, T>, end: MapIterator<Key, T>, compare: (left: Key, right: Key) => boolean);
-        /**
-         * @inheritdoc
-         */
-        assign<L extends Key, U extends T>(begin: MapIterator<L, U>, end: MapIterator<L, U>): void;
+        constructor(begin: Iterator<Pair<Key, T>>, end: Iterator<Pair<Key, T>>, compare: (left: Key, right: Key) => boolean);
         /**
          * @inheritdoc
          */
@@ -4405,6 +4914,10 @@ declare namespace std {
          * @inheritdoc
          */
         find(key: Key): MapIterator<Key, T>;
+        /**
+         * @inheritdoc
+         */
+        count(key: Key): number;
         /**
          * <p> Return iterator to lower bound. </p>
          *
@@ -4476,17 +4989,25 @@ declare namespace std {
          */
         protected insert_by_pair(pair: Pair<Key, T>): any;
         /**
-         * @inheritdoc
+         * @hidden
          */
-        protected handle_insert(item: MapIterator<Key, T>): void;
+        protected insert_by_hint(hint: MapIterator<Key, T>, pair: Pair<Key, T>): MapIterator<Key, T>;
+        /**
+         * @hidden
+         */
+        protected insert_by_range<L extends Key, U extends T, InputIterator extends Iterator<Pair<L, U>>>(first: InputIterator, last: InputIterator): void;
         /**
          * @inheritdoc
          */
-        protected handle_erase(item: MapIterator<Key, T>): void;
+        protected handle_insert(first: MapIterator<Key, T>, last: MapIterator<Key, T>): void;
         /**
          * @inheritdoc
          */
-        swap(obj: base.MapContainer<Key, T>): void;
+        protected handle_erase(first: MapIterator<Key, T>, last: MapIterator<Key, T>): void;
+        /**
+         * @inheritdoc
+         */
+        swap(obj: base.MultiMap<Key, T>): void;
         /**
          * @hidden
          */
@@ -4508,7 +5029,7 @@ declare namespace std {
      *
      * @return Returns <i>fn</i>.
      */
-    function for_each<T, Iterator extends base.Iterator<T>, Func extends (val: T) => any>(first: Iterator, last: Iterator, fn: Func): Func;
+    function for_each<T, InputIterator extends Iterator<T>, Func extends (val: T) => any>(first: InputIterator, last: InputIterator, fn: Func): Func;
     /**
      * <p> Test condition on all elements in range. </p>
      *
@@ -4527,7 +5048,7 @@ declare namespace std {
      * @return <code>true</code> if pred returns true for all the elements in the range or if the range is
      *		   {@link IContainer.empty empty}, and <code>false</code> otherwise.
      */
-    function all_of<T, Iterator extends base.Iterator<T>>(first: Iterator, last: Iterator, pred: (val: T) => boolean): boolean;
+    function all_of<T, InputIterator extends Iterator<T>>(first: InputIterator, last: InputIterator, pred: (val: T) => boolean): boolean;
     /**
      * <p> Test if any element in range fulfills condition. </p>
      *
@@ -4549,7 +5070,7 @@ declare namespace std {
      *		   [<i>first</i>, <i>last</i>), and <code>false</code> otherwise. If [<i>first</i>, <i>last</i>) is an
      *		   {@link IContainer.empty empty} range, the function returns <code>false</code>.
      */
-    function any_of<T, Iterator extends base.Iterator<T>>(first: Iterator, last: Iterator, pred: (val: T) => boolean): boolean;
+    function any_of<T, InputIterator extends Iterator<T>>(first: InputIterator, last: InputIterator, pred: (val: T) => boolean): boolean;
     /**
      * <p> Test if no elements fulfill condition. </p>
      *
@@ -4569,7 +5090,7 @@ declare namespace std {
      *		   [<i>first</i>, <i>last</i>) or if the range is {@link IContainer.empty empty}, and <code>false</code>
      *		   otherwise.
      */
-    function none_of<T, Iterator extends base.Iterator<T>>(first: Iterator, last: Iterator, pred: (val: T) => boolean): boolean;
+    function none_of<T, InputIterator extends Iterator<T>>(first: InputIterator, last: InputIterator, pred: (val: T) => boolean): boolean;
     /**
      * <p> Test whether the elements in two ranges are equal. </p>
      *
@@ -4586,7 +5107,7 @@ declare namespace std {
      * @return <code>true</code> if all the elements in the range [<i>first1</i>, <i>last1</i>) compare equal to those
      *		   of the range starting at <i>first2</i>, and <code>false</code> otherwise.
      */
-    function equal<T, Iterator1 extends base.Iterator<T>>(first1: Iterator1, last1: Iterator1, first2: base.Iterator<T>): boolean;
+    function equal<T, Iterator1 extends Iterator<T>>(first1: Iterator1, last1: Iterator1, first2: Iterator<T>): boolean;
     /**
      * <p> Test whether the elements in two ranges are equal. </p>
      *
@@ -4606,7 +5127,7 @@ declare namespace std {
      * @return <code>true</code> if all the elements in the range [<i>first1</i>, <i>last1</i>) compare equal to those
      *		   of the range starting at <i>first2</i>, and <code>false</code> otherwise.
      */
-    function equal<T, Iterator1 extends base.Iterator<T>>(first1: Iterator1, last1: Iterator1, first2: base.Iterator<T>, pred: (x: T, y: T) => boolean): boolean;
+    function equal<T, Iterator1 extends Iterator<T>>(first1: Iterator1, last1: Iterator1, first2: Iterator<T>, pred: (x: T, y: T) => boolean): boolean;
     /**
      * <p> Test whether range is permutation of another. </p>
      *
@@ -4624,7 +5145,7 @@ declare namespace std {
      * @return <code>true</code> if all the elements in the range [<i>first1</i>, <i>last1</i>) compare equal to those
      *		   of the range starting at <i>first2</i> in any order, and <code>false</code> otherwise.
      */
-    function is_permutation<T, Iterator1 extends base.Iterator<T>, Iterator2 extends base.Iterator<T>>(first1: Iterator1, last1: Iterator1, first2: Iterator2): boolean;
+    function is_permutation<T, Iterator1 extends Iterator<T>, Iterator2 extends Iterator<T>>(first1: Iterator1, last1: Iterator1, first2: Iterator2): boolean;
     /**
      * <p> Test whether range is permutation of another. </p>
      *
@@ -4645,7 +5166,7 @@ declare namespace std {
      * @return <code>true</code> if all the elements in the range [<i>first1</i>, <i>last1</i>) compare equal to those
      *		   of the range starting at <i>first2</i> in any order, and <code>false</code> otherwise.
      */
-    function is_permutation<T, Iterator1 extends base.Iterator<T>, Iterator2 extends base.Iterator<T>>(first1: Iterator1, last1: Iterator1, first2: Iterator2, pred: (x: T, y: T) => boolean): boolean;
+    function is_permutation<T, Iterator1 extends Iterator<T>, Iterator2 extends Iterator<T>>(first1: Iterator1, last1: Iterator1, first2: Iterator2, pred: (x: T, y: T) => boolean): boolean;
     /**
      * <p> Lexicographical less-than comparison. </p>
      *
@@ -4671,7 +5192,7 @@ declare namespace std {
      * @return <code>true</code> if the first range compares <i>lexicographically less</i> than than the second.
      *		   <code>false</code> otherwise (including when all the elements of both ranges are equivalent).
      */
-    function lexicographical_compare<T, T1 extends T, T2 extends T, Iterator1 extends base.Iterator<T1>, Iterator2 extends base.Iterator<T2>>(first1: Iterator1, last1: Iterator1, first2: Iterator2, last2: Iterator2): boolean;
+    function lexicographical_compare<T, T1 extends T, T2 extends T, Iterator1 extends Iterator<T1>, Iterator2 extends Iterator<T2>>(first1: Iterator1, last1: Iterator1, first2: Iterator2, last2: Iterator2): boolean;
     /**
      * <p> Lexicographical comparison. </p>
      *
@@ -4700,7 +5221,7 @@ declare namespace std {
      * @return <code>true</code> if the first range compares <i>lexicographically relationship</i> than than the
      *		   second. <code>false</code> otherwise (including when all the elements of both ranges are equivalent).
      */
-    function lexicographical_compare<T, T1 extends T, T2 extends T, Iterator1 extends base.Iterator<T1>, Iterator2 extends base.Iterator<T2>>(first1: Iterator1, last1: Iterator1, first2: Iterator2, last2: Iterator2, compare: (x: T, y: T) => boolean): boolean;
+    function lexicographical_compare<T, T1 extends T, T2 extends T, Iterator1 extends Iterator<T1>, Iterator2 extends Iterator<T2>>(first1: Iterator1, last1: Iterator1, first2: Iterator2, last2: Iterator2, compare: (x: T, y: T) => boolean): boolean;
     /**
      * <p> Find value in range. </p>
      *
@@ -4718,7 +5239,7 @@ declare namespace std {
      * @return An {@link Iterator} to the first element in the range that compares equal to <i>val</i>. If no elements
      *		   match, the function returns <i>last</i>.
      */
-    function find<T, Iterator extends base.Iterator<T>>(first: Iterator, last: Iterator, val: T): Iterator;
+    function find<T, InputIterator extends Iterator<T>>(first: InputIterator, last: InputIterator, val: T): InputIterator;
     /**
      * <p> Find element in range. </p>
      *
@@ -4737,7 +5258,7 @@ declare namespace std {
      *		   <code>false</code>. If <i>pred</i> is <code>false</code> for all elements, the function returns
      *		   <i>last</i>.
      */
-    function find_if<T, Iterator extends base.Iterator<T>>(first: Iterator, last: Iterator, pred: (val: T) => boolean): Iterator;
+    function find_if<T, InputIterator extends Iterator<T>>(first: InputIterator, last: InputIterator, pred: (val: T) => boolean): InputIterator;
     /**
      * <p> Find element in range. </p>
      *
@@ -4755,7 +5276,7 @@ declare namespace std {
      * @return An {@link Iterator} to the first element in the range for which <i>pred</i> returns <code>false</code>.
      *		   If <i>pred</i> is <code>true</code> for all elements, the function returns <i>last</i>.
      */
-    function find_if_not<T, Iterator extends base.Iterator<T>>(first: Iterator, last: Iterator, pred: (val: T) => boolean): Iterator;
+    function find_if_not<T, InputIterator extends Iterator<T>>(first: InputIterator, last: InputIterator, pred: (val: T) => boolean): InputIterator;
     /**
      * <p> Find last subsequence in range. </p>
      *
@@ -4785,7 +5306,7 @@ declare namespace std {
      *		   [<i>first1</i>, <i>last1</i>). If the sequence is not found, the function returns ,i>last1</i>. Otherwise
      *		   [<i>first2</i>, <i>last2</i>) is an empty range, the function returns <i>last1</i>.
      */
-    function find_end<T, Iterator1 extends base.Iterator<T>, Iterator2 extends base.Iterator<T>>(first1: Iterator1, last1: Iterator1, first2: Iterator2, last2: Iterator2): Iterator1;
+    function find_end<T, Iterator1 extends Iterator<T>, Iterator2 extends Iterator<T>>(first1: Iterator1, last1: Iterator1, first2: Iterator2, last2: Iterator2): Iterator1;
     /**
      * <p> Find last subsequence in range. </p>
      *
@@ -4815,7 +5336,7 @@ declare namespace std {
      *		   [<i>first1</i>, <i>last1</i>). If the sequence is not found, the function returns ,i>last1</i>. Otherwise
      *		   [<i>first2</i>, <i>last2</i>) is an empty range, the function returns <i>last1</i>.
      */
-    function find_end<T, Iterator1 extends base.Iterator<T>, Iterator2 extends base.Iterator<T>>(first1: Iterator1, last1: Iterator1, first2: Iterator2, last2: Iterator2, pred: (x: T, y: T) => boolean): Iterator1;
+    function find_end<T, Iterator1 extends Iterator<T>, Iterator2 extends Iterator<T>>(first1: Iterator1, last1: Iterator1, first2: Iterator2, last2: Iterator2, pred: (x: T, y: T) => boolean): Iterator1;
     /**
      * <p> Find element from set in range. </p>
      *
@@ -4836,7 +5357,7 @@ declare namespace std {
      * @return An {@link Iterator} to the first element in [<i>first1</i>, <i>last1</i>) that is part of
      *		   [<i>first2</i>, <i>last2</i>). If no matches are found, the function returns <i>last1</i>.
      */
-    function find_first_of<T, Iterator1 extends base.Iterator<T>, Iterator2 extends base.Iterator<T>>(first1: Iterator1, last1: Iterator1, first2: Iterator2, last2: Iterator2): Iterator1;
+    function find_first_of<T, Iterator1 extends Iterator<T>, Iterator2 extends Iterator<T>>(first1: Iterator1, last1: Iterator1, first2: Iterator2, last2: Iterator2): Iterator1;
     /**
      * <p> Find element from set in range. </p>
      *
@@ -4860,7 +5381,7 @@ declare namespace std {
      * @return An {@link Iterator} to the first element in [<i>first1</i>, <i>last1</i>) that is part of
      *		   [<i>first2</i>, <i>last2</i>). If no matches are found, the function returns <i>last1</i>.
      */
-    function find_first_of<T, Iterator1 extends base.Iterator<T>, Iterator2 extends base.Iterator<T>>(first1: Iterator1, last1: Iterator1, first2: Iterator2, last2: Iterator2, pred: (x: T, y: T) => boolean): Iterator1;
+    function find_first_of<T, Iterator1 extends Iterator<T>, Iterator2 extends Iterator<T>>(first1: Iterator1, last1: Iterator1, first2: Iterator2, last2: Iterator2, pred: (x: T, y: T) => boolean): Iterator1;
     /**
      * <p> Find equal adjacent elements in range. </p>
      *
@@ -4877,7 +5398,7 @@ declare namespace std {
      * @return An {@link Iterator} to the first element of the first pair of matching consecutive elements in the range
      *		   [<i>first</i>, <i>last</i>). If no such pair is found, the function returns <i>last</i>.
      */
-    function adjacent_find<T, Iterator extends base.Iterator<T>>(first: Iterator, last: Iterator): Iterator;
+    function adjacent_find<T, InputIterator extends Iterator<T>>(first: InputIterator, last: InputIterator): InputIterator;
     /**
      * <p> Find equal adjacent elements in range. </p>
      *
@@ -4897,7 +5418,7 @@ declare namespace std {
      * @return An {@link Iterator} to the first element of the first pair of matching consecutive elements in the range
      *		   [<i>first</i>, <i>last</i>). If no such pair is found, the function returns <i>last</i>.
      */
-    function adjacent_find<T, Iterator extends base.Iterator<T>>(first: Iterator, last: Iterator, pred: (x: T, y: T) => boolean): Iterator;
+    function adjacent_find<T, InputIterator extends Iterator<T>>(first: InputIterator, last: InputIterator, pred: (x: T, y: T) => boolean): InputIterator;
     /**
      * <p> Search range for subsequence. </p>
      *
@@ -4924,7 +5445,7 @@ declare namespace std {
      *		   and <i>last1</i>. If the sequence is not found, the function returns <i>last1</i>. Otherwise
      *		   [<i>first2</i>, <i>last2</i>) is an empty range, the function returns <i>first1</i>.
      */
-    function search<T, ForwardIterator1 extends base.Iterator<T>, ForwardIterator2 extends base.Iterator<T>>(first1: ForwardIterator1, last1: ForwardIterator1, first2: ForwardIterator2, last2: ForwardIterator2): ForwardIterator1;
+    function search<T, ForwardIterator1 extends Iterator<T>, ForwardIterator2 extends Iterator<T>>(first1: ForwardIterator1, last1: ForwardIterator1, first2: ForwardIterator2, last2: ForwardIterator2): ForwardIterator1;
     /**
      * <p> Search range for subsequence. </p>
      *
@@ -4955,7 +5476,7 @@ declare namespace std {
      *		   [<i>first1</i>, <i>last1</i>). If the sequence is not found, the function returns last1. Otherwise
      *		   [<i>first2</i>, <i>last2</i>) is an empty range, the function returns <i>first1</i>.
      */
-    function search<T, ForwardIterator1 extends base.Iterator<T>, ForwardIterator2 extends base.Iterator<T>>(first1: ForwardIterator1, last1: ForwardIterator1, first2: ForwardIterator2, last2: ForwardIterator2, pred: (x: T, y: T) => boolean): ForwardIterator1;
+    function search<T, ForwardIterator1 extends Iterator<T>, ForwardIterator2 extends Iterator<T>>(first1: ForwardIterator1, last1: ForwardIterator1, first2: ForwardIterator2, last2: ForwardIterator2, pred: (x: T, y: T) => boolean): ForwardIterator1;
     /**
      * <p> Search range for elements. </p>
      *
@@ -5022,7 +5543,7 @@ declare namespace std {
      *		   to <i>last1</i> and {@link Pair.second second} set to the element in that same relative position in the
      *		   second sequence. If none matched, it returns {@link make_pair}(<i>first1</i>, <i>first2</i>).
      */
-    function mismatch<T, Iterator1 extends base.Iterator<T>, Iterator2 extends base.Iterator<T>>(first1: Iterator1, last1: Iterator1, first2: Iterator2): Pair<Iterator1, Iterator2>;
+    function mismatch<T, Iterator1 extends Iterator<T>, Iterator2 extends Iterator<T>>(first1: Iterator1, last1: Iterator1, first2: Iterator2): Pair<Iterator1, Iterator2>;
     /**
      * <p> Return first position where two ranges differ. </p>
      *
@@ -5048,7 +5569,7 @@ declare namespace std {
      *		   to <i>last1</i> and {@link Pair.second second} set to the element in that same relative position in the
      *		   second sequence. If none matched, it returns {@link make_pair}(<i>first1</i>, <i>first2</i>).
      */
-    function mismatch<T, Iterator1 extends base.Iterator<T>, Iterator2 extends base.Iterator<T>>(first1: Iterator1, last1: Iterator1, first2: Iterator2, compare: (x: T, y: T) => boolean): Pair<Iterator1, Iterator2>;
+    function mismatch<T, Iterator1 extends Iterator<T>, Iterator2 extends Iterator<T>>(first1: Iterator1, last1: Iterator1, first2: Iterator2, compare: (x: T, y: T) => boolean): Pair<Iterator1, Iterator2>;
     /**
      * <p> Count appearances of value in range. </p>
      *
@@ -5064,7 +5585,7 @@ declare namespace std {
      *
      * @return The number of elements in the range [<i>first</i>, <i>last</i>) that compare equal to <i>val</i>.
      */
-    function count<T, Iterator extends base.Iterator<T>>(first: Iterator, last: Iterator, val: T): number;
+    function count<T, InputIterator extends Iterator<T>>(first: InputIterator, last: InputIterator, val: T): number;
     /**
      * <p> Return number of elements in range satisfying condition. </p>
      *
@@ -5080,7 +5601,7 @@ declare namespace std {
      *			   The function shall not modify its argument. This can either be a function pointer or a function
      *			   object.
      */
-    function count_if<T, Iterator extends base.Iterator<T>>(first: Iterator, last: Iterator, pred: (val: T) => boolean): number;
+    function count_if<T, InputIterator extends Iterator<T>>(first: InputIterator, last: InputIterator, pred: (val: T) => boolean): number;
     /**
      * <p> Copy range of elements. </p>
      *
@@ -5101,7 +5622,7 @@ declare namespace std {
      *
      * @return An iterator to the end of the destination range where elements have been copied.
      */
-    function copy<T, InputIterator extends base.Iterator<T>, OutputIterator extends base.Iterator<T>>(first: InputIterator, last: InputIterator, result: OutputIterator): OutputIterator;
+    function copy<T, InputIterator extends Iterator<T>, OutputIterator extends Iterator<T>>(first: InputIterator, last: InputIterator, result: OutputIterator): OutputIterator;
     /**
      * <p> Copy elements. </p>
      *
@@ -5125,7 +5646,7 @@ declare namespace std {
      *
      * @return An iterator to the end of the destination range where elements have been copied.
      */
-    function copy_n<T, InputIterator extends base.Iterator<T>, OutputIterator extends base.Iterator<T>>(first: InputIterator, n: number, result: OutputIterator): OutputIterator;
+    function copy_n<T, InputIterator extends Iterator<T>, OutputIterator extends Iterator<T>>(first: InputIterator, n: number, result: OutputIterator): OutputIterator;
     /**
      * <p> Copy certain elements of range. </p>
      *
@@ -5144,7 +5665,7 @@ declare namespace std {
      *
      * @return An iterator to the end of the destination range where elements have been copied.
      */
-    function copy_if<T, InputIterator extends base.Iterator<T>, OutputIterator extends base.Iterator<T>>(first: InputIterator, last: InputIterator, result: OutputIterator, pred: (x: T) => boolean): OutputIterator;
+    function copy_if<T, InputIterator extends Iterator<T>, OutputIterator extends Iterator<T>>(first: InputIterator, last: InputIterator, result: OutputIterator, pred: (x: T) => boolean): OutputIterator;
     /**
      * <p> Copy range of elements backward. </p>
      *
@@ -5171,7 +5692,7 @@ declare namespace std {
      *
      * @return An iterator to the first element of the destination sequence where elements have been copied.
      */
-    function copy_backward<T, BidirectionalIterator1 extends base.Iterator<T>, BidirectionalIterator2 extends base.Iterator<T>>(first: BidirectionalIterator1, last: BidirectionalIterator1, result: BidirectionalIterator2): BidirectionalIterator2;
+    function copy_backward<T, BidirectionalIterator1 extends Iterator<T>, BidirectionalIterator2 extends Iterator<T>>(first: BidirectionalIterator1, last: BidirectionalIterator1, result: BidirectionalIterator2): BidirectionalIterator2;
     /**
      * <p> Fill range with value. </p>
      *
@@ -5185,7 +5706,7 @@ declare namespace std {
      *				but not the element pointed by <i>last</i>.
      * @param val Value to assign to the elements in the filled range.
      */
-    function fill<T, ForwardIterator extends base.Iterator<T>>(first: ForwardIterator, last: ForwardIterator, val: T): void;
+    function fill<T, ForwardIterator extends Iterator<T>>(first: ForwardIterator, last: ForwardIterator, val: T): void;
     /**
      * <p> Fill sequence with value. </p>
      *
@@ -5198,7 +5719,7 @@ declare namespace std {
      *
      * @return An iterator pointing to the element that follows the last element filled.
      */
-    function fill_n<T, OutputIterator extends base.Iterator<T>>(first: OutputIterator, n: number, val: T): OutputIterator;
+    function fill_n<T, OutputIterator extends Iterator<T>>(first: OutputIterator, n: number, val: T): OutputIterator;
     /**
      * <p> Transform range. </p>
      *
@@ -5216,7 +5737,7 @@ declare namespace std {
      *
      * @return An iterator pointing to the element that follows the last element written in the <i>result</i> sequence.
      */
-    function transform<T, InputIterator extends base.Iterator<T>, OutputIterator extends base.Iterator<T>>(first: InputIterator, last: InputIterator, result: OutputIterator, op: (val: T) => T): OutputIterator;
+    function transform<T, InputIterator extends Iterator<T>, OutputIterator extends Iterator<T>>(first: InputIterator, last: InputIterator, result: OutputIterator, op: (val: T) => T): OutputIterator;
     /**
      * <p> Transform range. </p>
      *
@@ -5237,7 +5758,7 @@ declare namespace std {
      *
      * @return An iterator pointing to the element that follows the last element written in the <i>result</i> sequence.
      */
-    function transform<T, InputIterator1 extends base.Iterator<T>, InputIterator2 extends base.Iterator<T>, OutputIterator extends base.Iterator<T>>(first1: InputIterator1, last1: InputIterator1, first2: InputIterator2, result: OutputIterator, binary_op: (x: T, y: T) => T): OutputIterator;
+    function transform<T, InputIterator1 extends Iterator<T>, InputIterator2 extends Iterator<T>, OutputIterator extends Iterator<T>>(first1: InputIterator1, last1: InputIterator1, first2: InputIterator2, result: OutputIterator, binary_op: (x: T, y: T) => T): OutputIterator;
     /**
      * <p> Generate values for range with function. </p>
      *
@@ -5251,7 +5772,7 @@ declare namespace std {
      * @param gen Generator function that is called with no arguments and returns some value of a type convertible to
      *			  those pointed by the iterators.
      */
-    function generate<T, ForwardIterator extends base.Iterator<T>>(first: ForwardIterator, last: ForwardIterator, gen: () => T): void;
+    function generate<T, ForwardIterator extends Iterator<T>>(first: ForwardIterator, last: ForwardIterator, gen: () => T): void;
     /**
      * <p> Generate values for sequence with function. </p>
      *
@@ -5266,7 +5787,7 @@ declare namespace std {
      *
      * @return An iterator pointing to the element that follows the last element whose value has been generated.
      */
-    function generate_n<T, ForwardIterator extends base.Iterator<T>>(first: ForwardIterator, n: number, gen: () => T): ForwardIterator;
+    function generate_n<T, ForwardIterator extends Iterator<T>>(first: ForwardIterator, n: number, gen: () => T): ForwardIterator;
     /**
      * <p> Remove consecutive duplicates in range. </p>
      *
@@ -5289,7 +5810,7 @@ declare namespace std {
      * @return An iterator to the element that follows the last element not removed. The range between <i>first</i> and
      *		   this iterator includes all the elements in the sequence that were not considered duplicates.
      */
-    function unique<T, Iterator extends base.Iterator<T>>(first: Iterator, last: Iterator): Iterator;
+    function unique<T, InputIterator extends Iterator<T>>(first: InputIterator, last: InputIterator): InputIterator;
     /**
      * <p> Remove consecutive duplicates in range. </p>
      *
@@ -5316,7 +5837,7 @@ declare namespace std {
      * @return An iterator to the element that follows the last element not removed. The range between <i>first</i> and
      *		   this iterator includes all the elements in the sequence that were not considered duplicates.
      */
-    function unique<t, Iterator extends base.Iterator<t>>(first: Iterator, last: Iterator, pred: (left: t, right: t) => boolean): Iterator;
+    function unique<t, InputIterator extends Iterator<t>>(first: InputIterator, last: InputIterator, pred: (left: t, right: t) => boolean): InputIterator;
     /**
      * <p> Copy range removing duplicates. </p>
      *
@@ -5338,7 +5859,7 @@ declare namespace std {
      *
      * @return An iterator pointing to the end of the copied range, which contains no consecutive duplicates.
      */
-    function unique_copy<T, InputIterator extends base.Iterator<T>, OutputIterator extends base.Iterator<T>>(first: InputIterator, last: InputIterator, result: OutputIterator): OutputIterator;
+    function unique_copy<T, InputIterator extends Iterator<T>, OutputIterator extends Iterator<T>>(first: InputIterator, last: InputIterator, result: OutputIterator): OutputIterator;
     /**
      * <p> Copy range removing duplicates. </p>
      *
@@ -5364,7 +5885,7 @@ declare namespace std {
      *
      * @return An iterator pointing to the end of the copied range, which contains no consecutive duplicates.
      */
-    function unique_copy<T, InputIterator extends base.Iterator<T>, OutputIterator extends base.Iterator<T>>(first: InputIterator, last: InputIterator, result: OutputIterator, pred: (x: T, y: T) => boolean): OutputIterator;
+    function unique_copy<T, InputIterator extends Iterator<T>, OutputIterator extends Iterator<T>>(first: InputIterator, last: InputIterator, result: OutputIterator, pred: (x: T, y: T) => boolean): OutputIterator;
     /**
      * <p> Remove value from range. </p>
      *
@@ -5385,7 +5906,7 @@ declare namespace std {
      *			  <i>first</i> but not the element pointed by <i>last</i>.
      * @param val Value to be removed.
      */
-    function remove<T, Iterator extends base.Iterator<T>>(first: Iterator, last: Iterator, val: T): Iterator;
+    function remove<T, InputIterator extends Iterator<T>>(first: InputIterator, last: InputIterator, val: T): InputIterator;
     /**
      * <p> Remove elements from range. </p>
      *
@@ -5408,7 +5929,7 @@ declare namespace std {
      *			   <code>bool</code>. The value returned indicates whether the element is to be removed (if
      *			   <code>true</code>, it is removed). The function shall not modify its argument.
      */
-    function remove_if<T, Iterator extends base.Iterator<T>>(first: Iterator, last: Iterator, pred: (left: T) => boolean): Iterator;
+    function remove_if<T, InputIterator extends Iterator<T>>(first: InputIterator, last: InputIterator, pred: (left: T) => boolean): InputIterator;
     /**
      * <p> Copy range removing value. </p>
      *
@@ -5432,7 +5953,7 @@ declare namespace std {
      * @return An iterator pointing to the end of the copied range, which includes all the elements in
      *		   [<i>first</i>, <i>last</i>) except those that compare equal to <i>val</i>.
      */
-    function remove_copy<T, InputIterator extends base.Iterator<T>, OutputIterator extends base.Iterator<T>>(first: InputIterator, last: InputIterator, result: OutputIterator, val: T): OutputIterator;
+    function remove_copy<T, InputIterator extends Iterator<T>, OutputIterator extends Iterator<T>>(first: InputIterator, last: InputIterator, result: OutputIterator, val: T): OutputIterator;
     /**
      * <p> Copy range removing values. </p>
      *
@@ -5456,7 +5977,7 @@ declare namespace std {
      * @return An iterator pointing to the end of the copied range, which includes all the elements in
      *		   [<i>first</i>, <i>last</i>) except those for which <i>pred</i> returns <code>true</code>.
      */
-    function remove_copy_if<T, InputIterator extends base.Iterator<T>, OutputIterator extends base.Iterator<T>>(first: InputIterator, last: InputIterator, result: OutputIterator, pred: (val: T) => boolean): OutputIterator;
+    function remove_copy_if<T, InputIterator extends Iterator<T>, OutputIterator extends Iterator<T>>(first: InputIterator, last: InputIterator, result: OutputIterator, pred: (val: T) => boolean): OutputIterator;
     /**
      * <p> Replace value in range. </p>
      *
@@ -5472,7 +5993,7 @@ declare namespace std {
      * @param old_val Value to be replaced.
      * @param new_val Replacement value.
      */
-    function replace<T, Iterator extends base.Iterator<T>>(first: Iterator, last: Iterator, old_val: T, new_val: T): void;
+    function replace<T, InputIterator extends Iterator<T>>(first: InputIterator, last: InputIterator, old_val: T, new_val: T): void;
     /**
      * <p> Replace value in range. </p>
      *
@@ -5488,7 +6009,7 @@ declare namespace std {
      *			   <code>true</code>, it is replaced). The function shall not modify its argument.
      * @param new_val Value to assign to replaced elements.
      */
-    function replace_if<T, InputIterator extends base.Iterator<T>>(first: InputIterator, last: InputIterator, pred: (val: T) => boolean, new_val: T): void;
+    function replace_if<T, InputIterator extends Iterator<T>>(first: InputIterator, last: InputIterator, pred: (val: T) => boolean, new_val: T): void;
     /**
      * <p> Copy range replacing value. </p>
      *
@@ -5512,7 +6033,7 @@ declare namespace std {
      *
      * @return An iterator pointing to the element that follows the last element written in the result sequence.
      */
-    function replace_copy<T, InputIterator extends base.Iterator<T>, OutputIterator extends base.Iterator<T>>(first: InputIterator, last: InputIterator, result: OutputIterator, old_val: T, new_val: T): OutputIterator;
+    function replace_copy<T, InputIterator extends Iterator<T>, OutputIterator extends Iterator<T>>(first: InputIterator, last: InputIterator, result: OutputIterator, old_val: T, new_val: T): OutputIterator;
     /**
      * <p> Copy range replacing value. </p>
      *
@@ -5533,7 +6054,7 @@ declare namespace std {
      *
      * @return An iterator pointing to the element that follows the last element written in the result sequence.
      */
-    function replace_copy_if<T, InputIterator extends base.Iterator<T>, OutputIterator extends base.Iterator<T>>(first: InputIterator, last: InputIterator, result: OutputIterator, pred: (val: T) => boolean, new_val: T): OutputIterator;
+    function replace_copy_if<T, InputIterator extends Iterator<T>, OutputIterator extends Iterator<T>>(first: InputIterator, last: InputIterator, result: OutputIterator, pred: (val: T) => boolean, new_val: T): OutputIterator;
     /**
      * <p> Exchange values of objects pointed to by two iterators. </p>
      *
@@ -5544,7 +6065,7 @@ declare namespace std {
      * @param x {@link Iterator Forward iterator} to the objects to swap.
      * @param y {@link Iterator Forward iterator} to the objects to swap.
      */
-    function iter_swap<T>(x: base.Iterator<T>, y: base.Iterator<T>): void;
+    function iter_swap<T>(x: Iterator<T>, y: Iterator<T>): void;
     /**
      * <p> Exchange values of two ranges. </p>
      *
@@ -5562,7 +6083,7 @@ declare namespace std {
      *
      * @return An iterator to the last element swapped in the second sequence.
      */
-    function swap_ranges<T, ForwardIterator1 extends base.Iterator<T>, ForwardIterator2 extends base.Iterator<T>>(first1: ForwardIterator1, last1: ForwardIterator1, first2: ForwardIterator2): ForwardIterator2;
+    function swap_ranges<T, ForwardIterator1 extends Iterator<T>, ForwardIterator2 extends Iterator<T>>(first1: ForwardIterator1, last1: ForwardIterator1, first2: ForwardIterator2): ForwardIterator2;
     /**
      * <p> Reverse range. </p>
      *
@@ -5575,7 +6096,7 @@ declare namespace std {
      *			  which contains all the elements between <i>first</i> and <i>last</i>, including the element pointed by
      *			  <i>first</i> but not the element pointed by <i>last</i>.
      */
-    function reverse<T, Iterator extends base.Iterator<T>>(first: Iterator, last: Iterator): void;
+    function reverse<T, InputIterator extends Iterator<T>>(first: InputIterator, last: InputIterator): void;
     /**
      * <p> Copy range reversed. </p>
      *
@@ -5593,7 +6114,7 @@ declare namespace std {
      * @return An output iterator pointing to the end of the copied range, which contains the same elements in reverse
      *		   order.
      */
-    function reverse_copy<T, BidirectionalIterator extends base.Iterator<T>, OutputIterator extends base.Iterator<T>>(first: BidirectionalIterator, last: BidirectionalIterator, result: OutputIterator): OutputIterator;
+    function reverse_copy<T, BidirectionalIterator extends Iterator<T>, OutputIterator extends Iterator<T>>(first: BidirectionalIterator, last: BidirectionalIterator, result: OutputIterator): OutputIterator;
     /**
      * <p> Rotate left the elements in range. </p>
      *
@@ -5609,7 +6130,7 @@ declare namespace std {
      *
      * @return An iterator pointing to the element that now contains the value previously pointed by <i>first</i>.
      */
-    function rotate<T, Iterator extends base.Iterator<T>>(first: Iterator, middle: Iterator, last: Iterator): Iterator;
+    function rotate<T, InputIterator extends Iterator<T>>(first: InputIterator, middle: InputIterator, last: InputIterator): InputIterator;
     /**
      * <p> Copy range rotated left. </p>
      *
@@ -5629,7 +6150,7 @@ declare namespace std {
      *
      * @return An output iterator pointing to the end of the copied range.
      */
-    function rotate_copy<T, ForwardIterator extends base.Iterator<T>, OutputIterator extends base.Iterator<T>>(first: ForwardIterator, middle: ForwardIterator, last: ForwardIterator, result: OutputIterator): OutputIterator;
+    function rotate_copy<T, ForwardIterator extends Iterator<T>, OutputIterator extends Iterator<T>>(first: ForwardIterator, middle: ForwardIterator, last: ForwardIterator, result: OutputIterator): OutputIterator;
     /**
      * <p> Randomly rearrange elements in range. </p>
      *
@@ -5777,7 +6298,7 @@ declare namespace std {
      *
      * @return An iterator pointing to the element that follows the last element written in the result sequence.
      */
-    function partial_sort_copy<T, InputIterator extends base.Iterator<T>, RandomAccessIterator extends base.Iterator<T>>(first: InputIterator, last: InputIterator, result_first: RandomAccessIterator, result_last: RandomAccessIterator): RandomAccessIterator;
+    function partial_sort_copy<T, InputIterator extends Iterator<T>, RandomAccessIterator extends Iterator<T>>(first: InputIterator, last: InputIterator, result_first: RandomAccessIterator, result_last: RandomAccessIterator): RandomAccessIterator;
     /**
      * <p> Copy and partially sort range. </p>
      *
@@ -5806,7 +6327,7 @@ declare namespace std {
      *
      * @return An iterator pointing to the element that follows the last element written in the result sequence.
      */
-    function partial_sort_copy<T, InputIterator extends base.Iterator<T>, RandomAccessIterator extends base.Iterator<T>>(first: InputIterator, last: InputIterator, result_first: RandomAccessIterator, result_last: RandomAccessIterator, compare: (x: T, y: T) => boolean): RandomAccessIterator;
+    function partial_sort_copy<T, InputIterator extends Iterator<T>, RandomAccessIterator extends Iterator<T>>(first: InputIterator, last: InputIterator, result_first: RandomAccessIterator, result_last: RandomAccessIterator, compare: (x: T, y: T) => boolean): RandomAccessIterator;
     /**
      * <p> Check whether range is sorted. </p>
      *
@@ -5823,7 +6344,7 @@ declare namespace std {
      *		   <code>false</code> otherwise. If the range [<i>first</i>, <i>last</i>) contains less than two elements,
      *		   the function always returns <code>true</code>.
      */
-    function is_sorted<T, ForwardIterator extends base.Iterator<T>>(first: ForwardIterator, last: ForwardIterator): boolean;
+    function is_sorted<T, ForwardIterator extends Iterator<T>>(first: ForwardIterator, last: ForwardIterator): boolean;
     /**
      * <p> Check whether range is sorted. </p>
      *
@@ -5844,7 +6365,7 @@ declare namespace std {
      *		   <code>false</code> otherwise. If the range [<i>first</i>, <i>last</i>) contains less than two elements,
      *		   the function always returns <code>true</code>.
      */
-    function is_sorted<T, ForwardIterator extends base.Iterator<T>>(first: ForwardIterator, last: ForwardIterator, compare: (x: T, y: T) => boolean): boolean;
+    function is_sorted<T, ForwardIterator extends Iterator<T>>(first: ForwardIterator, last: ForwardIterator, compare: (x: T, y: T) => boolean): boolean;
     /**
      * <p> Find first unsorted element in range. </p>
      *
@@ -5869,7 +6390,7 @@ declare namespace std {
      * @return An iterator to the first element in the range which does not follow an ascending order, or <i>last</i> if
      *		   all elements are sorted or if the range contains less than two elements.
      */
-    function is_sorted_until<T, ForwardIterator extends base.Iterator<T>>(first: ForwardIterator, last: ForwardIterator): ForwardIterator;
+    function is_sorted_until<T, ForwardIterator extends Iterator<T>>(first: ForwardIterator, last: ForwardIterator): ForwardIterator;
     /**
      * <p> Find first unsorted element in range. </p>
      *
@@ -5894,7 +6415,7 @@ declare namespace std {
      * @return An iterator to the first element in the range which does not follow an ascending order, or <i>last</i> if
      *		   all elements are sorted or if the range contains less than two elements.
      */
-    function is_sorted_until<T, ForwardIterator extends base.Iterator<T>>(first: ForwardIterator, last: ForwardIterator, compare: (x: T, y: T) => boolean): ForwardIterator;
+    function is_sorted_until<T, ForwardIterator extends Iterator<T>>(first: ForwardIterator, last: ForwardIterator, compare: (x: T, y: T) => boolean): ForwardIterator;
     /**
      * <p> Return iterator to lower bound. </p>
      *
@@ -5923,7 +6444,7 @@ declare namespace std {
      * @return An iterator to the lower bound of <i>val</i> in the range. If all the element in the range compare less than
      *		   <i>val</i>, the function returns <i>last</i>.
      */
-    function lower_bound<T, ForwardIterator extends base.Iterator<T>>(first: ForwardIterator, last: ForwardIterator, val: T): ForwardIterator;
+    function lower_bound<T, ForwardIterator extends Iterator<T>>(first: ForwardIterator, last: ForwardIterator, val: T): ForwardIterator;
     /**
      * <p> Return iterator to lower bound. </p>
      *
@@ -5955,7 +6476,7 @@ declare namespace std {
      * @return An iterator to the lower bound of <i>val</i> in the range. If all the element in the range compare less than
      *		   <i>val</i>, the function returns <i>last</i>.
      */
-    function lower_bound<T, ForwardIterator extends base.Iterator<T>>(first: ForwardIterator, last: ForwardIterator, val: T, compare: (x: T, y: T) => boolean): ForwardIterator;
+    function lower_bound<T, ForwardIterator extends Iterator<T>>(first: ForwardIterator, last: ForwardIterator, val: T, compare: (x: T, y: T) => boolean): ForwardIterator;
     /**
      * <p> Return iterator to upper bound. </p>
      *
@@ -5984,7 +6505,7 @@ declare namespace std {
      * @return An iterator to the upper bound of <i>val</i> in the range. If no element in the range comparse greater than
      *		   <i>val</i>, the function returns <i>last</i>.
      */
-    function upper_bound<T, ForwardIterator extends base.Iterator<T>>(first: ForwardIterator, last: ForwardIterator, val: T): ForwardIterator;
+    function upper_bound<T, ForwardIterator extends Iterator<T>>(first: ForwardIterator, last: ForwardIterator, val: T): ForwardIterator;
     /**
      * <p> Return iterator to upper bound. </p>
      *
@@ -6016,7 +6537,7 @@ declare namespace std {
      * @return An iterator to the upper bound of <i>val</i> in the range. If no element in the range comparse greater than
      *		   <i>val</i>, the function returns <i>last</i>.
      */
-    function upper_bound<T, ForwardIterator extends base.Iterator<T>>(first: ForwardIterator, last: ForwardIterator, val: T, compare: (x: T, y: T) => boolean): ForwardIterator;
+    function upper_bound<T, ForwardIterator extends Iterator<T>>(first: ForwardIterator, last: ForwardIterator, val: T, compare: (x: T, y: T) => boolean): ForwardIterator;
     /**
      * <p> Get subrange of equal elements. </p>
      *
@@ -6046,7 +6567,7 @@ declare namespace std {
      *		   equivalent values, and {@link Pair.second} its upper bound. The values are the same as those that would be
      *		   returned by functions {@link lower_bound} and {@link upper_bound} respectively.
      */
-    function equal_range<T, ForwardIterator extends base.Iterator<T>>(first: ForwardIterator, last: ForwardIterator, val: T): Pair<ForwardIterator, ForwardIterator>;
+    function equal_range<T, ForwardIterator extends Iterator<T>>(first: ForwardIterator, last: ForwardIterator, val: T): Pair<ForwardIterator, ForwardIterator>;
     /**
      * <p> Get subrange of equal elements. </p>
      *
@@ -6079,7 +6600,7 @@ declare namespace std {
      *		   equivalent values, and {@link Pair.second} its upper bound. The values are the same as those that would be
      *		   returned by functions {@link lower_bound} and {@link upper_bound} respectively.
      */
-    function equal_range<T, ForwardIterator extends base.Iterator<T>>(first: ForwardIterator, last: ForwardIterator, val: T, compare: (x: T, y: T) => boolean): Pair<ForwardIterator, ForwardIterator>;
+    function equal_range<T, ForwardIterator extends Iterator<T>>(first: ForwardIterator, last: ForwardIterator, val: T, compare: (x: T, y: T) => boolean): Pair<ForwardIterator, ForwardIterator>;
     /**
      * <p> Get subrange of equal elements. </p>
      *
@@ -6107,7 +6628,7 @@ declare namespace std {
      *
      * @return <code>true</code> if an element equivalent to <i>val</i> is found, and <code>false</code> otherwise.
      */
-    function binary_search<T, ForwardIterator extends base.Iterator<T>>(first: ForwardIterator, last: ForwardIterator, val: T): boolean;
+    function binary_search<T, ForwardIterator extends Iterator<T>>(first: ForwardIterator, last: ForwardIterator, val: T): boolean;
     /**
      * <p> Get subrange of equal elements. </p>
      *
@@ -6138,7 +6659,7 @@ declare namespace std {
      *
      * @return <code>true</code> if an element equivalent to <i>val</i> is found, and <code>false</code> otherwise.
      */
-    function binary_search<T, ForwardIterator extends base.Iterator<T>>(first: ForwardIterator, last: ForwardIterator, val: T, compare: (x: T, y: T) => boolean): boolean;
+    function binary_search<T, ForwardIterator extends Iterator<T>>(first: ForwardIterator, last: ForwardIterator, val: T, compare: (x: T, y: T) => boolean): boolean;
     /**
      * <p> Test whether range is partitioned. </p>
      *
@@ -6160,7 +6681,7 @@ declare namespace std {
      *		   <code>true</code> precede those for which it returns <code>false</code>. Otherwise it returns
      *		   <code>false</code>. If the range is {@link IContainer.empty empty}, the function returns <code>true</code>.
      */
-    function is_partitioned<T, InputIterator extends base.Iterator<T>>(first: InputIterator, last: InputIterator, pred: (x: T) => boolean): boolean;
+    function is_partitioned<T, InputIterator extends Iterator<T>>(first: InputIterator, last: InputIterator, pred: (x: T) => boolean): boolean;
     /**
      * <p> Partition range in two. </p>
      *
@@ -6183,7 +6704,7 @@ declare namespace std {
      * @return An iterator that points to the first element of the second group of elements (those for which <i>pred</i>
      *		   returns <code>false</code>), or <i>last</i> if this group is {@link IContainer.empty empty}.
      */
-    function partition<T, BidirectionalIterator extends base.Iterator<T>>(first: BidirectionalIterator, last: BidirectionalIterator, pred: (x: T) => boolean): BidirectionalIterator;
+    function partition<T, BidirectionalIterator extends Iterator<T>>(first: BidirectionalIterator, last: BidirectionalIterator, pred: (x: T) => boolean): BidirectionalIterator;
     /**
      * <p> Partition range in two - stable ordering. </p>
      *
@@ -6205,7 +6726,7 @@ declare namespace std {
      * @return An iterator that points to the first element of the second group of elements (those for which <i>pred</i>
      *		   returns <code>false</code>), or <i>last</i> if this group is {@link IContainer.empty empty}.
      */
-    function stable_partition<T, BidirectionalIterator extends base.Iterator<T>>(first: BidirectionalIterator, last: BidirectionalIterator, pred: (x: T) => boolean): BidirectionalIterator;
+    function stable_partition<T, BidirectionalIterator extends Iterator<T>>(first: BidirectionalIterator, last: BidirectionalIterator, pred: (x: T) => boolean): BidirectionalIterator;
     /**
      * <p> Partition range into two. </p>
      *
@@ -6231,7 +6752,7 @@ declare namespace std {
      *		   member {@link Pair.second second} points to the element that follows the last element copied to the sequence
      *		   of elements for which <i>pred</i> returned <code>false</code>.
      */
-    function partition_copy<T, InputIterator extends base.Iterator<T>, OutputIterator1 extends base.Iterator<T>, OutputIterator2 extends base.Iterator<T>>(first: InputIterator, last: InputIterator, result_true: OutputIterator1, result_false: OutputIterator2, pred: (val: T) => T): Pair<OutputIterator1, OutputIterator2>;
+    function partition_copy<T, InputIterator extends Iterator<T>, OutputIterator1 extends Iterator<T>, OutputIterator2 extends Iterator<T>>(first: InputIterator, last: InputIterator, result_true: OutputIterator1, result_false: OutputIterator2, pred: (val: T) => T): Pair<OutputIterator1, OutputIterator2>;
     /**
      * <p> Get partition point. </p>
      *
@@ -6256,7 +6777,7 @@ declare namespace std {
      * @return An iterator to the first element in the partitioned range [<i>first</i>, <i>last</i>) for which <i>pred</i>
      *		   is not <code>true</code>, or <i>last</i> if it is not <code>true</code> for any element.
      */
-    function partition_point<T, ForwardIterator extends base.Iterator<T>>(first: ForwardIterator, last: ForwardIterator, pred: (x: T) => boolean): ForwardIterator;
+    function partition_point<T, ForwardIterator extends Iterator<T>>(first: ForwardIterator, last: ForwardIterator, pred: (x: T) => boolean): ForwardIterator;
     /**
      * <p> Merge sorted ranges. </p>
      *
@@ -6278,7 +6799,7 @@ declare namespace std {
      *
      * @return An iterator pointing to the past-the-end element in the resulting sequence.
      */
-    function merge<T, InputIterator1 extends base.Iterator<T>, InputIterator2 extends base.Iterator<T>, OutputIterator extends base.Iterator<T>>(first1: InputIterator1, last1: InputIterator1, first2: InputIterator2, last2: InputIterator2, result: OutputIterator): OutputIterator;
+    function merge<T, InputIterator1 extends Iterator<T>, InputIterator2 extends Iterator<T>, OutputIterator extends Iterator<T>>(first1: InputIterator1, last1: InputIterator1, first2: InputIterator2, last2: InputIterator2, result: OutputIterator): OutputIterator;
     /**
      * <p> Merge sorted ranges. </p>
      *
@@ -6304,7 +6825,7 @@ declare namespace std {
      *
      * @return An iterator pointing to the past-the-end element in the resulting sequence.
      */
-    function merge<T, InputIterator1 extends base.Iterator<T>, InputIterator2 extends base.Iterator<T>, OutputIterator extends base.Iterator<T>>(first1: InputIterator1, last1: InputIterator1, first2: InputIterator2, last2: InputIterator2, result: OutputIterator, compare: (x: T, y: T) => boolean): OutputIterator;
+    function merge<T, InputIterator1 extends Iterator<T>, InputIterator2 extends Iterator<T>, OutputIterator extends Iterator<T>>(first1: InputIterator1, last1: InputIterator1, first2: InputIterator2, last2: InputIterator2, result: OutputIterator, compare: (x: T, y: T) => boolean): OutputIterator;
     /**
      * <p> Merge consecutive sorted ranges. </p>
      *
@@ -6326,7 +6847,7 @@ declare namespace std {
      *			   sequence. This is also the <i>past-the-end</i> position of the range where the resulting merged range is
      *			   stored.
      */
-    function inplace_merge<T, BidirectionalIterator extends base.Iterator<T>>(first: BidirectionalIterator, middle: BidirectionalIterator, last: BidirectionalIterator): void;
+    function inplace_merge<T, BidirectionalIterator extends Iterator<T>>(first: BidirectionalIterator, middle: BidirectionalIterator, last: BidirectionalIterator): void;
     /**
      * <p> Merge consecutive sorted ranges. </p>
      *
@@ -6352,7 +6873,7 @@ declare namespace std {
      *				  considered to go before the second in the specific <i>strict weak ordering</i> it defines. The
      *				  function shall not modify any of its arguments.
      */
-    function inplace_merge<T, BidirectionalIterator extends base.Iterator<T>>(first: BidirectionalIterator, middle: BidirectionalIterator, last: BidirectionalIterator, compare: (x: T, y: T) => boolean): void;
+    function inplace_merge<T, BidirectionalIterator extends Iterator<T>>(first: BidirectionalIterator, middle: BidirectionalIterator, last: BidirectionalIterator, compare: (x: T, y: T) => boolean): void;
     /**
      * <p> Test whether sorted range includes another sorted range. </p>
      *
@@ -6377,7 +6898,7 @@ declare namespace std {
      *		   [<i>first1</i>, <i>last1</i>), <code>false</code> otherwise. If [<i>first2</i>, <i>last2</i>) is an empty
      *		   range, the function returns <code>true</code>.
      */
-    function includes<T, InputIterator1 extends base.Iterator<T>, InputIterator2 extends base.Iterator<T>>(first1: InputIterator1, last1: InputIterator1, first2: InputIterator2, last2: InputIterator2): boolean;
+    function includes<T, InputIterator1 extends Iterator<T>, InputIterator2 extends Iterator<T>>(first1: InputIterator1, last1: InputIterator1, first2: InputIterator2, last2: InputIterator2): boolean;
     /**
      * <p> Test whether sorted range includes another sorted range. </p>
      *
@@ -6406,7 +6927,7 @@ declare namespace std {
      *		   [<i>first1</i>, <i>last1</i>), <code>false</code> otherwise. If [<i>first2</i>, <i>last2</i>) is an empty
      *		   range, the function returns <code>true</code>.
      */
-    function includes<T, InputIterator1 extends base.Iterator<T>, InputIterator2 extends base.Iterator<T>>(first1: InputIterator1, last1: InputIterator1, first2: InputIterator2, last2: InputIterator2, compare: (x: T, y: T) => boolean): boolean;
+    function includes<T, InputIterator1 extends Iterator<T>, InputIterator2 extends Iterator<T>>(first1: InputIterator1, last1: InputIterator1, first2: InputIterator2, last2: InputIterator2, compare: (x: T, y: T) => boolean): boolean;
     /**
      * <p> Union of two sorted ranges. </p>
      *
@@ -6435,7 +6956,7 @@ declare namespace std {
      *
      * @return An iterator to the end of the constructed range.
      */
-    function set_union<T, InputIterator1 extends base.Iterator<T>, InputIterator2 extends base.Iterator<T>, OutputIterator extends base.Iterator<T>>(first1: InputIterator1, last1: InputIterator1, first2: InputIterator2, last2: InputIterator2, result: OutputIterator): OutputIterator;
+    function set_union<T, InputIterator1 extends Iterator<T>, InputIterator2 extends Iterator<T>, OutputIterator extends Iterator<T>>(first1: InputIterator1, last1: InputIterator1, first2: InputIterator2, last2: InputIterator2, result: OutputIterator): OutputIterator;
     /**
      * <p> Union of two sorted ranges. </p>
      *
@@ -6468,7 +6989,7 @@ declare namespace std {
      *
      * @return An iterator to the end of the constructed range.
      */
-    function set_union<T, InputIterator1 extends base.Iterator<T>, InputIterator2 extends base.Iterator<T>, OutputIterator extends base.Iterator<T>>(first1: InputIterator1, last1: InputIterator1, first2: InputIterator2, last2: InputIterator2, result: OutputIterator, compare: (x: T, y: T) => boolean): OutputIterator;
+    function set_union<T, InputIterator1 extends Iterator<T>, InputIterator2 extends Iterator<T>, OutputIterator extends Iterator<T>>(first1: InputIterator1, last1: InputIterator1, first2: InputIterator2, last2: InputIterator2, result: OutputIterator, compare: (x: T, y: T) => boolean): OutputIterator;
     /**
      * <p> Intersection of two sorted ranges. </p>
      *
@@ -6496,7 +7017,7 @@ declare namespace std {
      *
      * @return An iterator to the end of the constructed range.
      */
-    function set_intersection<T, InputIterator1 extends base.Iterator<T>, InputIterator2 extends base.Iterator<T>, OutputIterator extends base.Iterator<T>>(first1: InputIterator1, last1: InputIterator1, first2: InputIterator2, last2: InputIterator2, result: OutputIterator): OutputIterator;
+    function set_intersection<T, InputIterator1 extends Iterator<T>, InputIterator2 extends Iterator<T>, OutputIterator extends Iterator<T>>(first1: InputIterator1, last1: InputIterator1, first2: InputIterator2, last2: InputIterator2, result: OutputIterator): OutputIterator;
     /**
      * <p> Intersection of two sorted ranges. </p>
      *
@@ -6528,7 +7049,7 @@ declare namespace std {
      *
      * @return An iterator to the end of the constructed range.
      */
-    function set_intersection<T, InputIterator1 extends base.Iterator<T>, InputIterator2 extends base.Iterator<T>, OutputIterator extends base.Iterator<T>>(first1: InputIterator1, last1: InputIterator1, first2: InputIterator2, last2: InputIterator2, result: OutputIterator, compare: (x: T, y: T) => boolean): OutputIterator;
+    function set_intersection<T, InputIterator1 extends Iterator<T>, InputIterator2 extends Iterator<T>, OutputIterator extends Iterator<T>>(first1: InputIterator1, last1: InputIterator1, first2: InputIterator2, last2: InputIterator2, result: OutputIterator, compare: (x: T, y: T) => boolean): OutputIterator;
     /**
      * <p> Difference of two sorted ranges. </p>
      *
@@ -6562,7 +7083,7 @@ declare namespace std {
      *
      * @return An iterator to the end of the constructed range.
      */
-    function set_difference<T, InputIterator1 extends base.Iterator<T>, InputIterator2 extends base.Iterator<T>, OutputIterator extends base.Iterator<T>>(first1: InputIterator1, last1: InputIterator1, first2: InputIterator2, last2: InputIterator2, result: OutputIterator): OutputIterator;
+    function set_difference<T, InputIterator1 extends Iterator<T>, InputIterator2 extends Iterator<T>, OutputIterator extends Iterator<T>>(first1: InputIterator1, last1: InputIterator1, first2: InputIterator2, last2: InputIterator2, result: OutputIterator): OutputIterator;
     /**
      * <p> Difference of two sorted ranges. </p>
      *
@@ -6600,7 +7121,7 @@ declare namespace std {
      *
      * @return An iterator to the end of the constructed range.
      */
-    function set_difference<T, InputIterator1 extends base.Iterator<T>, InputIterator2 extends base.Iterator<T>, OutputIterator extends base.Iterator<T>>(first1: InputIterator1, last1: InputIterator1, first2: InputIterator2, last2: InputIterator2, result: OutputIterator, compare: (x: T, y: T) => boolean): OutputIterator;
+    function set_difference<T, InputIterator1 extends Iterator<T>, InputIterator2 extends Iterator<T>, OutputIterator extends Iterator<T>>(first1: InputIterator1, last1: InputIterator1, first2: InputIterator2, last2: InputIterator2, result: OutputIterator, compare: (x: T, y: T) => boolean): OutputIterator;
     /**
      * <p> Symmetric difference of two sorted ranges. </p>
      *
@@ -6634,7 +7155,7 @@ declare namespace std {
      *
      * @return An iterator to the end of the constructed range.
      */
-    function set_symmetric_difference<T, InputIterator1 extends base.Iterator<T>, InputIterator2 extends base.Iterator<T>, OutputIterator extends base.Iterator<T>>(first1: InputIterator1, last1: InputIterator1, first2: InputIterator2, last2: InputIterator2, result: OutputIterator): OutputIterator;
+    function set_symmetric_difference<T, InputIterator1 extends Iterator<T>, InputIterator2 extends Iterator<T>, OutputIterator extends Iterator<T>>(first1: InputIterator1, last1: InputIterator1, first2: InputIterator2, last2: InputIterator2, result: OutputIterator): OutputIterator;
     /**
      * <p> Symmetric difference of two sorted ranges. </p>
      *
@@ -6668,7 +7189,7 @@ declare namespace std {
      *
      * @return An iterator to the end of the constructed range.
      */
-    function set_symmetric_difference<T, InputIterator1 extends base.Iterator<T>, InputIterator2 extends base.Iterator<T>, OutputIterator extends base.Iterator<T>>(first1: InputIterator1, last1: InputIterator1, first2: InputIterator2, last2: InputIterator2, result: OutputIterator, compare: (x: T, y: T) => boolean): OutputIterator;
+    function set_symmetric_difference<T, InputIterator1 extends Iterator<T>, InputIterator2 extends Iterator<T>, OutputIterator extends Iterator<T>>(first1: InputIterator1, last1: InputIterator1, first2: InputIterator2, last2: InputIterator2, result: OutputIterator, compare: (x: T, y: T) => boolean): OutputIterator;
     /**
      * <p> Return the smallest. </p>
      *
@@ -6717,7 +7238,7 @@ declare namespace std {
      *
      * @return An iterator to smallest value in the range, or <i>last</i> if the range is empty.
      */
-    function min_element<T, ForwardIterator extends base.Iterator<T>>(first: ForwardIterator, last: ForwardIterator): ForwardIterator;
+    function min_element<T, ForwardIterator extends Iterator<T>>(first: ForwardIterator, last: ForwardIterator): ForwardIterator;
     /**
      * <p> Return smallest element in range. </p>
      *
@@ -6738,7 +7259,7 @@ declare namespace std {
      *
      * @return An iterator to smallest value in the range, or <i>last</i> if the range is empty.
      */
-    function min_element<T, ForwardIterator extends base.Iterator<T>>(first: ForwardIterator, last: ForwardIterator, compare: (x: T, y: T) => boolean): ForwardIterator;
+    function min_element<T, ForwardIterator extends Iterator<T>>(first: ForwardIterator, last: ForwardIterator, compare: (x: T, y: T) => boolean): ForwardIterator;
     /**
      * <p> Return largest element in range. </p>
      *
@@ -6756,7 +7277,7 @@ declare namespace std {
      *
      * @return An iterator to largest value in the range, or <i>last</i> if the range is empty.
      */
-    function max_element<T, ForwardIterator extends base.Iterator<T>>(first: ForwardIterator, last: ForwardIterator): ForwardIterator;
+    function max_element<T, ForwardIterator extends Iterator<T>>(first: ForwardIterator, last: ForwardIterator): ForwardIterator;
     /**
      * <p> Return largest element in range. </p>
      *
@@ -6777,7 +7298,7 @@ declare namespace std {
      *
      * @return An iterator to largest value in the range, or <i>last</i> if the range is empty.
      */
-    function max_element<T, ForwardIterator extends base.Iterator<T>>(first: ForwardIterator, last: ForwardIterator, compare: (x: T, y: T) => boolean): ForwardIterator;
+    function max_element<T, ForwardIterator extends Iterator<T>>(first: ForwardIterator, last: ForwardIterator, compare: (x: T, y: T) => boolean): ForwardIterator;
     /**
      * <p> Return smallest and largest elements in range. </p>
      *
@@ -6803,7 +7324,7 @@ declare namespace std {
      * @return A {@link Pair} with an iterator pointing to the element with the smallest value in the range
      *		   [<i>first</i>, <i>last</i>) as first element, and the largest as second.
      */
-    function minmax_element<T, ForwardIterator extends base.Iterator<T>>(first: ForwardIterator, last: ForwardIterator): Pair<ForwardIterator, ForwardIterator>;
+    function minmax_element<T, ForwardIterator extends Iterator<T>>(first: ForwardIterator, last: ForwardIterator): Pair<ForwardIterator, ForwardIterator>;
     /**
      * <p> Return smallest and largest elements in range. </p>
      *
@@ -6829,7 +7350,7 @@ declare namespace std {
      * @return A {@link Pair} with an iterator pointing to the element with the smallest value in the range
      *		   [<i>first</i>, <i>last</i>) as first element, and the largest as second.
      */
-    function minmax_element<T, ForwardIterator extends base.Iterator<T>>(first: ForwardIterator, last: ForwardIterator, compare: (x: T, y: T) => boolean): Pair<ForwardIterator, ForwardIterator>;
+    function minmax_element<T, ForwardIterator extends Iterator<T>>(first: ForwardIterator, last: ForwardIterator, compare: (x: T, y: T) => boolean): Pair<ForwardIterator, ForwardIterator>;
 }
 declare namespace std {
     /**
@@ -7314,22 +7835,6 @@ declare namespace std {
         const _20: PlaceHolder;
     }
 }
-declare namespace std {
-    /**
-     * <p> Return distance between {@link Iterator iterators}. </p>
-     *
-     * <p> Calculates the number of elements between <i>first</i> and <i>last</i>. </p>
-     *
-     * <p> If it is a {@link IArrayIterator random-access iterator}, the function uses operator- to calculate this.
-     * Otherwise, the function uses the increase operator {@link Iterator.next next()} repeatedly. </p>
-     *
-     * @param first Iterator pointing to the initial element.
-     * @param last Iterator pointing to the final element. This must be reachable from first.
-     *
-     * @return The number of elements between first and last.
-     */
-    function distance<T, Iterator extends base.Iterator<T>>(first: Iterator, last: Iterator): number;
-}
 declare namespace std {
     /**
      * <p> Standard exception class. </p>
@@ -7339,10 +7844,9 @@ declare namespace std {
      * <p> All objects thrown by components of the standard library are derived from this class.
      * Therefore, all standard exceptions can be caught by catching this type by reference. </p>
      *
-     * <ul>
-     *  <li> Reference: http://www.cplusplus.com/reference/exception/exception/
-     * </ul>
+     * <p> <img src="../assets/images/design/exceptions.png" width="100%" /> </p>
      *
+     * @reference http://www.cplusplus.com/reference/exception/exception
      * @author Jeongho Nam <http://samchon.org>
      */
     class Exception {
@@ -7380,10 +7884,9 @@ declare namespace std {
      *
      * <p> It is used as a base class for several logical error exceptions. </p>
      *
-     * <ul>
-     *  <li> Reference: http://www.cplusplus.com/reference/stdexcept/logic_error/
-     * </ul>
+     * <p> <img src="../assets/images/design/exceptions.png" width="100%" /> </p>
      *
+     * @reference http://www.cplusplus.com/reference/stdexcept/logic_error
      * @author Jeongho Nam <http://samchon.org>
      */
     class LogicError extends Exception {
@@ -7406,10 +7909,9 @@ declare namespace std {
      * <p> No component of the standard library throws exceptions of this type. It is designed as a standard
      * exception to be thrown by programs. </p>
      *
-     * <ul>
-     *  <li> Reference: http://www.cplusplus.com/reference/stdexcept/domain_error/
-     * </ul>
+     * <p> <img src="../assets/images/design/exceptions.png" width="100%" /> </p>
      *
+     * @reference http://www.cplusplus.com/reference/stdexcept/domain_error
      * @author Jeongho Nam <http://samchon.org>
      */
     class DomainError extends LogicError {
@@ -7428,10 +7930,9 @@ declare namespace std {
      * <p> It is a standard exception that can be thrown by programs. Some components of the standard library
      * also throw exceptions of this type to signal invalid arguments. </p>
      *
-     * <ul>
-     *  <li> Reference: http://www.cplusplus.com/reference/stdexcept/invalid_argument/
-     * </ul>
+     * <p> <img src="../assets/images/design/exceptions.png" width="100%" /> </p>
      *
+     * @reference http://www.cplusplus.com/reference/stdexcept/invalid_argument
      * @author Jeongho Nam <http://samchon.org>
      */
     class InvalidArgument extends LogicError {
@@ -7450,10 +7951,9 @@ declare namespace std {
      * <p> It is a standard exception that can be thrown by programs. Some components of the standard library,
      * such as vector and string also throw exceptions of this type to signal errors resizing. </p>
      *
-     * <ul>
-     *  <li> Reference: http://www.cplusplus.com/reference/stdexcept/length_error/
-     * </ul>
+     * <p> <img src="../assets/images/design/exceptions.png" width="100%" /> </p>
      *
+     * @reference http://www.cplusplus.com/reference/stdexcept/length_error
      * @author Jeongho Nam <http://samchon.org>
      */
     class LengthError extends LogicError {
@@ -7473,10 +7973,9 @@ declare namespace std {
      * such as vector, deque, string and bitset also throw exceptions of this type to signal arguments
      * out of range. </p>
      *
-     * <ul>
-     *  <li> Reference: http://www.cplusplus.com/reference/stdexcept/out_of_range/
-     * </ul>
+     * <p> <img src="../assets/images/design/exceptions.png" width="100%" /> </p>
      *
+     * @reference http://www.cplusplus.com/reference/stdexcept/out_of_range
      * @author Jeongho Nam <http://samchon.org>
      */
     class OutOfRange extends LogicError {
@@ -7495,10 +7994,9 @@ declare namespace std {
      *
      * <p> It is used as a base class for several runtime error exceptions. </p>
      *
-     * <ul>
-     *  <li> Reference: http://www.cplusplus.com/reference/stdexcept/runtime_error/
-     * </ul>
+     * <p> <img src="../assets/images/design/exceptions.png" width="100%" /> </p>
      *
+     * @reference http://www.cplusplus.com/reference/stdexcept/runtime_error
      * @author Jeongho Nam <http://samchon.org>
      */
     class RuntimeError extends Exception {
@@ -7517,10 +8015,9 @@ declare namespace std {
      * <p> It is a standard exception that can be thrown by programs. Some components of the standard library
      * also throw exceptions of this type to signal range errors. </p>
      *
-     * <ul>
-     *  <li> Reference: http://www.cplusplus.com/reference/stdexcept/outflow_error/
-     * </ul>
+     * <p> <img src="../assets/images/design/exceptions.png" width="100%" /> </p>
      *
+     * @reference http://www.cplusplus.com/reference/stdexcept/outflow_error
      * @author Jeongho Nam <http://samchon.org>
      */
     class OverflowError extends RuntimeError {
@@ -7539,10 +8036,9 @@ declare namespace std {
      * <p> No component of the standard library throws exceptions of this type. It is designed as a standard
      * exception to be thrown by programs. </p>
      *
-     * <ul>
-     *  <li> Reference: http://www.cplusplus.com/reference/stdexcept/underflow_error/
-     * </ul>
+     * <p> <img src="../assets/images/design/exceptions.png" width="100%" /> </p>
      *
+     * @reference http://www.cplusplus.com/reference/stdexcept/underflow_error
      * @author Jeongho Nam <http://samchon.org>
      */
     class UnderflowError extends RuntimeError {
@@ -7562,10 +8058,9 @@ declare namespace std {
      * <p> It is a standard exception that can be thrown by programs. Some components of the standard library
      * also throw exceptions of this type to signal range errors. </p>
      *
-     * <ul>
-     *  <li> Reference: http://www.cplusplus.com/reference/stdexcept/range_error/
-     * </ul>
+     * <p> <img src="../assets/images/design/exceptions.png" width="100%" /> </p>
      *
+     * @reference http://www.cplusplus.com/reference/stdexcept/range_error
      * @author Jeongho Nam <http://samchon.org>
      */
     class RangeError extends RuntimeError {
@@ -7592,9 +8087,11 @@ declare namespace std.base {
      * so that they can be interpreted when needed as more abstract (and portable)
      * {@link ErrorCondition error conditions}. </p>
      *
+     * <p> <img src="../assets/images/design/exceptions.png" width="100%" /> </p>
+     *
      * @author Jeongho Nam <http://samchon.org>
      */
-    class ErrorInstance {
+    abstract class ErrorInstance {
         /**
          * A reference to an {@link ErrorCategory} object.
          */
@@ -7699,10 +8196,9 @@ declare namespace std {
      * <p> The class inherits from {@link RuntimeError}, to which it adds an {@link ErrorCode} as
      * member code (and defines a specialized what member). </p>
      *
-     * <ul>
-     *  <li> Reference: http://www.cplusplus.com/reference/system_error/system_error/
-     * </ul>
+     * <p> <img src="../assets/images/design/exceptions.png" width="100%" /> </p>
      *
+     * @reference http://www.cplusplus.com/reference/system_error/system_error
      * @author Jeongho Nam <http://samchon.org>
      */
     class SystemError extends RuntimeError {
@@ -7763,10 +8259,9 @@ declare namespace std {
      * passed by reference. As such, only one object of each of these types shall exist, each uniquely identifying its own
      * category: all error codes and conditions of a same category shall return a reference to same object. </p>
      *
-     * <ul>
-     *	<li> Reference: http://www.cplusplus.com/reference/system_error/error_category/ </li>
-     * </ul>
+     * <p> <img src="../assets/images/design/exceptions.png" width="100%" /> </p>
      *
+     * @reference http://www.cplusplus.com/reference/system_error/error_category
      * @author Jeongho Nam <http://samchon.org>
      */
     abstract class ErrorCategory {
@@ -7889,10 +8384,9 @@ declare namespace std {
      * <p> The {@link ErrorCategory categories} associated with the {@link ErrorCondition} and the
      * {@link ErrorCode} define the equivalences between them. </p>
      *
-     * <ul>
-     *	<li> Reference: http://www.cplusplus.com/reference/system_error/error_condition/ </li>
-     * </ul>
+     * <p> <img src="../assets/images/design/exceptions.png" width="100%" /> </p>
      *
+     * @reference http://www.cplusplus.com/reference/system_error/error_condition
      * @author Jeongho Nam <http://samchon.org>
      */
     class ErrorCondition extends base.ErrorInstance {
@@ -7920,10 +8414,9 @@ declare namespace std {
      * <p> Objects of this class associate such numerical codes to {@link ErrorCategory error categories}, so that they
      * can be interpreted when needed as more abstract (and portable) {@link ErrorCondition error conditions}. </p>
      *
-     * <ul>
-     *	<li> Reference: http://www.cplusplus.com/reference/system_error/error_code/ </li>
-     * </ul>
+     * <p> <img src="../assets/images/design/exceptions.png" width="100%" /> </p>
      *
+     * @reference http://www.cplusplus.com/reference/system_error/error_code
      * @author Jeongho Nam <http://samchon.org>
      */
     class ErrorCode extends base.ErrorInstance {
@@ -7948,13 +8441,10 @@ declare namespace std {
      * <i>T2</i>). The individual values can be accessed through its public members {@link first} and
      * {@link second}. </p>
      *
-     * <ul>
-     *	<li> Reference: http://www.cplusplus.com/reference/utility/pair/ </li>
-     * </ul>
-     *
      * @param <K> Type of member {@link first}.
      * @param <T> Type of member {@link second}.
      *
+     * @reference http://www.cplusplus.com/reference/utility/pair
      * @author Jeongho Nam <http://samchon.org>
      */
     class Pair<T1, T2> {
@@ -8083,12 +8573,9 @@ declare namespace std.base {
      * maximal paths have the same number of <font color='darkBlue'>black</font> nodes, by property 5, this shows
      * that no path is more than twice as long as any other path. </p>
      *
-     * <ul>
-     *	<li> Reference: https://en.wikipedia.org/w/index.php?title=Red%E2%80%93black_tree&redirect=no </li>
-     * </ul>
-     *
      * @param <T> Type of elements.
      *
+     * @reference https://en.wikipedia.org/w/index.php?title=Red%E2%80%93black_tree
      * @inventor Rudolf Bayer
      * @author Migrated by Jeongho Nam <http://samchon.org>
      */
@@ -8114,8 +8601,8 @@ declare namespace std.base {
          * @return The maximum node.
          */
         protected fetch_maximum(node: XTreeNode<T>): XTreeNode<T>;
-        abstract is_equals(left: T, right: T): boolean;
         abstract is_less(left: T, right: T): boolean;
+        abstract is_equal_to(left: T, right: T): boolean;
         /**
          * <p> Insert an element with a new node. </p>
          *
@@ -8632,6 +9119,10 @@ declare namespace std.base {
 }
 declare namespace std.base {
     /**
+     * <p> A red-black Tree storing {@link SetIterator SetIterators}. </p>
+     *
+     * <p> <img src="../assets/images/design/set_containers.png" width="100%" /> </p>
+     *
      * @author Jeongho Nam <http://samchon.org>
      */
     class AtomicTree<T> extends XTree<SetIterator<T>> {
@@ -8650,7 +9141,7 @@ declare namespace std.base {
         /**
          * @inheritdoc
          */
-        is_equals(left: SetIterator<T>, right: SetIterator<T>): boolean;
+        is_equal_to(left: SetIterator<T>, right: SetIterator<T>): boolean;
         /**
          * @inheritdoc
          */
@@ -8709,7 +9200,7 @@ declare namespace std.base {
      *
      * @author Jeongho Nam <http://samchon.org>
      */
-    class HashBuckets<T> {
+    abstract class HashBuckets<T> {
         private buckets_;
         private item_size_;
         /**
@@ -8726,7 +9217,7 @@ declare namespace std.base {
         size(): number;
         item_size(): number;
         at(index: number): Vector<T>;
-        private hash_index(val);
+        hash_index(val: T): number;
         insert(val: T): void;
         erase(val: T): void;
     }
@@ -8761,6 +9252,8 @@ declare namespace std.base {
      * beginning or the end, {@link IArray} objects perform worse and have less consistent iterators and references
      * than {@link List Lists} </p>.
      *
+     * <p> <img src="../assets/images/design/linear_containers.png" width="100%" /> </p>
+     *
      * <h3> Container properties </h3>
      * <dl>
      *	<dt> Sequence </dt>
@@ -8780,7 +9273,7 @@ declare namespace std.base {
      *
      * @author Jeongho Nam <http://samchon.org>
      */
-    interface IArray<T> extends ILinearContainer<T> {
+    interface IArrayContainer<T> extends ILinearContainer<T> {
         /**
          * <p> Request a change in capacity. </p>
          *
@@ -8871,10 +9364,9 @@ declare namespace std.base {
      * <p> There is not a single type of {@link IArrayIterator random-access iterator}: Each container may define its
      * own specific iterator type able to iterate through it and access its elements. </p>
      *
-     * <ul>
-     *	<li> Reference: http://www.cplusplus.com/reference/iterator/RandomAccessIterator/ </li>
-     * </ul>
+     * <p> <img src="../assets/images/design/linear_containers.png" width="100%" /> </p>
      *
+     * @reference http://www.cplusplus.com/reference/iterator/RandomAccessIterator
      * @author Jeongho Nam <http://samchon.org>
      */
     interface IArrayIterator<T> extends Iterator<T> {
@@ -8896,11 +9388,13 @@ declare namespace std.base {
 }
 declare namespace std.base {
     /**
-     * <p> An interface of  </p>
+     * <p> An interface of containers. </p>
      *
      * <p> {@link IContainer} is an interface designed for sequence containers. Sequence containers of STL
      * (Standard Template Library) are based on the {@link IContainer}. </p>
      *
+     * <p> <img src="../assets/images/design/abstract_containers.png" width="100%" /> </p>
+     *
      * <h3> Container properties </h3>
      * <dl>
      * 	<dt> Sequence </dt>
@@ -8980,7 +9474,7 @@ declare namespace std.base {
          *
          * @return A {@link ReverseIterator reverse iterator} to the <i>reverse beginning</i> of the sequence
          */
-        rbegin(): ReverseIterator<T>;
+        rbegin(): base.IReverseIterator<T>;
         /**
          * <p> Return {@link ReverseIterator reverse iterator} to <i>reverse end</i>. </p>
          *
@@ -8992,7 +9486,7 @@ declare namespace std.base {
          *
          * @return A {@link ReverseIterator reverse iterator} to the <i>reverse end</i> of the sequence
          */
-        rend(): ReverseIterator<T>;
+        rend(): base.IReverseIterator<T>;
         /**
          * Return the number of elements in the Container.
          *
@@ -9082,14 +9576,18 @@ declare namespace std.base {
          */
         swap(obj: IContainer<T>): void;
     }
+    interface IReverseIterator<T> extends ReverseIterator<T, Iterator<T>, IReverseIterator<T>> {
+    }
 }
 declare namespace std.base {
     /**
      * <p> An interface for deque  </p>
      *
+     * <p> <img src="../assets/images/design/linear_containers.png" width="100%" /> </p>
+     *
      * @author Jeongho Nam <http://samchon.org>
      */
-    interface IDeque<T> extends ILinearContainer<T> {
+    interface IDequeContainer<T> extends ILinearContainer<T> {
         /**
          * <p> Insert element at beginning. </p>
          *
@@ -9111,7 +9609,9 @@ declare namespace std.base {
 }
 declare namespace std.base {
     /**
-     * <p> Linear  </p>
+     * <p> An interface for linear containers.  </p>
+     *
+     * <p> <img src="../assets/images/design/linear_containers.png" width="100%" /> </p>
      *
      * @author Jeonngho Nam
      */
@@ -9221,6 +9721,13 @@ declare namespace std.base {
     }
 }
 declare namespace std.base {
+    /**
+     * <p> Hash buckets storing {@link MapIterator MapIterators}. </p>
+     *
+     * <p> <img src="../assets/images/design/map_containers.png" width="100%" /> </p>
+     *
+     * @author Jeongho Nam <http://samchon.org>
+     */
     class MapHashBuckets<K, T> extends HashBuckets<MapIterator<K, T>> {
         private map;
         constructor(map: MapContainer<K, T>);
@@ -9229,6 +9736,10 @@ declare namespace std.base {
 }
 declare namespace std.base {
     /**
+     * <p> A red-black Tree storing {@link MapIterator MapIterators}. </p>
+     *
+     * <p> <img src="../assets/images/design/map_containers.png" width="100%" /> </p>
+     *
      * @author Jeongho Nam <http://samchon.org>
      */
     class PairTree<Key, T> extends XTree<MapIterator<Key, T>> {
@@ -9247,7 +9758,7 @@ declare namespace std.base {
         /**
          * @inheritdoc
          */
-        is_equals(left: MapIterator<Key, T>, right: MapIterator<Key, T>): boolean;
+        is_equal_to(left: MapIterator<Key, T>, right: MapIterator<Key, T>): boolean;
         /**
          * @inheritdoc
          */
@@ -9255,6 +9766,13 @@ declare namespace std.base {
     }
 }
 declare namespace std.base {
+    /**
+     * <p> Hash buckets storing {@link SetIterator SetIterators}. </p>
+     *
+     * <p> <img src="../assets/images/design/set_containers.png" width="100%" /> </p>
+     *
+     * @author Jeongho Nam <http://samchon.org>
+     */
     class SetHashBuckets<T> extends HashBuckets<SetIterator<T>> {
         private set;
         constructor(set: SetContainer<T>);
@@ -9312,27 +9830,6 @@ declare namespace std.base {
         uncle: XTreeNode<T>;
     }
 }
-/**
-* STL (Standard Template Library) Containers for TypeScript.
-*
-* @author Jeongho Nam <http://samchon.org>
-*/
-declare namespace std {
-}
-/**
- * Base classes composing STL in background.
- *
- * @author Jeongho Nam <http://samchon.org>
- */
-declare namespace std.base {
-}
-/**
- * Examples for supporting developers who use STL library.
- *
- * @author Jeongho Nam <http://samchon.org>
- */
-declare namespace std.example {
-}
 declare namespace std.example {
     function test_bind(): void;
 }

From 32e93d9fa79e9f8c239fdf365ed0a029d53c7f80 Mon Sep 17 00:00:00 2001
From: ven <vendethiel@hotmail.fr>
Date: Thu, 2 Jun 2016 14:55:22 +0200
Subject: [PATCH 07/60] fix typo (#9450)

---
 angularjs/angular-resource.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/angularjs/angular-resource.d.ts b/angularjs/angular-resource.d.ts
index 0fb9351342..1482c3f047 100644
--- a/angularjs/angular-resource.d.ts
+++ b/angularjs/angular-resource.d.ts
@@ -95,7 +95,7 @@ declare namespace angular.resource {
         (params: Object, data: Object, success?: Function, error?: Function): IResourceArray<T>;
     }
 
-    // Baseclass for everyresource with default actions.
+    // Baseclass for every resource with default actions.
     // If you define your new actions for the resource, you will need
     // to extend this interface and typecast the ResourceClass to it.
     //

From 9161d4fca9b3eeeb74e011f2bfa5e53066b838c6 Mon Sep 17 00:00:00 2001
From: Peter Hajdu <peter.ferenc.hajdu@gmail.com>
Date: Thu, 2 Jun 2016 15:02:58 +0200
Subject: [PATCH 08/60] fix angular-material import as module (#9451)

[TypeScript error: xxx.ts(xx,xx): Error TS2307: Cannot find module 'angular-material'.]
---
 angular-material/angular-material.d.ts | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/angular-material/angular-material.d.ts b/angular-material/angular-material.d.ts
index bb144d15d4..4af35c6701 100644
--- a/angular-material/angular-material.d.ts
+++ b/angular-material/angular-material.d.ts
@@ -4,6 +4,12 @@
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 /// <reference path="../angularjs/angular.d.ts" />
+
+declare module 'angular-material' {
+    var _: string;
+    export = _;
+}
+
 declare namespace angular.material {
 
     interface IBottomSheetOptions {

From 8ef4d9a7db3fa5bdca6bf30570620bb2c70be809 Mon Sep 17 00:00:00 2001
From: Rand Scullard <rand@randscullard.com>
Date: Thu, 2 Jun 2016 09:05:18 -0400
Subject: [PATCH 09/60] Add definitions for fontfaceobserver (#9453)

---
 fontfaceobserver/fontfaceobserver-tests.ts    | 46 +++++++++++++++++++
 .../fontfaceobserver-tests.ts.tscparams       |  1 +
 fontfaceobserver/fontfaceobserver.d.ts        | 33 +++++++++++++
 3 files changed, 80 insertions(+)
 create mode 100644 fontfaceobserver/fontfaceobserver-tests.ts
 create mode 100644 fontfaceobserver/fontfaceobserver-tests.ts.tscparams
 create mode 100644 fontfaceobserver/fontfaceobserver.d.ts

diff --git a/fontfaceobserver/fontfaceobserver-tests.ts b/fontfaceobserver/fontfaceobserver-tests.ts
new file mode 100644
index 0000000000..1ea9a7a222
--- /dev/null
+++ b/fontfaceobserver/fontfaceobserver-tests.ts
@@ -0,0 +1,46 @@
+/// <reference path="fontfaceobserver.d.ts" />
+
+function test1() {
+  var font = new FontFaceObserver('My Family', {
+    weight: 400
+  });
+
+  font.load().then(function () {
+    console.log('Font is available');
+  }, function () {
+    console.log('Font is not available');
+  });
+}
+
+function test2() {
+  var font = new FontFaceObserver('My Family');
+
+  font.load('中国').then(function () {
+    console.log('Font is available');
+  }, function () {
+    console.log('Font is not available');
+  });
+}
+
+function test3() {
+  var font = new FontFaceObserver('My Family');
+
+  font.load(null, 5000).then(function () {
+    console.log('Font is available');
+  }, function () {
+    console.log('Font is not available after waiting 5 seconds');
+  });
+}
+
+function test4() {
+  var fontA = new FontFaceObserver('Family A');
+  var fontB = new FontFaceObserver('Family B');
+
+  fontA.load().then(function () {
+    console.log('Family A is available');
+  });
+
+  fontB.load().then(function () {
+    console.log('Family B is available');
+  });
+}
diff --git a/fontfaceobserver/fontfaceobserver-tests.ts.tscparams b/fontfaceobserver/fontfaceobserver-tests.ts.tscparams
new file mode 100644
index 0000000000..14fce22a5c
--- /dev/null
+++ b/fontfaceobserver/fontfaceobserver-tests.ts.tscparams
@@ -0,0 +1 @@
+--target ES6
diff --git a/fontfaceobserver/fontfaceobserver.d.ts b/fontfaceobserver/fontfaceobserver.d.ts
new file mode 100644
index 0000000000..8f461dbd4f
--- /dev/null
+++ b/fontfaceobserver/fontfaceobserver.d.ts
@@ -0,0 +1,33 @@
+// Type definitions for fontfaceobserver
+// Project: https://github.com/bramstein/fontfaceobserver
+// Definitions by: Rand Scullard <https://github.com/RandScullard>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+
+declare namespace FontFaceObserver {
+    interface FontVariant {
+        weight?: number | string;
+        style?: string;
+        stretch?: string;
+    }
+}
+
+declare class FontFaceObserver {
+    /**
+     * Creates a new FontFaceObserver.
+     * @param fontFamilyName Name of the font family to observe.
+     * @param variant Description of the font variant to observe. If a property is not present it will default to normal.
+     */
+    constructor(fontFamilyName: string, variant?: FontFaceObserver.FontVariant);
+
+    /**
+     * Starts observing the loading of the specified font. Immediately returns a new Promise that resolves when the font is available and rejected when the font is not available.
+     * @param testString If your font doesn't contain latin characters you can pass a custom test string.
+     * @param timeout The default timeout for giving up on font loading is 3 seconds. You can increase or decrease this by passing a number of milliseconds.
+     */
+    load(testString?: string, timeout?: number): Promise<void>;
+}
+
+declare module "fontfaceobserver" {
+    export = FontFaceObserver;
+}

From f6e169d0719685d4c2cbb92a519f354e58755f0c Mon Sep 17 00:00:00 2001
From: Craig <kb3eua@users.noreply.github.com>
Date: Thu, 2 Jun 2016 09:09:42 -0400
Subject: [PATCH 10/60] The click event handler for the title action of Infobox
 entities needs to accept an optional MouseEvent input parameter (#9452)

Because the Infobox title click handler is attached to an anchor tag with a hash as its destination (<a href="#">), the hash can cause problems in framework like Angular when used in conjunction with a <base href="/'> tag.  To get around this, the MouseEvent object needs to be available inside the event handler so that we can call the "preventDefault()" method to prevent navigation to "{baseHref}/#".
---
 bingmaps/Microsoft.Maps.d.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/bingmaps/Microsoft.Maps.d.ts b/bingmaps/Microsoft.Maps.d.ts
index c558c7a64b..95e39a043e 100644
--- a/bingmaps/Microsoft.Maps.d.ts
+++ b/bingmaps/Microsoft.Maps.d.ts
@@ -301,7 +301,7 @@ declare namespace Microsoft.Maps {
         getShowPointer(): boolean;
         getTitle(): string;
         getTitleAction(): any;
-        getTitleClickHandler(): () => void;
+        getTitleClickHandler(): (mouseEvent?: MouseEvent) => void;
         getVisible(): boolean;
         getWidth(): number;
         getZIndex(): number;
@@ -329,8 +329,8 @@ declare namespace Microsoft.Maps {
         showPointer?: boolean;
         pushpin?: Pushpin;
         title?: string;
-        titleAction?: { label?: string; eventHandler: () => void; };
-        titleClickHandler?: () => void;
+        titleAction?: { label?: string; eventHandler: (mouseEvent?: MouseEvent) => void; };
+        titleClickHandler?: (mouseEvent?: MouseEvent) => void;
         typeName?: InfoboxType;
         visible?: boolean;
         width?: number;

From 7a4bf1d15f91989c54604cd9b904c380470abf8f Mon Sep 17 00:00:00 2001
From: trevordunn <rovertnnud@gmail.com>
Date: Thu, 2 Jun 2016 07:29:35 -0600
Subject: [PATCH 11/60] Made GET and POST variables static (#6140) (#9455)

---
 preloadjs/preloadjs.d.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/preloadjs/preloadjs.d.ts b/preloadjs/preloadjs.d.ts
index 1585842356..1a9d01b1e8 100644
--- a/preloadjs/preloadjs.d.ts
+++ b/preloadjs/preloadjs.d.ts
@@ -20,14 +20,14 @@ declare namespace createjs {
         static BINARY: string;
         canceled: boolean;
         static CSS: string;
-        GET: string;
+        static GET: string;
         static IMAGE: string;
         static JAVASCRIPT: string;
         static JSON: string;
         static JSONP: string;
         loaded: boolean;
         static MANIFEST: string;
-        POST: string;
+        static POST: string;
         progress: number;
         resultFormatter: () => any;
         static SOUND: string;

From b13eab309f2c3240a60ad8af299c84217fee613b Mon Sep 17 00:00:00 2001
From: Rajab Shakirov <radzikSH@gmail.com>
Date: Thu, 2 Jun 2016 16:34:54 +0300
Subject: [PATCH 12/60] init commit react-modal (#9457)

---
 react-modal/react-modal-tests.tsx | 49 +++++++++++++++++++++++++++++++
 react-modal/react-modal.d.ts      | 28 ++++++++++++++++++
 2 files changed, 77 insertions(+)
 create mode 100644 react-modal/react-modal-tests.tsx
 create mode 100644 react-modal/react-modal.d.ts

diff --git a/react-modal/react-modal-tests.tsx b/react-modal/react-modal-tests.tsx
new file mode 100644
index 0000000000..9a9814930d
--- /dev/null
+++ b/react-modal/react-modal-tests.tsx
@@ -0,0 +1,49 @@
+/// <reference path="../react/react.d.ts" />
+/// <reference path="./react-modal.d.ts"/>
+
+import * as React from "react";
+import ReactModal from 'react-modal';
+
+class ExampleOfUsingReactModal extends React.Component<{}, {}> {
+  render() {
+    var onAfterOpenFn = () => { }
+    var onRequestCloseFn = () => { }
+    var customStyle = {
+      overlay: {
+        position: 'fixed',
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        backgroundColor: 'rgba(255, 255, 255, 0.75)'
+      },
+      content: {
+        position: 'absolute',
+        top: '40px',
+        left: '40px',
+        right: '40px',
+        bottom: '40px',
+        border: '1px solid #ccc',
+        background: '#fff',
+        overflow: 'auto',
+        WebkitOverflowScrolling: 'touch',
+        borderRadius: '4px',
+        outline: 'none',
+        padding: '20px'
+
+      }
+    }
+    return (
+      <ReactModal
+        isOpen={true}
+        onAfterOpen={onAfterOpenFn}
+        onRequestClose={onRequestCloseFn}
+        closeTimeoutMS={1000}
+        style={customStyle}
+        >
+        <h1>Modal Content</h1>
+        <p>Etc.</p>
+      </ReactModal>
+    );
+  }
+};
\ No newline at end of file
diff --git a/react-modal/react-modal.d.ts b/react-modal/react-modal.d.ts
new file mode 100644
index 0000000000..2f2d0403d2
--- /dev/null
+++ b/react-modal/react-modal.d.ts
@@ -0,0 +1,28 @@
+// Type definitions for react-modal v1.3.0
+// Project: https://github.com/reactjs/react-modal
+// Definitions by: Rajab Shakirov <https://github.com/radziksh>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference path="../react/react.d.ts"/>
+
+declare module "react-modal" {
+    interface ReactModal {
+        isOpen: boolean;
+        style?: {
+            content: {
+                [key: string]: any;
+            },
+            overlay: {
+                [key: string]: any;
+            }
+        },
+        appElement?: HTMLElement | {},
+        onAfterOpen?: Function,
+        onRequestClose?: Function,
+        closeTimeoutMS?: number,
+        ariaHideApp?: boolean,
+        shouldCloseOnOverlayClick?: boolean
+    }
+    let ReactModal: __React.ClassicComponentClass<ReactModal>;
+    export default ReactModal;
+}

From f1184e2e62085a204f85994128044500654af904 Mon Sep 17 00:00:00 2001
From: cbauerme <caleb_bauermeister@mentor.com>
Date: Thu, 2 Jun 2016 07:00:54 -0700
Subject: [PATCH 13/60] Added Sequelize Model.addScope method. (#9459)

---
 sequelize/sequelize-tests.ts |  4 ++++
 sequelize/sequelize.d.ts     | 24 ++++++++++++++++++++++++
 2 files changed, 28 insertions(+)

diff --git a/sequelize/sequelize-tests.ts b/sequelize/sequelize-tests.ts
index 6e62606e19..0f274e20a9 100644
--- a/sequelize/sequelize-tests.ts
+++ b/sequelize/sequelize-tests.ts
@@ -841,6 +841,10 @@ User.schema( 'special' ).create( { age : 3 }, { logging : function(  ) {} } );
 
 User.getTableName();
 
+User.addScope('lowAccess', { where : { parent_id : 2 } });
+User.addScope('lowAccess', function() { } );
+User.addScope('lowAccess', { where : { parent_id : 2 } }, { override: true });
+
 User.scope( 'lowAccess' ).count();
 User.scope( { where : { parent_id : 2 } } );
 
diff --git a/sequelize/sequelize.d.ts b/sequelize/sequelize.d.ts
index 81c7f4a165..8d058efdb2 100644
--- a/sequelize/sequelize.d.ts
+++ b/sequelize/sequelize.d.ts
@@ -2948,6 +2948,18 @@ declare module "sequelize" {
 
         }
 
+        /**
+         * AddScope Options for Model.addScope
+         */
+        interface AddScopeOptions {
+            
+            /**
+             * If a scope of the same name already exists, should it be overwritten?
+             */
+            override: boolean;
+            
+        }
+
         /**
          * Scope Options for Model.scope
          */
@@ -3640,6 +3652,18 @@ declare module "sequelize" {
              */
             getTableName( options? : { logging : Function } ) : string | Object;
 
+            /**
+             * Add a new scope to the model. This is especially useful for adding scopes with includes, when the model you want to include is not available at the time this model is defined.
+             *
+             * By default this will throw an error if a scope with that name already exists. Pass `override: true` in the options object to silence this error.
+             *
+             * @param {String}          name The name of the scope. Use `defaultScope` to override the default scope
+             * @param {Object|Function} scope
+             * @param {Object}          [options]
+             * @param {Boolean}         [options.override=false]
+             */
+            addScope( name : string, scope : FindOptions | Function, options? : AddScopeOptions ): void;
+
             /**
              * Apply a scope created in `define` to the model. First let's look at how to create scopes:
              * ```js

From 79aa209309897673e291696b52c833cc71457895 Mon Sep 17 00:00:00 2001
From: Jerome David Yackley <jerome.yackley@gmail.com>
Date: Thu, 2 Jun 2016 09:01:19 -0500
Subject: [PATCH 14/60] angular-ui-bootstrap - Added windowTopClass (#9458)

Added the options parameter windowTopClass to IModalSettings. Here is the definition: https://github.com/angular-ui/bootstrap/blob/dd091488937060a8e4511fdfd6e1bbbf5d5403b7/src/modal/docs/readme.md.
---
 angular-ui-bootstrap/angular-ui-bootstrap.d.ts | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/angular-ui-bootstrap/angular-ui-bootstrap.d.ts b/angular-ui-bootstrap/angular-ui-bootstrap.d.ts
index 0a7b54775e..38a1c321bd 100644
--- a/angular-ui-bootstrap/angular-ui-bootstrap.d.ts
+++ b/angular-ui-bootstrap/angular-ui-bootstrap.d.ts
@@ -387,6 +387,12 @@ declare namespace angular.ui.bootstrap {
          * @default 'model-open'
          */
         openedClass?: string;
+        
+        /**
+         * CSS class(es) to be added to the top modal window.
+         */
+        
+        windowTopClass?: string;
     }
 
     interface IModalStackService {

From a0d42d933647e096fe3d14db2fc75b6718cb9089 Mon Sep 17 00:00:00 2001
From: Nathan Brown <nathan@nkbrown.us>
Date: Thu, 2 Jun 2016 07:02:14 -0700
Subject: [PATCH 15/60] material-ui: Update material-ui to v0.15.0 (#9462)

---
 .../legacy/material-ui-0.14.4-tests.tsx       | 2302 +++++
 .../material-ui-0.14.4-tests.tsx.tscparams    |    1 +
 material-ui/legacy/material-ui-0.14.4.d.ts    | 8246 +++++++++++++++++
 material-ui/material-ui-tests.tsx             | 7159 +++++++++-----
 material-ui/material-ui.d.ts                  | 5768 ++++++------
 5 files changed, 18401 insertions(+), 5075 deletions(-)
 create mode 100644 material-ui/legacy/material-ui-0.14.4-tests.tsx
 create mode 100644 material-ui/legacy/material-ui-0.14.4-tests.tsx.tscparams
 create mode 100644 material-ui/legacy/material-ui-0.14.4.d.ts

diff --git a/material-ui/legacy/material-ui-0.14.4-tests.tsx b/material-ui/legacy/material-ui-0.14.4-tests.tsx
new file mode 100644
index 0000000000..0d112fcaa8
--- /dev/null
+++ b/material-ui/legacy/material-ui-0.14.4-tests.tsx
@@ -0,0 +1,2302 @@
+///<reference path='../../react/react.d.ts' />
+///<reference path='../../react/react-addons-linked-state-mixin.d.ts' />
+///<reference path='material-ui-0.14.4.d.ts' />
+
+import * as React from "react";
+import * as LinkedStateMixin from "react-addons-linked-state-mixin";
+import * as MaterialUi from "material-ui";
+import ActionGrade from "material-ui/lib/svg-icons/action/grade";
+import AppBar from "material-ui/lib/app-bar";
+import ArrowDropRight from "material-ui/lib/svg-icons/navigation-arrow-drop-right";
+import AutoComplete from 'material-ui/lib/auto-complete';
+import Avatar from "material-ui/lib/avatar";
+import Badge from "material-ui/lib/badge";
+import Card from "material-ui/lib/card/card";
+import CardActions from "material-ui/lib/card/card-actions";
+import CardHeader from "material-ui/lib/card/card-header";
+import CardMedia from 'material-ui/lib/card/card-media';
+import CardText from "material-ui/lib/card/card-text";
+import CardTitle from 'material-ui/lib/card/card-title';
+import Checkbox from "material-ui/lib/checkbox";
+import CircularProgress from 'material-ui/lib/circular-progress';
+import ColorManipulator from 'material-ui/lib/utils/color-manipulator';
+import Colors from "material-ui/lib/styles/colors";
+import DatePicker from "material-ui/lib/date-picker/date-picker";
+import Dialog from "material-ui/lib/dialog";
+import Divider from 'material-ui/lib/divider';
+import DropDownMenu from "material-ui/lib/drop-down-menu";
+import FileFolder from "material-ui/lib/svg-icons/file/folder";
+import FlatButton from "material-ui/lib/flat-button";
+import FloatingActionButton from "material-ui/lib/floating-action-button";
+import FontIcon from "material-ui/lib/font-icon";
+import GridList from 'material-ui/lib/grid-list/grid-list';
+import GridTile from 'material-ui/lib/grid-list/grid-tile';
+import IconButton from "material-ui/lib/icon-button";
+import IconMenu from "material-ui/lib/menus/icon-menu";
+import LeftNav from 'material-ui/lib/left-nav';
+import LinearProgress from 'material-ui/lib/linear-progress';
+import List from 'material-ui/lib/lists/list';
+import ListItem from 'material-ui/lib/lists/list-item';
+import Menu from 'material-ui/lib/menus/menu';
+import MenuItem from 'material-ui/lib/menus/menu-item';
+import Paper from 'material-ui/lib/paper';
+import Popover from 'material-ui/lib/popover/popover';
+import PopoverAnimationFromTop from 'material-ui/lib/popover/popover-animation-from-top';
+import RadioButton from "material-ui/lib/radio-button";
+import RadioButtonGroup from "material-ui/lib/radio-button-group";
+import RaisedButton from "material-ui/lib/raised-button";
+import RefreshIndicator from 'material-ui/lib/refresh-indicator';
+import SelectField from "material-ui/lib/select-field";
+import Slider from 'material-ui/lib/slider';
+import Snackbar from 'material-ui/lib/snackbar';
+import Spacing from "material-ui/lib/styles/spacing";
+import Styles from 'material-ui/lib/styles';
+import SvgIcon from 'material-ui/lib/svg-icon';
+import Tab from 'material-ui/lib/tabs/tab';
+import Table from 'material-ui/lib/table/table';
+import TableBody from 'material-ui/lib/table/table-body';
+import TableFooter from 'material-ui/lib/table/table-footer';
+import TableHeader from 'material-ui/lib/table/table-header';
+import TableHeaderColumn from 'material-ui/lib/table/table-header-column';
+import TableRow from 'material-ui/lib/table/table-row';
+import TableRowColumn from 'material-ui/lib/table/table-row-column';
+import Tabs from 'material-ui/lib/tabs/tabs';
+import TextField from "material-ui/lib/text-field";
+import ThemeDecorator from 'material-ui/lib/styles/theme-decorator';
+import ThemeManager from 'material-ui/lib/styles/theme-manager';
+import TimePicker from "material-ui/lib/time-picker";
+import Toggle from "material-ui/lib/toggle";
+import ToggleStar from "material-ui/lib/svg-icons/toggle/star";
+import ToggleStarBorder from "material-ui/lib/svg-icons/toggle/star-border";
+import Toolbar from 'material-ui/lib/toolbar/toolbar';
+import ToolbarGroup from 'material-ui/lib/toolbar/toolbar-group';
+import ToolbarSeparator from 'material-ui/lib/toolbar/toolbar-separator';
+import ToolbarTitle from 'material-ui/lib/toolbar/toolbar-title';
+import Typography from "material-ui/lib/styles/typography";
+import zIndex from 'material-ui/lib/styles/zIndex';
+
+import {SelectableContainerEnhance} from 'material-ui/lib/hoc/selectable-enhance';
+
+import * as Icons from "material-ui/lib/svg-icons";
+import ActionAndroid from 'material-ui/lib/svg-icons/action/android';
+import ActionFavorite from 'material-ui/lib/svg-icons/action/favorite';
+import ActionFavoriteBorder from 'material-ui/lib/svg-icons/action/favorite-border';
+import ActionFlightTakeoff from 'material-ui/lib/svg-icons/action/flight-takeoff';
+import ActionHome from 'material-ui/lib/svg-icons/action/home';
+import ActionInfo from 'material-ui/lib/svg-icons/action/info';
+import CommunicationChatBubble from 'material-ui/lib/svg-icons/communication/chat-bubble';
+import ContentAdd from 'material-ui/lib/svg-icons/content/add';
+import ContentCopy from 'material-ui/lib/svg-icons/content/content-copy';
+import ContentDrafts from 'material-ui/lib/svg-icons/content/drafts';
+import ContentFilter from 'material-ui/lib/svg-icons/content/filter-list';
+import ContentInbox from 'material-ui/lib/svg-icons/content/inbox';
+import ContentLink from 'material-ui/lib/svg-icons/content/link';
+import ContentSend from 'material-ui/lib/svg-icons/content/send';
+import Delete from 'material-ui/lib/svg-icons/action/delete';
+import Download from 'material-ui/lib/svg-icons/file/file-download';
+import FileCloudDownload from 'material-ui/lib/svg-icons/file/cloud-download';
+import FolderIcon from 'material-ui/lib/svg-icons/file/folder-open';
+import HardwareVideogameAsset from 'material-ui/lib/svg-icons/hardware/videogame-asset';
+import MapsPlace from 'material-ui/lib/svg-icons/maps/place';
+import MoreVertIcon from 'material-ui/lib/svg-icons/navigation/more-vert';
+import NavigationClose from "material-ui/lib/svg-icons/navigation/close";
+import NavigationExpandMoreIcon from 'material-ui/lib/svg-icons/navigation/expand-more';
+import NotificationsIcon from 'material-ui/lib/svg-icons/social/notifications';
+import PersonAdd from 'material-ui/lib/svg-icons/social/person-add';
+import RemoveRedEye from 'material-ui/lib/svg-icons/image/remove-red-eye';
+import StarBorder from 'material-ui/lib/svg-icons/toggle/star-border';
+import UploadIcon from 'material-ui/lib/svg-icons/file/cloud-upload';
+
+
+type CheckboxProps = __MaterialUI.CheckboxProps;
+type MuiTheme = __MaterialUI.Styles.MuiTheme;
+type TouchTapEvent = __MaterialUI.TouchTapEvent;
+
+interface MaterialUiTestsState {
+    showDialogStandardActions: boolean;
+    showDialogCustomActions: boolean;
+    showDialogScrollable: boolean;
+    value: number;
+    dataSource: [string];
+    minDate: Date;
+    maxDate: Date;
+    autoOk: boolean;
+    disableYearSelection: boolean;
+    open: boolean;
+    valueSingle: string;
+    valueMultiple: string[];
+    anchorEl: Element;
+    completed: number;
+    message: string;
+    autoHideDuration: number;
+    fixedHeader: boolean;
+    fixedFooter: boolean;
+    stripedRows: boolean;
+    showRowHover: boolean;
+    selectable: boolean;
+    multiSelectable: boolean;
+    enableSelectAll: boolean;
+    deselectOnClickaway: boolean;
+    height: string;
+}
+
+// "http://www.material-ui.com/#/customization/themes"
+let muiTheme: MuiTheme = ThemeManager.getMuiTheme({
+    spacing: Spacing,
+    zIndex: zIndex,
+    fontFamily: 'Roboto, sans-serif',
+    palette: {
+        primary1Color: Colors.cyan500,
+        primary2Color: Colors.cyan700,
+        primary3Color: Colors.lightBlack,
+        accent1Color: Colors.pinkA200,
+        accent2Color: Colors.grey100,
+        accent3Color: Colors.grey500,
+        textColor: Colors.darkBlack,
+        alternateTextColor: Colors.white,
+        canvasColor: Colors.white,
+        borderColor: Colors.grey300,
+        disabledColor: ColorManipulator.fade(Colors.darkBlack, 0.3),
+        pickerHeaderColor: Colors.cyan500,
+    }
+});
+
+let SelectableList = SelectableContainerEnhance(List);
+
+@ThemeDecorator(muiTheme)
+class MaterialUiTests extends React.Component<{}, MaterialUiTestsState> implements React.LinkedStateMixin {
+
+    // injected with mixin
+    linkState: <T>(key: string) => React.ReactLink<T>;
+
+    private picker12hr: TimePicker;
+    private picker24hr: TimePicker;
+
+    private touchTapEventHandler(e: TouchTapEvent) {
+        console.info("Received touch tap", e);
+    }
+    private formEventHandler(e: React.FormEvent) {
+    }
+    private selectFieldChangeHandler(e: TouchTapEvent, si: number, mi: any) {
+    }
+    private handleRequestClose(buttonClicked: boolean) {
+    }
+    private handleRequestCloseReason(reason: string) {
+    }
+    private handleToggle() { 
+        this.setState(Object.assign({}, this.state, { open: !this.state.open }));
+    }
+    private handleClose() {
+        this.setState(Object.assign({}, this.state, { open: false }));
+    }
+    private handleChangeSingle(event: React.MouseEvent, value: string){
+    }
+    private handleChangeMultiple(event: React.MouseEvent, value: string[]) {
+    }
+
+    private handleChange = (e: TouchTapEvent, index: number, value: number) => this.setState(Object.assign({}, this.state, { value }));
+
+    private handleUpdateInput(t: string) {
+        this.setState(Object.assign({}, this.state, {
+            dataSource: [t, t + t, t + t + t],
+        }));
+    }
+    private handleTouchTap(e: TouchTapEvent) {
+        alert('onTouchTap triggered on the title component');
+    }
+    private handleActionTouchTap() {
+        this.setState(Object.assign({}, this.state, {open: false,}));
+        alert('Event removed from your calendar.');
+    }
+    private handleChangeDuration = (event: React.FormEvent) => {
+        const value = event.target["value"];
+        this.setState(Object.assign({}, this.state, {
+            autoHideDuration: value.length > 0 ? parseInt(value) : 0,
+        }));
+    }
+    private onRowSelection(selectedRows: number[] | string) {
+    }
+    private handleActive(tab: Tab) {
+        alert(`A tab with this route property ${tab.props.value} was activated.`);
+    }
+    private handleChangeTabs(value: any, e: React.FormEvent, tab: Tab) {
+    }
+    private handleChangeTimePicker12(err, time) {
+        this.picker12hr.setTime(time);
+    };
+
+    private handleChangeTimePicker24(err, time) {
+        this.picker24hr.setTime(time);
+    };
+
+    render() {
+
+        const styles = {
+            title: {
+                cursor: 'pointer',
+            },
+            exampleImageInput: {
+                cursor: 'pointer',
+                position: 'absolute',
+                top: 0,
+                bottom: 0,
+                right: 0,
+                left: 0,
+                width: '100%',
+                opacity: 0,
+            },
+            button: {
+                margin: 12,
+            },
+            floatingButton: {
+                marginRight: 20,
+            },
+            textField: {
+                marginLeft: 20,
+            },
+            floatLeft: {
+                float: 'left',
+            },
+            root: {
+                display: 'flex',
+                flexWrap: 'wrap',
+                justifyContent: 'space-around',
+            },
+            gridList: {
+                width: 500,
+                height: 400,
+                overflowY: 'auto',
+                marginBottom: 24,
+            },
+            icons: {
+                marginRight: 24,
+            },
+            menu: {
+                marginRight: 32,
+                marginBottom: 32,
+                float: 'left',
+                position: 'relative',
+                zIndex: 0,
+            },
+            rightIcon: {
+                textAlign: 'center',
+                lineHeight: '24px',
+            },
+            paper: {
+                height: 100,
+                width: 100,
+                margin: 20,
+                textAlign: 'center',
+                display: 'inline-block',
+            },
+            popover: {
+                padding: 20,
+            },
+            container: {
+                position: 'relative',
+            },
+            refresh: {
+                display: 'inline-block',
+                position: 'relative',
+            },
+            block: {
+                maxWidth: 250,
+            },
+            checkbox: {
+                marginBottom: 16,
+            },
+            radioButton: {
+                marginBottom: 16,
+            },
+            toggle: {
+                marginBottom: 16,
+            },
+            propContainerStyle: {
+                width: 200,
+                overflow: 'hidden',
+                margin: '20px auto 0',
+            },
+            propToggleHeader: {
+                margin: '20px auto 10px',
+            },
+            headline: {
+                fontSize: 24,
+                paddingTop: 16,
+                marginBottom: 12,
+                fontWeight: 400,
+            },
+            errorStyle: {
+                color: Colors.orange500,
+            },
+            underlineStyle: {
+                borderColor: Colors.orange500,
+            },
+        };
+        const colors = Styles.Colors;
+
+        // "http://www.material-ui.com/#/customization/inline-styles"
+        let element: React.ReactElement<any>;
+        element = <Checkbox
+            id="checkboxId1"
+            name="checkboxName1"
+            value="checkboxValue1"
+            label="went for a run today"
+            style={{
+                width: '50%',
+                margin: '0 auto'
+            }}
+            iconStyle={{
+                fill: '#FF4081'
+            }}/>
+        element = React.createElement<CheckboxProps>(Checkbox, {
+            id: "checkboxId1", name: "checkboxName1", value: "checkboxValue1", label: "went for a run today", style: {
+                width: '50%',
+                margin: '0 auto'
+            }, iconStyle: {
+                fill: '#FF4081'
+            }
+        });
+
+        // "http://www.material-ui.com/#/components/app-bar"
+        const AppBarExampleIcon = () => (
+            <AppBar
+                title="Title"
+                iconClassNameRight="muidocs-icon-navigation-expand-more"
+            />
+        );
+
+        const AppBarExampleIconButton = () => (
+            <AppBar
+                title={<span style={styles.title}>Title</span>}
+                onTitleTouchTap={this.handleTouchTap}
+                iconElementLeft={<IconButton><NavigationClose /></IconButton>}
+                iconElementRight={<FlatButton label="Save" />}
+                />
+        );
+        const AppBarExampleIconMenu = () => (
+            <AppBar
+                title="Title"
+                iconElementLeft={<IconButton><NavigationClose /></IconButton>}
+                iconElementRight={
+                    <IconMenu
+                        iconButtonElement={
+                            <IconButton><MoreVertIcon /></IconButton>
+                        }
+                        targetOrigin={{ horizontal: 'right', vertical: 'top' }}
+                        anchorOrigin={{ horizontal: 'right', vertical: 'top' }}
+                    >
+                        <MenuItem primaryText="Refresh" />
+                        <MenuItem primaryText="Help" />
+                        <MenuItem primaryText="Sign out" />
+                    </IconMenu>
+                }
+            />
+        );
+
+        // "http://www.material-ui.com/#/components/auto-complete"
+        element =   <AutoComplete
+                        hintText="Type c"
+                        dataSource={this.state.dataSource}
+                        onUpdateInput={this.handleUpdateInput}
+                    />
+
+        const dataSource1 = [
+            {
+                text: 'text-value1',
+                value: (
+                    <MenuItem
+                        primaryText="text-value1"
+                        secondaryText="&#9786;"
+                        />
+                ),
+            },
+            {
+                text: 'text-value2',
+                value: (
+                    <MenuItem
+                        primaryText="text-value2"
+                        secondaryText="&#9786;"
+                        />
+                ),
+            },
+        ];
+
+        const dataSource2 = ['12345', '23456', '34567'];
+
+        const AutoCompleteExampleNoFilter = () => (
+            <div>
+                <AutoComplete
+                    hintText="text-value data"
+                    filter={AutoComplete.noFilter}
+                    dataSource={dataSource1}
+                /><br/>
+                <AutoComplete
+                    floatingLabelText="showAllItems"
+                    filter={AutoComplete.noFilter}
+                    triggerUpdateOnFocus={true}
+                    dataSource={dataSource2}
+                />
+            </div>
+        );
+
+        const AutoCompleteExampleFilters = () => (
+            <div>
+                <AutoComplete
+                    floatingLabelText="Type t, fuzzy search"
+                    filter={AutoComplete.fuzzyFilter}
+                    dataSource={dataSource2}
+                />
+                <br/>
+                <AutoComplete
+                    floatingLabelText="Type r, case insensitive"
+                    filter={AutoComplete.caseInsensitiveFilter}
+                    dataSource={dataSource2}
+                />
+            </div>
+        );
+
+        // "http://www.material-ui.com/#/components/avatar"
+        const AvatarExampleSimple = () => (
+            <List>
+                <ListItem
+                    disabled={true}
+                    leftAvatar={
+                    <Avatar src="images/uxceo-128.jpg" />
+                    }
+                    >
+                    Image Avatar
+                </ListItem>
+                <ListItem
+                    disabled={true}
+                    leftAvatar={
+                    <Avatar icon={<FontIcon className="muidocs-icon-communication-voicemail" />} />
+                    }
+                    >
+                    FontIcon Avatar
+                </ListItem>
+                <ListItem
+                    disabled={true}
+                    leftAvatar={
+                    <Avatar
+                        icon={<FontIcon className="muidocs-icon-communication-voicemail" />}
+                        color={colors.blue300}
+                        backgroundColor={colors.indigo900}
+                        />
+                    }
+                    >
+                    FontIcon Avatar with custom colors
+                </ListItem>
+                <ListItem
+                    disabled={true}
+                    leftAvatar={
+                    <Avatar icon={<FileFolder />} />
+                    }
+                >
+                    SvgIcon Avatar
+                </ListItem>
+                <ListItem
+                    disabled={true}
+                    leftAvatar={
+                    <Avatar
+                        icon={<FileFolder />}
+                        color={colors.orange200}
+                        backgroundColor={colors.pink400}
+                        />
+                    }
+                >
+                    SvgIcon Avatar with custom colors
+                </ListItem>
+                <ListItem
+                    disabled={true}
+                    leftAvatar={<Avatar>A</Avatar>}
+                >
+                    Letter Avatar
+                </ListItem>
+                <ListItem
+                    disabled={true}
+                    leftAvatar={
+                    <Avatar
+                        color={colors.deepOrange300}
+                        backgroundColor={colors.purple500}
+                        >
+                        A
+                        </Avatar>
+                    }
+                >
+                    Letter Avatar with custom colors
+                </ListItem>
+            </List>
+        );
+
+        //image avatar
+        element = <Avatar src="images/uxceo-128.jpg" />;
+        //SvgIcon avatar
+        element = <Avatar icon={<FileFolder />} />;
+        //SvgIcon avatar with custom colors
+        element = <Avatar
+            icon={<FileFolder />}
+            color={Colors.orange200}
+            backgroundColor={Colors.pink400} />;
+        //FontIcon avatar
+        element = <Avatar
+            icon={
+            <FontIcon className="muidocs-icon-communication-voicemail" />
+            } />;
+        //FontIcon avatar with custom colors
+        element = <Avatar
+            icon={<FontIcon className="muidocs-icon-communication-voicemail" />}
+            color={Colors.blue300}
+            backgroundColor={Colors.indigo900} />;
+        //Letter avatar
+        element = <Avatar>A</Avatar>;
+        //Letter avatar with custom colors
+        element = <Avatar
+            color={Colors.deepOrange300}
+            backgroundColor={Colors.purple500}>
+            </Avatar>
+
+        // "http://www.material-ui.com/#/components/badge"
+        const BadgeExampleSimple = () => (
+            <div>
+                <Badge
+                    badgeContent={4}
+                    primary={true}
+                >
+                    <NotificationsIcon />
+                </Badge>
+                <Badge
+                    badgeContent={10}
+                    secondary={true}
+                    badgeStyle={{ top: 12, right: 12 }}
+                    >
+                  <IconButton tooltip="Notifications">
+                    <NotificationsIcon/>
+                      </IconButton>
+                </Badge>
+            </div>
+        );
+        const BadgeExampleContent = () => (
+            <div>
+                <Badge
+                    badgeContent={<IconButton tooltip="Backup"><UploadIcon/></IconButton>}
+                    >
+                  <FolderIcon />
+                </Badge>
+                <Badge
+                    badgeContent="&copy;"
+                    badgeStyle={{ fontSize: 20 }}
+                    >
+                    Company Name
+                </Badge>
+            </div>
+        );
+
+        // "http://www.material-ui.com/#/components/flat-button"
+        const FlatButtonExampleSimple = () => (
+            <div>
+                <FlatButton label="Default" />
+                <FlatButton label="Primary" primary={true} />
+                <FlatButton label="Secondary" secondary={true} />
+                <FlatButton label="Disabled" disabled={true} />
+            </div>
+        );
+        const FlatButtonExampleComplex = () => (
+            <div>
+                <FlatButton label="Choose an Image">
+                  <input type="file" style={styles.exampleImageInput} />
+                </FlatButton>
+
+                <FlatButton
+                    label="Label before"
+                    labelPosition="before"
+                    primary={true}
+                    icon={<ActionAndroid />}
+                />
+
+                <FlatButton
+                    label="GitHub Link"
+                    linkButton={true}
+                    href="https://github.com/callemall/material-ui"
+                    secondary={true}
+                    icon={<FontIcon className="muidocs-icon-custom-github" />}
+                />
+
+            </div>
+        );
+
+        // "http://www.material-ui.com/#/components/raised-button"
+        const RaisedButtonExampleSimple = () => (
+            <div>
+                <RaisedButton label="Default" style={styles.button} />
+                <RaisedButton label="Primary" primary={true} style={styles.button} />
+                <RaisedButton label="Secondary" secondary={true} style={styles.button} />
+                <RaisedButton label="Disabled" disabled={true} style={styles.button} />
+            </div>
+        );
+        const RaisedButtonExampleComplex = () => (
+            <div>
+                <RaisedButton
+                    label="Choose an Image"
+                    style={styles.button}
+                >
+                    <input type="file" style={styles.exampleImageInput} />
+                </RaisedButton>
+                <RaisedButton
+                    label="Label before"
+                    labelPosition="before"
+                    primary={true}
+                    icon={<ActionAndroid />}
+                    style={styles.button}
+                />
+                <RaisedButton
+                    label="Github Link"
+                    linkButton={true}
+                    href="https://github.com/callemall/material-ui"
+                    secondary={true}
+                    style={styles.button}
+                    icon={<FontIcon className="muidocs-icon-custom-github"/>}
+                />
+            </div>
+        );
+
+        // "http://www.material-ui.com/#/components/floating-action-button"
+        const FloatingActionButtonExampleSimple = () => (
+            <div>
+                <FloatingActionButton style={styles.floatingButton}>
+                  <ContentAdd />
+                </FloatingActionButton>
+
+                <FloatingActionButton mini={true} style={styles.floatingButton}>
+                  <ContentAdd />
+                </FloatingActionButton>
+
+                <FloatingActionButton secondary={true} style={styles.floatingButton}>
+                  <ContentAdd />
+                </FloatingActionButton>
+
+                <FloatingActionButton mini={true} secondary={true} style={styles.floatingButton}>
+                  <ContentAdd />
+                </FloatingActionButton>
+
+                <FloatingActionButton disabled={true} style={styles.floatingButton}>
+                  <ContentAdd />
+                </FloatingActionButton>
+
+                <FloatingActionButton mini={true} disabled={true} style={styles.floatingButton}>
+                  <ContentAdd />
+                </FloatingActionButton>
+                </div>
+        );
+
+        // "http://www.material-ui.com/#/components/icon-button"
+        const IconButtonExampleSimple = () => (
+            <div>
+                <IconButton iconClassName="muidocs-icon-custom-github" />
+                <IconButton iconClassName="muidocs-icon-custom-github" disabled={true} />
+            </div>
+        );
+        const IconButtonExampleComplex = () => (
+            <div>
+                <IconButton tooltip="Font Icon">
+                  <FontIcon className="muidocs-icon-action-home" />
+                </IconButton>
+
+                <IconButton tooltip="SVG Icon">
+                  <ActionHome />
+                </IconButton>
+
+                <IconButton
+                    iconClassName="material-icons"
+                    tooltip="Ligature"
+                >
+                    home
+                </IconButton>
+            </div>
+        );
+        const IconButtonExampleTooltip = () => (
+            <div>
+                <IconButton
+                    iconClassName="muidocs-icon-custom-github" tooltip="bottom-right"
+                    tooltipPosition="bottom-right"
+                />
+                <IconButton
+                    iconClassName="muidocs-icon-custom-github" tooltip="bottom-center"
+                    tooltipPosition="bottom-center"
+                />
+                <IconButton
+                    iconClassName="muidocs-icon-custom-github" tooltip="bottom-left"
+                    tooltipPosition="bottom-left"
+                />
+                <IconButton
+                    iconClassName="muidocs-icon-custom-github" tooltip="top-right"
+                    tooltipPosition="top-right"
+                />
+                <IconButton
+                    iconClassName="muidocs-icon-custom-github" tooltip="top-center"
+                    tooltipPosition="top-center"
+                />
+                <IconButton
+                    iconClassName="muidocs-icon-custom-github" tooltip="top-left"
+                    tooltipPosition="top-left"
+                />
+            </div>
+        );
+        const IconButtonExampleTouch = () => (
+            <div>
+                <IconButton tooltip="bottom-right" touch={true} tooltipPosition="bottom-right">
+                  <ActionGrade/>
+                </IconButton>
+                <IconButton tooltip="bottom-center" touch={true} tooltipPosition="bottom-center">
+                  <ActionGrade/>
+                </IconButton>
+                <IconButton tooltip="bottom-left" touch={true} tooltipPosition="bottom-left">
+                  <ActionGrade/>
+                </IconButton>
+                <IconButton tooltip="top-right" touch={true} tooltipPosition="top-right">
+                  <ActionGrade/>
+                </IconButton>
+                <IconButton tooltip="top-center" touch={true} tooltipPosition="top-center">
+                  <ActionGrade/>
+                </IconButton>
+                <IconButton tooltip="top-left" touch={true} tooltipPosition="top-left">
+                  <ActionGrade/>
+                </IconButton>
+            </div>
+        );
+        //Method 1: muidocs-icon-github is defined in a style sheet.
+        element = <IconButton iconClassName="muidocs-icon-custom-github" tooltip="GitHub"/>;
+        //Method 2: ActionGrade is a component created using mui.SvgIcon.
+        element = <IconButton tooltip= "Star" touch= { true}>
+                <ActionGrade/>
+            </IconButton >;
+        //Method 3: Manually creating a mui.FontIcon component within IconButton
+        element = <IconButton tooltip= "Sort" disabled= {true}>
+                <FontIcon className="muidocs-icon-custom-sort"/>
+            </IconButton>;
+        //Method 4: Using Google material-icons
+        element = <IconButton iconClassName="material-icons" tooltipPosition="bottom-center"
+            tooltip="Sky">settings_system_daydream</IconButton>;
+
+
+        // "http://www.material-ui.com/#/components/card"
+        const CardExampleWithAvatar = () => (
+            <Card>
+                <CardHeader
+                    title="URL Avatar"
+                    subtitle="Subtitle"
+                    avatar="http://lorempixel.com/100/100/nature/"
+                />
+                <CardMedia
+                    overlay={<CardTitle title="Overlay title" subtitle="Overlay subtitle" />}
+                >
+                  <img src="http://lorempixel.com/600/337/nature/" />
+                </CardMedia>
+                <CardTitle title="Card title" subtitle="Card subtitle" />
+                <CardText>
+                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+                    Donec mattis pretium massa.Aliquam erat volutpat.Nulla facilisi.
+                    Donec vulputate interdum sollicitudin.Nunc lacinia auctor quam sed pellentesque.
+                    Aliquam dui mauris, mattis quis lacus id, pellentesque lobortis odio.
+                </CardText>
+                <CardActions>
+                  <FlatButton label="Action1" />
+                  <FlatButton label="Action2" />
+                </CardActions>
+            </Card>
+        );
+        const CardExampleWithoutAvatar = () => (
+            <Card>
+                <CardHeader
+                    title="Without Avatar"
+                    subtitle="Subtitle"
+                    actAsExpander={true}
+                    showExpandableButton={true}
+                />
+                <CardText expandable={true}>
+                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+                    Donec mattis pretium massa.Aliquam erat volutpat.Nulla facilisi.
+                    Donec vulputate interdum sollicitudin.Nunc lacinia auctor quam sed pellentesque.
+                    Aliquam dui mauris, mattis quis lacus id, pellentesque lobortis odio.
+                </CardText>
+                <CardActions expandable={true}>
+                  <FlatButton label="Action1"/>
+                  <FlatButton label="Action2"/>
+                </CardActions>
+            </Card>
+        );
+
+        // "http://www.material-ui.com/#/components/date-picker"
+        const DatePickerExampleSimple = () => (
+            <div>
+                <DatePicker hintText="Portrait Dialog" />
+                <DatePicker hintText="Landscape Dialog" mode="landscape" />
+                <DatePicker hintText="Dialog Disabled" disabled={true} />
+            </div>
+        );
+        const DatePickerExampleInline = () => (
+            <div>
+                <DatePicker hintText="Portrait Inline Dialog" container="inline" />
+                <DatePicker hintText="Landscape Inline Dialog" container="inline" mode="landscape" />
+            </div>
+        );
+        element = (
+            <div>
+                <DatePicker
+                    hintText="Ranged Date Picker"
+                    autoOk={this.state.autoOk}
+                    minDate={this.state.minDate}
+                    maxDate={this.state.maxDate}
+                    disableYearSelection={this.state.disableYearSelection}
+                />
+            </div>
+        );
+        element = <DatePicker style={{ color: 'red' }} />;
+        element = <DatePicker
+            floatingLabelText="Floating Label Text" />;
+        element = <DatePicker
+            hintText="Hint Text" />;
+
+        // "http://material-ui.com/#/components/dialog"
+        let standardActions = [
+            { text: 'Cancel' },
+            { text: 'Submit', onTouchTap: this.touchTapEventHandler, ref: 'submit' }
+        ];
+
+        element = <Dialog
+            title="Dialog With Standard Actions"
+            actions={standardActions}
+            actionFocus="submit"
+            open={this.state.showDialogStandardActions}
+            onRequestClose={this.handleRequestClose}>
+            The actions in this window are created from the json that's passed in.
+            </Dialog>;
+
+        //Custom Actions
+        let customActions = [
+            <FlatButton
+                label="Cancel"
+                secondary={true}
+                onTouchTap={this.touchTapEventHandler} />,
+            <FlatButton
+                label="Submit"
+                primary={true}
+                onTouchTap={this.touchTapEventHandler} />
+        ];
+
+        element = <Dialog
+            title="Dialog With Custom Actions"
+            actions={customActions}
+            open={this.state.showDialogCustomActions}
+            onRequestClose={this.handleRequestClose}>
+            The actions in this window were passed in as an array of react objects.
+            </Dialog>;
+
+        element = <Dialog
+                title="Dialog With Scrollable Content"
+                actions={customActions}
+                autoDetectWindowHeight={true}
+                autoScrollBodyContent={true}
+                open={this.state.showDialogScrollable}
+                onRequestClose={this.handleRequestClose}>
+                <div style={{ height: '1000px' }}>
+                  Really long content
+                </div>
+            </Dialog>;
+
+        // "http://www.material-ui.com/#/components/divider"
+        const DividerExampleForm = () => (
+            <Paper zDepth={2}>
+                <TextField hintText="First name" style={styles.textField} underlineShow={false} />
+                <Divider />
+                <TextField hintText="Middle name" style={styles.textField} underlineShow={false} />
+                <Divider />
+                <TextField hintText="Last name" style={styles.textField} underlineShow={false} />
+                <Divider />
+                <TextField hintText="Email address" style={styles.textField} underlineShow={false} />
+                <Divider />
+            </Paper>
+        );
+        const DividerExampleList = () => (
+            <div>
+                <List>
+                  <ListItem insetChildren={true} primaryText="Janet Perkins Bennet" />
+                  <ListItem insetChildren={true} primaryText="Peter Carlsson" />
+                </List>
+                <Divider inset={true}/>
+                <List>
+                  <ListItem insetChildren={true} primaryText="Aaron Bennet" />
+                  <ListItem insetChildren={true} primaryText="Abbey Christensen" />
+                </List>
+            </div>
+        );
+        const DividerExampleMenu = () => (
+            <Menu desktop={true} style={styles.floatLeft}>
+                <MenuItem primaryText="Settings" />
+                <MenuItem primaryText="Help & feedback" />
+                <Divider />
+                <MenuItem primaryText="Sign out" />
+            </Menu>
+        );
+
+
+        // "http://www.material-ui.com/#/components/grid-list"
+        const tilesData = [
+            {
+                img: 'images/grid-list/00-52-29-429_640.jpg',
+                title: 'Breakfast',
+                author: 'jill111',
+                featured: false,
+            }];
+        const GridListExampleSimple = () => (
+            <div style={styles.root}>
+                <GridList
+                    cellHeight={200}
+                    style={styles.gridList}
+                    >
+                  {tilesData.map(tile => (
+                      <GridTile
+                          key={tile.img}
+                          title={tile.title}
+                          subtitle={<span>by <b>{tile.author}</b></span>}
+                          actionIcon={<IconButton><StarBorder color="white"/></IconButton>}
+                      >
+                          <img src={tile.img} />
+                      </GridTile>
+                  )) }
+                </GridList>
+            </div>
+        );
+        const GridListExampleComplex = () => (
+            <div style={styles.root}>
+                <GridList
+                    cols={2}
+                    cellHeight={200}
+                    padding={1}
+                    style={styles.gridList}
+                    >
+                  {tilesData.map(tile => (
+                      <GridTile
+                          key={tile.img}
+                          title={tile.title}
+                          actionIcon={<IconButton><StarBorder color="white"/></IconButton>}
+                          actionPosition="left"
+                          titlePosition="top"
+                          titleBackground="linear-gradient(to bottom, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.3) 70%,rgba(0,0,0,0) 100%)"
+                          cols={tile.featured ? 2 : 1}
+                          rows={tile.featured ? 2 : 1}
+                          >
+                      <img src={tile.img} />
+                          </GridTile>
+                  )) }
+                </GridList>
+            </div>
+        );
+
+
+        element = <GridList
+            cols={3}
+            padding={50}
+            cellHeight={200}
+            style={{ color: 'red' }} />;
+
+        element = <GridTile
+            title="GridTileTitle"
+            actionIcon={<h1>GridTile</h1>}
+            actionPosition="left"
+            titlePosition="top"
+            titleBackground="rgba(0, 0, 0, 0.4)"
+            cols={2}
+            rows={1}
+            style={{ color: 'red' }}>
+            <h1>Children are Required!</h1>
+            </GridTile>;
+
+
+        // "http://www.material-ui.com/#/components/font-icon"
+        const FontIconExampleSimple = () => (
+            <div>
+                <FontIcon
+                    className="muidocs-icon-action-home"
+                    style={styles.icons}
+                    />
+
+                <FontIcon
+                    className="muidocs-icon-action-home"
+                    style={styles.icons}
+                    color={Colors.blue500}
+                    />
+
+                <FontIcon
+                    className="muidocs-icon-action-home"
+                    style={styles.icons}
+                    color={Colors.red500}
+                    hoverColor={Colors.greenA200}
+                    />
+            </div>
+        );
+
+        const FontIconExampleIcons = () => (
+            <div>
+                <FontIcon className="material-icons" style={styles.icons}>home</FontIcon>
+                <FontIcon className="material-icons" style={styles.icons} color={Colors.red500}>flight_takeoff</FontIcon>
+                <FontIcon className="material-icons" style={styles.icons} color={Colors.yellow500}>cloud_download</FontIcon>
+                <FontIcon className="material-icons" style={styles.icons} color={Colors.blue500}>videogame_asset</FontIcon>
+            </div>
+        );
+
+
+        // "http://www.material-ui.com/#/components/svg-icon"
+        const HomeIcon = (props) => (
+            <SvgIcon {...props}>
+                <path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z" />
+            </SvgIcon>
+        );
+
+        const SvgIconExampleSimple = () => (
+            <div>
+                <HomeIcon style={styles.icons} />
+                <HomeIcon style={styles.icons} color={Colors.blue500} />
+                <HomeIcon style={styles.icons} color={Colors.red500} hoverColor={Colors.greenA200} />
+            </div>
+        );
+        const SvgIconExampleIcons = () => (
+            <div>
+                <ActionHome style={styles.icons}/>
+                <ActionFlightTakeoff style={styles.icons} color={Colors.red500} />
+                <FileCloudDownload style={styles.icons} color={Colors.yellow500} />
+                <HardwareVideogameAsset style={styles.icons} color={Colors.blue500} />
+            </div>
+        );
+        element = <MaterialUi.Icons.NavigationMenu />;
+        element = <Icons.ToggleStar />;
+        element = <FontIcon className= "material-icons" color= { Colors.red500 } > home</FontIcon>;
+
+
+        // "http://www.material-ui.com/#/components/left-nav"
+        element = (
+            <div>
+                <RaisedButton
+                    label="Toggle LeftNav"
+                    onTouchTap={this.handleToggle}
+                />
+                <LeftNav open={this.state.open}>
+                  <MenuItem>Menu Item</MenuItem>
+                  <MenuItem>Menu Item 2</MenuItem>
+                </LeftNav>
+            </div>
+        );
+        element = (
+            <div>
+                <RaisedButton
+                    label="Open LeftNav"
+                    onTouchTap={this.handleToggle}
+                />
+                <LeftNav
+                    docked={false}
+                    width={200}
+                    open={this.state.open}
+                    onRequestChange={open => this.setState(Object.assign({}, this.state, { open })) }
+                >
+                  <MenuItem onTouchTap={this.handleClose}>Menu Item</MenuItem>
+                  <MenuItem onTouchTap={this.handleClose}>Menu Item 2</MenuItem>
+                </LeftNav>
+            </div>
+        );
+        element = (
+            <div>
+                <RaisedButton
+                    label="Toggle LeftNav"
+                    onTouchTap={this.handleToggle}
+                />
+                <LeftNav width={200} openRight={true} open={this.state.open} >
+                  <AppBar title="AppBar"/>
+                </LeftNav>
+            </div>
+        );
+
+
+        // "http://material-ui.com/#/components/lists"
+        const ListExampleSimple = () => (
+            <div>
+                <List>
+                  <ListItem primaryText="Inbox" leftIcon={<ContentInbox />} />
+                  <ListItem primaryText="Starred" leftIcon={<ActionGrade />} />
+                  <ListItem primaryText="Sent mail" leftIcon={<ContentSend />} />
+                  <ListItem primaryText="Drafts" leftIcon={<ContentDrafts />} />
+                  <ListItem primaryText="Inbox" leftIcon={<ContentInbox />} />
+                </List>
+                <Divider />
+                <List>
+                  <ListItem primaryText="All mail" rightIcon={<ActionInfo />} />
+                  <ListItem primaryText="Trash" rightIcon={<ActionInfo />} />
+                  <ListItem primaryText="Spam" rightIcon={<ActionInfo />} />
+                  <ListItem primaryText="Follow up" rightIcon={<ActionInfo />} />
+                </List>
+            </div>
+        );
+        const ListExampleChat = () => (
+            <div>
+                <List subheader="Recent chats">
+                  <ListItem
+                      primaryText="Brendan Lim"
+                      leftAvatar={<Avatar src="images/ok-128.jpg" />}
+                      rightIcon={<CommunicationChatBubble />}
+                  />
+                  <ListItem
+                      primaryText="Eric Hoffman"
+                      leftAvatar={<Avatar src="images/kolage-128.jpg" />}
+                      rightIcon={<CommunicationChatBubble />}
+                  />
+                  <ListItem
+                      primaryText="Grace Ng"
+                      leftAvatar={<Avatar src="images/uxceo-128.jpg" />}
+                      rightIcon={<CommunicationChatBubble />}
+                  />
+                  <ListItem
+                      primaryText="Kerem Suer"
+                      leftAvatar={<Avatar src="images/kerem-128.jpg" />}
+                      rightIcon={<CommunicationChatBubble />}
+                  />
+                  <ListItem
+                      primaryText="Raquel Parrado"
+                      leftAvatar={<Avatar src="images/raquelromanp-128.jpg" />}
+                      rightIcon={<CommunicationChatBubble />}
+                  />
+                </List>
+                <Divider />
+                <List subheader="Previous chats">
+                  <ListItem
+                      primaryText="Chelsea Otakan"
+                      leftAvatar={<Avatar src="images/chexee-128.jpg" />}
+                  />
+                  <ListItem
+                      primaryText="James Anderson"
+                      leftAvatar={<Avatar src="images/jsa-128.jpg" />}
+                  />
+                </List>
+            </div>
+        );
+        const ListExampleNested = () => (
+            <div>
+                <List subheader="Nested List Items">
+                  <ListItem primaryText="Sent mail" leftIcon={<ContentSend />} />
+                  <ListItem primaryText="Drafts" leftIcon={<ContentDrafts />} />
+                  <ListItem
+                      primaryText="Inbox"
+                      leftIcon={<ContentInbox />}
+                      initiallyOpen={true}
+                      primaryTogglesNestedList={true}
+                      nestedItems={[
+                          <ListItem
+                              key={1}
+                              primaryText="Starred"
+                              leftIcon={<ActionGrade />}
+                              />,
+                          <ListItem
+                              key={2}
+                              primaryText="Sent Mail"
+                              leftIcon={<ContentSend />}
+                              disabled={true}
+                              nestedItems={[
+                                  <ListItem key={1} primaryText="Drafts" leftIcon={<ContentDrafts />} />,
+                              ]}
+                          />,
+                      ]}
+                  />
+                </List>
+            </div>
+        );
+        const iconButtonElement = (
+            <IconButton
+                touch={true}
+                tooltip="more"
+                tooltipPosition="bottom-left"
+            >
+                <MoreVertIcon color={Colors.grey400} />
+            </IconButton>
+        ); 
+        const rightIconMenu = (
+            <IconMenu iconButtonElement={iconButtonElement}>
+                <MenuItem>Reply</MenuItem>
+                <MenuItem>Forward</MenuItem>
+                <MenuItem>Delete</MenuItem>
+            </IconMenu>
+        );
+        const ListExampleMessages = () => (
+            <div>
+                <List subheader="Today">
+                    <ListItem
+                        leftAvatar={<Avatar src="images/ok-128.jpg" />}
+                        rightIconButton={rightIconMenu}
+                        primaryText="Brendan Lim"
+                        secondaryText={
+                        <p>
+                          <span style={{ color: Colors.darkBlack }}>Brunch this weekend?</span><br/>
+                          I&apos; ll be in your neighborhood doing errands this weekend.Do you want to grab brunch?
+                            </p>
+                        }
+                        secondaryTextLines={2}
+                    />
+                </List>
+            </div>
+        );
+        const ListExampleSelectable = () => (
+            <div>
+                <SelectableList
+                    value={3}
+                    subheader="SelectableContacts"
+                >
+                  <ListItem
+                      value={1}
+                      primaryText="Brendan Lim"
+                      leftAvatar={<Avatar src="images/ok-128.jpg" />}
+                      nestedItems={[
+                          <ListItem
+                              value={2}
+                              primaryText="Grace Ng"
+                              leftAvatar={<Avatar src="images/uxceo-128.jpg" />}
+                          />,
+                      ]}
+                  />
+                  <ListItem
+                      value={3}
+                      primaryText="Kerem Suer"
+                      leftAvatar={<Avatar src="images/kerem-128.jpg" />}
+                  />
+                  <ListItem
+                      value={4}
+                      primaryText="Eric Hoffman"
+                      leftAvatar={<Avatar src="images/kolage-128.jpg" />}
+                  />
+                  <ListItem
+                      value={5}
+                      primaryText="Raquel Parrado"
+                      leftAvatar={<Avatar src="images/raquelromanp-128.jpg" />}
+                  />
+                </SelectableList>
+            </div>
+        );
+
+
+        // "http://www.material-ui.com/#/components/menu"
+        const MenuExampleSimple = () => (
+            <div>
+                <Menu style={styles.menu}>
+                  <MenuItem primaryText="Maps" />
+                  <MenuItem primaryText="Books" />
+                  <MenuItem primaryText="Flights" />
+                  <MenuItem primaryText="Apps" />
+                </Menu>
+                <Menu style={styles.menu}>
+                  <MenuItem primaryText="Refresh" />
+                  <MenuItem primaryText="Help &amp; feedback" />
+                  <MenuItem primaryText="Settings" />
+                  <MenuItem primaryText="Sign out" />
+                </Menu>
+            </div>
+        );
+        const MenuExampleDisable = () => (
+            <div>
+                <Menu style={styles.menu} desktop={true}>
+                  <MenuItem primaryText="Back" />
+                  <MenuItem primaryText="Forward" disabled={true} />
+                  <Divider />
+                  <MenuItem primaryText="Recently closed" disabled={true} />
+                  <MenuItem primaryText="Google" disabled={true} />
+                  <MenuItem primaryText="YouTube" />
+                </Menu>
+                <Menu style={styles.menu} desktop={true}>
+                  <MenuItem primaryText="Undo" />
+                  <MenuItem primaryText="Redo" disabled={true} />
+                  <Divider />
+                  <MenuItem primaryText="Cut" disabled={true} />
+                  <MenuItem primaryText="Copy" disabled={true} />
+                  <MenuItem primaryText="Paste" />
+                </Menu>
+            </div>
+        );
+        const MenuExampleIcons = () => (
+            <div>
+                <Menu style={styles.menu}>
+                  <MenuItem primaryText="Preview" leftIcon={<RemoveRedEye />} />
+                  <MenuItem primaryText="Share" leftIcon={<PersonAdd />} />
+                  <MenuItem primaryText="Get links" leftIcon={<ContentLink />} />
+                  <Divider />
+                  <MenuItem primaryText="Make a copy" leftIcon={<ContentCopy />} />
+                  <MenuItem primaryText="Download" leftIcon={<Download />} />
+                  <Divider />
+                  <MenuItem primaryText="Remove" leftIcon={<Delete />} />
+                </Menu>
+                <Menu style={styles.menu} desktop={false}>
+                  <MenuItem primaryText="Clear Config" />
+                  <MenuItem primaryText="New Config" rightIcon={<PersonAdd />} />
+                  <MenuItem primaryText="Project" rightIcon={<FontIcon className="material-icons">settings</FontIcon>}/>
+                  <MenuItem
+                      primaryText="Workspace"
+                      rightIcon={
+                      <FontIcon className="material-icons" style={{ color: '#559' }}>settings</FontIcon>
+                      }
+                  />
+                  <MenuItem primaryText="Paragraph" rightIcon={<b style={styles.rightIcon}>¶</b>} />
+                  <MenuItem primaryText="Section" rightIcon={<b style={styles.rightIcon}>§</b>} />
+                </Menu>
+            </div>
+        );
+        const MenuExampleSecondary = () => (
+            <div>
+                <Menu style={styles.menu} desktop={true} width={320}>
+                  <MenuItem primaryText="Bold" secondaryText="&#8984;B" />
+                  <MenuItem primaryText="Italic" secondaryText="&#8984;I" />
+                  <MenuItem primaryText="Underline" secondaryText="&#8984;U" />
+                  <MenuItem primaryText="Strikethrough" secondaryText="Alt+Shift+5" />
+                  <MenuItem primaryText="Superscript" secondaryText="&#8984;." />
+                  <MenuItem primaryText="Subscript" secondaryText="&#8984;," />
+                  <Divider />
+                  <MenuItem primaryText="Paragraph styles" rightIcon={<ArrowDropRight />} />
+                  <MenuItem primaryText="Align" rightIcon={<ArrowDropRight />} />
+                  <MenuItem primaryText="Line spacing" rightIcon={<ArrowDropRight />} />
+                  <MenuItem primaryText="Numbered list" rightIcon={<ArrowDropRight />} />
+                  <MenuItem primaryText="List options" rightIcon={<ArrowDropRight />} />
+                  <Divider />
+                  <MenuItem primaryText="Clear formatting" secondaryText="&#8984;/" />
+                </Menu>
+                <Menu style={styles.menu} desktop={true} width={320}>
+                  <MenuItem primaryText="Open" secondaryText="Cmd + O" />
+                  <MenuItem primaryText="Paste in place" secondaryText="Shift + V" />
+                  <MenuItem primaryText="Research" secondaryText="Opt + Shift + Cmd + I" />
+                </Menu>
+                <Menu style={styles.menu} desktop={true} width={320}>
+                  <MenuItem primaryText="Open" secondaryText="&#8984;O" />
+                  <MenuItem primaryText="Paste in place" secondaryText="&#8679;&#8984;V" />
+                  <MenuItem primaryText="Research" secondaryText="&#8997;&#8679;&#8984;I" />
+                </Menu>
+            </div>
+        );
+        const MenuExampleNested = () => (
+            <div>
+                <Menu style={styles.menu} desktop={true} width={320}>
+                  <MenuItem primaryText="Single" insetChildren={true} />
+                  <MenuItem primaryText="1.15" insetChildren={true} />
+                  <MenuItem primaryText="Double" insetChildren={true} />
+                  <MenuItem
+                      primaryText="Custom: 1.2"
+                      checked={true}
+                      rightIcon={<ArrowDropRight />}
+                      menuItems={[
+                          <MenuItem
+                              primaryText="Show"
+                              rightIcon={<ArrowDropRight />}
+                              menuItems={[
+                                  <MenuItem primaryText="Show Level 2" />,
+                                  <MenuItem primaryText="Grid lines" checked={true} />,
+                                  <MenuItem primaryText="Page breaks" insetChildren={true} />,
+                                  <MenuItem primaryText="Rules" checked={true} />,
+                              ]}
+                          />,
+                          <MenuItem primaryText="Grid lines" checked={true} />,
+                          <MenuItem primaryText="Page breaks" insetChildren={true} />,
+                          <MenuItem primaryText="Rules" checked={true} />,
+                      ]}
+                  />
+                  <Divider />
+                  <MenuItem primaryText="Add space before paragraph" />
+                  <MenuItem primaryText="Add space after paragraph" />
+                  <Divider />
+                  <MenuItem primaryText="Custom spacing..." />
+                </Menu>
+            </div>
+        );
+
+
+        // "http://www.material-ui.com/#/components/icon-menu"
+        const IconMenuExampleSimple = () => (
+            <div>
+                <IconMenu
+                    iconButtonElement={<IconButton><MoreVertIcon /></IconButton>}
+                    anchorOrigin={{ horizontal: 'left', vertical: 'top' }}
+                    targetOrigin={{ horizontal: 'left', vertical: 'top' }}
+                >
+                  <MenuItem primaryText="Refresh" />
+                  <MenuItem primaryText="Send feedback" />
+                  <MenuItem primaryText="Settings" />
+                  <MenuItem primaryText="Help" />
+                  <MenuItem primaryText="Sign out" />
+                </IconMenu>
+                <IconMenu
+                    iconButtonElement={<IconButton><MoreVertIcon /></IconButton>}
+                    anchorOrigin={{ horizontal: 'left', vertical: 'bottom' }}
+                    targetOrigin={{ horizontal: 'left', vertical: 'bottom' }}
+                >
+                  <MenuItem primaryText="Refresh" />
+                  <MenuItem primaryText="Send feedback" />
+                  <MenuItem primaryText="Settings" />
+                  <MenuItem primaryText="Help" />
+                  <MenuItem primaryText="Sign out" />
+                </IconMenu>
+                <IconMenu
+                    iconButtonElement={<IconButton><MoreVertIcon /></IconButton>}
+                    anchorOrigin={{ horizontal: 'right', vertical: 'bottom' }}
+                    targetOrigin={{ horizontal: 'right', vertical: 'bottom' }}
+                >
+                  <MenuItem primaryText="Refresh" />
+                  <MenuItem primaryText="Send feedback" />
+                  <MenuItem primaryText="Settings" />
+                  <MenuItem primaryText="Help" />
+                  <MenuItem primaryText="Sign out" />
+                </IconMenu>
+                <IconMenu
+                    iconButtonElement={<IconButton><MoreVertIcon /></IconButton>}
+                    anchorOrigin={{ horizontal: 'right', vertical: 'top' }}
+                    targetOrigin={{ horizontal: 'right', vertical: 'top' }}
+                    >
+                  <MenuItem primaryText="Refresh" />
+                  <MenuItem primaryText="Send feedback" />
+                  <MenuItem primaryText="Settings" />
+                  <MenuItem primaryText="Help" />
+                  <MenuItem primaryText="Sign out" />
+                </IconMenu>
+            </div>
+        );
+        element = (
+            <div>
+                <IconMenu
+                    iconButtonElement={<IconButton><MoreVertIcon /></IconButton>}
+                    onChange={this.handleChangeSingle}
+                    value={this.state.valueSingle}
+                    >
+                  <MenuItem value="1" primaryText="Refresh" />
+                  <MenuItem value="2" primaryText="Send feedback" />
+                  <MenuItem value="3" primaryText="Settings" />
+                  <MenuItem value="4" primaryText="Help" />
+                  <MenuItem value="5" primaryText="Sign out" />
+                </IconMenu>
+                <IconMenu
+                    iconButtonElement={<IconButton><ContentFilter /></IconButton>}
+                    onChange={this.handleChangeMultiple}
+                    value={this.state.valueMultiple}
+                    multiple={true}
+                    >
+                  <MenuItem value="1" primaryText="Blu-ray" />
+                  <MenuItem value="2" primaryText="Cassette" />
+                  <MenuItem value="3" primaryText="CD" />
+                  <MenuItem value="4" primaryText="DVD Audio" />
+                  <MenuItem value="5" primaryText="Hybrid SACD" />
+                  <MenuItem value="6" primaryText="Vinyl" />
+                </IconMenu>
+            </div>
+        );
+        const IconMenuExampleScrollable = () => (
+            <IconMenu
+                iconButtonElement={<IconButton><MapsPlace /></IconButton>}
+                anchorOrigin={{ horizontal: 'left', vertical: 'top' }}
+                targetOrigin={{ horizontal: 'left', vertical: 'top' }}
+                maxHeight={272}
+            >
+                <MenuItem value="AL" primaryText="Alabama" />
+                <MenuItem value="AK" primaryText="Alaska" />
+            </IconMenu>
+        );
+
+
+        // "http://www.material-ui.com/#/components/dropdown-menu"
+        element = <DropDownMenu value={this.state.value} onChange={this.handleChange}>
+                        <MenuItem value={1} primaryText="Never"/>
+                        <MenuItem value={2} primaryText="Every Night"/>
+                        <MenuItem value={3} primaryText="Weeknights"/>
+                        <MenuItem value={4} primaryText="Weekends"/>
+                        <MenuItem value={5} primaryText="Weekly"/>
+            </DropDownMenu>;
+        const menuItems = [<MenuItem value={0} key={0} primaryText={'Item 0'}/>];
+        element = (
+            <DropDownMenu maxHeight={300} value={this.state.value} onChange={this.handleChange}>
+                {menuItems}
+            </DropDownMenu>
+        );
+        element = (
+            <DropDownMenu value={this.state.value} onChange={this.handleChange}>
+                <MenuItem value={1} label="5 am - 12 pm" primaryText="Morning" />
+                <MenuItem value={2} label="12 pm - 5 pm" primaryText="Afternoon" />
+                <MenuItem value={3} label="5 pm - 9 pm" primaryText="Evening" />
+                <MenuItem value={4} label="9 pm - 5 am" primaryText="Night" />
+            </DropDownMenu>
+        );
+
+        // "http://material-ui.com/#/components/paper"
+        const PaperExampleSimple = () => (
+            <div>
+                <Paper style={styles.paper} zDepth={1}/>
+                <Paper style={styles.paper} zDepth={2}/>
+                <Paper style={styles.paper} zDepth={3}/>
+                <Paper style={styles.paper} zDepth={4}/>
+                <Paper style={styles.paper} zDepth={5}/>
+            </div>
+        );
+        const PaperExampleRounded = () => (
+            <div>
+                <Paper style={styles.paper} zDepth={1} rounded={false}/>
+                <Paper style={styles.paper} zDepth={2} rounded={false}/>
+                <Paper style={styles.paper} zDepth={3} rounded={false}/>
+                <Paper style={styles.paper} zDepth={4} rounded={false}/>
+                <Paper style={styles.paper} zDepth={5} rounded={false}/>
+            </div>
+        );
+        const PaperExampleCircle = () => (
+            <div>
+                <Paper style={styles.paper} zDepth={1} circle={true}/>
+                <Paper style={styles.paper} zDepth={2} circle={true}/>
+                <Paper style={styles.paper} zDepth={3} circle={true}/>
+                <Paper style={styles.paper} zDepth={4} circle={true}/>
+                <Paper style={styles.paper} zDepth={5} circle={true}/>
+            </div>
+        );
+
+
+        // "http://www.material-ui.com/#/components/popover"
+        element = (
+            <div>
+                <RaisedButton
+                    onTouchTap={this.handleTouchTap}
+                    label="Click me"
+                />
+                <Popover
+                    open={this.state.open}
+                    anchorEl={this.state.anchorEl}
+                    anchorOrigin={{ horizontal: 'left', vertical: 'bottom' }}
+                    targetOrigin={{ horizontal: 'left', vertical: 'top' }}
+                    onRequestClose={this.handleRequestCloseReason}
+                >
+                  <div style={styles.popover}>
+                    <RaisedButton primary={true} label="Here is a button"/>
+                  </div>
+                </Popover>
+            </div>
+        );
+        element = (
+            <div>
+                <RaisedButton
+                    onTouchTap={this.handleTouchTap}
+                    label="Click me"
+                />
+                <Popover
+                    open={this.state.open}
+                    anchorEl={this.state.anchorEl}
+                    anchorOrigin={{ horizontal: 'left', vertical: 'bottom' }}
+                    targetOrigin={{ horizontal: 'left', vertical: 'top' }}
+                    onRequestClose={this.handleRequestCloseReason}
+                    animation={PopoverAnimationFromTop}
+                    >
+                  <div style={styles.popover}>
+                    <RaisedButton primary={true} label="Here is a button"/>
+                  </div>
+                </Popover>
+            </div>
+        );
+
+
+        // "http://www.material-ui.com/#/components/circular-progress"
+        const CircularProgressExampleSimple = () => (
+            <div>
+                <CircularProgress />
+                <CircularProgress size={1.5} />
+                <CircularProgress size={2} />
+            </div>
+        );
+        element = (
+            <div>
+                <CircularProgress mode="determinate" value={this.state.completed}/>
+                <CircularProgress mode="determinate" value={this.state.completed} size={1.5}/>
+                <CircularProgress mode="determinate" value={this.state.completed} size={2}/>
+            </div>
+        );
+
+
+        // "http://www.material-ui.com/#/components/linear-progress"
+        const LinearProgressExampleSimple = () => (
+            <LinearProgress mode="indeterminate"/>
+        );
+        element = (
+            <LinearProgress mode="determinate" value={this.state.completed} />
+        );
+
+
+        // "http://www.material-ui.com/#/components/refresh-indicator"
+        const RefreshIndicatorExampleSimple = () => (
+            <div style={styles.container}>
+                <RefreshIndicator
+                    percentage={30}
+                    size={40}
+                    left={10}
+                    top={0}
+                    status="ready"
+                    style={styles.refresh}
+                />
+                <RefreshIndicator
+                    percentage={60}
+                    size={50}
+                    left={65}
+                    top={0}
+                    status="ready"
+                    style={styles.refresh}
+                />
+                <RefreshIndicator
+                    percentage={80}
+                    size={60}
+                    left={120}
+                    top={0}
+                    color={"red"}
+                    status="ready"
+                    style={styles.refresh}
+                />
+                <RefreshIndicator
+                    percentage={100}
+                    size={70}
+                    left={175}
+                    top={0}
+                    color={"red"} // Overridden by percentage={100}
+                    status="ready"
+                    style={styles.refresh}
+                />
+            </div>
+        );
+        const RefreshIndicatorExampleLoading = () => (
+            <div style={styles.container}>
+                <RefreshIndicator
+                    size={40}
+                    left={10}
+                    top={0}
+                    status="loading"
+                    style={styles.refresh}
+                />
+                <RefreshIndicator
+                    size={50}
+                    left={70}
+                    top={0}
+                    loadingColor={"#FF9800"}
+                    status="loading"
+                    style={styles.refresh}
+                />
+            </div>
+        );
+
+
+        // "http://www.material-ui.com/#/components/select-field"
+        element = (
+            <div>
+                <SelectField value={this.state.value} onChange={this.handleChange}>
+                  <MenuItem value={1} primaryText="Never"/>
+                  <MenuItem value={2} primaryText="Every Night"/>
+                  <MenuItem value={3} primaryText="Weeknights"/>
+                  <MenuItem value={4} primaryText="Weekends"/>
+                  <MenuItem value={5} primaryText="Weekly"/>
+                </SelectField>
+                <br />
+                <SelectField value={1} disabled={true}>
+                  <MenuItem value={1} primaryText="Never"/>
+                  <MenuItem value={2} primaryText="Every Night"/>
+                </SelectField>
+            </div>
+        );
+        element = (
+            <SelectField maxHeight={300} value={this.state.value} onChange={this.handleChange}>
+                {menuItems}
+            </SelectField>
+        );
+        element = (
+            <SelectField value={this.state.value} onChange={this.handleChange}>
+                <MenuItem value={1} label="5 am - 12 pm" primaryText="Morning"/>
+                <MenuItem value={2} label="12 pm - 5 pm" primaryText="Afternoon"/>
+                <MenuItem value={3} label="5 pm - 9 pm" primaryText="Evening"/>
+                <MenuItem value={4} label="9 pm - 5 am" primaryText="Night"/>
+            </SelectField>
+        );
+        element = (
+            <div>
+                <SelectField
+                    value={this.state.value}
+                    onChange={this.handleChange}
+                    floatingLabelText="Floating Label Text"
+                >
+                  {menuItems}
+                </SelectField>
+                <br />
+                <SelectField
+                    value={this.state.value}
+                    onChange={this.handleChange}
+                    floatingLabelText="Styled Floating Label Text"
+                    floatingLabelStyle={{ color: 'red' }}
+                >
+                  {menuItems}
+                </SelectField>
+            </div>
+        );
+        const {value} = this.state;
+        const night = value === 2 || value === 3;
+        element = (
+            <div>
+                <SelectField
+                    value={value}
+                    onChange={this.handleChange}
+                    errorText={!night && 'Should be Night'}
+                >
+                  {menuItems}
+                </SelectField>
+                <br/>
+                <SelectField
+                    value={value}
+                    onChange={this.handleChange}
+                    errorText={night && 'Should not be Night (Custom error style)'}
+                    errorStyle={{ color: 'orange' }}
+                >
+                  {menuItems}
+                </SelectField>
+            </div>
+        );
+
+
+        // "http://www.material-ui.com/#/components/slider"
+        const SliderExampleSimple = () => (
+            <div>
+                <Slider/>
+                <Slider defaultValue={0.5}/>
+                <Slider defaultValue={1}/>
+            </div>
+        );        
+        const SliderExampleDisabled = () => (
+            <div>
+                <Slider disabled={true}/>
+                <Slider disabled={true} value={0.5}/>
+                <Slider disabled={true} value={1}/>
+            </div>
+        );
+        const SliderExampleStep = () => (
+            <Slider step={0.10} value={.5}/>
+        );
+
+
+        // "http://www.material-ui.com/#/components/checkbox"
+        const CheckboxExampleSimple = () => (
+            <div style={styles.block}>
+                <Checkbox
+                    label="Simple"
+                    style={styles.checkbox}
+                />
+                <Checkbox
+                    label="Checked by default"
+                    defaultChecked={true}
+                    style={styles.checkbox}
+                />
+                <Checkbox
+                    label="Disabled"
+                    disabled={true}
+                    style={styles.checkbox}
+                />
+                <Checkbox
+                    checkedIcon={<ActionFavorite />}
+                    unCheckedIcon={<ActionFavoriteBorder />}
+                    label="Custom icon"
+                    style={styles.checkbox}
+                />
+                <Checkbox
+                    label="Label on the left"
+                    labelPosition="left"
+                    style={styles.checkbox}
+                />
+            </div>
+        );
+
+
+        // "http://www.material-ui.com/#/components/radio-button"
+        const RadioButtonExampleSimple = () => (
+            <div>
+                <RadioButtonGroup name="shipSpeed" defaultSelected="not_light">
+                  <RadioButton
+                      value="light"
+                      label="Simple"
+                      style={styles.radioButton}
+                  />
+                  <RadioButton
+                      value="not_light"
+                      label="Selected by default"
+                      style={styles.radioButton}
+                  />
+                  <RadioButton
+                      value="ludicrous"
+                      label="Disabled"
+                      disabled={true}
+                      style={styles.radioButton}
+                  />
+                </RadioButtonGroup>
+
+                <RadioButtonGroup name="notRight" labelPosition="left" style={styles.block}>
+                  <RadioButton
+                      value="reverse"
+                      label="Label on the left"
+                      style={styles.radioButton}
+                  />
+                </RadioButtonGroup>
+            </div>
+        );
+
+
+        // "http://www.material-ui.com/#/components/toggle"
+        const ToggleExampleSimple = () => (
+            <div style={styles.block}>
+                <Toggle
+                    label="Simple"
+                    style={styles.toggle}
+                />
+                <Toggle
+                    label="Toggled by default"
+                    defaultToggled={true}
+                    style={styles.toggle}
+                />
+                <Toggle
+                    label="Disabled"
+                    disabled={true}
+                    style={styles.toggle}
+                />
+                <Toggle
+                    label="Label on the right"
+                    labelPosition="right"
+                    style={styles.toggle}
+                />
+            </div>
+        );
+
+
+        // "http://material-ui.com/#/components/snackbar"
+        element = (
+            <div>
+                <RaisedButton
+                    onTouchTap={this.handleTouchTap}
+                    label="Add to my calendar"
+                />
+                <Snackbar
+                    open={this.state.open}
+                    message="Event added to your calendar"
+                    autoHideDuration={4000}
+                    onRequestClose={this.handleRequestCloseReason}
+                />
+            </div>
+        );
+        element = (
+            <div>
+                <RaisedButton
+                    onTouchTap={this.handleTouchTap}
+                    label="Add to my calendar"
+                />
+                <br />
+                <TextField
+                    floatingLabelText="Auto Hide Duration in ms"
+                    value={this.state.autoHideDuration}
+                    onChange={this.handleChangeDuration}
+                />
+                <Snackbar
+                    open={this.state.open}
+                    message={this.state.message}
+                    action="undo"
+                    autoHideDuration={this.state.autoHideDuration}
+                    onActionTouchTap={this.handleActionTouchTap}
+                    onRequestClose={this.handleRequestCloseReason}
+                />
+            </div>
+        );
+
+        // "http://www.material-ui.com/#/components/table"
+        element = (
+            <Table>
+                <TableHeader>
+                  <TableRow>
+                    <TableHeaderColumn>ID</TableHeaderColumn>
+                    <TableHeaderColumn>Name</TableHeaderColumn>
+                    <TableHeaderColumn>Status</TableHeaderColumn>
+                  </TableRow>
+                </TableHeader>
+                <TableBody>
+                  <TableRow>
+                    <TableRowColumn>1</TableRowColumn>
+                    <TableRowColumn>John Smith</TableRowColumn>
+                    <TableRowColumn>Employed</TableRowColumn>
+                  </TableRow>
+                  <TableRow>
+                    <TableRowColumn>2</TableRowColumn>
+                    <TableRowColumn>Randal White</TableRowColumn>
+                    <TableRowColumn>Unemployed</TableRowColumn>
+                  </TableRow>
+                  <TableRow>
+                    <TableRowColumn>3</TableRowColumn>
+                    <TableRowColumn>Stephanie Sanders</TableRowColumn>
+                    <TableRowColumn>Employed</TableRowColumn>
+                  </TableRow>
+                  <TableRow>
+                    <TableRowColumn>4</TableRowColumn>
+                    <TableRowColumn>Steve Brown</TableRowColumn>
+                    <TableRowColumn>Employed</TableRowColumn>
+                  </TableRow>
+                </TableBody>
+            </Table>
+        );
+        const tableData = [
+            {
+                name: 'John Smith',
+                status: 'Employed',
+                selected: true,
+            },
+        ];
+        element = (
+          <div>
+            <Table
+              height={this.state.height}
+              fixedHeader={this.state.fixedHeader}
+              fixedFooter={this.state.fixedFooter}
+              selectable={this.state.selectable}
+              multiSelectable={this.state.multiSelectable}
+              onRowSelection={this.onRowSelection}
+            >
+              <TableHeader enableSelectAll={this.state.enableSelectAll}>
+                <TableRow>
+                  <TableHeaderColumn colSpan={3} tooltip="Super Header" style={{textAlign: 'center'}}>
+                    Super Header
+                  </TableHeaderColumn>
+                </TableRow>
+                <TableRow>
+                  <TableHeaderColumn tooltip="The ID">ID</TableHeaderColumn>
+                  <TableHeaderColumn tooltip="The Name">Name</TableHeaderColumn>
+                  <TableHeaderColumn tooltip="The Status">Status</TableHeaderColumn>
+                </TableRow>
+              </TableHeader>
+              <TableBody
+                deselectOnClickaway={this.state.deselectOnClickaway}
+                showRowHover={this.state.showRowHover}
+                stripedRows={this.state.stripedRows}
+              >
+                {tableData.map( (row, index) => (
+                  <TableRow key={index} selected={row.selected}>
+                    <TableRowColumn>{index}</TableRowColumn>
+                    <TableRowColumn>{row.name}</TableRowColumn>
+                    <TableRowColumn>{row.status}</TableRowColumn>
+                  </TableRow>
+                  ))}
+              </TableBody>
+              <TableFooter>
+                <TableRow>
+                  <TableRowColumn>ID</TableRowColumn>
+                  <TableRowColumn>Name</TableRowColumn>
+                  <TableRowColumn>Status</TableRowColumn>
+                </TableRow>
+                <TableRow>
+                  <TableRowColumn colSpan={3} style={{textAlign: 'center'}}>
+                    Super Footer
+                  </TableRowColumn>
+                </TableRow>
+              </TableFooter>
+            </Table>
+
+            <div style={styles.propContainerStyle}>
+              <h3>Table Properties</h3>
+              <TextField
+                floatingLabelText="Table Body Height"
+                defaultValue={this.state.height}
+                onChange={this.formEventHandler}
+              />
+              <Toggle
+                name="fixedHeader"
+                label="Fixed Header"
+                onToggle={this.handleToggle}
+                defaultToggled={this.state.fixedHeader}
+              />
+              <Toggle
+                name="fixedFooter"
+                label="Fixed Footer"
+                onToggle={this.handleToggle}
+                defaultToggled={this.state.fixedFooter}
+              />
+              <Toggle
+                name="selectable"
+                label="Selectable"
+                onToggle={this.handleToggle}
+                defaultToggled={this.state.selectable}
+              />
+              <Toggle
+                name="multiSelectable"
+                label="Multi-Selectable"
+                onToggle={this.handleToggle}
+                defaultToggled={this.state.multiSelectable}
+              />
+              <Toggle
+                name="enableSelectAll"
+                label="Enable Select All"
+                onToggle={this.handleToggle}
+                defaultToggled={this.state.enableSelectAll}
+              />
+              <h3 style={styles.propToggleHeader}>TableBody Properties</h3>
+              <Toggle
+                name="deselectOnClickaway"
+                label="Deselect On Clickaway"
+                onToggle={this.handleToggle}
+                defaultToggled={this.state.deselectOnClickaway}
+              />
+              <Toggle
+                name="stripedRows"
+                label="Stripe Rows"
+                onToggle={this.handleToggle}
+                defaultToggled={this.state.stripedRows}
+              />
+              <Toggle
+                name="showRowHover"
+                label="Show Row Hover"
+                onToggle={this.handleToggle}
+                defaultToggled={this.state.showRowHover}
+              />
+            </div>
+          </div>
+        );
+
+        // "http://www.material-ui.com/#/components/tabs"
+        const TabsExampleSimple = () => (
+          <Tabs>
+            <Tab label="Item One" >
+              <div>
+                <h2 style={styles.headline}>Tab One</h2>
+                <p>
+                  This is an example tab.
+                </p>
+                <p>
+                  You can put any sort of HTML or react component in here. It even keeps the component state!
+                </p>
+                <Slider name="slider0" defaultValue={0.5} />
+              </div>
+            </Tab>
+            <Tab label="Item Two" >
+              <div>
+                <h2 style={styles.headline}>Tab Two</h2>
+                <p>
+                  This is another example tab.
+                </p>
+              </div>
+            </Tab>
+            <Tab
+              label="onActive"
+              value="/home"
+              onActive={this.handleActive}
+            >
+              <div>
+                <h2 style={styles.headline}>Tab Three</h2>
+                <p>
+                  This is a third example tab.
+                </p>
+              </div>
+            </Tab>
+          </Tabs>
+        );
+        element = (
+          <Tabs
+            value={this.state.value}
+            onChange={this.handleChangeTabs}
+          >
+            <Tab label="Tab A" value="a" >
+              <div>
+                <h2 style={styles.headline}>Controllable Tab A</h2>
+                <p>
+                  Tabs are also controllable if you want to programmatically pass them their values.
+                  This allows for more functionality in Tabs such as not
+                  having any Tab selected or assigning them different values.
+                </p>
+              </div>
+            </Tab>
+            <Tab label="Tab B" value="b">
+              <div>
+                <h2 style={styles.headline}>Controllable Tab B</h2>
+                <p>
+                  This is another example of a controllable tab. Remember, if you
+                  use controllable Tabs, you need to give all of your tabs values or else
+                  you wont be able to select them.
+                </p>
+              </div>
+            </Tab>
+          </Tabs>
+        );
+        const TabsExampleIcon = () => (
+            <Tabs>
+                <Tab icon={<FontIcon className="muidocs-icon-action-home" />} />
+                <Tab icon={<ActionFlightTakeoff />} />
+                <Tab icon={<FontIcon className="material-icons">favorite</FontIcon>} />
+            </Tabs>
+        );
+
+        // "http://www.material-ui.com/#/components/text-field"
+        const TextFieldExampleSimple = () => (
+          <div>
+            <TextField
+              hintText="Hint Text"
+            /><br/>
+            <br/>
+            <TextField
+              hintText="The hint text can be as long as you want, it will wrap."
+            /><br/>
+            <TextField
+              defaultValue="Default Value"
+            /><br/>
+            <TextField
+              hintText="Hint Text"
+              floatingLabelText="Floating Label Text"
+            /><br/>
+            <TextField
+              hintText="Password Field"
+              floatingLabelText="Password"
+              type="password"
+            /><br/>
+            <TextField
+              hintText="MultiLine with rows: 2 and rowsMax: 4"
+              multiLine={true}
+              rows={2}
+              rowsMax={4}
+            /><br/>
+            <TextField
+              hintText="Message Field"
+              floatingLabelText="MultiLine and FloatingLabel"
+              multiLine={true}
+              rows={2}
+            />
+          </div>
+        );
+        const TextFieldExampleError = () => (
+          <div>
+            <TextField
+              hintText="Hint Text"
+              errorText="This field is required"
+            /><br/>
+            <TextField
+              hintText="Hint Text"
+              errorText="The error text can be as long as you want, it will wrap."
+            /><br/>
+            <TextField
+              hintText="Hint Text"
+              errorText="This field is required"
+              floatingLabelText="Floating Label Text"
+            /><br/>
+            <TextField
+              hintText="Message Field"
+              errorText="This field is required."
+              floatingLabelText="MultiLine and FloatingLabel"
+              multiLine={true}
+              rows={2}
+            /><br/>
+          </div>
+        );
+        const TextFieldExampleCustomize = () => (
+          <div>
+            <TextField
+              hintText="Styled Hint Text"
+              hintStyle={styles.errorStyle}
+            /><br/>
+            <TextField
+              hintText="Custom error color"
+              errorText="This field is required."
+              errorStyle={styles.errorStyle}
+            /><br/>
+            <TextField
+              hintText="Custom Underline Color"
+              underlineStyle={styles.underlineStyle}
+            /><br/>
+            <TextField
+              hintText="Custom Underline Focus Color"
+              underlineFocusStyle={styles.underlineStyle}
+            />
+          </div>
+        );
+        const TextFieldExampleDisabled = () => (
+          <div>
+            <TextField
+              disabled={true}
+              hintText="Disabled Hint Text"
+            /><br/>
+            <TextField
+              disabled={true}
+              defaultValue="Disabled Value"
+            /><br/>
+            <TextField
+              disabled={true}
+              hintText="Disabled Hint Text"
+              floatingLabelText="Floating Label Text"
+            /><br/>
+            <TextField
+              disabled={true}
+              hintText="Disabled Hint Text"
+              defaultValue="Disabled With Floating Label"
+              floatingLabelText="Floating Label Text"
+            />
+          </div>
+        );
+        element = <TextField
+            hintText = "Hint Text"
+            value = { this.state.value }
+            underlineStyle = {{ borderColor: Colors.green500 }}
+            onChange = { this.formEventHandler } />;
+
+
+        // "http://www.material-ui.com/#/components/time-picker"
+        const TimePickerExampleSimple = () => (
+          <div>
+            <TimePicker
+              hintText="12hr Format"
+            />
+            <TimePicker
+              format="24hr"
+              hintText="24hr Format"
+            />
+          </div>
+        );
+        element = (
+          <div>
+            <TimePicker
+              ref={t => this.picker12hr = t}
+              format="ampm"
+              hintText="12hr Format"
+              onChange={this.handleChangeTimePicker12}
+            />
+            <TimePicker
+              ref={t => this.picker24hr = t}
+              format="24hr"
+              hintText="24hr Format"
+              onChange={this.handleChangeTimePicker24}
+            />
+          </div>
+        );
+
+        // "http://www.material-ui.com/#/components/toolbar"
+        const ToolbarExamplesSimple = () => (
+          <Toolbar>
+            <ToolbarGroup firstChild={true} float="left">
+              <DropDownMenu value={3}>
+                <MenuItem value={1} primaryText="All Broadcasts" />
+                <MenuItem value={2} primaryText="All Voice" />
+                <MenuItem value={3} primaryText="All Text" />
+                <MenuItem value={4} primaryText="Complete Voice" />
+                <MenuItem value={5} primaryText="Complete Text" />
+                <MenuItem value={6} primaryText="Active Voice" />
+                <MenuItem value={7} primaryText="Active Text" />
+              </DropDownMenu>
+            </ToolbarGroup>
+            <ToolbarGroup float="right">
+              <ToolbarTitle text="Options" />
+              <FontIcon className="muidocs-icon-custom-sort" />
+              <IconMenu
+                iconButtonElement={
+                  <IconButton touch={true}>
+                    <NavigationExpandMoreIcon />
+                  </IconButton>
+                }
+              >
+                <MenuItem primaryText="Download" />
+                <MenuItem primaryText="More Info" />
+              </IconMenu>
+              <ToolbarSeparator />
+              <RaisedButton label="Create Broadcast" primary={true} />
+            </ToolbarGroup>
+          </Toolbar>
+        );
+
+        return element;
+    }
+}
diff --git a/material-ui/legacy/material-ui-0.14.4-tests.tsx.tscparams b/material-ui/legacy/material-ui-0.14.4-tests.tsx.tscparams
new file mode 100644
index 0000000000..855355b85f
--- /dev/null
+++ b/material-ui/legacy/material-ui-0.14.4-tests.tsx.tscparams
@@ -0,0 +1 @@
+--experimentalDecorators
\ No newline at end of file
diff --git a/material-ui/legacy/material-ui-0.14.4.d.ts b/material-ui/legacy/material-ui-0.14.4.d.ts
new file mode 100644
index 0000000000..29eeb225bd
--- /dev/null
+++ b/material-ui/legacy/material-ui-0.14.4.d.ts
@@ -0,0 +1,8246 @@
+// Type definitions for material-ui v0.14.4
+// Project: https://github.com/callemall/material-ui
+// Definitions by: Nathan Brown <https://github.com/ngbrown>, Oliver Herrmann <https://github.com/herrmanno>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+///<reference path='../../react/react.d.ts' />
+
+declare module "material-ui" {
+    export import AppBar = __MaterialUI.AppBar; // require('material-ui/lib/app-bar');
+    export import AppCanvas = __MaterialUI.AppCanvas; // require('material-ui/lib/app-canvas');
+    export import AutoComplete = __MaterialUI.AutoComplete; // require('material-ui/lib/auto-complete');
+    export import Avatar = __MaterialUI.Avatar; // require('material-ui/lib/avatar');
+    export import Badge = __MaterialUI.Badge; // require('material-ui/lib/badge');
+    export import BeforeAfterWrapper = __MaterialUI.BeforeAfterWrapper; // require('material-ui/lib/before-after-wrapper');
+    export import Card = __MaterialUI.Card.Card; // require('material-ui/lib/card/card');
+    export import CardActions = __MaterialUI.Card.CardActions; // require('material-ui/lib/card/card-actions');
+    export import CardExpandable = __MaterialUI.Card.CardExpandable; // require('material-ui/lib/card/card-expandable');
+    export import CardHeader = __MaterialUI.Card.CardHeader; // require('material-ui/lib/card/card-header');
+    export import CardMedia = __MaterialUI.Card.CardMedia; // require('material-ui/lib/card/card-media');
+    export import CardText = __MaterialUI.Card.CardText; // require('material-ui/lib/card/card-text');
+    export import CardTitle = __MaterialUI.Card.CardTitle; // require('material-ui/lib/card/card-title');
+    export import Checkbox = __MaterialUI.Checkbox; // require('material-ui/lib/checkbox');
+    export import CircularProgress = __MaterialUI.CircularProgress; // require('material-ui/lib/circular-progress');
+    export import ClearFix = __MaterialUI.ClearFix; // require('material-ui/lib/clearfix');
+    export import DatePicker = __MaterialUI.DatePicker.DatePicker; // require('material-ui/lib/date-picker/date-picker');
+    export import DatePickerDialog = __MaterialUI.DatePicker.DatePickerDialog; // require('material-ui/lib/date-picker/date-picker-dialog');
+    export import Dialog = __MaterialUI.Dialog // require('material-ui/lib/dialog');
+    export import Divider = __MaterialUI.Divider // require('material-ui/lib/divider');
+    export import DropDownMenu = __MaterialUI.Menus.DropDownMenu; // require('material-ui/lib/DropDownMenu/DropDownMenu');
+    export import EnhancedButton = __MaterialUI.EnhancedButton; // require('material-ui/lib/enhanced-button');
+    export import FlatButton = __MaterialUI.FlatButton; // require('material-ui/lib/flat-button');
+    export import FloatingActionButton = __MaterialUI.FloatingActionButton; // require('material-ui/lib/floating-action-button');
+    export import FontIcon = __MaterialUI.FontIcon; // require('material-ui/lib/font-icon');
+    export import GridList = __MaterialUI.GridList.GridList; // require('material-ui/lib/gridlist/grid-list');
+    export import GridTile = __MaterialUI.GridList.GridTile; // require('material-ui/lib/gridlist/grid-tile');
+    export import IconButton = __MaterialUI.IconButton; // require('material-ui/lib/icon-button');
+    export import IconMenu = __MaterialUI.Menus.IconMenu; // require('material-ui/lib/menus/icon-menu');
+    export import LeftNav = __MaterialUI.LeftNav; // require('material-ui/lib/left-nav');
+    export import LinearProgress = __MaterialUI.LinearProgress; // require('material-ui/lib/linear-progress');
+    export import List = __MaterialUI.Lists.List; // require('material-ui/lib/lists/list');
+    export import ListDivider = __MaterialUI.Lists.ListDivider; // require('material-ui/lib/lists/list-divider');
+    export import ListItem = __MaterialUI.Lists.ListItem; // require('material-ui/lib/lists/list-item');
+    export import Menu = __MaterialUI.Menus.Menu; // require('material-ui/lib/menus/menu');
+    export import MenuItem = __MaterialUI.Menus.MenuItem; // require('material-ui/lib/menus/menu-item');
+    export import Mixins = __MaterialUI.Mixins; // require('material-ui/lib/mixins');
+    export import Overlay = __MaterialUI.Overlay; // require('material-ui/lib/overlay');
+    export import Paper = __MaterialUI.Paper; // require('material-ui/lib/paper');
+    export import Popover = __MaterialUI.Popover.Popover; // require('material-ui/lib/popover/popover');
+    export import RadioButton = __MaterialUI.RadioButton; // require('material-ui/lib/radio-button');
+    export import RadioButtonGroup = __MaterialUI.RadioButtonGroup; // require('material-ui/lib/radio-button-group');
+    export import RaisedButton = __MaterialUI.RaisedButton; // require('material-ui/lib/raised-button');
+    export import RefreshIndicator = __MaterialUI.RefreshIndicator; // require('material-ui/lib/refresh-indicator');
+    export import Ripples = __MaterialUI.Ripples; // require('material-ui/lib/ripples');
+    export import SelectField = __MaterialUI.SelectField; // require('material-ui/lib/select-field');
+    export import SelectableContainerEnhance = __MaterialUI.Hoc.SelectableContainerEnhance; // require('material-ui/lib/hoc/selectable-enhance');
+    export import Slider = __MaterialUI.Slider; // require('material-ui/lib/slider');
+    export import SvgIcon = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon');
+    export import Styles = __MaterialUI.Styles; // require('material-ui/lib/styles');
+    export import Snackbar = __MaterialUI.Snackbar; // require('material-ui/lib/snackbar');
+    export import Tab = __MaterialUI.Tabs.Tab; // require('material-ui/lib/tabs/tab');
+    export import Tabs = __MaterialUI.Tabs.Tabs; // require('material-ui/lib/tabs/tabs');
+    export import Table = __MaterialUI.Table.Table; // require('material-ui/lib/table/table');
+    export import TableBody = __MaterialUI.Table.TableBody; // require('material-ui/lib/table/table-body');
+    export import TableFooter = __MaterialUI.Table.TableFooter; // require('material-ui/lib/table/table-footer');
+    export import TableHeader = __MaterialUI.Table.TableHeader; // require('material-ui/lib/table/table-header');
+    export import TableHeaderColumn = __MaterialUI.Table.TableHeaderColumn; // require('material-ui/lib/table/table-header-column');
+    export import TableRow = __MaterialUI.Table.TableRow; // require('material-ui/lib/table/table-row');
+    export import TableRowColumn = __MaterialUI.Table.TableRowColumn; // require('material-ui/lib/table/table-row-column');
+    export import Toggle = __MaterialUI.Toggle; // require('material-ui/lib/toggle');
+    export import ThemeWrapper = __MaterialUI.ThemeWrapper; // require('material-ui/lib/theme-wrapper');
+    export import TimePicker = __MaterialUI.TimePicker; // require('material-ui/lib/time-picker');
+    export import TextField = __MaterialUI.TextField; // require('material-ui/lib/text-field');
+    export import Toolbar = __MaterialUI.Toolbar.Toolbar; // require('material-ui/lib/toolbar/toolbar');
+    export import ToolbarGroup = __MaterialUI.Toolbar.ToolbarGroup; // require('material-ui/lib/toolbar/toolbar-group');
+    export import ToolbarSeparator = __MaterialUI.Toolbar.ToolbarSeparator; // require('material-ui/lib/toolbar/toolbar-separator');
+    export import ToolbarTitle = __MaterialUI.Toolbar.ToolbarTitle; // require('material-ui/lib/toolbar/toolbar-title');
+    export import Tooltip = __MaterialUI.Tooltip; // require('material-ui/lib/tooltip');
+    export import Utils = __MaterialUI.Utils; // require('material-ui/lib/utils');
+
+    // svg icons
+    import NavigationMenu = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/menu');
+    import NavigationChevronLeft = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/chevron-left');
+    import NavigationChevronRight = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/chevron-right');
+
+    export const Icons: {
+        NavigationMenu: NavigationMenu,
+        NavigationChevronLeft: NavigationChevronLeft,
+        NavigationChevronRight: NavigationChevronRight,
+    };
+
+    // export type definitions
+    export type TouchTapEvent = __MaterialUI.TouchTapEvent;
+    export type TouchTapEventHandler = __MaterialUI.TouchTapEventHandler;
+    export type DialogAction = __MaterialUI.DialogAction;
+}
+
+declare namespace __MaterialUI {
+    export import React = __React;
+
+    // ReactLink is from "react/addons"
+    interface ReactLink<T> {
+        value: T;
+        requestChange(newValue: T): void;
+    }
+
+    // What's common between React.TouchEvent and React.MouseEvent
+    interface TouchTapEvent extends React.SyntheticEvent {
+        altKey: boolean;
+        ctrlKey: boolean;
+        getModifierState(key: string): boolean;
+        metaKey: boolean;
+        shiftKey: boolean;
+    }
+
+    // What's common between React.TouchEventHandler and React.MouseEventHandler
+    interface TouchTapEventHandler extends React.EventHandler<TouchTapEvent> { }
+
+    interface ThemeWrapperProps extends React.Props<ThemeWrapper> {
+        theme: Styles.MuiTheme;
+    }
+    export class ThemeWrapper extends React.Component<ThemeWrapperProps, {}> {
+    }
+
+    export namespace Styles {
+        interface AutoPrefix {
+            all(styles: React.CSSProperties): React.CSSProperties;
+            set(style: React.CSSProperties, key: string, value: string | number): void;
+            single(key: string): string;
+            singleHyphened(key: string): string;
+        }
+        export var AutoPrefix: AutoPrefix;
+
+        interface Spacing {
+            iconSize?: number;
+
+            desktopGutter?: number;
+            desktopGutterMore?: number;
+            desktopGutterLess?: number;
+            desktopGutterMini?: number;
+            desktopKeylineIncrement?: number;
+            desktopDropDownMenuItemHeight?: number;
+            desktopDropDownMenuFontSize?: number;
+            desktopLeftNavMenuItemHeight?: number;
+            desktopSubheaderHeight?: number;
+            desktopToolbarHeight?: number;
+        }
+        export var Spacing: Spacing;
+
+        interface ThemePalette {
+            primary1Color?: string;
+            primary2Color?: string;
+            primary3Color?: string;
+            accent1Color?: string;
+            accent2Color?: string;
+            accent3Color?: string;
+            textColor?: string;
+            alternateTextColor?: string;
+            canvasColor?: string;
+            borderColor?: string;
+            disabledColor?: string;
+            pickerHeaderColor?: string;
+            clockCircleColor?: string;
+            shadowColor?: string;
+        }
+        interface MuiTheme {
+            isRtl?: boolean;
+            userAgent?: any;
+            zIndex?: zIndex;
+            baseTheme?: RawTheme;
+            rawTheme?: RawTheme;
+            appBar?: {
+                color?: string,
+                textColor?: string,
+                height?: number,
+            };
+            avatar?: {
+                borderColor?: string,
+            }
+            badge?: {
+                color?: string,
+                textColor?: string,
+                primaryColor?: string,
+                primaryTextColor?: string,
+                secondaryColor?: string,
+                secondaryTextColor?: string,
+            },
+            button?: {
+                height?: number,
+                minWidth?: number,
+                iconButtonSize?: number,
+            },
+            cardText?: {
+                textColor?: string,
+            },
+            checkbox?: {
+                boxColor?: string,
+                checkedColor?: string,
+                requiredColor?: string,
+                disabledColor?: string,
+                labelColor?: string,
+                labelDisabledColor?: string,
+            },
+            datePicker?: {
+                color?: string,
+                textColor?: string,
+                calendarTextColor?: string,
+                selectColor?: string,
+                selectTextColor?: string,
+            },
+            dropDownMenu?: {
+                accentColor?: string,
+            },
+            flatButton?: {
+                color?: string,
+                buttonFilterColor?: string,
+                disabledColor?: string,
+                textColor?: string,
+                primaryTextColor?: string,
+                secondaryTextColor?: string,
+            },
+            floatingActionButton?: {
+                buttonSize?: number,
+                miniSize?: number,
+                color?: string,
+                iconColor?: string,
+                secondaryColor?: string,
+                secondaryIconColor?: string,
+                disabledColor?: string,
+                disabledTextColor?: string,
+            },
+            gridTile?: {
+                textColor?: string,
+            },
+            inkBar?: {
+                backgroundColor?: string,
+            },
+            leftNav?: {
+                width?: number,
+                color?: string,
+            },
+            listItem?: {
+                nestedLevelDepth?: number,
+            },
+            menu?: {
+                backgroundColor?: string,
+                containerBackgroundColor?: string,
+            },
+            menuItem?: {
+                dataHeight?: number,
+                height?: number,
+                hoverColor?: string,
+                padding?: number,
+                selectedTextColor?: string,
+            },
+            menuSubheader?: {
+                padding?: number,
+                borderColor?: string,
+                textColor?: string,
+            },
+            paper?: {
+                backgroundColor?: string,
+                zDepthShadows?: string[],
+            },
+            radioButton?: {
+                borderColor?: string,
+                backgroundColor?: string,
+                checkedColor?: string,
+                requiredColor?: string,
+                disabledColor?: string,
+                size?: number,
+                labelColor?: string,
+                labelDisabledColor?: string,
+            },
+            raisedButton?: {
+                color?: string,
+                textColor?: string,
+                primaryColor?: string,
+                primaryTextColor?: string,
+                secondaryColor?: string,
+                secondaryTextColor?: string,
+                disabledColor?: string,
+                disabledTextColor?: string,
+            },
+            refreshIndicator?: {
+                strokeColor?: string,
+                loadingStrokeColor?: string,
+            };
+            slider?: {
+                trackSize?: number,
+                trackColor?: string,
+                trackColorSelected?: string,
+                handleSize?: number,
+                handleSizeDisabled?: number,
+                handleSizeActive?: number,
+                handleColorZero?: string,
+                handleFillColor?: string,
+                selectionColor?: string,
+                rippleColor?: string,
+            },
+            snackbar?: {
+                textColor?: string,
+                backgroundColor?: string,
+                actionColor?: string,
+            },
+            table?: {
+                backgroundColor?: string;
+            };
+            tableHeader?: {
+                borderColor?: string;
+            };
+            tableHeaderColumn?: {
+                textColor?: string;
+                height?: number;
+                spacing?: number;
+            };
+            tableFooter?: {
+                borderColor?: string;
+                textColor?: string;
+            };
+            tableRow?: {
+                hoverColor?: string;
+                stripeColor?: string;
+                selectedColor?: string;
+                textColor?: string;
+                borderColor?: string;
+                height?: number;
+            };
+            tableRowColumn?: {
+                height?: number;
+                spacing?: number;
+            };
+            timePicker?: {
+                color?: string;
+                textColor?: string;
+                accentColor?: string;
+                clockColor?: string;
+                clockCircleColor?: string;
+                headerColor?: string;
+                selectColor?: string;
+                selectTextColor?: string;
+            };
+            toggle?: {
+                thumbOnColor?: string,
+                thumbOffColor?: string,
+                thumbDisabledColor?: string,
+                thumbRequiredColor?: string,
+                trackOnColor?: string,
+                trackOffColor?: string,
+                trackDisabledColor?: string,
+                labelColor?: string,
+                labelDisabledColor?: string
+                trackRequiredColor?: string,
+            },
+            toolbar?: {
+                backgroundColor?: string,
+                height?: number,
+                titleFontSize?: number,
+                iconColor?: string,
+                separatorColor?: string,
+                menuHoverColor?: string,
+            };
+            tabs?: {
+                backgroundColor?: string,
+                textColor?: string,
+                selectedTextColor?: string,
+            };
+            textField?: {
+                textColor?: string;
+                hintColor?: string;
+                floatingLabelColor?: string;
+                disabledTextColor?: string;
+                errorColor?: string;
+                focusColor?: string;
+                backgroundColor?: string;
+                borderColor?: string;
+            };
+        }
+
+        interface zIndex {
+            menu: number;
+            appBar: number;
+            leftNavOverlay: number;
+            leftNav: number;
+            dialogOverlay: number;
+            dialog: number;
+            layer: number;
+            popover: number;
+            snackbar: number;
+            tooltip: number;
+        }
+        export var zIndex: zIndex;
+
+        interface RawTheme {
+            spacing?: Spacing;
+            fontFamily?: string;
+            palette?: ThemePalette;
+            zIndex?: zIndex;
+        }
+        var lightBaseTheme: RawTheme;
+        var darkBaseTheme: RawTheme;
+
+        export function ThemeDecorator(muiTheme: Styles.MuiTheme): <TFunction extends Function>(Component: TFunction) => TFunction;
+
+        export function getMuiTheme(baseTheme: RawTheme, muiTheme ?: MuiTheme): MuiTheme;
+
+        interface ThemeManager {
+            getMuiTheme(baseTheme: RawTheme, muiTheme?: MuiTheme): MuiTheme;
+            modifyRawThemeSpacing(muiTheme: MuiTheme, newSpacing: Spacing): MuiTheme;
+            modifyRawThemePalette(muiTheme: MuiTheme, newPaletteKeys: ThemePalette): MuiTheme;
+            modifyRawThemeFontFamily(muiTheme: MuiTheme, newFontFamily: string): MuiTheme;
+        }
+        export var ThemeManager: ThemeManager;
+
+        interface Transitions {
+            easeOut(duration?: string, property?: string | string[], delay?: string, easeFunction?: string): string;
+            create(duration?: string, property?: string, delay?: string, easeFunction?: string): string;
+            easeOutFunction: string;
+            easeInOutFunction: string;
+        }
+        export var Transitions: Transitions;
+
+        interface Typography {
+            textFullBlack: string;
+            textDarkBlack: string;
+            textLightBlack: string;
+            textMinBlack: string;
+            textFullWhite: string;
+            textDarkWhite: string;
+            textLightWhite: string;
+
+            // font weight
+            fontWeightLight: number;
+            fontWeightNormal: number;
+            fontWeightMedium: number;
+
+            fontStyleButtonFontSize: number;
+        }
+        export var Typography: Typography;
+
+        export var DarkRawTheme: RawTheme;
+        export var LightRawTheme: RawTheme;
+    }
+
+    interface AppBarProps extends React.Props<AppBar> {
+        className?: string;
+        iconClassNameLeft?: string;
+        iconClassNameRight?: string;
+        iconElementLeft?: React.ReactElement<any>;
+        iconElementRight?: React.ReactElement<any>;
+        iconStyleRight?: string;
+        onLeftIconButtonTouchTap?: TouchTapEventHandler;
+        onRightIconButtonTouchTap?: TouchTapEventHandler;
+        onTitleTouchTap?: TouchTapEventHandler;
+        showMenuIconButton?: boolean;
+        style?: React.CSSProperties;
+        title?: React.ReactNode;
+        titleStyle?: React.CSSProperties;
+        zDepth?: number;
+    }
+    export class AppBar extends React.Component<AppBarProps, {}>{
+    }
+
+    interface AppCanvasProps extends React.Props<AppCanvas> {
+    }
+    export class AppCanvas extends React.Component<AppCanvasProps, {}> {
+    }
+
+    interface Origin {
+        horizontal: string; // oneOf(['left', 'middle', 'right'])
+        vertical: string; // oneOf(['top', 'center', 'bottom'])
+    }
+
+    type AutoCompleteDataItem = { text: string, value: React.ReactNode } | string;
+    type AutoCompleteDataSource = { text: string, value: React.ReactNode }[] | string[];
+    interface AutoCompleteProps extends React.Props<AutoComplete> {
+        anchorOrigin?: Origin;
+        animated?: boolean;
+        dataSource?: AutoCompleteDataSource;
+        disableFocusRipple?: boolean;
+        errorStyle?: React.CSSProperties;
+        errorText?: string;
+        filter?: (searchText: string, key: string, item: AutoCompleteDataItem) => boolean;
+        floatingLabelText?: string;
+        fullWidth?: boolean;
+        hintText?: string;
+        listStyle?: React.CSSProperties;
+        menuCloseDelay?: number;
+        menuProps?: any;
+        menuStyle?: React.CSSProperties;
+        onNewRequest?: (chosenRequest: string, index: number) => void;
+        onUpdateInput?: (searchText: string, dataSource: AutoCompleteDataSource) => void;
+        open?: boolean;
+        searchText?: string;
+        /** @deprecated use noFilter instead */
+        showAllItems?: boolean;
+        style?: React.CSSProperties;
+        targetOrigin?: Origin;
+        touchTapCloseDelay?: number;
+        triggerUpdateOnFocus?: boolean;
+        /** @deprecated updateWhenFocused has been renamed to triggerUpdateOnFocus */
+        updateWhenFocused?: boolean;
+    }
+    export class AutoComplete extends React.Component<AutoCompleteProps, {}> {
+        static noFilter: () => boolean;
+        static defaultFilter: (searchText: string, key: string) => boolean;
+        static caseSensitiveFilter: (searchText: string, key: string) => boolean;
+        static caseInsensitiveFilter: (searchText: string, key: string) => boolean;
+        static levenshteinDistanceFilter(distanceLessThan: number): (searchText: string, key: string) => boolean;
+        static fuzzyFilter: (searchText: string, key: string) => boolean;
+        static Item: Menus.MenuItem;
+        static Divider: Divider;
+    }
+
+    interface AvatarProps extends React.Props<Avatar> {
+        backgroundColor?: string;
+        className?: string;
+        color?: string;
+        icon?: React.ReactElement<any>;
+        size?: number;
+        src?: string;
+        style?: React.CSSProperties;
+    }
+    export class Avatar extends React.Component<AvatarProps, {}> {
+    }
+
+    interface BadgeProps extends React.Props<Badge> {
+        badgeContent: React.ReactNode;
+        badgeStyle?: React.CSSProperties;
+        className?: string;
+        primary?: boolean;
+        secondary?: boolean;
+        style?: React.CSSProperties;
+    }
+    export class Badge extends React.Component<BadgeProps, {}> {
+    }
+
+    interface BeforeAfterWrapperProps extends React.Props<BeforeAfterWrapper> {
+        afterElementType?: string;
+        afterStyle?: React.CSSProperties;
+        beforeElementType?: string;
+        beforeStyle?: React.CSSProperties;
+        elementType?: string;
+        style?: React.CSSProperties;
+    }
+    export class BeforeAfterWrapper extends React.Component<BeforeAfterWrapperProps, {}> {
+    }
+
+    // non generally overridden elements of EnhancedButton
+    interface SharedEnhancedButtonProps<T> extends React.Props<T> {
+        centerRipple?: boolean;
+        disableFocusRipple?: boolean;
+        disableKeyboardFocus?: boolean;
+        disableTouchRipple?: boolean;
+        focusRippleColor?: string;
+        focusRippleOpacity?: number;
+        keyboardFocused?: boolean;
+        linkButton?: boolean;
+        onBlur?: React.FocusEventHandler;
+        onFocus?: React.FocusEventHandler;
+        onKeyboardFocus?: (e: React.FocusEvent, isKeyboardFocused: boolean) => void;
+        onKeyDown?: React.KeyboardEventHandler;
+        onKeyUp?: React.KeyboardEventHandler;
+        onTouchTap?: TouchTapEventHandler;
+        style?: React.CSSProperties;
+        tabIndex?: number;
+        touchRippleColor?: string;
+        touchRippleOpacity?: number;
+        type?: string;
+    }
+
+    interface EnhancedButtonProps extends React.HTMLAttributes, SharedEnhancedButtonProps<EnhancedButton> {
+        // container element, <button/>, or <span/>(if disabled link) is the element that get the 'other' properties
+        containerElement?: React.ReactNode | string;
+        disabled?: boolean;
+    }
+    export class EnhancedButton extends React.Component<EnhancedButtonProps, {}> {
+    }
+
+    interface FlatButtonProps extends React.DOMAttributes, SharedEnhancedButtonProps<FlatButton> {
+        // <EnhancedButton/> is the element that get the 'other' properties
+        backgroundColor?: string;
+        disabled?: boolean;
+        hoverColor?: string;
+        href?: string;
+        icon?: React.ReactNode;
+        label?: string;
+        labelPosition?: string; // oneOf(['left', 'right'])
+        labelStyle?: React.CSSProperties;
+        linkButton?: boolean;
+        onKeyboardFocus?: (e: React.FocusEvent, isKeyboardFocused: boolean) => void;
+        onMouseEnter?: React.MouseEventHandler;
+        onMouseLeave?: React.MouseEventHandler;
+        onTouchStart?: React.TouchEventHandler;
+        primary?: boolean;
+        rippleColor?: string;
+        secondary?: boolean;
+        style?: React.CSSProperties;
+    }
+    export class FlatButton extends React.Component<FlatButtonProps, {}> {
+    }
+
+    interface RaisedButtonProps extends SharedEnhancedButtonProps<RaisedButton> {
+        // <EnhancedButton/> is the element that get the 'other' properties
+        backgroundColor?: string;
+        className?: string;
+        disabled?: boolean;
+        disabledBackgroundColor?: string;
+        disabledLabelColor?: string;
+        fullWidth?: boolean;
+        href?: string;
+        icon?: React.ReactNode;
+        label?: string;
+        labelColor?: string;
+        labelPosition?: string; // oneOf(['left', 'right'])
+        labelStyle?: React.CSSProperties;
+        linkButton?: boolean;
+        onMouseDown?: React.MouseEventHandler;
+        onMouseEnter?: React.MouseEventHandler;
+        onMouseLeave?: React.MouseEventHandler;
+        onMouseUp?: React.MouseEventHandler;
+        onTouchEnd?: React.TouchEventHandler;
+        onTouchStart?: React.TouchEventHandler;
+        primary?: boolean;
+        rippleStyle?: React.CSSProperties;
+        secondary?: boolean;
+        style?: React.CSSProperties;
+    }
+    export class RaisedButton extends React.Component<RaisedButtonProps, {}> {
+    }
+
+    interface FloatingActionButtonProps extends React.HTMLAttributes, SharedEnhancedButtonProps<FloatingActionButton> {
+        // <EnhancedButton/> is the element that get the 'other' properties
+        backgroundColor?: string;
+        className?: string;
+        disabled?: boolean;
+        disabledColor?: string;
+        href?: string;
+        iconClassName?: string;
+        iconStyle?: React.CSSProperties;
+        linkButton?: boolean;
+        mini?: boolean;
+        onMouseDown?: React.MouseEventHandler;
+        onMouseEnter?: React.MouseEventHandler;
+        onMouseLeave?: React.MouseEventHandler;
+        onMouseUp?: React.MouseEventHandler;
+        onTouchEnd?: React.TouchEventHandler;
+        onTouchStart?: React.TouchEventHandler;
+        secondary?: boolean;
+        style?: React.CSSProperties;
+        zDepth?: number;
+    }
+    export class FloatingActionButton extends React.Component<FloatingActionButtonProps, {}> {
+    }
+
+    interface IconButtonProps extends React.HTMLAttributes, SharedEnhancedButtonProps<IconButton> {
+        // <EnhancedButton/> is the element that get the 'other' properties
+        className?: string;
+        disabled?: boolean;
+        iconClassName?: string;
+        iconStyle?: React.CSSProperties;
+        onBlur?: React.FocusEventHandler;
+        onFocus?: React.FocusEventHandler;
+        onKeyboardFocus?: (e: React.FocusEvent, isKeyboardFocused: boolean) => void;
+        onMouseEnter?: React.MouseEventHandler;
+        onMouseLeave?: React.MouseEventHandler;
+        style?: React.CSSProperties;
+        tooltip?: string;
+        tooltipPosition?: string;
+        tooltipStyles?: React.CSSProperties;
+        touch?: boolean;
+    }
+    export class IconButton extends React.Component<IconButtonProps, {}> {
+    }
+
+    namespace Card {
+
+        interface CardProps extends React.Props<Card> {
+            actAsExpander?: boolean;
+            expandable?: boolean;
+            initiallyExpanded?: boolean;
+            onExpandChange?: (isExpanded: boolean) => void;
+            showExpandableButton?: boolean;
+            style?: React.CSSProperties;
+        }
+        export class Card extends React.Component<CardProps, {}> {
+        }
+
+        interface CardActionsProps extends React.Props<CardActions> {
+            actAsExpander?: boolean;
+            expandable?: boolean;
+            showExpandableButton?: boolean;
+            style?: React.CSSProperties;
+        }
+        export class CardActions extends React.Component<CardActionsProps, {}> {
+        }
+
+        interface CardExpandableProps extends React.Props<CardExpandable> {
+            expanded?: boolean;
+            onExpanding?: (isExpanded: boolean) => void;
+            style?: React.CSSProperties;
+        }
+        export class CardExpandable extends React.Component<CardExpandableProps, {}> {
+        }
+
+        interface CardHeaderProps extends React.Props<CardHeader> {
+            actAsExpander?: boolean;
+            avatar?: React.ReactNode;
+            expandable?: boolean;
+            showExpandableButton?: boolean;
+            style?: React.CSSProperties;
+            subtitle?: React.ReactNode;
+            subtitleColor?: string;
+            subtitleStyle?: React.CSSProperties;
+            textStyle?: React.CSSProperties;
+            title?: React.ReactNode;
+            titleColor?: string;
+            titleStyle?: React.CSSProperties;
+        }
+        export class CardHeader extends React.Component<CardHeaderProps, {}> {
+        }
+
+        interface CardMediaProps extends React.Props<CardMedia> {
+            actAsExpander?: boolean;
+            expandable?: boolean;
+            mediaStyle?: React.CSSProperties;
+            overlay?: React.ReactNode;
+            overlayContainerStyle?: React.CSSProperties;
+            overlayContentStyle?: React.CSSProperties;
+            overlayStyle?: React.CSSProperties;
+            style?: React.CSSProperties;
+        }
+        export class CardMedia extends React.Component<CardMediaProps, {}> {
+        }
+
+        interface CardTextProps extends React.Props<CardText> {
+            actAsExpander?: boolean;
+            color?: string;
+            expandable?: boolean;
+            style?: React.CSSProperties;
+        }
+        export class CardText extends React.Component<CardTextProps, {}> {
+        }
+
+        interface CardTitleProps extends React.Props<CardTitle> {
+            actAsExpander?: boolean;
+            expandable?: boolean;
+            showExpandableButton?: boolean;
+            style?: React.CSSProperties;
+            subtitle?: React.ReactNode;
+            subtitleColor?: string;
+            subtitleStyle?: React.CSSProperties;
+            title?: React.ReactNode;
+            titleColor?: string;
+            titleStyle?: React.CSSProperties;
+        }
+        export class CardTitle extends React.Component<CardTitleProps, {}> {
+        }
+    }
+
+    namespace DatePicker {
+        interface DatePickerProps extends React.Props<DatePicker> {
+            // <TextField/> is the element that get the 'other' properties
+            DateTimeFormat?: Intl.DateTimeFormat;
+            autoOk?: boolean;
+            container?: string; // oneOf(['dialog', 'inline'])
+            defaultDate?: Date;
+            disableYearSelection?: boolean;
+            disabled?: boolean;
+            firstDayOfWeek?: number;
+            formatDate?: (date: Date) => string;
+            locale?: string;
+            maxDate?: Date;
+            minDate?: Date;
+            mode?: string;
+            onChange?: (e: any, date: Date) => void; // e is always null
+            onDismiss?: () => void;
+            onFocus?: React.FocusEventHandler;
+            onShow?: () => void;
+            onTouchTap?: React.TouchEventHandler;
+            shouldDisableDate?: (day: Date) => boolean;
+            /** @deprecated use noFilter instead */
+            showYearSelector?: boolean;
+            style?: React.CSSProperties;
+            textFieldStyle?: React.CSSProperties;
+            value?: Date;
+            valueLink?: ReactLink<Date>;
+            wordings?: {ok: string, cancel: string};
+
+            // From <TextField />
+            className?: string;
+            defaultValue?: string;
+            errorStyle?: React.CSSProperties;
+            errorText?: React.ReactNode;
+            floatingLabelStyle?: React.CSSProperties;
+            floatingLabelText?: React.ReactNode;
+            fullWidth?: boolean;
+            hintStyle?: React.CSSProperties;
+            hintText?: React.ReactNode;
+            id?: string;
+            inputStyle?: React.CSSProperties;
+            onBlur?: React.FocusEventHandler;
+            onKeyDown?: React.KeyboardEventHandler;
+            rows?: number,
+            rowsMax?: number,
+            type?: string;
+            underlineDisabledStyle?: React.CSSProperties;
+            underlineFocusStyle?: React.CSSProperties;
+            underlineShow?: boolean;
+            underlineStyle?: React.CSSProperties;
+        }
+        export class DatePicker extends React.Component<DatePickerProps, {}> {
+        }
+
+        interface DatePickerDialogProps extends React.Props<DatePickerDialog> {
+            // <Container/> is the element that get the 'other' properties
+            DateTimeFormat?: Intl.DateTimeFormat;
+            autoOk?: boolean;
+            container?: string; // oneOf(['dialog', 'inline'])
+            disableYearSelection?: boolean;
+            firstDayOfWeek?: number;
+            initialDate?: Date;
+            locale?: string;
+            maxDate?: Date;
+            minDate?: Date;
+            mode?: string;
+            onAccept?: (d: Date) => void;
+            onDismiss?: () => void;
+            onShow?: () => void;
+            shouldDisableDate?: (day: Date) => boolean;
+            showYearSelector?: boolean;
+            style?: React.CSSProperties;
+            wordings?: { ok: string, cancel: string };
+        }
+        export class DatePickerDialog extends React.Component<DatePickerDialogProps, {}> {
+        }
+    }
+
+    /** @deprecated use array of components instead */
+    export interface DialogAction {
+        id?: string;
+        onClick?: React.MouseEventHandler;
+        onTouchTap?: TouchTapEventHandler;
+        ref?: string;
+        text: string;
+    }
+    interface DialogProps extends React.DOMAttributes, React.Props<Dialog> {
+        /** @deprecated use a custom `actions` property instead */
+        actionFocus?: string;
+        actions?: Array<DialogAction | React.ReactElement<any>>;
+        actionsContainerClassName?: string;
+        actionsContainerStyle?: React.CSSProperties;
+        autoDetectWindowHeight?: boolean;
+        autoScrollBodyContent?: boolean;
+        bodyClassName?: string;
+        bodyStyle?: React.CSSProperties;
+        className?: string;
+        contentClassName?: string;
+        contentStyle?: React.CSSProperties;
+        modal?: boolean;
+        onRequestClose?: (buttonClicked: boolean) => void;
+        open: boolean;
+        overlayClassName?: string;
+        overlayStyle?: React.CSSProperties;
+        repositionOnUpdate?: boolean;
+        style?: React.CSSProperties;
+        title?: React.ReactNode;
+        titleClassName?: string;
+        titleStyle?: React.CSSProperties;
+        /** @deprecated use the contentStyle instead */
+        width?: string | number;
+    }
+    export class Dialog extends React.Component<DialogProps, {}> {
+    }
+
+    interface DividerProps extends React.Props<Divider> {
+        className?: string;
+        inset?: boolean;
+        style?: React.CSSProperties;
+    }
+    export class Divider extends React.Component<DividerProps, {}>{
+    }
+
+    namespace GridList {
+        interface GridListProps extends React.Props<GridList> {
+            cellHeight?: number;
+            cols?: number;
+            padding?: number;
+            style?: React.CSSProperties;
+        }
+
+        export class GridList extends React.Component<GridListProps, {}>{
+        }
+
+        interface GridTileProps extends React.Props<GridTile> {
+            actionIcon?: React.ReactElement<any>;
+            actionPosition?: string; //"left"|"right"
+            cols?: number;
+            rootClass?: string | React.Component<any, any>;
+            rows?: number;
+            style?: React.CSSProperties;
+            subtitle?: React.ReactNode;
+            title?: React.ReactNode;
+            titleBackground?: string;
+            titlePosition?: string; //"top"|"bottom"
+        }
+
+        export class GridTile extends React.Component<GridTileProps, {}>{
+        }
+    }
+
+    interface FontIconProps extends React.HTMLAttributes, React.Props<FontIcon> {
+        // <span/> is the element that get the 'other' properties
+        color?: string;
+        hoverColor?: string;
+        onMouseEnter?: React.MouseEventHandler;
+        onMouseLeave?: React.MouseEventHandler;
+        style?: React.CSSProperties;
+    }
+    export class FontIcon extends React.Component<FontIconProps, {}> {
+    }
+
+    interface SvgIconProps extends React.SVGAttributes, React.Props<SvgIcon> {
+        // <svg/> is the element that get the 'other' properties
+        color?: string;
+        hoverColor?: string;
+        onMouseEnter?: React.MouseEventHandler;
+        onMouseLeave?: React.MouseEventHandler;
+        style?: React.CSSProperties;
+        viewBox?: string;
+    }
+    export class SvgIcon extends React.Component<SvgIconProps, {}> {
+    }
+
+    interface LeftNavProps extends React.Props<LeftNav> {
+        className?: string;
+        containerClassName?: string;
+        containerStyle?: React.CSSProperties;
+        disableSwipeToOpen?: boolean;
+        docked?: boolean;
+        /** @deprecated use composability instead */
+        header?: React.ReactElement<any>;
+        /** @deprecated It will be removed with menuItems */
+        menuItemClassName?: string;
+        /** @deprecated It will be removed with menuItems */
+        menuItemClassNameLink?: string;
+        /** @deprecated It will be removed with menuItems */
+        menuItemClassNameSubheader?: string;
+        /** @deprecated use composability instead */
+        menuItems?: any[];
+        /** @deprecated It will be removed with menuItems */
+        onChange?: () => void;
+        /** @deprecated use onRequestChange instead */
+        onNavClose?: () => void;
+        /** @deprecated use onRequestChange instead */
+        onNavOpen?: () => void;
+        onRequestChange?: (opening: boolean, reason: string) => void;
+        open?: boolean;
+        openRight?: Boolean;
+        overlayClassName?: string;
+        overlayStyle?: React.CSSProperties;
+        /** @deprecated It will be removed with menuItems */
+        selectedIndex?: number;
+        style?: React.CSSProperties;
+        swipeAreaWidth?: number;
+        width?: number;
+
+    }
+    export class LeftNav extends React.Component<LeftNavProps, {}> {
+        /** @deprecated using methods on left nav has been deprecated */
+        toggle(): void;
+        /** @deprecated using methods on left nav has been deprecated */
+        close(): void;
+        /** @deprecated using methods on left nav has been deprecated */
+        open(): void;
+    }
+
+    namespace Lists {
+        interface ListProps extends React.Props<List> {
+            // <Paper/> is the element that get the 'other' properties
+            insetSubheader?: boolean;
+            style?: React.CSSProperties;
+            subheader?: string;
+            subheaderStyle?: React.CSSProperties;
+            zDepth?: number;
+        }
+        export class List extends React.Component<ListProps, {}> {
+        }
+
+        /** @deprecated Use Divider */
+        interface ListDividerProps extends React.Props<ListDivider> {
+            inset?: boolean;
+        }
+        /** @deprecated Use Divider */
+        export class ListDivider extends React.Component<ListDividerProps, {}> {
+        }
+
+        interface ListItemProps extends React.HTMLAttributes, React.Props<ListItem> {
+            // <EnhancedButton/> is the element that get the 'other' properties
+            autoGenerateNestedIndicator?: boolean;
+            disableKeyboardFocus?: boolean;
+            disabled?: boolean;
+            initiallyOpen?: boolean;
+            innerDivStyle?: React.CSSProperties;
+            insetChildren?: boolean;
+            leftAvatar?: React.ReactElement<any>;
+            leftCheckbox?: React.ReactElement<any>;
+            leftIcon?: React.ReactElement<any>;
+            nestedItems?: React.ReactElement<ListItemProps>[];
+            nestedLevel?: number;
+            nestedListStyle?: React.CSSProperties;
+            onKeyboardFocus?: React.FocusEventHandler;
+            onMouseEnter?: React.MouseEventHandler;
+            onMouseLeave?: React.MouseEventHandler;
+            onNestedListToggle?: (item: ListItem) => void;
+            onTouchStart?: React.TouchEventHandler;
+            onTouchTap?: TouchTapEventHandler;
+            primaryText?: React.ReactNode;
+            primaryTogglesNestedList?: boolean;
+            rightAvatar?: React.ReactElement<any>;
+            rightIcon?: React.ReactElement<any>;
+            rightIconButton?: React.ReactElement<any>;
+            rightToggle?: React.ReactElement<any>;
+            secondaryText?: React.ReactNode;
+            secondaryTextLines?: number; // 1 or 2
+            style?: React.CSSProperties;
+        }
+        export class ListItem extends React.Component<ListItemProps, {}> {
+        }
+    }
+
+    namespace Menus {
+        interface MenuProps extends React.Props<Menu> {
+            // <List/> is the element that get the 'other' properties
+            animated?: boolean;
+            autoWidth?: boolean;
+            desktop?: boolean;
+            initiallyKeyboardFocused?: boolean;
+            listStyle?: React.CSSProperties;
+            maxHeight?: number;
+            multiple?: boolean;
+            onChange?: (e: TouchTapEvent, itemValue: any | any[]) => void;
+            onEscKeyDown?: React.KeyboardEventHandler;
+            onItemTouchTap?: (e: TouchTapEvent, item: MenuItem) => void;
+            onKeyDown?: React.KeyboardEventHandler;
+            openDirection?: string;
+            selectedMenuItemStyle?: React.CSSProperties;
+            style?: React.CSSProperties;
+            value?: any | any[];
+            valueLink?: ReactLink<any | any[]>;
+            width?: string | number;
+            zDepth?: number;
+        }
+        export class Menu extends React.Component<MenuProps, {}>{
+        }
+
+        interface MenuItemProps extends React.HTMLAttributes, React.Props<MenuItem> {
+            // <ListItem/> is the element that get the 'other' properties
+            checked?: boolean;
+            desktop?: boolean;
+            disabled?: boolean;
+            focusState?: string; // 'none', 'focused', or 'keyboard-focused'
+            innerDivStyle?: React.CSSProperties;
+            insetChildren?: boolean;
+            leftIcon?: React.ReactElement<any>;
+            menuItems?: React.ReactNode;
+            onTouchTap?: TouchTapEventHandler;
+            rightIcon?: React.ReactElement<any>;
+            secondaryText?: React.ReactNode;
+            style?: React.CSSProperties;
+            value?: any;
+
+            // useful attributes passed to <ListItem/>
+            primaryText?: React.ReactNode;
+            secondaryTextLines?: number; // 1 or 2
+        }
+        export class MenuItem extends React.Component<MenuItemProps, {}>{
+        }
+
+        interface IconMenuProps extends React.Props<IconMenu> {
+            // <Menu/> is the element that get the 'other' properties
+            anchorOrigin?: Origin;
+            className?: string;
+            closeOnItemTouchTap?: boolean;
+            iconButtonElement: React.ReactElement<IconButtonProps>;
+            iconStyle?: React.CSSProperties;
+            menuStyle?: React.CSSProperties;
+            onItemTouchTap?: (e: TouchTapEvent, item: MenuItem) => void;
+            onKeyboardFocus?: React.FocusEventHandler;
+            onMouseDown?: React.MouseEventHandler;
+            onMouseEnter?: React.MouseEventHandler;
+            onMouseLeave?: React.MouseEventHandler;
+            onMouseUp?: React.MouseEventHandler;
+            onRequestChange?: (opening: boolean, reason: string) => void;
+            onTouchTap?: TouchTapEventHandler;
+            open?: boolean;
+            style?: React.CSSProperties;
+            targetOrigin?: Origin;
+            touchTapCloseDelay?: number;
+
+            // Other properties from <Menu/>
+            autoWidth?: boolean;
+            desktop?: boolean;
+            listStyle?: React.CSSProperties;
+            maxHeight?: number;
+            multiple?: boolean;
+            onChange?: (e: TouchTapEvent, itemValue: any | any[]) => void;
+            onKeyDown?: React.KeyboardEventHandler;
+            openDirection?: string;
+            selectedMenuItemStyle?: React.CSSProperties;
+            value?: any | any[];
+            valueLink?: ReactLink<any | any[]>;
+            width?: string | number;
+        }
+        export class IconMenu extends React.Component<IconMenuProps, {}> {
+        }
+
+        interface DropDownMenuProps extends React.Props<DropDownMenu> {
+            // <div/> is the element that gets the 'other' properties
+            autoWidth?: boolean;
+            className?: string;
+            disabled?: boolean;
+            /** @deprecated use composability instead */
+            displayMember?: string;
+            iconStyle?: any;
+            /** @deprecated use composability instead */
+            labelMember?: string;
+            labelStyle?: any;
+            maxHeight?: number;
+            /** @deprecated use composability instead */
+            menuItems?: any[];
+            menuStyle?: any;
+            onChange?: (e: TouchTapEvent, index: number, menuItemValue: any) => void;
+            openImmediately?: boolean;
+            /** @deprecated use value instead */
+            selectedIndex?: number;
+            style?: any;
+            underlineStyle?: any;
+            value?: any;
+            /** @deprecated It's deprecated by React too. */
+            valueLink?: ReactLink<any>;
+            /** @deprecated use composability instead */
+            valueMember?: string;
+        }
+        export class DropDownMenu extends React.Component<DropDownMenuProps, {}> {
+        }
+    }
+
+    interface OverlayProps extends React.Props<Overlay> {
+        autoLockScrolling?: boolean;
+        show?: boolean;
+        transitionEnabled?: boolean;
+    }
+    export class Overlay extends React.Component<OverlayProps, {}> {
+    }
+
+    interface PaperProps extends React.HTMLAttributes, React.Props<Paper> {
+        circle?: boolean;
+        rounded?: boolean;
+        style?: React.CSSProperties;
+        transitionEnabled?: boolean;
+        zDepth?: number;
+    }
+    export class Paper extends React.Component<PaperProps, {}> {
+    }
+
+    namespace Popover {
+        interface PopoverAnimationProps {
+            open: boolean;
+            style?: React.CSSProperties;
+        }
+
+        interface PopoverProps extends React.Props<Popover> {
+            anchorEl?: React.ReactInstance;
+            anchorOrigin?: Origin;
+            animated?: boolean;
+            animation?: React.ComponentClass<PopoverAnimationProps>;
+            autoCloseWhenOffScreen?: boolean;
+            canAutoPosition?: boolean;
+            className?: string;
+            onRequestClose?: (reason: string) => void;
+            open?: boolean;
+            style?: React.CSSProperties;
+            targetOrigin?: Origin;
+            useLayerForClickAway?: boolean;
+            zDepth?: number;
+        }
+        export class Popover extends React.Component<PopoverProps, {}>{
+        }
+
+        interface PopoverAnimationFromTopProps extends PopoverAnimationProps, React.Props<PopoverAnimationFromTop> {
+            className?: string;
+            targetOrigin?: Origin;
+            zDepth?: number;
+        }
+        export class PopoverAnimationFromTop extends React.Component<PopoverAnimationFromTopProps, {}>{
+        }
+
+        interface PopoverDefaultAnimationProps extends PopoverAnimationProps, React.Props<PopoverDefaultAnimation> {
+            className?: string;
+            targetOrigin?: Origin;
+            zDepth?: number;
+        }
+        export class PopoverDefaultAnimation extends React.Component<PopoverDefaultAnimationProps, {}>{
+        }
+    }
+
+    interface CircularProgressProps extends React.Props<CircularProgress> {
+        color?: string;
+        innerStyle?: React.CSSProperties;
+        max?: number;
+        min?: number;
+        mode?: string;
+        size?: number;
+        style?: React.CSSProperties;
+        value?: number;
+    }
+    export class CircularProgress extends React.Component<CircularProgressProps, {}> {
+    }
+
+    interface LinearProgressProps extends React.Props<LinearProgress> {
+        color?: string;
+        max?: number;
+        min?: number;
+        mode?: string;
+        style?: React.CSSProperties;
+        value?: number;
+    }
+    export class LinearProgress extends React.Component<LinearProgressProps, {}> {
+    }
+
+    interface RefreshIndicatorProps extends React.Props<RefreshIndicator> {
+        color?: string;
+        left: number;
+        loadingColor?: string;
+        percentage?: number;
+        size?: number;
+        status?: string;
+        style?: React.CSSProperties;
+        top: number;
+    }
+    export class RefreshIndicator extends React.Component<RefreshIndicatorProps, {}> {
+    }
+
+    interface SelectFieldProps extends React.Props<SelectField> {
+        // <DropDownMenu/> is the element that get the 'other' properties
+        autoWidth?: boolean;
+        disabled?: boolean;
+        /** @deprecated use composability instead */
+        displayMember?: string;
+        errorStyle?: React.CSSProperties;
+        errorText?: React.ReactNode;
+        floatingLabelStyle?: React.CSSProperties;
+        floatingLabelText?: React.ReactNode;
+        fullWidth?: boolean;
+        hintStyle?: React.CSSProperties;
+        hintText?: React.ReactNode;
+        iconStyle?: React.CSSProperties;
+        /** @deprecated use composability instead */
+        labelMember?: string;
+        labelStyle?: React.CSSProperties;
+        /** @deprecated use composability instead */
+        menuItems?: any[];
+        onBlur?: React.FocusEventHandler;
+        onChange?: (e: TouchTapEvent, index: number, menuItemValue: any) => void;
+        onFocus?: React.FocusEventHandler;
+        selectFieldRoot?: React.CSSProperties;
+        /** @deprecated use value instead */
+        selectedIndex?: number;
+        style?: React.CSSProperties;
+        underlineDisabledStyle?: React.CSSProperties;
+        underlineFocusStyle?: React.CSSProperties;
+        underlineStyle?: React.CSSProperties;
+        value?: any;
+        /** @deprecated It's deprecated by React too. */
+        valueLink?: ReactLink<any>;
+        /** @deprecated use composability instead */
+        valueMember?: string;
+
+        // useful attributes passed to <DropDownMenu/>
+        className?: string;
+        maxHeight?: number;
+        menuStyle?: any;
+        openImmediately?: boolean;
+    }
+    export class SelectField extends React.Component<SelectFieldProps, {}> {
+    }
+
+    interface SliderProps extends React.Props<Slider> {
+        defaultValue?: number;
+        description?: string;
+        disableFocusRipple?: boolean;
+        disabled?: boolean;
+        error?: string;
+        max?: number;
+        min?: number;
+        name?: string;
+        onBlur?: React.FocusEventHandler;
+        onChange?: (e: React.MouseEvent, value: number) => void;
+        onDragStart?: React.MouseEventHandler;
+        onDragStop?: React.MouseEventHandler;
+        onFocus?: React.FocusEventHandler;
+        required?: boolean;
+        step?: number;
+        style?: React.CSSProperties;
+        value?: number;
+    }
+    export class Slider extends React.Component<SliderProps, {}> {
+    }
+
+    // what's not commonly overridden by Checkbox, RadioButton, or Toggle
+    interface CommonEnhancedSwitchProps<T> extends React.HTMLAttributes, React.Props<T> {
+    }
+
+    interface EnhancedSwitchProps extends CommonEnhancedSwitchProps<EnhancedSwitch> {
+        // <input/> is element that get the 'other' properties
+        className?: string;
+        defaultSwitched?: boolean;
+        disableFocusRipple?: boolean;
+        disableTouchRipple?: boolean;
+        disabled?: boolean;
+        iconStyle?: React.CSSProperties;
+        id?: string;
+        inputStyle: React.CSSProperties;
+        inputType: string;
+        label?: string;
+        labelPosition?: string; // oneOf(['left', 'right'])
+        labelStyle?: React.CSSProperties;
+        name?: string;
+        onBlur?: React.FocusEventHandler;
+        onFocus?: React.FocusEventHandler;
+        onMouseDown?: React.MouseEventHandler;
+        onMouseLeave?: React.MouseEventHandler;
+        onMouseUp?: React.MouseEventHandler;
+        onParentShouldUpdate: (isInputChecked: boolean) => void;
+        onSwitch?: (e: React.MouseEvent, isInputChecked: boolean) => void;
+        onTouchEnd?: React.TouchEventHandler;
+        onTouchStart?: React.TouchEventHandler;
+        required?: boolean;
+        rippleColor?: string;
+        rippleStyle?: React.CSSProperties;
+        style?: React.CSSProperties;
+        switchElement: React.ReactElement<any>;
+        switched: boolean;
+        thumbStyle?: React.CSSProperties;
+        trackStyle?: React.CSSProperties;
+        value?: string;
+    }
+    export class EnhancedSwitch extends React.Component<EnhancedSwitchProps, {}> {
+        getValue(): string;
+        isKeyboardFocused(): boolean;
+        isSwitched(): boolean;
+        setSwitched(newSwitchedValue: boolean): void;
+    }
+
+    interface CheckboxProps extends CommonEnhancedSwitchProps<Checkbox> {
+        // <EnhancedSwitch/> is element that get the 'other' properties
+        checked?: boolean;
+        checkedIcon?: React.ReactElement<{ style?: React.CSSProperties }>; // Normally an SvgIcon
+        defaultChecked?: boolean;
+        disabled?: boolean;
+        iconStyle?: React.CSSProperties;
+        labelPosition?: string; // oneOf(['left', 'right'])
+        labelStyle?: React.CSSProperties;
+        onCheck?: (event: React.MouseEvent, checked: boolean) => void;
+        style?: React.CSSProperties;
+        /** @deprecated Use uncheckedIcon instead */
+        unCheckedIcon?: React.ReactElement<{ style?: React.CSSProperties }>; // Normally an SvgIcon
+        uncheckedIcon?: React.ReactElement<{ style?: React.CSSProperties }>; // Normally an SvgIcon
+        valueLink?: ReactLink<boolean>;
+    }
+    export class Checkbox extends React.Component<CheckboxProps, {}> {
+        isChecked(): void;
+        setChecked(newCheckedValue: boolean): void;
+    }
+
+    interface RadioButtonProps extends CommonEnhancedSwitchProps<RadioButton> {
+        // <EnhancedSwitch/> is element that get the 'other' properties
+        checked?: boolean;
+        checkedIcon?: React.ReactElement<{ style?: React.CSSProperties }>; // Normally an SvgIcon
+        disabled?: boolean;
+        iconStyle?: React.CSSProperties;
+        inputStyle?: React.CSSProperties;
+        labelPosition?: string; // oneOf(['left', 'right'])
+        labelStyle?: React.CSSProperties;
+        onCheck?: (e: React.FormEvent, selected: string) => void;
+        style?: React.CSSProperties;
+        uncheckedIcon?: React.ReactElement<{ style?: React.CSSProperties }>; // Normally an SvgIcon
+        value?: string;
+    }
+    export class RadioButton extends React.Component<RadioButtonProps, {}> {
+        isChecked(): boolean;
+        getValue(): string;
+    }
+
+    interface RadioButtonGroupProps extends React.Props<RadioButtonGroup> {
+        className?: string;
+        defaultSelected?: string;
+        labelPosition?: string; // oneOf(['left', 'right'])
+        name: string;
+        onChange?: (e: React.FormEvent, selected: string) => void;
+        style?: React.CSSProperties;
+        valueSelected?: string;
+    }
+    export class RadioButtonGroup extends React.Component<RadioButtonGroupProps, {}> {
+        clearValue(): void;
+        getSelectedValue(): string;
+        setSelectedValue(newSelectionValue: string): void;
+    }
+
+    interface ToggleProps extends CommonEnhancedSwitchProps<Toggle> {
+        // <EnhancedSwitch/> is element that get the 'other' properties
+        defaultToggled?: boolean;
+        disabled?: boolean;
+        elementStyle?: React.CSSProperties;
+        iconStyle?: React.CSSProperties;
+        inputStyle?: React.CSSProperties;
+        labelPosition?: string; // oneOf(['left', 'right'])
+        labelStyle?: React.CSSProperties;
+        onToggle?: (e: React.MouseEvent, isInputChecked: boolean) => void;
+        rippleStyle?: React.CSSProperties;
+        style?: React.CSSProperties;
+        thumbStyle?: React.CSSProperties;
+        toggled?: boolean;
+        trackStyle?: React.CSSProperties;
+        valueLink?: ReactLink<boolean>;
+    }
+    export class Toggle extends React.Component<ToggleProps, {}> {
+        isToggled(): boolean;
+        setToggled(newToggledValue: boolean): void;
+    }
+
+    interface SnackbarProps extends React.Props<Snackbar> {
+        action?: string;
+        autoHideDuration?: number;
+        bodyStyle?: React.CSSProperties;
+        className?: string;
+        message: string | JSX.Element;
+        onActionTouchTap?: React.TouchEventHandler;
+        /** @deprecated Use the open property to control the component instead */
+        onDismiss?: () => void; // DEPRECATED
+        onRequestClose: (reason: string) => void;
+        /** @deprecated Use the open property to control the component instead */
+        onShow?: () => void; // DEPRECATED
+        open: boolean;
+        /** @deprecated Use the open property to control the component instead */
+        openOnMount?: boolean; // DEPRECATED
+        style?: React.CSSProperties;
+
+    }
+    export class Snackbar extends React.Component<SnackbarProps, {}> {
+    }
+
+    namespace Table {
+        interface TableProps extends React.Props<Table> {
+            allRowsSelected?: boolean;
+            bodyStyle?: React.CSSProperties;
+            className?: string;
+            fixedFooter?: boolean;
+            fixedHeader?: boolean;
+            footerStyle?: React.CSSProperties;
+            headerStyle?: React.CSSProperties;
+            height?: string;
+            multiSelectable?: boolean;
+            onCellClick?: (row: number, column: number) => void;
+            onCellHover?: (row: number, column: number) => void;
+            onCellHoverExit?: (row: number, column: number) => void;
+            onRowHover?: (row: number) => void;
+            onRowHoverExit?: (row: number) => void;
+            onRowSelection?: (selectedRows: number[] | string) => void;
+            selectable?: boolean;
+            style?: React.CSSProperties;
+            wrapperStyle?: React.CSSProperties;
+        }
+        export class Table extends React.Component<TableProps, {}> {
+        }
+
+        interface TableRowProps extends React.Props<TableRow> {
+            // <tr/> is element that get the 'other' properties
+            className?: string;
+            displayBorder?: boolean;
+            hoverable?: boolean;
+            hovered?: boolean;
+            onCellClick?: (e: React.MouseEvent, row: number, column: number) => void;
+            onCellHover?: (e: React.MouseEvent, row: number, column: number) => void;
+            onCellHoverExit?: (e: React.MouseEvent, row: number, column: number) => void;
+            onRowClick?: (e: React.MouseEvent, row: number) => void;
+            onRowHover?: (e: React.MouseEvent, row: number) => void;
+            onRowHoverExit?: (e: React.MouseEvent, row: number) => void;
+            rowNumber?: number;
+            selectable?: boolean;
+            selected?: boolean;
+            striped?: boolean;
+            style?: React.CSSProperties;
+        }
+        export class TableRow extends React.Component<TableRowProps, {}> {
+        }
+
+        interface TableRowColumnProps extends React.Props<TableRowColumn> {
+            // <td/> is element that get the 'other' properties
+            className?: string;
+            columnNumber?: number;
+            hoverable?: boolean;
+            key?: string;
+            onClick?: (e: React.MouseEvent, column: number) => void;
+            onHover?: (e: React.MouseEvent, column: number) => void;
+            onHoverExit?: (e: React.MouseEvent, column: number) => void;
+            style?: React.CSSProperties;
+
+            // useful attributes passed to <td/>
+            colSpan?: number;
+        }
+        export class TableRowColumn extends React.Component<TableRowColumnProps, {}> {
+        }
+
+        interface TableHeaderProps extends React.Props<TableHeader> {
+            adjustForCheckbox?: boolean;
+            className?: string;
+            displaySelectAll?: boolean;
+            enableSelectAll?: boolean;
+            onSelectAll?: (checked: boolean) => void;
+            selectAllSelected?: boolean;
+            style?: React.CSSProperties;
+        }
+        export class TableHeader extends React.Component<TableHeaderProps, {}> {
+        }
+
+        interface TableHeaderColumnProps extends React.Props<TableHeaderColumn> {
+            // <th/> is element that get the 'other' properties
+            className?: string;
+            columnNumber?: number;
+            key?: string;
+            onClick?: (e: React.MouseEvent, column: number) => void;
+            style?: React.CSSProperties;
+            tooltip?: string;
+            tooltipStyle?: React.CSSProperties;
+
+            // useful attributes passed to <th/>
+            colSpan?: number;
+        }
+        export class TableHeaderColumn extends React.Component<TableHeaderColumnProps, {}> {
+        }
+
+        interface TableBodyProps extends React.Props<TableBody> {
+            allRowsSelected?: boolean;
+            className?: string;
+            deselectOnClickaway?: boolean;
+            displayRowCheckbox?: boolean;
+            multiSelectable?: boolean;
+            onCellClick?: (row: number, column: number) => void;
+            onCellHover?: (row: number, column: number) => void;
+            onCellHoverExit?: (row: number, column: number) => void;
+            onRowHover?: (row: number) => void;
+            onRowHoverExit?: (row: number) => void;
+            onRowSelection?: (selectedRows: number[] | string) => void;
+            preScanRows?: boolean;
+            selectable?: boolean;
+            showRowHover?: boolean;
+            stripedRows?: boolean;
+            style?: React.CSSProperties;
+        }
+        export class TableBody extends React.Component<TableBodyProps, {}> {
+        }
+
+        interface TableFooterProps extends React.Props<TableFooter> {
+            // <tfoot/> is element that get the 'other' properties
+            adjustForCheckbox?: boolean;
+            className?: string;
+            style?: React.CSSProperties;
+        }
+        export class TableFooter extends React.Component<TableFooterProps, {}> {
+        }
+    }
+
+    namespace Tabs {
+        interface TabsProps extends React.Props<Tabs> {
+            className?: string;
+            contentContainerClassName?: string;
+            contentContainerStyle?: React.CSSProperties;
+            initialSelectedIndex?: number;
+            inkBarStyle?: React.CSSProperties;
+            onChange?: (value: any, e: React.FormEvent, tab: Tab) => void;
+            style?: React.CSSProperties;
+            tabItemContainerStyle?: React.CSSProperties;
+            tabTemplate?: React.ComponentClass<any>;
+            value?: any;
+        }
+        export class Tabs extends React.Component<TabsProps, {}> {
+        }
+
+        interface TabProps extends SharedEnhancedButtonProps<Tab> {
+            className?: string;
+            icon?: React.ReactNode;
+            label?: React.ReactNode;
+            onActive?: (tab: Tab) => void;
+            onTouchTap?: (value: any, e?: TouchTapEvent, tab?: Tab) => void;
+            selected?: boolean;
+            style?: React.CSSProperties;
+            value?: any;
+            width?: string;
+            disabled?: boolean;
+        }
+        export class Tab extends React.Component<TabProps, {}> {
+        }
+    }
+
+    interface TextFieldProps extends React.Props<TextField> {
+        className?: string;
+        defaultValue?: string | number;
+        disabled?: boolean;
+        errorStyle?: React.CSSProperties;
+        errorText?: React.ReactNode;
+        floatingLabelStyle?: React.CSSProperties;
+        floatingLabelText?: React.ReactNode;
+        fullWidth?: boolean;
+        hintStyle?: React.CSSProperties;
+        hintText?: React.ReactNode;
+        id?: string;
+        inputStyle?: React.CSSProperties;
+        multiLine?: boolean;
+        onBlur?: React.FocusEventHandler;
+        onChange?: React.FormEventHandler;
+        onEnterKeyDown?: React.KeyboardEventHandler;
+        onFocus?: React.FocusEventHandler;
+        onKeyDown?: React.KeyboardEventHandler;
+        rows?: number,
+        rowsMax?: number,
+        style?: React.CSSProperties;
+        type?: string;
+        underlineDisabledStyle?: React.CSSProperties;
+        underlineFocusStyle?: React.CSSProperties;
+        underlineShow?: boolean;
+        underlineStyle?: React.CSSProperties;
+        value?: string | number;
+        valueLink?: ReactLink<string | number>;
+    }
+    export class TextField extends React.Component<TextFieldProps, {}> {
+        blur(): void;
+        clearValue(): void;
+        focus(): void;
+        getValue(): string;
+        /** @deprecated Use the errorText property instead. */
+        setErrorText(newErrorText: string): void;
+        /** @deprecated Use the defaultValue or value property instead. */
+        setValue(newValue: string | number): void;
+    }
+
+    interface TimePickerProps extends React.Props<TimePicker> {
+        // <TextField/> is element that get the 'other' properties
+        autoOk?: boolean;
+        defaultTime?: Date;
+        format?: string; // 'ampm' or '24hr'
+        onChange?: (e: any, time: Date) => void;
+        onDismiss?: () => void;
+        onFocus?: React.FocusEventHandler;
+        onShow?: () => void;
+        onTouchTap?: TouchTapEventHandler;
+        pedantic?: boolean;
+        style?: React.CSSProperties;
+        textFieldStyle?: React.CSSProperties;
+
+        // From <TextField />
+        className?: string;
+        defaultValue?: string;
+        errorStyle?: React.CSSProperties;
+        errorText?: React.ReactNode;
+        floatingLabelStyle?: React.CSSProperties;
+        floatingLabelText?: React.ReactNode;
+        fullWidth?: boolean;
+        hintStyle?: React.CSSProperties;
+        hintText?: React.ReactNode;
+        id?: string;
+        inputStyle?: React.CSSProperties;
+        onBlur?: React.FocusEventHandler;
+        onKeyDown?: React.KeyboardEventHandler;
+        rows?: number,
+        rowsMax?: number,
+        type?: string;
+        underlineDisabledStyle?: React.CSSProperties;
+        underlineFocusStyle?: React.CSSProperties;
+        underlineShow?: boolean;
+        underlineStyle?: React.CSSProperties;
+    }
+    export class TimePicker extends React.Component<TimePickerProps, {}> {
+        getTime(): Date;
+        setTime(time: Date): void;
+        openDialog(): void;
+    }
+
+    namespace Toolbar {
+        interface ToolbarProps extends React.Props<Toolbar> {
+            className?: string;
+            noGutter?: boolean;
+            style?: React.CSSProperties;
+        }
+        export class Toolbar extends React.Component<ToolbarProps, {}> {
+        }
+
+        interface ToolbarGroupProps extends React.Props<ToolbarGroup> {
+            className?: string;
+            firstChild?: boolean;
+            float?: string; // oneOf(['left', 'right'])
+            lastChild?: boolean;
+            style?: React.CSSProperties;
+        }
+        export class ToolbarGroup extends React.Component<ToolbarGroupProps, {}> {
+        }
+
+        interface ToolbarSeparatorProps extends React.Props<ToolbarSeparator> {
+            className?: string;
+            style?: React.CSSProperties;
+        }
+        export class ToolbarSeparator extends React.Component<ToolbarSeparatorProps, {}> {
+        }
+
+        interface ToolbarTitleProps extends React.HTMLAttributes, React.Props<ToolbarTitle> {
+            className?: string;
+            style?: React.CSSProperties;
+            text?: string;
+        }
+        export class ToolbarTitle extends React.Component<ToolbarTitleProps, {}> {
+        }
+    }
+
+    namespace Ripples {
+        interface CircleRippleProps extends React.Props<CircleRipple> {
+            color?: string;
+            muiTheme: Styles.MuiTheme;
+            opacity?: number;
+            style?: React.CSSProperties;
+        }
+        export class CircleRipple extends React.Component<CircleRippleProps, {}> {
+        }
+
+        interface FocusRippleProps extends React.Props<FocusRipple> {
+            color?: string;
+            innerStyle?: React.CSSProperties;
+            muiTheme: Styles.MuiTheme;
+            opacity?: number;
+            show?: boolean;
+            style?: React.CSSProperties;
+        }
+        export class FocusRipple extends React.Component<FocusRippleProps, {}> {
+        }
+
+        interface TouchRippleProps extends React.Props<TouchRipple> {
+            centerRipple?: boolean;
+            color?: string;
+            muiTheme: Styles.MuiTheme;
+            opacity?: number;
+            style?: React.CSSProperties;
+        }
+        export class TouchRipple extends React.Component<TouchRippleProps, {}> {
+        }
+    }
+
+    interface ClearFixProps extends React.Props<ClearFix> {
+    }
+    export class ClearFix extends React.Component<ClearFixProps, {}> {
+    }
+
+    interface TooltipProps extends React.Props<Tooltip> {
+        className?: string;
+        horizontalPosition?: string; // oneOf(['left', 'right', 'center'])
+        label: string;
+        show?: boolean;
+        style?: React.CSSProperties;
+        touch?: boolean;
+        verticalPosition?: string; // oneOf(['top', 'bottom'])
+    }
+    export class Tooltip extends React.Component<TooltipProps, {}> {
+    }
+
+    namespace Hoc {
+        interface SelectableProps {
+            onChange?: (e: TouchTapEvent, value: any) => void;
+            selectedItemStyle?: React.CSSProperties;
+            value?: any;
+            valueLink?: { value: any; requestChange: (e: TouchTapEvent, value: any) => void };
+        }
+
+        // union types for higher order components in TypeScript 1.8: https://github.com/Microsoft/TypeScript/issues/4362
+        export function SelectableContainerEnhance<P extends {}>(component: React.ComponentClass<P>): React.ComponentClass<P & SelectableProps>;
+    }
+
+    export namespace Mixins {
+        interface ClickAwayable extends React.Mixin<any, any> {
+        }
+        var ClickAwayable: ClickAwayable;
+
+        interface WindowListenable extends React.Mixin<any, any> {
+        }
+        var WindowListenable: WindowListenable;
+
+        interface StylePropable extends React.Mixin<any, any> {
+        }
+        var StylePropable: StylePropable
+
+        interface StyleResizable extends React.Mixin<any, any> {
+        }
+        var StyleResizable: StyleResizable
+    }
+
+    export namespace Utils {
+        interface ContrastLevel {
+            color: string;
+            range: [number, number];
+        }
+        interface ColorManipulator {
+            contrastRatio(background: string, foreground: string): number;
+            contrastRatioLevel(background: string, foreground: string): ContrastLevel;
+            darken(color: string, amount: string | number): string;
+            fade(color: string, amount: string | number): string;
+            lighten(color: string, amount: string | number): string;
+        }
+        export var ColorManipulator: ColorManipulator;
+
+        interface CssEvent {
+            animationEndEventName(): string;
+            onAnimationEnd(el: Element, callback: () => void): void;
+            onTransitionEnd(el: Element, callback: () => void): void;
+            transitionEndEventName(): string;
+        }
+        export var CssEvent: CssEvent;
+
+        interface Dom {
+            addClass(el: Element, className: string): void;
+            forceRedraw(el: HTMLElement): void;
+            getStyleAttributeAsNumber(el: HTMLElement, attr: string): number;
+            hasClass(el: Element, className: string): boolean;
+            isDescendant(parent: Node, child: Node): boolean;
+            offset(el: Element): { top: number, left: number };
+            removeClass(el: Element, className: string): void;
+            toggleClass(el: Element, className: string): void;
+            withoutTransition(el: HTMLElement, callback: () => void): void;
+        }
+        export var Dom: Dom;
+
+        interface Events {
+            isKeyboard(e: Event): boolean;
+            off(el: Element, type: string, callback: EventListener): void;
+            on(el: Element, type: string, callback: EventListener): void;
+            once(el: Element, type: string, callback: EventListener): void;
+        }
+        export var Events: Events;
+
+        function Extend<T, S1>(base: T, override: S1): (T & S1);
+
+        interface ImmutabilityHelper {
+            merge(base: any, ...args: any[]): any;
+            mergeItem(obj: any, key: any, newValueObject: any): any;
+            push(array: any[], obj: any): any[];
+            shift(array: any[]): any[];
+        }
+        export var ImmutabilityHelper: ImmutabilityHelper;
+
+        interface KeyCode {
+            DOWN: number;
+            ESC: number;
+            ENTER: number;
+            LEFT: number;
+            RIGHT: number;
+            SPACE: number;
+            TAB: number;
+            UP: number;
+        }
+        var KeyCode: KeyCode;
+
+        interface KeyLine {
+            Desktop: {
+                GUTTER: number;
+                GUTTER_LESS: number;
+                INCREMENT: number;
+                MENU_ITEM_HEIGHT: number;
+            };
+
+            getIncrementalDim(dim: number): number;
+        }
+        export var KeyLine: KeyLine;
+
+        interface UniqueId {
+            generate(): string;
+        }
+        export var UniqueId: UniqueId;
+
+        interface Styles {
+            mergeAndPrefix(base: any, ...args: any[]): React.CSSProperties;
+        }
+        export var Styles: Styles;
+    }
+}    // __MaterialUI
+
+declare module 'material-ui/lib/app-bar' {
+    export import AppBar = __MaterialUI.AppBar;
+    export default AppBar;
+}
+
+declare module 'material-ui/lib/auto-complete' {
+    export import AutoComplete = __MaterialUI.AutoComplete;
+    export default AutoComplete;
+}
+
+declare module 'material-ui/lib/app-canvas' {
+    export import AppCanvas = __MaterialUI.AppCanvas;
+    export default AppCanvas;
+}
+
+declare module 'material-ui/lib/avatar' {
+    export import Avatar = __MaterialUI.Avatar;
+    export default Avatar;
+}
+
+declare module "material-ui/lib/badge" {
+    export import Badge = __MaterialUI.Badge;
+    export default Badge;
+}
+
+declare module 'material-ui/lib/before-after-wrapper' {
+    export import BeforeAfterWrapper = __MaterialUI.BeforeAfterWrapper;
+    export default BeforeAfterWrapper;
+}
+
+declare module 'material-ui/lib/card/card' {
+    export import Card = __MaterialUI.Card.Card;
+    export default Card;
+}
+
+declare module 'material-ui/lib/card/card-actions' {
+    export import CardActions = __MaterialUI.Card.CardActions;
+    export default CardActions;
+}
+
+declare module 'material-ui/lib/card/card-expandable' {
+    export import CardExpandable = __MaterialUI.Card.CardExpandable;
+    export default CardExpandable;
+}
+
+declare module 'material-ui/lib/card/card-header' {
+    export import CardHeader = __MaterialUI.Card.CardHeader;
+    export default CardHeader;
+}
+
+declare module 'material-ui/lib/card/card-media' {
+    export import CardMedia = __MaterialUI.Card.CardMedia;
+    export default CardMedia;
+}
+
+declare module 'material-ui/lib/card/card-text' {
+    export import CardText = __MaterialUI.Card.CardText;
+    export default CardText;
+}
+
+declare module 'material-ui/lib/card/card-title' {
+    export import CardTitle = __MaterialUI.Card.CardTitle;
+    export default CardTitle;
+}
+
+declare module 'material-ui/lib/checkbox' {
+    export import Checkbox = __MaterialUI.Checkbox;
+    export default Checkbox;
+}
+
+declare module 'material-ui/lib/circular-progress' {
+    export import CircularProgress = __MaterialUI.CircularProgress;
+    export default CircularProgress;
+}
+
+declare module 'material-ui/lib/clearfix' {
+    export import ClearFix = __MaterialUI.ClearFix;
+    export default ClearFix;
+}
+
+declare module 'material-ui/lib/date-picker/date-picker' {
+    export import DatePicker = __MaterialUI.DatePicker.DatePicker;
+    export default DatePicker;
+}
+
+declare module 'material-ui/lib/date-picker/date-picker-dialog' {
+    export import DatePickerDialog = __MaterialUI.DatePicker.DatePickerDialog;
+    export default DatePickerDialog;
+}
+
+declare module 'material-ui/lib/dialog' {
+    export import Dialog = __MaterialUI.Dialog;
+    export default Dialog;
+}
+
+declare module 'material-ui/lib/drop-down-menu' {
+    export import DropDownMenu = __MaterialUI.Menus.DropDownMenu;
+    export default DropDownMenu;
+}
+
+declare module 'material-ui/lib/DropDownMenu' {
+    export import DropDownMenu = __MaterialUI.Menus.DropDownMenu;
+    export default DropDownMenu;
+}
+
+declare module 'material-ui/lib/DropDownMenu/DropDownMenu' {
+    export import DropDownMenu = __MaterialUI.Menus.DropDownMenu;
+    export default DropDownMenu;
+}
+
+declare module 'material-ui/lib/enhanced-button' {
+    export import EnhancedButton = __MaterialUI.EnhancedButton;
+    export default EnhancedButton;
+}
+
+declare module 'material-ui/lib/flat-button' {
+    export import FlatButton = __MaterialUI.FlatButton;
+    export default FlatButton;
+}
+
+declare module 'material-ui/lib/floating-action-button' {
+    export import FloatingActionButton = __MaterialUI.FloatingActionButton;
+    export default FloatingActionButton;
+}
+
+declare module 'material-ui/lib/font-icon' {
+    export import FontIcon = __MaterialUI.FontIcon;
+    export default FontIcon;
+}
+
+declare module 'material-ui/lib/hoc/selectable-enhance' {
+    export import SelectableContainerEnhance = __MaterialUI.Hoc.SelectableContainerEnhance;
+    export default SelectableContainerEnhance;
+}
+
+declare module 'material-ui/lib/icon-button' {
+    export import IconButton = __MaterialUI.IconButton;
+    export default IconButton;
+}
+
+declare module 'material-ui/lib/left-nav' {
+    export import LeftNav = __MaterialUI.LeftNav;
+    export default LeftNav;
+}
+
+declare module 'material-ui/lib/linear-progress' {
+    export import LinearProgress = __MaterialUI.LinearProgress;
+    export default LinearProgress;
+}
+
+declare module 'material-ui/lib/lists/list' {
+    export import List = __MaterialUI.Lists.List;
+    export default List;
+}
+
+declare module 'material-ui/lib/lists/list-divider' {
+    export import ListDivider = __MaterialUI.Lists.ListDivider;
+    export default ListDivider;
+}
+
+declare module 'material-ui/lib/lists/list-item' {
+    export import ListItem = __MaterialUI.Lists.ListItem;
+    export default ListItem;
+}
+
+declare module 'material-ui/lib/mixins' {
+    export import ClickAwayable = __MaterialUI.Mixins.ClickAwayable; // require('material-ui/lib/mixins/click-awayable');
+    export import WindowListenable = __MaterialUI.Mixins.WindowListenable; // require('material-ui/lib/mixins/window-listenable');
+    export import StylePropable = __MaterialUI.Mixins.StylePropable; // require('material-ui/lib/mixins/style-propable');
+    export import StyleResizable = __MaterialUI.Mixins.StyleResizable; // require('material-ui/lib/mixins/style-resizable');
+}
+
+declare module 'material-ui/lib/mixins/click-awayable' {
+    export import ClickAwayable = __MaterialUI.Mixins.ClickAwayable;
+    export default ClickAwayable;
+}
+
+declare module 'material-ui/lib/mixins/window-listenable' {
+    export import WindowListenable = __MaterialUI.Mixins.WindowListenable;
+    export default WindowListenable;
+}
+
+declare module 'material-ui/lib/mixins/style-propable' {
+    export import StylePropable = __MaterialUI.Mixins.StylePropable;
+    export default StylePropable;
+}
+
+declare module 'material-ui/lib/mixins/style-resizable' {
+    export import StyleResizable = __MaterialUI.Mixins.StyleResizable;
+    export default StyleResizable;
+}
+
+declare module 'material-ui/lib/overlay' {
+    export import Overlay = __MaterialUI.Overlay;
+    export default Overlay;
+}
+
+declare module 'material-ui/lib/paper' {
+    export import Paper = __MaterialUI.Paper;
+    export default Paper;
+}
+
+declare module 'material-ui/lib/popover/popover' {
+    export import Popover = __MaterialUI.Popover.Popover;
+    export default Popover;
+}
+
+declare module 'material-ui/lib/popover/popover-default-animation' {
+    export import PopoverDefaultAnimation = __MaterialUI.Popover.PopoverDefaultAnimation;
+    export default PopoverDefaultAnimation;
+}
+
+declare module 'material-ui/lib/popover/popover-animation-from-top' {
+    export import PopoverAnimationFromTop = __MaterialUI.Popover.PopoverAnimationFromTop;
+    export default PopoverAnimationFromTop;
+}
+
+declare module 'material-ui/lib/radio-button' {
+    export import RadioButton = __MaterialUI.RadioButton;
+    export default RadioButton;
+}
+
+declare module 'material-ui/lib/radio-button-group' {
+    export import RadioButtonGroup = __MaterialUI.RadioButtonGroup;
+    export default RadioButtonGroup;
+}
+
+declare module 'material-ui/lib/raised-button' {
+    export import RaisedButton = __MaterialUI.RaisedButton;
+    export default RaisedButton;
+}
+
+declare module 'material-ui/lib/refresh-indicator' {
+    export import RefreshIndicator = __MaterialUI.RefreshIndicator;
+    export default RefreshIndicator;
+}
+
+declare module 'material-ui/lib/ripples' {
+    export import CircleRipple = __MaterialUI.Ripples.CircleRipple;
+    export import FocusRipple = __MaterialUI.Ripples.FocusRipple;
+    export import TouchRipple = __MaterialUI.Ripples.TouchRipple;
+}
+
+declare module 'material-ui/lib/select-field' {
+    export import SelectField = __MaterialUI.SelectField;
+    export default SelectField;
+}
+
+declare module 'material-ui/lib/slider' {
+    export import Slider = __MaterialUI.Slider;
+    export default Slider;
+}
+
+declare module 'material-ui/lib/svg-icon' {
+    export import SvgIcon = __MaterialUI.SvgIcon;
+    export default SvgIcon;
+}
+
+declare module 'material-ui/lib/svg-icons/action/work' {
+  export import ActionWork = __MaterialUI.SvgIcon;
+  export default ActionWork;
+}
+
+declare module 'material-ui/lib/svg-icons/action/camera-enhance' {
+  export import ActionCameraEnhance = __MaterialUI.SvgIcon;
+  export default ActionCameraEnhance;
+}
+
+declare module 'material-ui/lib/svg-icons/action/flip-to-back' {
+  export import ActionFlipToBack = __MaterialUI.SvgIcon;
+  export default ActionFlipToBack;
+}
+
+declare module 'material-ui/lib/svg-icons/action/feedback' {
+  export import ActionFeedback = __MaterialUI.SvgIcon;
+  export default ActionFeedback;
+}
+
+declare module 'material-ui/lib/svg-icons/action/assignment-turned-in' {
+  export import ActionAssignmentTurnedIn = __MaterialUI.SvgIcon;
+  export default ActionAssignmentTurnedIn;
+}
+
+declare module 'material-ui/lib/svg-icons/action/track-changes' {
+  export import ActionTrackChanges = __MaterialUI.SvgIcon;
+  export default ActionTrackChanges;
+}
+
+declare module 'material-ui/lib/svg-icons/action/view-stream' {
+  export import ActionViewStream = __MaterialUI.SvgIcon;
+  export default ActionViewStream;
+}
+
+declare module 'material-ui/lib/svg-icons/action/open-in-browser' {
+  export import ActionOpenInBrowser = __MaterialUI.SvgIcon;
+  export default ActionOpenInBrowser;
+}
+
+declare module 'material-ui/lib/svg-icons/action/view-headline' {
+  export import ActionViewHeadline = __MaterialUI.SvgIcon;
+  export default ActionViewHeadline;
+}
+
+declare module 'material-ui/lib/svg-icons/action/alarm-add' {
+  export import ActionAlarmAdd = __MaterialUI.SvgIcon;
+  export default ActionAlarmAdd;
+}
+
+declare module 'material-ui/lib/svg-icons/action/history' {
+  export import ActionHistory = __MaterialUI.SvgIcon;
+  export default ActionHistory;
+}
+
+declare module 'material-ui/lib/svg-icons/action/perm-device-information' {
+  export import ActionPermDeviceInformation = __MaterialUI.SvgIcon;
+  export default ActionPermDeviceInformation;
+}
+
+declare module 'material-ui/lib/svg-icons/action/reorder' {
+  export import ActionReorder = __MaterialUI.SvgIcon;
+  export default ActionReorder;
+}
+
+declare module 'material-ui/lib/svg-icons/action/assignment' {
+  export import ActionAssignment = __MaterialUI.SvgIcon;
+  export default ActionAssignment;
+}
+
+declare module 'material-ui/lib/svg-icons/action/shopping-cart' {
+  export import ActionShoppingCart = __MaterialUI.SvgIcon;
+  export default ActionShoppingCart;
+}
+
+declare module 'material-ui/lib/svg-icons/action/face' {
+  export import ActionFace = __MaterialUI.SvgIcon;
+  export default ActionFace;
+}
+
+declare module 'material-ui/lib/svg-icons/action/event' {
+  export import ActionEvent = __MaterialUI.SvgIcon;
+  export default ActionEvent;
+}
+
+declare module 'material-ui/lib/svg-icons/action/view-week' {
+  export import ActionViewWeek = __MaterialUI.SvgIcon;
+  export default ActionViewWeek;
+}
+
+declare module 'material-ui/lib/svg-icons/action/rounded-corner' {
+  export import ActionRoundedCorner = __MaterialUI.SvgIcon;
+  export default ActionRoundedCorner;
+}
+
+declare module 'material-ui/lib/svg-icons/action/view-carousel' {
+  export import ActionViewCarousel = __MaterialUI.SvgIcon;
+  export default ActionViewCarousel;
+}
+
+declare module 'material-ui/lib/svg-icons/action/toll' {
+  export import ActionToll = __MaterialUI.SvgIcon;
+  export default ActionToll;
+}
+
+declare module 'material-ui/lib/svg-icons/action/home' {
+  export import ActionHome = __MaterialUI.SvgIcon;
+  export default ActionHome;
+}
+
+declare module 'material-ui/lib/svg-icons/action/subject' {
+  export import ActionSubject = __MaterialUI.SvgIcon;
+  export default ActionSubject;
+}
+
+declare module 'material-ui/lib/svg-icons/action/lock' {
+  export import ActionLock = __MaterialUI.SvgIcon;
+  export default ActionLock;
+}
+
+declare module 'material-ui/lib/svg-icons/action/visibility-off' {
+  export import ActionVisibilityOff = __MaterialUI.SvgIcon;
+  export default ActionVisibilityOff;
+}
+
+declare module 'material-ui/lib/svg-icons/action/opacity' {
+  export import ActionOpacity = __MaterialUI.SvgIcon;
+  export default ActionOpacity;
+}
+
+declare module 'material-ui/lib/svg-icons/action/dns' {
+  export import ActionDns = __MaterialUI.SvgIcon;
+  export default ActionDns;
+}
+
+declare module 'material-ui/lib/svg-icons/action/open-with' {
+  export import ActionOpenWith = __MaterialUI.SvgIcon;
+  export default ActionOpenWith;
+}
+
+declare module 'material-ui/lib/svg-icons/action/system-update-alt' {
+  export import ActionSystemUpdateAlt = __MaterialUI.SvgIcon;
+  export default ActionSystemUpdateAlt;
+}
+
+declare module 'material-ui/lib/svg-icons/action/picture-in-picture-alt' {
+  export import ActionPictureInPictureAlt = __MaterialUI.SvgIcon;
+  export default ActionPictureInPictureAlt;
+}
+
+declare module 'material-ui/lib/svg-icons/action/bookmark-border' {
+  export import ActionBookmarkBorder = __MaterialUI.SvgIcon;
+  export default ActionBookmarkBorder;
+}
+
+declare module 'material-ui/lib/svg-icons/action/settings' {
+  export import ActionSettings = __MaterialUI.SvgIcon;
+  export default ActionSettings;
+}
+
+declare module 'material-ui/lib/svg-icons/action/dashboard' {
+  export import ActionDashboard = __MaterialUI.SvgIcon;
+  export default ActionDashboard;
+}
+
+declare module 'material-ui/lib/svg-icons/action/done-all' {
+  export import ActionDoneAll = __MaterialUI.SvgIcon;
+  export default ActionDoneAll;
+}
+
+declare module 'material-ui/lib/svg-icons/action/aspect-ratio' {
+  export import ActionAspectRatio = __MaterialUI.SvgIcon;
+  export default ActionAspectRatio;
+}
+
+declare module 'material-ui/lib/svg-icons/action/verified-user' {
+  export import ActionVerifiedUser = __MaterialUI.SvgIcon;
+  export default ActionVerifiedUser;
+}
+
+declare module 'material-ui/lib/svg-icons/action/update' {
+  export import ActionUpdate = __MaterialUI.SvgIcon;
+  export default ActionUpdate;
+}
+
+declare module 'material-ui/lib/svg-icons/action/query-builder' {
+  export import ActionQueryBuilder = __MaterialUI.SvgIcon;
+  export default ActionQueryBuilder;
+}
+
+declare module 'material-ui/lib/svg-icons/action/supervisor-account' {
+  export import ActionSupervisorAccount = __MaterialUI.SvgIcon;
+  export default ActionSupervisorAccount;
+}
+
+declare module 'material-ui/lib/svg-icons/action/polymer' {
+  export import ActionPolymer = __MaterialUI.SvgIcon;
+  export default ActionPolymer;
+}
+
+declare module 'material-ui/lib/svg-icons/action/accessible' {
+  export import ActionAccessible = __MaterialUI.SvgIcon;
+  export default ActionAccessible;
+}
+
+declare module 'material-ui/lib/svg-icons/action/highlight-off' {
+  export import ActionHighlightOff = __MaterialUI.SvgIcon;
+  export default ActionHighlightOff;
+}
+
+declare module 'material-ui/lib/svg-icons/action/power-settings-new' {
+  export import ActionPowerSettingsNew = __MaterialUI.SvgIcon;
+  export default ActionPowerSettingsNew;
+}
+
+declare module 'material-ui/lib/svg-icons/action/chrome-reader-mode' {
+  export import ActionChromeReaderMode = __MaterialUI.SvgIcon;
+  export default ActionChromeReaderMode;
+}
+
+declare module 'material-ui/lib/svg-icons/action/perm-camera-mic' {
+  export import ActionPermCameraMic = __MaterialUI.SvgIcon;
+  export default ActionPermCameraMic;
+}
+
+declare module 'material-ui/lib/svg-icons/action/touch-app' {
+  export import ActionTouchApp = __MaterialUI.SvgIcon;
+  export default ActionTouchApp;
+}
+
+declare module 'material-ui/lib/svg-icons/action/receipt' {
+  export import ActionReceipt = __MaterialUI.SvgIcon;
+  export default ActionReceipt;
+}
+
+declare module 'material-ui/lib/svg-icons/action/assignment-late' {
+  export import ActionAssignmentLate = __MaterialUI.SvgIcon;
+  export default ActionAssignmentLate;
+}
+
+declare module 'material-ui/lib/svg-icons/action/alarm-off' {
+  export import ActionAlarmOff = __MaterialUI.SvgIcon;
+  export default ActionAlarmOff;
+}
+
+declare module 'material-ui/lib/svg-icons/action/toc' {
+  export import ActionToc = __MaterialUI.SvgIcon;
+  export default ActionToc;
+}
+
+declare module 'material-ui/lib/svg-icons/action/settings-bluetooth' {
+  export import ActionSettingsBluetooth = __MaterialUI.SvgIcon;
+  export default ActionSettingsBluetooth;
+}
+
+declare module 'material-ui/lib/svg-icons/action/settings-brightness' {
+  export import ActionSettingsBrightness = __MaterialUI.SvgIcon;
+  export default ActionSettingsBrightness;
+}
+
+declare module 'material-ui/lib/svg-icons/action/donut-small' {
+  export import ActionDonutSmall = __MaterialUI.SvgIcon;
+  export default ActionDonutSmall;
+}
+
+declare module 'material-ui/lib/svg-icons/action/zoom-out' {
+  export import ActionZoomOut = __MaterialUI.SvgIcon;
+  export default ActionZoomOut;
+}
+
+declare module 'material-ui/lib/svg-icons/action/loyalty' {
+  export import ActionLoyalty = __MaterialUI.SvgIcon;
+  export default ActionLoyalty;
+}
+
+declare module 'material-ui/lib/svg-icons/action/search' {
+  export import ActionSearch = __MaterialUI.SvgIcon;
+  export default ActionSearch;
+}
+
+declare module 'material-ui/lib/svg-icons/action/account-balance-wallet' {
+  export import ActionAccountBalanceWallet = __MaterialUI.SvgIcon;
+  export default ActionAccountBalanceWallet;
+}
+
+declare module 'material-ui/lib/svg-icons/action/date-range' {
+  export import ActionDateRange = __MaterialUI.SvgIcon;
+  export default ActionDateRange;
+}
+
+declare module 'material-ui/lib/svg-icons/action/alarm-on' {
+  export import ActionAlarmOn = __MaterialUI.SvgIcon;
+  export default ActionAlarmOn;
+}
+
+declare module 'material-ui/lib/svg-icons/action/view-quilt' {
+  export import ActionViewQuilt = __MaterialUI.SvgIcon;
+  export default ActionViewQuilt;
+}
+
+declare module 'material-ui/lib/svg-icons/action/launch' {
+  export import ActionLaunch = __MaterialUI.SvgIcon;
+  export default ActionLaunch;
+}
+
+declare module 'material-ui/lib/svg-icons/action/visibility' {
+  export import ActionVisibility = __MaterialUI.SvgIcon;
+  export default ActionVisibility;
+}
+
+declare module 'material-ui/lib/svg-icons/action/flight-land' {
+  export import ActionFlightLand = __MaterialUI.SvgIcon;
+  export default ActionFlightLand;
+}
+
+declare module 'material-ui/lib/svg-icons/action/card-travel' {
+  export import ActionCardTravel = __MaterialUI.SvgIcon;
+  export default ActionCardTravel;
+}
+
+declare module 'material-ui/lib/svg-icons/action/get-app' {
+  export import ActionGetApp = __MaterialUI.SvgIcon;
+  export default ActionGetApp;
+}
+
+declare module 'material-ui/lib/svg-icons/action/markunread-mailbox' {
+  export import ActionMarkunreadMailbox = __MaterialUI.SvgIcon;
+  export default ActionMarkunreadMailbox;
+}
+
+declare module 'material-ui/lib/svg-icons/action/view-agenda' {
+  export import ActionViewAgenda = __MaterialUI.SvgIcon;
+  export default ActionViewAgenda;
+}
+
+declare module 'material-ui/lib/svg-icons/action/timeline' {
+  export import ActionTimeline = __MaterialUI.SvgIcon;
+  export default ActionTimeline;
+}
+
+declare module 'material-ui/lib/svg-icons/action/settings-remote' {
+  export import ActionSettingsRemote = __MaterialUI.SvgIcon;
+  export default ActionSettingsRemote;
+}
+
+declare module 'material-ui/lib/svg-icons/action/input' {
+  export import ActionInput = __MaterialUI.SvgIcon;
+  export default ActionInput;
+}
+
+declare module 'material-ui/lib/svg-icons/action/record-voice-over' {
+  export import ActionRecordVoiceOver = __MaterialUI.SvgIcon;
+  export default ActionRecordVoiceOver;
+}
+
+declare module 'material-ui/lib/svg-icons/action/backup' {
+  export import ActionBackup = __MaterialUI.SvgIcon;
+  export default ActionBackup;
+}
+
+declare module 'material-ui/lib/svg-icons/action/language' {
+  export import ActionLanguage = __MaterialUI.SvgIcon;
+  export default ActionLanguage;
+}
+
+declare module 'material-ui/lib/svg-icons/action/play-for-work' {
+  export import ActionPlayForWork = __MaterialUI.SvgIcon;
+  export default ActionPlayForWork;
+}
+
+declare module 'material-ui/lib/svg-icons/action/gif' {
+  export import ActionGif = __MaterialUI.SvgIcon;
+  export default ActionGif;
+}
+
+declare module 'material-ui/lib/svg-icons/action/theaters' {
+  export import ActionTheaters = __MaterialUI.SvgIcon;
+  export default ActionTheaters;
+}
+
+declare module 'material-ui/lib/svg-icons/action/offline-pin' {
+  export import ActionOfflinePin = __MaterialUI.SvgIcon;
+  export default ActionOfflinePin;
+}
+
+declare module 'material-ui/lib/svg-icons/action/assignment-return' {
+  export import ActionAssignmentReturn = __MaterialUI.SvgIcon;
+  export default ActionAssignmentReturn;
+}
+
+declare module 'material-ui/lib/svg-icons/action/print' {
+  export import ActionPrint = __MaterialUI.SvgIcon;
+  export default ActionPrint;
+}
+
+declare module 'material-ui/lib/svg-icons/action/settings-overscan' {
+  export import ActionSettingsOverscan = __MaterialUI.SvgIcon;
+  export default ActionSettingsOverscan;
+}
+
+declare module 'material-ui/lib/svg-icons/action/store' {
+  export import ActionStore = __MaterialUI.SvgIcon;
+  export default ActionStore;
+}
+
+declare module 'material-ui/lib/svg-icons/action/exit-to-app' {
+  export import ActionExitToApp = __MaterialUI.SvgIcon;
+  export default ActionExitToApp;
+}
+
+declare module 'material-ui/lib/svg-icons/action/account-balance' {
+  export import ActionAccountBalance = __MaterialUI.SvgIcon;
+  export default ActionAccountBalance;
+}
+
+declare module 'material-ui/lib/svg-icons/action/grade' {
+  export import ActionGrade = __MaterialUI.SvgIcon;
+  export default ActionGrade;
+}
+
+declare module 'material-ui/lib/svg-icons/action/picture-in-picture' {
+  export import ActionPictureInPicture = __MaterialUI.SvgIcon;
+  export default ActionPictureInPicture;
+}
+
+declare module 'material-ui/lib/svg-icons/action/copyright' {
+  export import ActionCopyright = __MaterialUI.SvgIcon;
+  export default ActionCopyright;
+}
+
+declare module 'material-ui/lib/svg-icons/action/donut-large' {
+  export import ActionDonutLarge = __MaterialUI.SvgIcon;
+  export default ActionDonutLarge;
+}
+
+declare module 'material-ui/lib/svg-icons/action/lock-open' {
+  export import ActionLockOpen = __MaterialUI.SvgIcon;
+  export default ActionLockOpen;
+}
+
+declare module 'material-ui/lib/svg-icons/action/perm-media' {
+  export import ActionPermMedia = __MaterialUI.SvgIcon;
+  export default ActionPermMedia;
+}
+
+declare module 'material-ui/lib/svg-icons/action/all-out' {
+  export import ActionAllOut = __MaterialUI.SvgIcon;
+  export default ActionAllOut;
+}
+
+declare module 'material-ui/lib/svg-icons/action/check-circle' {
+  export import ActionCheckCircle = __MaterialUI.SvgIcon;
+  export default ActionCheckCircle;
+}
+
+declare module 'material-ui/lib/svg-icons/action/swap-vertical-circle' {
+  export import ActionSwapVerticalCircle = __MaterialUI.SvgIcon;
+  export default ActionSwapVerticalCircle;
+}
+
+declare module 'material-ui/lib/svg-icons/action/settings-input-svideo' {
+  export import ActionSettingsInputSvideo = __MaterialUI.SvgIcon;
+  export default ActionSettingsInputSvideo;
+}
+
+declare module 'material-ui/lib/svg-icons/action/watch-later' {
+  export import ActionWatchLater = __MaterialUI.SvgIcon;
+  export default ActionWatchLater;
+}
+
+declare module 'material-ui/lib/svg-icons/action/question-answer' {
+  export import ActionQuestionAnswer = __MaterialUI.SvgIcon;
+  export default ActionQuestionAnswer;
+}
+
+declare module 'material-ui/lib/svg-icons/action/assignment-ind' {
+  export import ActionAssignmentInd = __MaterialUI.SvgIcon;
+  export default ActionAssignmentInd;
+}
+
+declare module 'material-ui/lib/svg-icons/action/code' {
+  export import ActionCode = __MaterialUI.SvgIcon;
+  export default ActionCode;
+}
+
+declare module 'material-ui/lib/svg-icons/action/turned-in-not' {
+  export import ActionTurnedInNot = __MaterialUI.SvgIcon;
+  export default ActionTurnedInNot;
+}
+
+declare module 'material-ui/lib/svg-icons/action/line-weight' {
+  export import ActionLineWeight = __MaterialUI.SvgIcon;
+  export default ActionLineWeight;
+}
+
+declare module 'material-ui/lib/svg-icons/action/restore' {
+  export import ActionRestore = __MaterialUI.SvgIcon;
+  export default ActionRestore;
+}
+
+declare module 'material-ui/lib/svg-icons/action/tab' {
+  export import ActionTab = __MaterialUI.SvgIcon;
+  export default ActionTab;
+}
+
+declare module 'material-ui/lib/svg-icons/action/open-in-new' {
+  export import ActionOpenInNew = __MaterialUI.SvgIcon;
+  export default ActionOpenInNew;
+}
+
+declare module 'material-ui/lib/svg-icons/action/turned-in' {
+  export import ActionTurnedIn = __MaterialUI.SvgIcon;
+  export default ActionTurnedIn;
+}
+
+declare module 'material-ui/lib/svg-icons/action/settings-input-hdmi' {
+  export import ActionSettingsInputHdmi = __MaterialUI.SvgIcon;
+  export default ActionSettingsInputHdmi;
+}
+
+declare module 'material-ui/lib/svg-icons/action/favorite-border' {
+  export import ActionFavoriteBorder = __MaterialUI.SvgIcon;
+  export default ActionFavoriteBorder;
+}
+
+declare module 'material-ui/lib/svg-icons/action/done' {
+  export import ActionDone = __MaterialUI.SvgIcon;
+  export default ActionDone;
+}
+
+declare module 'material-ui/lib/svg-icons/action/payment' {
+  export import ActionPayment = __MaterialUI.SvgIcon;
+  export default ActionPayment;
+}
+
+declare module 'material-ui/lib/svg-icons/action/announcement' {
+  export import ActionAnnouncement = __MaterialUI.SvgIcon;
+  export default ActionAnnouncement;
+}
+
+declare module 'material-ui/lib/svg-icons/action/find-in-page' {
+  export import ActionFindInPage = __MaterialUI.SvgIcon;
+  export default ActionFindInPage;
+}
+
+declare module 'material-ui/lib/svg-icons/action/thumbs-up-down' {
+  export import ActionThumbsUpDown = __MaterialUI.SvgIcon;
+  export default ActionThumbsUpDown;
+}
+
+declare module 'material-ui/lib/svg-icons/action/explore' {
+  export import ActionExplore = __MaterialUI.SvgIcon;
+  export default ActionExplore;
+}
+
+declare module 'material-ui/lib/svg-icons/action/today' {
+  export import ActionToday = __MaterialUI.SvgIcon;
+  export default ActionToday;
+}
+
+declare module 'material-ui/lib/svg-icons/action/settings-power' {
+  export import ActionSettingsPower = __MaterialUI.SvgIcon;
+  export default ActionSettingsPower;
+}
+
+declare module 'material-ui/lib/svg-icons/action/gavel' {
+  export import ActionGavel = __MaterialUI.SvgIcon;
+  export default ActionGavel;
+}
+
+declare module 'material-ui/lib/svg-icons/action/build' {
+  export import ActionBuild = __MaterialUI.SvgIcon;
+  export default ActionBuild;
+}
+
+declare module 'material-ui/lib/svg-icons/action/rowing' {
+  export import ActionRowing = __MaterialUI.SvgIcon;
+  export default ActionRowing;
+}
+
+declare module 'material-ui/lib/svg-icons/action/label' {
+  export import ActionLabel = __MaterialUI.SvgIcon;
+  export default ActionLabel;
+}
+
+declare module 'material-ui/lib/svg-icons/action/card-giftcard' {
+  export import ActionCardGiftcard = __MaterialUI.SvgIcon;
+  export default ActionCardGiftcard;
+}
+
+declare module 'material-ui/lib/svg-icons/action/thumb-up' {
+  export import ActionThumbUp = __MaterialUI.SvgIcon;
+  export default ActionThumbUp;
+}
+
+declare module 'material-ui/lib/svg-icons/action/shopping-basket' {
+  export import ActionShoppingBasket = __MaterialUI.SvgIcon;
+  export default ActionShoppingBasket;
+}
+
+declare module 'material-ui/lib/svg-icons/action/swap-horiz' {
+  export import ActionSwapHoriz = __MaterialUI.SvgIcon;
+  export default ActionSwapHoriz;
+}
+
+declare module 'material-ui/lib/svg-icons/action/help-outline' {
+  export import ActionHelpOutline = __MaterialUI.SvgIcon;
+  export default ActionHelpOutline;
+}
+
+declare module 'material-ui/lib/svg-icons/action/pregnant-woman' {
+  export import ActionPregnantWoman = __MaterialUI.SvgIcon;
+  export default ActionPregnantWoman;
+}
+
+declare module 'material-ui/lib/svg-icons/action/help' {
+  export import ActionHelp = __MaterialUI.SvgIcon;
+  export default ActionHelp;
+}
+
+declare module 'material-ui/lib/svg-icons/action/settings-input-antenna' {
+  export import ActionSettingsInputAntenna = __MaterialUI.SvgIcon;
+  export default ActionSettingsInputAntenna;
+}
+
+declare module 'material-ui/lib/svg-icons/action/find-replace' {
+  export import ActionFindReplace = __MaterialUI.SvgIcon;
+  export default ActionFindReplace;
+}
+
+declare module 'material-ui/lib/svg-icons/action/shop' {
+  export import ActionShop = __MaterialUI.SvgIcon;
+  export default ActionShop;
+}
+
+declare module 'material-ui/lib/svg-icons/action/change-history' {
+  export import ActionChangeHistory = __MaterialUI.SvgIcon;
+  export default ActionChangeHistory;
+}
+
+declare module 'material-ui/lib/svg-icons/action/info' {
+  export import ActionInfo = __MaterialUI.SvgIcon;
+  export default ActionInfo;
+}
+
+declare module 'material-ui/lib/svg-icons/action/trending-down' {
+  export import ActionTrendingDown = __MaterialUI.SvgIcon;
+  export default ActionTrendingDown;
+}
+
+declare module 'material-ui/lib/svg-icons/action/flight-takeoff' {
+  export import ActionFlightTakeoff = __MaterialUI.SvgIcon;
+  export default ActionFlightTakeoff;
+}
+
+declare module 'material-ui/lib/svg-icons/action/alarm' {
+  export import ActionAlarm = __MaterialUI.SvgIcon;
+  export default ActionAlarm;
+}
+
+declare module 'material-ui/lib/svg-icons/action/spellcheck' {
+  export import ActionSpellcheck = __MaterialUI.SvgIcon;
+  export default ActionSpellcheck;
+}
+
+declare module 'material-ui/lib/svg-icons/action/settings-input-component' {
+  export import ActionSettingsInputComponent = __MaterialUI.SvgIcon;
+  export default ActionSettingsInputComponent;
+}
+
+declare module 'material-ui/lib/svg-icons/action/settings-applications' {
+  export import ActionSettingsApplications = __MaterialUI.SvgIcon;
+  export default ActionSettingsApplications;
+}
+
+declare module 'material-ui/lib/svg-icons/action/room' {
+  export import ActionRoom = __MaterialUI.SvgIcon;
+  export default ActionRoom;
+}
+
+declare module 'material-ui/lib/svg-icons/action/book' {
+  export import ActionBook = __MaterialUI.SvgIcon;
+  export default ActionBook;
+}
+
+declare module 'material-ui/lib/svg-icons/action/class' {
+  export import ActionClass = __MaterialUI.SvgIcon;
+  export default ActionClass;
+}
+
+declare module 'material-ui/lib/svg-icons/action/group-work' {
+  export import ActionGroupWork = __MaterialUI.SvgIcon;
+  export default ActionGroupWork;
+}
+
+declare module 'material-ui/lib/svg-icons/action/hourglass-full' {
+  export import ActionHourglassFull = __MaterialUI.SvgIcon;
+  export default ActionHourglassFull;
+}
+
+declare module 'material-ui/lib/svg-icons/action/assessment' {
+  export import ActionAssessment = __MaterialUI.SvgIcon;
+  export default ActionAssessment;
+}
+
+declare module 'material-ui/lib/svg-icons/action/youtube-searched-for' {
+  export import ActionYoutubeSearchedFor = __MaterialUI.SvgIcon;
+  export default ActionYoutubeSearchedFor;
+}
+
+declare module 'material-ui/lib/svg-icons/action/eject' {
+  export import ActionEject = __MaterialUI.SvgIcon;
+  export default ActionEject;
+}
+
+declare module 'material-ui/lib/svg-icons/action/trending-up' {
+  export import ActionTrendingUp = __MaterialUI.SvgIcon;
+  export default ActionTrendingUp;
+}
+
+declare module 'material-ui/lib/svg-icons/action/http' {
+  export import ActionHttp = __MaterialUI.SvgIcon;
+  export default ActionHttp;
+}
+
+declare module 'material-ui/lib/svg-icons/action/stars' {
+  export import ActionStars = __MaterialUI.SvgIcon;
+  export default ActionStars;
+}
+
+declare module 'material-ui/lib/svg-icons/action/autorenew' {
+  export import ActionAutorenew = __MaterialUI.SvgIcon;
+  export default ActionAutorenew;
+}
+
+declare module 'material-ui/lib/svg-icons/action/settings-ethernet' {
+  export import ActionSettingsEthernet = __MaterialUI.SvgIcon;
+  export default ActionSettingsEthernet;
+}
+
+declare module 'material-ui/lib/svg-icons/action/label-outline' {
+  export import ActionLabelOutline = __MaterialUI.SvgIcon;
+  export default ActionLabelOutline;
+}
+
+declare module 'material-ui/lib/svg-icons/action/settings-phone' {
+  export import ActionSettingsPhone = __MaterialUI.SvgIcon;
+  export default ActionSettingsPhone;
+}
+
+declare module 'material-ui/lib/svg-icons/action/info-outline' {
+  export import ActionInfoOutline = __MaterialUI.SvgIcon;
+  export default ActionInfoOutline;
+}
+
+declare module 'material-ui/lib/svg-icons/action/lock-outline' {
+  export import ActionLockOutline = __MaterialUI.SvgIcon;
+  export default ActionLockOutline;
+}
+
+declare module 'material-ui/lib/svg-icons/action/settings-input-composite' {
+  export import ActionSettingsInputComposite = __MaterialUI.SvgIcon;
+  export default ActionSettingsInputComposite;
+}
+
+declare module 'material-ui/lib/svg-icons/action/invert-colors' {
+  export import ActionInvertColors = __MaterialUI.SvgIcon;
+  export default ActionInvertColors;
+}
+
+declare module 'material-ui/lib/svg-icons/action/bookmark' {
+  export import ActionBookmark = __MaterialUI.SvgIcon;
+  export default ActionBookmark;
+}
+
+declare module 'material-ui/lib/svg-icons/action/add-shopping-cart' {
+  export import ActionAddShoppingCart = __MaterialUI.SvgIcon;
+  export default ActionAddShoppingCart;
+}
+
+declare module 'material-ui/lib/svg-icons/action/bug-report' {
+  export import ActionBugReport = __MaterialUI.SvgIcon;
+  export default ActionBugReport;
+}
+
+declare module 'material-ui/lib/svg-icons/action/cached' {
+  export import ActionCached = __MaterialUI.SvgIcon;
+  export default ActionCached;
+}
+
+declare module 'material-ui/lib/svg-icons/action/view-day' {
+  export import ActionViewDay = __MaterialUI.SvgIcon;
+  export default ActionViewDay;
+}
+
+declare module 'material-ui/lib/svg-icons/action/fingerprint' {
+  export import ActionFingerprint = __MaterialUI.SvgIcon;
+  export default ActionFingerprint;
+}
+
+declare module 'material-ui/lib/svg-icons/action/accessibility' {
+  export import ActionAccessibility = __MaterialUI.SvgIcon;
+  export default ActionAccessibility;
+}
+
+declare module 'material-ui/lib/svg-icons/action/perm-data-setting' {
+  export import ActionPermDataSetting = __MaterialUI.SvgIcon;
+  export default ActionPermDataSetting;
+}
+
+declare module 'material-ui/lib/svg-icons/action/settings-backup-restore' {
+  export import ActionSettingsBackupRestore = __MaterialUI.SvgIcon;
+  export default ActionSettingsBackupRestore;
+}
+
+declare module 'material-ui/lib/svg-icons/action/zoom-in' {
+  export import ActionZoomIn = __MaterialUI.SvgIcon;
+  export default ActionZoomIn;
+}
+
+declare module 'material-ui/lib/svg-icons/action/perm-identity' {
+  export import ActionPermIdentity = __MaterialUI.SvgIcon;
+  export default ActionPermIdentity;
+}
+
+declare module 'material-ui/lib/svg-icons/action/favorite' {
+  export import ActionFavorite = __MaterialUI.SvgIcon;
+  export default ActionFavorite;
+}
+
+declare module 'material-ui/lib/svg-icons/action/thumb-down' {
+  export import ActionThumbDown = __MaterialUI.SvgIcon;
+  export default ActionThumbDown;
+}
+
+declare module 'material-ui/lib/svg-icons/action/assignment-returned' {
+  export import ActionAssignmentReturned = __MaterialUI.SvgIcon;
+  export default ActionAssignmentReturned;
+}
+
+declare module 'material-ui/lib/svg-icons/action/account-box' {
+  export import ActionAccountBox = __MaterialUI.SvgIcon;
+  export default ActionAccountBox;
+}
+
+declare module 'material-ui/lib/svg-icons/action/extension' {
+  export import ActionExtension = __MaterialUI.SvgIcon;
+  export default ActionExtension;
+}
+
+declare module 'material-ui/lib/svg-icons/action/pageview' {
+  export import ActionPageview = __MaterialUI.SvgIcon;
+  export default ActionPageview;
+}
+
+declare module 'material-ui/lib/svg-icons/action/https' {
+  export import ActionHttps = __MaterialUI.SvgIcon;
+  export default ActionHttps;
+}
+
+declare module 'material-ui/lib/svg-icons/action/translate' {
+  export import ActionTranslate = __MaterialUI.SvgIcon;
+  export default ActionTranslate;
+}
+
+declare module 'material-ui/lib/svg-icons/action/three-d-rotation' {
+  export import ActionThreeDRotation = __MaterialUI.SvgIcon;
+  export default ActionThreeDRotation;
+}
+
+declare module 'material-ui/lib/svg-icons/action/tab-unselected' {
+  export import ActionTabUnselected = __MaterialUI.SvgIcon;
+  export default ActionTabUnselected;
+}
+
+declare module 'material-ui/lib/svg-icons/action/description' {
+  export import ActionDescription = __MaterialUI.SvgIcon;
+  export default ActionDescription;
+}
+
+declare module 'material-ui/lib/svg-icons/action/note-add' {
+  export import ActionNoteAdd = __MaterialUI.SvgIcon;
+  export default ActionNoteAdd;
+}
+
+declare module 'material-ui/lib/svg-icons/action/perm-scan-wifi' {
+  export import ActionPermScanWifi = __MaterialUI.SvgIcon;
+  export default ActionPermScanWifi;
+}
+
+declare module 'material-ui/lib/svg-icons/action/pets' {
+  export import ActionPets = __MaterialUI.SvgIcon;
+  export default ActionPets;
+}
+
+declare module 'material-ui/lib/svg-icons/action/view-array' {
+  export import ActionViewArray = __MaterialUI.SvgIcon;
+  export default ActionViewArray;
+}
+
+declare module 'material-ui/lib/svg-icons/action/shop-two' {
+  export import ActionShopTwo = __MaterialUI.SvgIcon;
+  export default ActionShopTwo;
+}
+
+declare module 'material-ui/lib/svg-icons/action/line-style' {
+  export import ActionLineStyle = __MaterialUI.SvgIcon;
+  export default ActionLineStyle;
+}
+
+declare module 'material-ui/lib/svg-icons/action/lightbulb-outline' {
+  export import ActionLightbulbOutline = __MaterialUI.SvgIcon;
+  export default ActionLightbulbOutline;
+}
+
+declare module 'material-ui/lib/svg-icons/action/report-problem' {
+  export import ActionReportProblem = __MaterialUI.SvgIcon;
+  export default ActionReportProblem;
+}
+
+declare module 'material-ui/lib/svg-icons/action/swap-vert' {
+  export import ActionSwapVert = __MaterialUI.SvgIcon;
+  export default ActionSwapVert;
+}
+
+declare module 'material-ui/lib/svg-icons/action/list' {
+  export import ActionList = __MaterialUI.SvgIcon;
+  export default ActionList;
+}
+
+declare module 'material-ui/lib/svg-icons/action/settings-voice' {
+  export import ActionSettingsVoice = __MaterialUI.SvgIcon;
+  export default ActionSettingsVoice;
+}
+
+declare module 'material-ui/lib/svg-icons/action/view-list' {
+  export import ActionViewList = __MaterialUI.SvgIcon;
+  export default ActionViewList;
+}
+
+declare module 'material-ui/lib/svg-icons/action/pan-tool' {
+  export import ActionPanTool = __MaterialUI.SvgIcon;
+  export default ActionPanTool;
+}
+
+declare module 'material-ui/lib/svg-icons/action/important-devices' {
+  export import ActionImportantDevices = __MaterialUI.SvgIcon;
+  export default ActionImportantDevices;
+}
+
+declare module 'material-ui/lib/svg-icons/action/redeem' {
+  export import ActionRedeem = __MaterialUI.SvgIcon;
+  export default ActionRedeem;
+}
+
+declare module 'material-ui/lib/svg-icons/action/flip-to-front' {
+  export import ActionFlipToFront = __MaterialUI.SvgIcon;
+  export default ActionFlipToFront;
+}
+
+declare module 'material-ui/lib/svg-icons/action/android' {
+  export import ActionAndroid = __MaterialUI.SvgIcon;
+  export default ActionAndroid;
+}
+
+declare module 'material-ui/lib/svg-icons/action/account-circle' {
+  export import ActionAccountCircle = __MaterialUI.SvgIcon;
+  export default ActionAccountCircle;
+}
+
+declare module 'material-ui/lib/svg-icons/action/event-seat' {
+  export import ActionEventSeat = __MaterialUI.SvgIcon;
+  export default ActionEventSeat;
+}
+
+declare module 'material-ui/lib/svg-icons/action/perm-contact-calendar' {
+  export import ActionPermContactCalendar = __MaterialUI.SvgIcon;
+  export default ActionPermContactCalendar;
+}
+
+declare module 'material-ui/lib/svg-icons/action/perm-phone-msg' {
+  export import ActionPermPhoneMsg = __MaterialUI.SvgIcon;
+  export default ActionPermPhoneMsg;
+}
+
+declare module 'material-ui/lib/svg-icons/action/delete' {
+  export import ActionDelete = __MaterialUI.SvgIcon;
+  export default ActionDelete;
+}
+
+declare module 'material-ui/lib/svg-icons/action/card-membership' {
+  export import ActionCardMembership = __MaterialUI.SvgIcon;
+  export default ActionCardMembership;
+}
+
+declare module 'material-ui/lib/svg-icons/action/hourglass-empty' {
+  export import ActionHourglassEmpty = __MaterialUI.SvgIcon;
+  export default ActionHourglassEmpty;
+}
+
+declare module 'material-ui/lib/svg-icons/action/schedule' {
+  export import ActionSchedule = __MaterialUI.SvgIcon;
+  export default ActionSchedule;
+}
+
+declare module 'material-ui/lib/svg-icons/action/trending-flat' {
+  export import ActionTrendingFlat = __MaterialUI.SvgIcon;
+  export default ActionTrendingFlat;
+}
+
+declare module 'material-ui/lib/svg-icons/action/motorcycle' {
+  export import ActionMotorcycle = __MaterialUI.SvgIcon;
+  export default ActionMotorcycle;
+}
+
+declare module 'material-ui/lib/svg-icons/action/view-column' {
+  export import ActionViewColumn = __MaterialUI.SvgIcon;
+  export default ActionViewColumn;
+}
+
+declare module 'material-ui/lib/svg-icons/action/settings-cell' {
+  export import ActionSettingsCell = __MaterialUI.SvgIcon;
+  export default ActionSettingsCell;
+}
+
+declare module 'material-ui/lib/svg-icons/action/credit-card' {
+  export import ActionCreditCard = __MaterialUI.SvgIcon;
+  export default ActionCreditCard;
+}
+
+declare module 'material-ui/lib/svg-icons/action/view-module' {
+  export import ActionViewModule = __MaterialUI.SvgIcon;
+  export default ActionViewModule;
+}
+
+declare module 'material-ui/lib/svg-icons/action/compare-arrows' {
+  export import ActionCompareArrows = __MaterialUI.SvgIcon;
+  export default ActionCompareArrows;
+}
+
+declare module 'material-ui/lib/svg-icons/action/speaker-notes' {
+  export import ActionSpeakerNotes = __MaterialUI.SvgIcon;
+  export default ActionSpeakerNotes;
+}
+
+declare module 'material-ui/lib/svg-icons/social/person' {
+  export import SocialPerson = __MaterialUI.SvgIcon;
+  export default SocialPerson;
+}
+
+declare module 'material-ui/lib/svg-icons/social/notifications-none' {
+  export import SocialNotificationsNone = __MaterialUI.SvgIcon;
+  export default SocialNotificationsNone;
+}
+
+declare module 'material-ui/lib/svg-icons/social/domain' {
+  export import SocialDomain = __MaterialUI.SvgIcon;
+  export default SocialDomain;
+}
+
+declare module 'material-ui/lib/svg-icons/social/notifications-paused' {
+  export import SocialNotificationsPaused = __MaterialUI.SvgIcon;
+  export default SocialNotificationsPaused;
+}
+
+declare module 'material-ui/lib/svg-icons/social/person-outline' {
+  export import SocialPersonOutline = __MaterialUI.SvgIcon;
+  export default SocialPersonOutline;
+}
+
+declare module 'material-ui/lib/svg-icons/social/plus-one' {
+  export import SocialPlusOne = __MaterialUI.SvgIcon;
+  export default SocialPlusOne;
+}
+
+declare module 'material-ui/lib/svg-icons/social/notifications-active' {
+  export import SocialNotificationsActive = __MaterialUI.SvgIcon;
+  export default SocialNotificationsActive;
+}
+
+declare module 'material-ui/lib/svg-icons/social/share' {
+  export import SocialShare = __MaterialUI.SvgIcon;
+  export default SocialShare;
+}
+
+declare module 'material-ui/lib/svg-icons/social/whatshot' {
+  export import SocialWhatshot = __MaterialUI.SvgIcon;
+  export default SocialWhatshot;
+}
+
+declare module 'material-ui/lib/svg-icons/social/poll' {
+  export import SocialPoll = __MaterialUI.SvgIcon;
+  export default SocialPoll;
+}
+
+declare module 'material-ui/lib/svg-icons/social/pages' {
+  export import SocialPages = __MaterialUI.SvgIcon;
+  export default SocialPages;
+}
+
+declare module 'material-ui/lib/svg-icons/social/notifications-off' {
+  export import SocialNotificationsOff = __MaterialUI.SvgIcon;
+  export default SocialNotificationsOff;
+}
+
+declare module 'material-ui/lib/svg-icons/social/notifications' {
+  export import SocialNotifications = __MaterialUI.SvgIcon;
+  export default SocialNotifications;
+}
+
+declare module 'material-ui/lib/svg-icons/social/school' {
+  export import SocialSchool = __MaterialUI.SvgIcon;
+  export default SocialSchool;
+}
+
+declare module 'material-ui/lib/svg-icons/social/cake' {
+  export import SocialCake = __MaterialUI.SvgIcon;
+  export default SocialCake;
+}
+
+declare module 'material-ui/lib/svg-icons/social/people-outline' {
+  export import SocialPeopleOutline = __MaterialUI.SvgIcon;
+  export default SocialPeopleOutline;
+}
+
+declare module 'material-ui/lib/svg-icons/social/location-city' {
+  export import SocialLocationCity = __MaterialUI.SvgIcon;
+  export default SocialLocationCity;
+}
+
+declare module 'material-ui/lib/svg-icons/social/public' {
+  export import SocialPublic = __MaterialUI.SvgIcon;
+  export default SocialPublic;
+}
+
+declare module 'material-ui/lib/svg-icons/social/mood-bad' {
+  export import SocialMoodBad = __MaterialUI.SvgIcon;
+  export default SocialMoodBad;
+}
+
+declare module 'material-ui/lib/svg-icons/social/people' {
+  export import SocialPeople = __MaterialUI.SvgIcon;
+  export default SocialPeople;
+}
+
+declare module 'material-ui/lib/svg-icons/social/mood' {
+  export import SocialMood = __MaterialUI.SvgIcon;
+  export default SocialMood;
+}
+
+declare module 'material-ui/lib/svg-icons/social/party-mode' {
+  export import SocialPartyMode = __MaterialUI.SvgIcon;
+  export default SocialPartyMode;
+}
+
+declare module 'material-ui/lib/svg-icons/social/group' {
+  export import SocialGroup = __MaterialUI.SvgIcon;
+  export default SocialGroup;
+}
+
+declare module 'material-ui/lib/svg-icons/social/person-add' {
+  export import SocialPersonAdd = __MaterialUI.SvgIcon;
+  export default SocialPersonAdd;
+}
+
+declare module 'material-ui/lib/svg-icons/social/group-add' {
+  export import SocialGroupAdd = __MaterialUI.SvgIcon;
+  export default SocialGroupAdd;
+}
+
+declare module 'material-ui/lib/svg-icons/maps/edit-location' {
+  export import MapsEditLocation = __MaterialUI.SvgIcon;
+  export default MapsEditLocation;
+}
+
+declare module 'material-ui/lib/svg-icons/maps/local-airport' {
+  export import MapsLocalAirport = __MaterialUI.SvgIcon;
+  export default MapsLocalAirport;
+}
+
+declare module 'material-ui/lib/svg-icons/maps/local-phone' {
+  export import MapsLocalPhone = __MaterialUI.SvgIcon;
+  export default MapsLocalPhone;
+}
+
+declare module 'material-ui/lib/svg-icons/maps/directions-car' {
+  export import MapsDirectionsCar = __MaterialUI.SvgIcon;
+  export default MapsDirectionsCar;
+}
+
+declare module 'material-ui/lib/svg-icons/maps/local-drink' {
+  export import MapsLocalDrink = __MaterialUI.SvgIcon;
+  export default MapsLocalDrink;
+}
+
+declare module 'material-ui/lib/svg-icons/maps/local-gas-station' {
+  export import MapsLocalGasStation = __MaterialUI.SvgIcon;
+  export default MapsLocalGasStation;
+}
+
+declare module 'material-ui/lib/svg-icons/maps/store-mall-directory' {
+  export import MapsStoreMallDirectory = __MaterialUI.SvgIcon;
+  export default MapsStoreMallDirectory;
+}
+
+declare module 'material-ui/lib/svg-icons/maps/add-location' {
+  export import MapsAddLocation = __MaterialUI.SvgIcon;
+  export default MapsAddLocation;
+}
+
+declare module 'material-ui/lib/svg-icons/maps/local-laundry-service' {
+  export import MapsLocalLaundryService = __MaterialUI.SvgIcon;
+  export default MapsLocalLaundryService;
+}
+
+declare module 'material-ui/lib/svg-icons/maps/local-hotel' {
+  export import MapsLocalHotel = __MaterialUI.SvgIcon;
+  export default MapsLocalHotel;
+}
+
+declare module 'material-ui/lib/svg-icons/maps/local-pizza' {
+  export import MapsLocalPizza = __MaterialUI.SvgIcon;
+  export default MapsLocalPizza;
+}
+
+declare module 'material-ui/lib/svg-icons/maps/person-pin-circle' {
+  export import MapsPersonPinCircle = __MaterialUI.SvgIcon;
+  export default MapsPersonPinCircle;
+}
+
+declare module 'material-ui/lib/svg-icons/maps/terrain' {
+  export import MapsTerrain = __MaterialUI.SvgIcon;
+  export default MapsTerrain;
+}
+
+declare module 'material-ui/lib/svg-icons/maps/directions-subway' {
+  export import MapsDirectionsSubway = __MaterialUI.SvgIcon;
+  export default MapsDirectionsSubway;
+}
+
+declare module 'material-ui/lib/svg-icons/maps/local-bar' {
+  export import MapsLocalBar = __MaterialUI.SvgIcon;
+  export default MapsLocalBar;
+}
+
+declare module 'material-ui/lib/svg-icons/maps/local-car-wash' {
+  export import MapsLocalCarWash = __MaterialUI.SvgIcon;
+  export default MapsLocalCarWash;
+}
+
+declare module 'material-ui/lib/svg-icons/maps/restaurant-menu' {
+  export import MapsRestaurantMenu = __MaterialUI.SvgIcon;
+  export default MapsRestaurantMenu;
+}
+
+declare module 'material-ui/lib/svg-icons/maps/near-me' {
+  export import MapsNearMe = __MaterialUI.SvgIcon;
+  export default MapsNearMe;
+}
+
+declare module 'material-ui/lib/svg-icons/maps/directions' {
+  export import MapsDirections = __MaterialUI.SvgIcon;
+  export default MapsDirections;
+}
+
+declare module 'material-ui/lib/svg-icons/maps/my-location' {
+  export import MapsMyLocation = __MaterialUI.SvgIcon;
+  export default MapsMyLocation;
+}
+
+declare module 'material-ui/lib/svg-icons/maps/local-convenience-store' {
+  export import MapsLocalConvenienceStore = __MaterialUI.SvgIcon;
+  export default MapsLocalConvenienceStore;
+}
+
+declare module 'material-ui/lib/svg-icons/maps/local-offer' {
+  export import MapsLocalOffer = __MaterialUI.SvgIcon;
+  export default MapsLocalOffer;
+}
+
+declare module 'material-ui/lib/svg-icons/maps/local-florist' {
+  export import MapsLocalFlorist = __MaterialUI.SvgIcon;
+  export default MapsLocalFlorist;
+}
+
+declare module 'material-ui/lib/svg-icons/maps/local-shipping' {
+  export import MapsLocalShipping = __MaterialUI.SvgIcon;
+  export default MapsLocalShipping;
+}
+
+declare module 'material-ui/lib/svg-icons/maps/local-taxi' {
+  export import MapsLocalTaxi = __MaterialUI.SvgIcon;
+  export default MapsLocalTaxi;
+}
+
+declare module 'material-ui/lib/svg-icons/maps/directions-walk' {
+  export import MapsDirectionsWalk = __MaterialUI.SvgIcon;
+  export default MapsDirectionsWalk;
+}
+
+declare module 'material-ui/lib/svg-icons/maps/local-hospital' {
+  export import MapsLocalHospital = __MaterialUI.SvgIcon;
+  export default MapsLocalHospital;
+}
+
+declare module 'material-ui/lib/svg-icons/maps/layers' {
+  export import MapsLayers = __MaterialUI.SvgIcon;
+  export default MapsLayers;
+}
+
+declare module 'material-ui/lib/svg-icons/maps/directions-run' {
+  export import MapsDirectionsRun = __MaterialUI.SvgIcon;
+  export default MapsDirectionsRun;
+}
+
+declare module 'material-ui/lib/svg-icons/maps/rate-review' {
+  export import MapsRateReview = __MaterialUI.SvgIcon;
+  export default MapsRateReview;
+}
+
+declare module 'material-ui/lib/svg-icons/maps/local-dining' {
+  export import MapsLocalDining = __MaterialUI.SvgIcon;
+  export default MapsLocalDining;
+}
+
+declare module 'material-ui/lib/svg-icons/maps/local-post-office' {
+  export import MapsLocalPostOffice = __MaterialUI.SvgIcon;
+  export default MapsLocalPostOffice;
+}
+
+declare module 'material-ui/lib/svg-icons/maps/pin-drop' {
+  export import MapsPinDrop = __MaterialUI.SvgIcon;
+  export default MapsPinDrop;
+}
+
+declare module 'material-ui/lib/svg-icons/maps/directions-boat' {
+  export import MapsDirectionsBoat = __MaterialUI.SvgIcon;
+  export default MapsDirectionsBoat;
+}
+
+declare module 'material-ui/lib/svg-icons/maps/local-see' {
+  export import MapsLocalSee = __MaterialUI.SvgIcon;
+  export default MapsLocalSee;
+}
+
+declare module 'material-ui/lib/svg-icons/maps/map' {
+  export import MapsMap = __MaterialUI.SvgIcon;
+  export default MapsMap;
+}
+
+declare module 'material-ui/lib/svg-icons/maps/flight' {
+  export import MapsFlight = __MaterialUI.SvgIcon;
+  export default MapsFlight;
+}
+
+declare module 'material-ui/lib/svg-icons/maps/person-pin' {
+  export import MapsPersonPin = __MaterialUI.SvgIcon;
+  export default MapsPersonPin;
+}
+
+declare module 'material-ui/lib/svg-icons/maps/satellite' {
+  export import MapsSatellite = __MaterialUI.SvgIcon;
+  export default MapsSatellite;
+}
+
+declare module 'material-ui/lib/svg-icons/maps/local-printshop' {
+  export import MapsLocalPrintshop = __MaterialUI.SvgIcon;
+  export default MapsLocalPrintshop;
+}
+
+declare module 'material-ui/lib/svg-icons/maps/navigation' {
+  export import MapsNavigation = __MaterialUI.SvgIcon;
+  export default MapsNavigation;
+}
+
+declare module 'material-ui/lib/svg-icons/maps/directions-railway' {
+  export import MapsDirectionsRailway = __MaterialUI.SvgIcon;
+  export default MapsDirectionsRailway;
+}
+
+declare module 'material-ui/lib/svg-icons/maps/local-atm' {
+  export import MapsLocalAtm = __MaterialUI.SvgIcon;
+  export default MapsLocalAtm;
+}
+
+declare module 'material-ui/lib/svg-icons/maps/directions-transit' {
+  export import MapsDirectionsTransit = __MaterialUI.SvgIcon;
+  export default MapsDirectionsTransit;
+}
+
+declare module 'material-ui/lib/svg-icons/maps/local-parking' {
+  export import MapsLocalParking = __MaterialUI.SvgIcon;
+  export default MapsLocalParking;
+}
+
+declare module 'material-ui/lib/svg-icons/maps/local-cafe' {
+  export import MapsLocalCafe = __MaterialUI.SvgIcon;
+  export default MapsLocalCafe;
+}
+
+declare module 'material-ui/lib/svg-icons/maps/local-mall' {
+  export import MapsLocalMall = __MaterialUI.SvgIcon;
+  export default MapsLocalMall;
+}
+
+declare module 'material-ui/lib/svg-icons/maps/zoom-out-map' {
+  export import MapsZoomOutMap = __MaterialUI.SvgIcon;
+  export default MapsZoomOutMap;
+}
+
+declare module 'material-ui/lib/svg-icons/maps/local-activity' {
+  export import MapsLocalActivity = __MaterialUI.SvgIcon;
+  export default MapsLocalActivity;
+}
+
+declare module 'material-ui/lib/svg-icons/maps/local-grocery-store' {
+  export import MapsLocalGroceryStore = __MaterialUI.SvgIcon;
+  export default MapsLocalGroceryStore;
+}
+
+declare module 'material-ui/lib/svg-icons/maps/local-pharmacy' {
+  export import MapsLocalPharmacy = __MaterialUI.SvgIcon;
+  export default MapsLocalPharmacy;
+}
+
+declare module 'material-ui/lib/svg-icons/maps/local-movies' {
+  export import MapsLocalMovies = __MaterialUI.SvgIcon;
+  export default MapsLocalMovies;
+}
+
+declare module 'material-ui/lib/svg-icons/maps/place' {
+  export import MapsPlace = __MaterialUI.SvgIcon;
+  export default MapsPlace;
+}
+
+declare module 'material-ui/lib/svg-icons/maps/layers-clear' {
+  export import MapsLayersClear = __MaterialUI.SvgIcon;
+  export default MapsLayersClear;
+}
+
+declare module 'material-ui/lib/svg-icons/maps/hotel' {
+  export import MapsHotel = __MaterialUI.SvgIcon;
+  export default MapsHotel;
+}
+
+declare module 'material-ui/lib/svg-icons/maps/directions-bike' {
+  export import MapsDirectionsBike = __MaterialUI.SvgIcon;
+  export default MapsDirectionsBike;
+}
+
+declare module 'material-ui/lib/svg-icons/maps/local-library' {
+  export import MapsLocalLibrary = __MaterialUI.SvgIcon;
+  export default MapsLocalLibrary;
+}
+
+declare module 'material-ui/lib/svg-icons/maps/local-play' {
+  export import MapsLocalPlay = __MaterialUI.SvgIcon;
+  export default MapsLocalPlay;
+}
+
+declare module 'material-ui/lib/svg-icons/maps/directions-bus' {
+  export import MapsDirectionsBus = __MaterialUI.SvgIcon;
+  export default MapsDirectionsBus;
+}
+
+declare module 'material-ui/lib/svg-icons/maps/traffic' {
+  export import MapsTraffic = __MaterialUI.SvgIcon;
+  export default MapsTraffic;
+}
+
+declare module 'material-ui/lib/svg-icons/maps/beenhere' {
+  export import MapsBeenhere = __MaterialUI.SvgIcon;
+  export default MapsBeenhere;
+}
+
+declare module 'material-ui/lib/svg-icons/communication/call-received' {
+  export import CommunicationCallReceived = __MaterialUI.SvgIcon;
+  export default CommunicationCallReceived;
+}
+
+declare module 'material-ui/lib/svg-icons/communication/dialpad' {
+  export import CommunicationDialpad = __MaterialUI.SvgIcon;
+  export default CommunicationDialpad;
+}
+
+declare module 'material-ui/lib/svg-icons/communication/forum' {
+  export import CommunicationForum = __MaterialUI.SvgIcon;
+  export default CommunicationForum;
+}
+
+declare module 'material-ui/lib/svg-icons/communication/no-sim' {
+  export import CommunicationNoSim = __MaterialUI.SvgIcon;
+  export default CommunicationNoSim;
+}
+
+declare module 'material-ui/lib/svg-icons/communication/chat' {
+  export import CommunicationChat = __MaterialUI.SvgIcon;
+  export default CommunicationChat;
+}
+
+declare module 'material-ui/lib/svg-icons/communication/stay-primary-landscape' {
+  export import CommunicationStayPrimaryLandscape = __MaterialUI.SvgIcon;
+  export default CommunicationStayPrimaryLandscape;
+}
+
+declare module 'material-ui/lib/svg-icons/communication/phonelink-setup' {
+  export import CommunicationPhonelinkSetup = __MaterialUI.SvgIcon;
+  export default CommunicationPhonelinkSetup;
+}
+
+declare module 'material-ui/lib/svg-icons/communication/ring-volume' {
+  export import CommunicationRingVolume = __MaterialUI.SvgIcon;
+  export default CommunicationRingVolume;
+}
+
+declare module 'material-ui/lib/svg-icons/communication/phonelink-lock' {
+  export import CommunicationPhonelinkLock = __MaterialUI.SvgIcon;
+  export default CommunicationPhonelinkLock;
+}
+
+declare module 'material-ui/lib/svg-icons/communication/contacts' {
+  export import CommunicationContacts = __MaterialUI.SvgIcon;
+  export default CommunicationContacts;
+}
+
+declare module 'material-ui/lib/svg-icons/communication/call-missed' {
+  export import CommunicationCallMissed = __MaterialUI.SvgIcon;
+  export default CommunicationCallMissed;
+}
+
+declare module 'material-ui/lib/svg-icons/communication/contact-mail' {
+  export import CommunicationContactMail = __MaterialUI.SvgIcon;
+  export default CommunicationContactMail;
+}
+
+declare module 'material-ui/lib/svg-icons/communication/portable-wifi-off' {
+  export import CommunicationPortableWifiOff = __MaterialUI.SvgIcon;
+  export default CommunicationPortableWifiOff;
+}
+
+declare module 'material-ui/lib/svg-icons/communication/call-merge' {
+  export import CommunicationCallMerge = __MaterialUI.SvgIcon;
+  export default CommunicationCallMerge;
+}
+
+declare module 'material-ui/lib/svg-icons/communication/tact-mail' {
+  export import CommunicationTactMail = __MaterialUI.SvgIcon;
+  export default CommunicationTactMail;
+}
+
+declare module 'material-ui/lib/svg-icons/communication/stop-screen-share' {
+  export import CommunicationStopScreenShare = __MaterialUI.SvgIcon;
+  export default CommunicationStopScreenShare;
+}
+
+declare module 'material-ui/lib/svg-icons/communication/vpn-key' {
+  export import CommunicationVpnKey = __MaterialUI.SvgIcon;
+  export default CommunicationVpnKey;
+}
+
+declare module 'material-ui/lib/svg-icons/communication/swap-calls' {
+  export import CommunicationSwapCalls = __MaterialUI.SvgIcon;
+  export default CommunicationSwapCalls;
+}
+
+declare module 'material-ui/lib/svg-icons/communication/dialer-sip' {
+  export import CommunicationDialerSip = __MaterialUI.SvgIcon;
+  export default CommunicationDialerSip;
+}
+
+declare module 'material-ui/lib/svg-icons/communication/business' {
+  export import CommunicationBusiness = __MaterialUI.SvgIcon;
+  export default CommunicationBusiness;
+}
+
+declare module 'material-ui/lib/svg-icons/communication/phonelink-erase' {
+  export import CommunicationPhonelinkErase = __MaterialUI.SvgIcon;
+  export default CommunicationPhonelinkErase;
+}
+
+declare module 'material-ui/lib/svg-icons/communication/call' {
+  export import CommunicationCall = __MaterialUI.SvgIcon;
+  export default CommunicationCall;
+}
+
+declare module 'material-ui/lib/svg-icons/communication/screen-share' {
+  export import CommunicationScreenShare = __MaterialUI.SvgIcon;
+  export default CommunicationScreenShare;
+}
+
+declare module 'material-ui/lib/svg-icons/communication/clear-all' {
+  export import CommunicationClearAll = __MaterialUI.SvgIcon;
+  export default CommunicationClearAll;
+}
+
+declare module 'material-ui/lib/svg-icons/communication/chat-bubble-outline' {
+  export import CommunicationChatBubbleOutline = __MaterialUI.SvgIcon;
+  export default CommunicationChatBubbleOutline;
+}
+
+declare module 'material-ui/lib/svg-icons/communication/call-missed-outgoing' {
+  export import CommunicationCallMissedOutgoing = __MaterialUI.SvgIcon;
+  export default CommunicationCallMissedOutgoing;
+}
+
+declare module 'material-ui/lib/svg-icons/communication/stay-primary-portrait' {
+  export import CommunicationStayPrimaryPortrait = __MaterialUI.SvgIcon;
+  export default CommunicationStayPrimaryPortrait;
+}
+
+declare module 'material-ui/lib/svg-icons/communication/stay-current-portrait' {
+  export import CommunicationStayCurrentPortrait = __MaterialUI.SvgIcon;
+  export default CommunicationStayCurrentPortrait;
+}
+
+declare module 'material-ui/lib/svg-icons/communication/voicemail' {
+  export import CommunicationVoicemail = __MaterialUI.SvgIcon;
+  export default CommunicationVoicemail;
+}
+
+declare module 'material-ui/lib/svg-icons/communication/speaker-phone' {
+  export import CommunicationSpeakerPhone = __MaterialUI.SvgIcon;
+  export default CommunicationSpeakerPhone;
+}
+
+declare module 'material-ui/lib/svg-icons/communication/call-split' {
+  export import CommunicationCallSplit = __MaterialUI.SvgIcon;
+  export default CommunicationCallSplit;
+}
+
+declare module 'material-ui/lib/svg-icons/communication/live-help' {
+  export import CommunicationLiveHelp = __MaterialUI.SvgIcon;
+  export default CommunicationLiveHelp;
+}
+
+declare module 'material-ui/lib/svg-icons/communication/call-made' {
+  export import CommunicationCallMade = __MaterialUI.SvgIcon;
+  export default CommunicationCallMade;
+}
+
+declare module 'material-ui/lib/svg-icons/communication/phone' {
+  export import CommunicationPhone = __MaterialUI.SvgIcon;
+  export default CommunicationPhone;
+}
+
+declare module 'material-ui/lib/svg-icons/communication/textsms' {
+  export import CommunicationTextsms = __MaterialUI.SvgIcon;
+  export default CommunicationTextsms;
+}
+
+declare module 'material-ui/lib/svg-icons/communication/message' {
+  export import CommunicationMessage = __MaterialUI.SvgIcon;
+  export default CommunicationMessage;
+}
+
+declare module 'material-ui/lib/svg-icons/communication/import-export' {
+  export import CommunicationImportExport = __MaterialUI.SvgIcon;
+  export default CommunicationImportExport;
+}
+
+declare module 'material-ui/lib/svg-icons/communication/import-contacts' {
+  export import CommunicationImportContacts = __MaterialUI.SvgIcon;
+  export default CommunicationImportContacts;
+}
+
+declare module 'material-ui/lib/svg-icons/communication/phonelink-ring' {
+  export import CommunicationPhonelinkRing = __MaterialUI.SvgIcon;
+  export default CommunicationPhonelinkRing;
+}
+
+declare module 'material-ui/lib/svg-icons/communication/present-to-all' {
+  export import CommunicationPresentToAll = __MaterialUI.SvgIcon;
+  export default CommunicationPresentToAll;
+}
+
+declare module 'material-ui/lib/svg-icons/communication/contact-phone' {
+  export import CommunicationContactPhone = __MaterialUI.SvgIcon;
+  export default CommunicationContactPhone;
+}
+
+declare module 'material-ui/lib/svg-icons/communication/invert-colors-off' {
+  export import CommunicationInvertColorsOff = __MaterialUI.SvgIcon;
+  export default CommunicationInvertColorsOff;
+}
+
+declare module 'material-ui/lib/svg-icons/communication/comment' {
+  export import CommunicationComment = __MaterialUI.SvgIcon;
+  export default CommunicationComment;
+}
+
+declare module 'material-ui/lib/svg-icons/communication/chat-bubble' {
+  export import CommunicationChatBubble = __MaterialUI.SvgIcon;
+  export default CommunicationChatBubble;
+}
+
+declare module 'material-ui/lib/svg-icons/communication/mail-outline' {
+  export import CommunicationMailOutline = __MaterialUI.SvgIcon;
+  export default CommunicationMailOutline;
+}
+
+declare module 'material-ui/lib/svg-icons/communication/location-on' {
+  export import CommunicationLocationOn = __MaterialUI.SvgIcon;
+  export default CommunicationLocationOn;
+}
+
+declare module 'material-ui/lib/svg-icons/communication/stay-current-landscape' {
+  export import CommunicationStayCurrentLandscape = __MaterialUI.SvgIcon;
+  export default CommunicationStayCurrentLandscape;
+}
+
+declare module 'material-ui/lib/svg-icons/communication/location-off' {
+  export import CommunicationLocationOff = __MaterialUI.SvgIcon;
+  export default CommunicationLocationOff;
+}
+
+declare module 'material-ui/lib/svg-icons/communication/email' {
+  export import CommunicationEmail = __MaterialUI.SvgIcon;
+  export default CommunicationEmail;
+}
+
+declare module 'material-ui/lib/svg-icons/communication/call-end' {
+  export import CommunicationCallEnd = __MaterialUI.SvgIcon;
+  export default CommunicationCallEnd;
+}
+
+declare module 'material-ui/lib/svg-icons/toggle/check-box' {
+  export import ToggleCheckBox = __MaterialUI.SvgIcon;
+  export default ToggleCheckBox;
+}
+
+declare module 'material-ui/lib/svg-icons/toggle/star-half' {
+  export import ToggleStarHalf = __MaterialUI.SvgIcon;
+  export default ToggleStarHalf;
+}
+
+declare module 'material-ui/lib/svg-icons/toggle/check-box-outline-blank' {
+  export import ToggleCheckBoxOutlineBlank = __MaterialUI.SvgIcon;
+  export default ToggleCheckBoxOutlineBlank;
+}
+
+declare module 'material-ui/lib/svg-icons/toggle/star' {
+  export import ToggleStar = __MaterialUI.SvgIcon;
+  export default ToggleStar;
+}
+
+declare module 'material-ui/lib/svg-icons/toggle/star-border' {
+  export import ToggleStarBorder = __MaterialUI.SvgIcon;
+  export default ToggleStarBorder;
+}
+
+declare module 'material-ui/lib/svg-icons/toggle/radio-button-unchecked' {
+  export import ToggleRadioButtonUnchecked = __MaterialUI.SvgIcon;
+  export default ToggleRadioButtonUnchecked;
+}
+
+declare module 'material-ui/lib/svg-icons/toggle/indeterminate-check-box' {
+  export import ToggleIndeterminateCheckBox = __MaterialUI.SvgIcon;
+  export default ToggleIndeterminateCheckBox;
+}
+
+declare module 'material-ui/lib/svg-icons/toggle/radio-button-checked' {
+  export import ToggleRadioButtonChecked = __MaterialUI.SvgIcon;
+  export default ToggleRadioButtonChecked;
+}
+
+declare module 'material-ui/lib/svg-icons/index' {
+  export import Index = __MaterialUI.SvgIcon;
+  export default Index;
+}
+
+declare module 'material-ui/lib/svg-icons/index-generator' {
+  export import IndexGenerator = __MaterialUI.SvgIcon;
+  export default IndexGenerator;
+}
+
+declare module 'material-ui/lib/svg-icons/alert/warning' {
+  export import AlertWarning = __MaterialUI.SvgIcon;
+  export default AlertWarning;
+}
+
+declare module 'material-ui/lib/svg-icons/alert/add-alert' {
+  export import AlertAddAlert = __MaterialUI.SvgIcon;
+  export default AlertAddAlert;
+}
+
+declare module 'material-ui/lib/svg-icons/alert/error-outline' {
+  export import AlertErrorOutline = __MaterialUI.SvgIcon;
+  export default AlertErrorOutline;
+}
+
+declare module 'material-ui/lib/svg-icons/alert/error' {
+  export import AlertError = __MaterialUI.SvgIcon;
+  export default AlertError;
+}
+
+declare module 'material-ui/lib/svg-icons/file/file-upload' {
+  export import FileFileUpload = __MaterialUI.SvgIcon;
+  export default FileFileUpload;
+}
+
+declare module 'material-ui/lib/svg-icons/file/cloud-upload' {
+  export import FileCloudUpload = __MaterialUI.SvgIcon;
+  export default FileCloudUpload;
+}
+
+declare module 'material-ui/lib/svg-icons/file/cloud-done' {
+  export import FileCloudDone = __MaterialUI.SvgIcon;
+  export default FileCloudDone;
+}
+
+declare module 'material-ui/lib/svg-icons/file/folder-open' {
+  export import FileFolderOpen = __MaterialUI.SvgIcon;
+  export default FileFolderOpen;
+}
+
+declare module 'material-ui/lib/svg-icons/file/cloud-off' {
+  export import FileCloudOff = __MaterialUI.SvgIcon;
+  export default FileCloudOff;
+}
+
+declare module 'material-ui/lib/svg-icons/file/cloud-queue' {
+  export import FileCloudQueue = __MaterialUI.SvgIcon;
+  export default FileCloudQueue;
+}
+
+declare module 'material-ui/lib/svg-icons/file/folder-shared' {
+  export import FileFolderShared = __MaterialUI.SvgIcon;
+  export default FileFolderShared;
+}
+
+declare module 'material-ui/lib/svg-icons/file/cloud-circle' {
+  export import FileCloudCircle = __MaterialUI.SvgIcon;
+  export default FileCloudCircle;
+}
+
+declare module 'material-ui/lib/svg-icons/file/folder' {
+  export import FileFolder = __MaterialUI.SvgIcon;
+  export default FileFolder;
+}
+
+declare module 'material-ui/lib/svg-icons/file/attachment' {
+  export import FileAttachment = __MaterialUI.SvgIcon;
+  export default FileAttachment;
+}
+
+declare module 'material-ui/lib/svg-icons/file/create-new-folder' {
+  export import FileCreateNewFolder = __MaterialUI.SvgIcon;
+  export default FileCreateNewFolder;
+}
+
+declare module 'material-ui/lib/svg-icons/file/cloud-download' {
+  export import FileCloudDownload = __MaterialUI.SvgIcon;
+  export default FileCloudDownload;
+}
+
+declare module 'material-ui/lib/svg-icons/file/cloud' {
+  export import FileCloud = __MaterialUI.SvgIcon;
+  export default FileCloud;
+}
+
+declare module 'material-ui/lib/svg-icons/file/file-download' {
+  export import FileFileDownload = __MaterialUI.SvgIcon;
+  export default FileFileDownload;
+}
+
+declare module 'material-ui/lib/svg-icons/navigation-arrow-drop-right' {
+  export import NavigationArrowDropRight = __MaterialUI.SvgIcon;
+  export default NavigationArrowDropRight;
+}
+
+declare module 'material-ui/lib/svg-icons/hardware/keyboard' {
+  export import HardwareKeyboard = __MaterialUI.SvgIcon;
+  export default HardwareKeyboard;
+}
+
+declare module 'material-ui/lib/svg-icons/hardware/toys' {
+  export import HardwareToys = __MaterialUI.SvgIcon;
+  export default HardwareToys;
+}
+
+declare module 'material-ui/lib/svg-icons/hardware/dock' {
+  export import HardwareDock = __MaterialUI.SvgIcon;
+  export default HardwareDock;
+}
+
+declare module 'material-ui/lib/svg-icons/hardware/headset' {
+  export import HardwareHeadset = __MaterialUI.SvgIcon;
+  export default HardwareHeadset;
+}
+
+declare module 'material-ui/lib/svg-icons/hardware/keyboard-voice' {
+  export import HardwareKeyboardVoice = __MaterialUI.SvgIcon;
+  export default HardwareKeyboardVoice;
+}
+
+declare module 'material-ui/lib/svg-icons/hardware/phonelink-off' {
+  export import HardwarePhonelinkOff = __MaterialUI.SvgIcon;
+  export default HardwarePhonelinkOff;
+}
+
+declare module 'material-ui/lib/svg-icons/hardware/speaker-group' {
+  export import HardwareSpeakerGroup = __MaterialUI.SvgIcon;
+  export default HardwareSpeakerGroup;
+}
+
+declare module 'material-ui/lib/svg-icons/hardware/desktop-windows' {
+  export import HardwareDesktopWindows = __MaterialUI.SvgIcon;
+  export default HardwareDesktopWindows;
+}
+
+declare module 'material-ui/lib/svg-icons/hardware/laptop-mac' {
+  export import HardwareLaptopMac = __MaterialUI.SvgIcon;
+  export default HardwareLaptopMac;
+}
+
+declare module 'material-ui/lib/svg-icons/hardware/keyboard-return' {
+  export import HardwareKeyboardReturn = __MaterialUI.SvgIcon;
+  export default HardwareKeyboardReturn;
+}
+
+declare module 'material-ui/lib/svg-icons/hardware/gamepad' {
+  export import HardwareGamepad = __MaterialUI.SvgIcon;
+  export default HardwareGamepad;
+}
+
+declare module 'material-ui/lib/svg-icons/hardware/keyboard-arrow-up' {
+  export import HardwareKeyboardArrowUp = __MaterialUI.SvgIcon;
+  export default HardwareKeyboardArrowUp;
+}
+
+declare module 'material-ui/lib/svg-icons/hardware/laptop' {
+  export import HardwareLaptop = __MaterialUI.SvgIcon;
+  export default HardwareLaptop;
+}
+
+declare module 'material-ui/lib/svg-icons/hardware/phone-iphone' {
+  export import HardwarePhoneIphone = __MaterialUI.SvgIcon;
+  export default HardwarePhoneIphone;
+}
+
+declare module 'material-ui/lib/svg-icons/hardware/memory' {
+  export import HardwareMemory = __MaterialUI.SvgIcon;
+  export default HardwareMemory;
+}
+
+declare module 'material-ui/lib/svg-icons/hardware/security' {
+  export import HardwareSecurity = __MaterialUI.SvgIcon;
+  export default HardwareSecurity;
+}
+
+declare module 'material-ui/lib/svg-icons/hardware/keyboard-capslock' {
+  export import HardwareKeyboardCapslock = __MaterialUI.SvgIcon;
+  export default HardwareKeyboardCapslock;
+}
+
+declare module 'material-ui/lib/svg-icons/hardware/sim-card' {
+  export import HardwareSimCard = __MaterialUI.SvgIcon;
+  export default HardwareSimCard;
+}
+
+declare module 'material-ui/lib/svg-icons/hardware/devices-other' {
+  export import HardwareDevicesOther = __MaterialUI.SvgIcon;
+  export default HardwareDevicesOther;
+}
+
+declare module 'material-ui/lib/svg-icons/hardware/tablet-android' {
+  export import HardwareTabletAndroid = __MaterialUI.SvgIcon;
+  export default HardwareTabletAndroid;
+}
+
+declare module 'material-ui/lib/svg-icons/hardware/keyboard-arrow-right' {
+  export import HardwareKeyboardArrowRight = __MaterialUI.SvgIcon;
+  export default HardwareKeyboardArrowRight;
+}
+
+declare module 'material-ui/lib/svg-icons/hardware/keyboard-tab' {
+  export import HardwareKeyboardTab = __MaterialUI.SvgIcon;
+  export default HardwareKeyboardTab;
+}
+
+declare module 'material-ui/lib/svg-icons/hardware/watch' {
+  export import HardwareWatch = __MaterialUI.SvgIcon;
+  export default HardwareWatch;
+}
+
+declare module 'material-ui/lib/svg-icons/hardware/speaker' {
+  export import HardwareSpeaker = __MaterialUI.SvgIcon;
+  export default HardwareSpeaker;
+}
+
+declare module 'material-ui/lib/svg-icons/hardware/phonelink' {
+  export import HardwarePhonelink = __MaterialUI.SvgIcon;
+  export default HardwarePhonelink;
+}
+
+declare module 'material-ui/lib/svg-icons/hardware/laptop-windows' {
+  export import HardwareLaptopWindows = __MaterialUI.SvgIcon;
+  export default HardwareLaptopWindows;
+}
+
+declare module 'material-ui/lib/svg-icons/hardware/tv' {
+  export import HardwareTv = __MaterialUI.SvgIcon;
+  export default HardwareTv;
+}
+
+declare module 'material-ui/lib/svg-icons/hardware/headset-mic' {
+  export import HardwareHeadsetMic = __MaterialUI.SvgIcon;
+  export default HardwareHeadsetMic;
+}
+
+declare module 'material-ui/lib/svg-icons/hardware/videogame-asset' {
+  export import HardwareVideogameAsset = __MaterialUI.SvgIcon;
+  export default HardwareVideogameAsset;
+}
+
+declare module 'material-ui/lib/svg-icons/hardware/keyboard-arrow-down' {
+  export import HardwareKeyboardArrowDown = __MaterialUI.SvgIcon;
+  export default HardwareKeyboardArrowDown;
+}
+
+declare module 'material-ui/lib/svg-icons/hardware/keyboard-hide' {
+  export import HardwareKeyboardHide = __MaterialUI.SvgIcon;
+  export default HardwareKeyboardHide;
+}
+
+declare module 'material-ui/lib/svg-icons/hardware/scanner' {
+  export import HardwareScanner = __MaterialUI.SvgIcon;
+  export default HardwareScanner;
+}
+
+declare module 'material-ui/lib/svg-icons/hardware/laptop-chromebook' {
+  export import HardwareLaptopChromebook = __MaterialUI.SvgIcon;
+  export default HardwareLaptopChromebook;
+}
+
+declare module 'material-ui/lib/svg-icons/hardware/tablet-mac' {
+  export import HardwareTabletMac = __MaterialUI.SvgIcon;
+  export default HardwareTabletMac;
+}
+
+declare module 'material-ui/lib/svg-icons/hardware/cast' {
+  export import HardwareCast = __MaterialUI.SvgIcon;
+  export default HardwareCast;
+}
+
+declare module 'material-ui/lib/svg-icons/hardware/cast-connected' {
+  export import HardwareCastConnected = __MaterialUI.SvgIcon;
+  export default HardwareCastConnected;
+}
+
+declare module 'material-ui/lib/svg-icons/hardware/keyboard-arrow-left' {
+  export import HardwareKeyboardArrowLeft = __MaterialUI.SvgIcon;
+  export default HardwareKeyboardArrowLeft;
+}
+
+declare module 'material-ui/lib/svg-icons/hardware/phone-android' {
+  export import HardwarePhoneAndroid = __MaterialUI.SvgIcon;
+  export default HardwarePhoneAndroid;
+}
+
+declare module 'material-ui/lib/svg-icons/hardware/computer' {
+  export import HardwareComputer = __MaterialUI.SvgIcon;
+  export default HardwareComputer;
+}
+
+declare module 'material-ui/lib/svg-icons/hardware/power-input' {
+  export import HardwarePowerInput = __MaterialUI.SvgIcon;
+  export default HardwarePowerInput;
+}
+
+declare module 'material-ui/lib/svg-icons/hardware/smartphone' {
+  export import HardwareSmartphone = __MaterialUI.SvgIcon;
+  export default HardwareSmartphone;
+}
+
+declare module 'material-ui/lib/svg-icons/hardware/router' {
+  export import HardwareRouter = __MaterialUI.SvgIcon;
+  export default HardwareRouter;
+}
+
+declare module 'material-ui/lib/svg-icons/hardware/keyboard-backspace' {
+  export import HardwareKeyboardBackspace = __MaterialUI.SvgIcon;
+  export default HardwareKeyboardBackspace;
+}
+
+declare module 'material-ui/lib/svg-icons/hardware/developer-board' {
+  export import HardwareDeveloperBoard = __MaterialUI.SvgIcon;
+  export default HardwareDeveloperBoard;
+}
+
+declare module 'material-ui/lib/svg-icons/hardware/device-hub' {
+  export import HardwareDeviceHub = __MaterialUI.SvgIcon;
+  export default HardwareDeviceHub;
+}
+
+declare module 'material-ui/lib/svg-icons/hardware/mouse' {
+  export import HardwareMouse = __MaterialUI.SvgIcon;
+  export default HardwareMouse;
+}
+
+declare module 'material-ui/lib/svg-icons/hardware/desktop-mac' {
+  export import HardwareDesktopMac = __MaterialUI.SvgIcon;
+  export default HardwareDesktopMac;
+}
+
+declare module 'material-ui/lib/svg-icons/hardware/tablet' {
+  export import HardwareTablet = __MaterialUI.SvgIcon;
+  export default HardwareTablet;
+}
+
+declare module 'material-ui/lib/svg-icons/content/add-box' {
+  export import ContentAddBox = __MaterialUI.SvgIcon;
+  export default ContentAddBox;
+}
+
+declare module 'material-ui/lib/svg-icons/content/filter-list' {
+  export import ContentFilterList = __MaterialUI.SvgIcon;
+  export default ContentFilterList;
+}
+
+declare module 'material-ui/lib/svg-icons/content/save' {
+  export import ContentSave = __MaterialUI.SvgIcon;
+  export default ContentSave;
+}
+
+declare module 'material-ui/lib/svg-icons/content/unarchive' {
+  export import ContentUnarchive = __MaterialUI.SvgIcon;
+  export default ContentUnarchive;
+}
+
+declare module 'material-ui/lib/svg-icons/content/link' {
+  export import ContentLink = __MaterialUI.SvgIcon;
+  export default ContentLink;
+}
+
+declare module 'material-ui/lib/svg-icons/content/sort' {
+  export import ContentSort = __MaterialUI.SvgIcon;
+  export default ContentSort;
+}
+
+declare module 'material-ui/lib/svg-icons/content/text-format' {
+  export import ContentTextFormat = __MaterialUI.SvgIcon;
+  export default ContentTextFormat;
+}
+
+declare module 'material-ui/lib/svg-icons/content/add' {
+  export import ContentAdd = __MaterialUI.SvgIcon;
+  export default ContentAdd;
+}
+
+declare module 'material-ui/lib/svg-icons/content/send' {
+  export import ContentSend = __MaterialUI.SvgIcon;
+  export default ContentSend;
+}
+
+declare module 'material-ui/lib/svg-icons/content/gesture' {
+  export import ContentGesture = __MaterialUI.SvgIcon;
+  export default ContentGesture;
+}
+
+declare module 'material-ui/lib/svg-icons/content/archive' {
+  export import ContentArchive = __MaterialUI.SvgIcon;
+  export default ContentArchive;
+}
+
+declare module 'material-ui/lib/svg-icons/content/weekend' {
+  export import ContentWeekend = __MaterialUI.SvgIcon;
+  export default ContentWeekend;
+}
+
+declare module 'material-ui/lib/svg-icons/content/markunread' {
+  export import ContentMarkunread = __MaterialUI.SvgIcon;
+  export default ContentMarkunread;
+}
+
+declare module 'material-ui/lib/svg-icons/content/create' {
+  export import ContentCreate = __MaterialUI.SvgIcon;
+  export default ContentCreate;
+}
+
+declare module 'material-ui/lib/svg-icons/content/content-cut' {
+  export import ContentContentCut = __MaterialUI.SvgIcon;
+  export default ContentContentCut;
+}
+
+declare module 'material-ui/lib/svg-icons/content/clear' {
+  export import ContentClear = __MaterialUI.SvgIcon;
+  export default ContentClear;
+}
+
+declare module 'material-ui/lib/svg-icons/content/redo' {
+  export import ContentRedo = __MaterialUI.SvgIcon;
+  export default ContentRedo;
+}
+
+declare module 'material-ui/lib/svg-icons/content/block' {
+  export import ContentBlock = __MaterialUI.SvgIcon;
+  export default ContentBlock;
+}
+
+declare module 'material-ui/lib/svg-icons/content/forward' {
+  export import ContentForward = __MaterialUI.SvgIcon;
+  export default ContentForward;
+}
+
+declare module 'material-ui/lib/svg-icons/content/mail' {
+  export import ContentMail = __MaterialUI.SvgIcon;
+  export default ContentMail;
+}
+
+declare module 'material-ui/lib/svg-icons/content/inbox' {
+  export import ContentInbox = __MaterialUI.SvgIcon;
+  export default ContentInbox;
+}
+
+declare module 'material-ui/lib/svg-icons/content/remove-circle' {
+  export import ContentRemoveCircle = __MaterialUI.SvgIcon;
+  export default ContentRemoveCircle;
+}
+
+declare module 'material-ui/lib/svg-icons/content/move-to-inbox' {
+  export import ContentMoveToInbox = __MaterialUI.SvgIcon;
+  export default ContentMoveToInbox;
+}
+
+declare module 'material-ui/lib/svg-icons/content/flag' {
+  export import ContentFlag = __MaterialUI.SvgIcon;
+  export default ContentFlag;
+}
+
+declare module 'material-ui/lib/svg-icons/content/reply-all' {
+  export import ContentReplyAll = __MaterialUI.SvgIcon;
+  export default ContentReplyAll;
+}
+
+declare module 'material-ui/lib/svg-icons/content/remove' {
+  export import ContentRemove = __MaterialUI.SvgIcon;
+  export default ContentRemove;
+}
+
+declare module 'material-ui/lib/svg-icons/content/next-week' {
+  export import ContentNextWeek = __MaterialUI.SvgIcon;
+  export default ContentNextWeek;
+}
+
+declare module 'material-ui/lib/svg-icons/content/undo' {
+  export import ContentUndo = __MaterialUI.SvgIcon;
+  export default ContentUndo;
+}
+
+declare module 'material-ui/lib/svg-icons/content/font-download' {
+  export import ContentFontDownload = __MaterialUI.SvgIcon;
+  export default ContentFontDownload;
+}
+
+declare module 'material-ui/lib/svg-icons/content/remove-circle-outline' {
+  export import ContentRemoveCircleOutline = __MaterialUI.SvgIcon;
+  export default ContentRemoveCircleOutline;
+}
+
+declare module 'material-ui/lib/svg-icons/content/backspace' {
+  export import ContentBackspace = __MaterialUI.SvgIcon;
+  export default ContentBackspace;
+}
+
+declare module 'material-ui/lib/svg-icons/content/reply' {
+  export import ContentReply = __MaterialUI.SvgIcon;
+  export default ContentReply;
+}
+
+declare module 'material-ui/lib/svg-icons/content/report' {
+  export import ContentReport = __MaterialUI.SvgIcon;
+  export default ContentReport;
+}
+
+declare module 'material-ui/lib/svg-icons/content/add-circle' {
+  export import ContentAddCircle = __MaterialUI.SvgIcon;
+  export default ContentAddCircle;
+}
+
+declare module 'material-ui/lib/svg-icons/content/content-copy' {
+  export import ContentContentCopy = __MaterialUI.SvgIcon;
+  export default ContentContentCopy;
+}
+
+declare module 'material-ui/lib/svg-icons/content/content-paste' {
+  export import ContentContentPaste = __MaterialUI.SvgIcon;
+  export default ContentContentPaste;
+}
+
+declare module 'material-ui/lib/svg-icons/content/select-all' {
+  export import ContentSelectAll = __MaterialUI.SvgIcon;
+  export default ContentSelectAll;
+}
+
+declare module 'material-ui/lib/svg-icons/content/add-circle-outline' {
+  export import ContentAddCircleOutline = __MaterialUI.SvgIcon;
+  export default ContentAddCircleOutline;
+}
+
+declare module 'material-ui/lib/svg-icons/content/drafts' {
+  export import ContentDrafts = __MaterialUI.SvgIcon;
+  export default ContentDrafts;
+}
+
+declare module 'material-ui/lib/svg-icons/editor/wrap-text' {
+  export import EditorWrapText = __MaterialUI.SvgIcon;
+  export default EditorWrapText;
+}
+
+declare module 'material-ui/lib/svg-icons/editor/format-size' {
+  export import EditorFormatSize = __MaterialUI.SvgIcon;
+  export default EditorFormatSize;
+}
+
+declare module 'material-ui/lib/svg-icons/editor/functions' {
+  export import EditorFunctions = __MaterialUI.SvgIcon;
+  export default EditorFunctions;
+}
+
+declare module 'material-ui/lib/svg-icons/editor/format-bold' {
+  export import EditorFormatBold = __MaterialUI.SvgIcon;
+  export default EditorFormatBold;
+}
+
+declare module 'material-ui/lib/svg-icons/editor/format-align-center' {
+  export import EditorFormatAlignCenter = __MaterialUI.SvgIcon;
+  export default EditorFormatAlignCenter;
+}
+
+declare module 'material-ui/lib/svg-icons/editor/mode-comment' {
+  export import EditorModeComment = __MaterialUI.SvgIcon;
+  export default EditorModeComment;
+}
+
+declare module 'material-ui/lib/svg-icons/editor/money-off' {
+  export import EditorMoneyOff = __MaterialUI.SvgIcon;
+  export default EditorMoneyOff;
+}
+
+declare module 'material-ui/lib/svg-icons/editor/format-textdirection-r-to-l' {
+  export import EditorFormatTextdirectionRToL = __MaterialUI.SvgIcon;
+  export default EditorFormatTextdirectionRToL;
+}
+
+declare module 'material-ui/lib/svg-icons/editor/insert-drive-file' {
+  export import EditorInsertDriveFile = __MaterialUI.SvgIcon;
+  export default EditorInsertDriveFile;
+}
+
+declare module 'material-ui/lib/svg-icons/editor/highlight' {
+  export import EditorHighlight = __MaterialUI.SvgIcon;
+  export default EditorHighlight;
+}
+
+declare module 'material-ui/lib/svg-icons/editor/format-clear' {
+  export import EditorFormatClear = __MaterialUI.SvgIcon;
+  export default EditorFormatClear;
+}
+
+declare module 'material-ui/lib/svg-icons/editor/border-style' {
+  export import EditorBorderStyle = __MaterialUI.SvgIcon;
+  export default EditorBorderStyle;
+}
+
+declare module 'material-ui/lib/svg-icons/editor/format-shapes' {
+  export import EditorFormatShapes = __MaterialUI.SvgIcon;
+  export default EditorFormatShapes;
+}
+
+declare module 'material-ui/lib/svg-icons/editor/format-paint' {
+  export import EditorFormatPaint = __MaterialUI.SvgIcon;
+  export default EditorFormatPaint;
+}
+
+declare module 'material-ui/lib/svg-icons/editor/linear-scale' {
+  export import EditorLinearScale = __MaterialUI.SvgIcon;
+  export default EditorLinearScale;
+}
+
+declare module 'material-ui/lib/svg-icons/editor/insert-photo' {
+  export import EditorInsertPhoto = __MaterialUI.SvgIcon;
+  export default EditorInsertPhoto;
+}
+
+declare module 'material-ui/lib/svg-icons/editor/drag-handle' {
+  export import EditorDragHandle = __MaterialUI.SvgIcon;
+  export default EditorDragHandle;
+}
+
+declare module 'material-ui/lib/svg-icons/editor/merge-type' {
+  export import EditorMergeType = __MaterialUI.SvgIcon;
+  export default EditorMergeType;
+}
+
+declare module 'material-ui/lib/svg-icons/editor/attach-money' {
+  export import EditorAttachMoney = __MaterialUI.SvgIcon;
+  export default EditorAttachMoney;
+}
+
+declare module 'material-ui/lib/svg-icons/editor/border-vertical' {
+  export import EditorBorderVertical = __MaterialUI.SvgIcon;
+  export default EditorBorderVertical;
+}
+
+declare module 'material-ui/lib/svg-icons/editor/format-indent-decrease' {
+  export import EditorFormatIndentDecrease = __MaterialUI.SvgIcon;
+  export default EditorFormatIndentDecrease;
+}
+
+declare module 'material-ui/lib/svg-icons/editor/insert-emoticon' {
+  export import EditorInsertEmoticon = __MaterialUI.SvgIcon;
+  export default EditorInsertEmoticon;
+}
+
+declare module 'material-ui/lib/svg-icons/editor/insert-invitation' {
+  export import EditorInsertInvitation = __MaterialUI.SvgIcon;
+  export default EditorInsertInvitation;
+}
+
+declare module 'material-ui/lib/svg-icons/editor/format-color-fill' {
+  export import EditorFormatColorFill = __MaterialUI.SvgIcon;
+  export default EditorFormatColorFill;
+}
+
+declare module 'material-ui/lib/svg-icons/editor/mode-edit' {
+  export import EditorModeEdit = __MaterialUI.SvgIcon;
+  export default EditorModeEdit;
+}
+
+declare module 'material-ui/lib/svg-icons/editor/vertical-align-bottom' {
+  export import EditorVerticalAlignBottom = __MaterialUI.SvgIcon;
+  export default EditorVerticalAlignBottom;
+}
+
+declare module 'material-ui/lib/svg-icons/editor/format-align-justify' {
+  export import EditorFormatAlignJustify = __MaterialUI.SvgIcon;
+  export default EditorFormatAlignJustify;
+}
+
+declare module 'material-ui/lib/svg-icons/editor/attach-file' {
+  export import EditorAttachFile = __MaterialUI.SvgIcon;
+  export default EditorAttachFile;
+}
+
+declare module 'material-ui/lib/svg-icons/editor/space-bar' {
+  export import EditorSpaceBar = __MaterialUI.SvgIcon;
+  export default EditorSpaceBar;
+}
+
+declare module 'material-ui/lib/svg-icons/editor/border-clear' {
+  export import EditorBorderClear = __MaterialUI.SvgIcon;
+  export default EditorBorderClear;
+}
+
+declare module 'material-ui/lib/svg-icons/editor/short-text' {
+  export import EditorShortText = __MaterialUI.SvgIcon;
+  export default EditorShortText;
+}
+
+declare module 'material-ui/lib/svg-icons/editor/insert-link' {
+  export import EditorInsertLink = __MaterialUI.SvgIcon;
+  export default EditorInsertLink;
+}
+
+declare module 'material-ui/lib/svg-icons/editor/format-list-numbered' {
+  export import EditorFormatListNumbered = __MaterialUI.SvgIcon;
+  export default EditorFormatListNumbered;
+}
+
+declare module 'material-ui/lib/svg-icons/editor/format-quote' {
+  export import EditorFormatQuote = __MaterialUI.SvgIcon;
+  export default EditorFormatQuote;
+}
+
+declare module 'material-ui/lib/svg-icons/editor/border-left' {
+  export import EditorBorderLeft = __MaterialUI.SvgIcon;
+  export default EditorBorderLeft;
+}
+
+declare module 'material-ui/lib/svg-icons/editor/format-underlined' {
+  export import EditorFormatUnderlined = __MaterialUI.SvgIcon;
+  export default EditorFormatUnderlined;
+}
+
+declare module 'material-ui/lib/svg-icons/editor/text-fields' {
+  export import EditorTextFields = __MaterialUI.SvgIcon;
+  export default EditorTextFields;
+}
+
+declare module 'material-ui/lib/svg-icons/editor/format-italic' {
+  export import EditorFormatItalic = __MaterialUI.SvgIcon;
+  export default EditorFormatItalic;
+}
+
+declare module 'material-ui/lib/svg-icons/editor/publish' {
+  export import EditorPublish = __MaterialUI.SvgIcon;
+  export default EditorPublish;
+}
+
+declare module 'material-ui/lib/svg-icons/editor/border-top' {
+  export import EditorBorderTop = __MaterialUI.SvgIcon;
+  export default EditorBorderTop;
+}
+
+declare module 'material-ui/lib/svg-icons/editor/format-indent-increase' {
+  export import EditorFormatIndentIncrease = __MaterialUI.SvgIcon;
+  export default EditorFormatIndentIncrease;
+}
+
+declare module 'material-ui/lib/svg-icons/editor/border-bottom' {
+  export import EditorBorderBottom = __MaterialUI.SvgIcon;
+  export default EditorBorderBottom;
+}
+
+declare module 'material-ui/lib/svg-icons/editor/format-align-right' {
+  export import EditorFormatAlignRight = __MaterialUI.SvgIcon;
+  export default EditorFormatAlignRight;
+}
+
+declare module 'material-ui/lib/svg-icons/editor/border-right' {
+  export import EditorBorderRight = __MaterialUI.SvgIcon;
+  export default EditorBorderRight;
+}
+
+declare module 'material-ui/lib/svg-icons/editor/insert-comment' {
+  export import EditorInsertComment = __MaterialUI.SvgIcon;
+  export default EditorInsertComment;
+}
+
+declare module 'material-ui/lib/svg-icons/editor/strikethrough-s' {
+  export import EditorStrikethroughS = __MaterialUI.SvgIcon;
+  export default EditorStrikethroughS;
+}
+
+declare module 'material-ui/lib/svg-icons/editor/format-strikethrough' {
+  export import EditorFormatStrikethrough = __MaterialUI.SvgIcon;
+  export default EditorFormatStrikethrough;
+}
+
+declare module 'material-ui/lib/svg-icons/editor/insert-chart' {
+  export import EditorInsertChart = __MaterialUI.SvgIcon;
+  export default EditorInsertChart;
+}
+
+declare module 'material-ui/lib/svg-icons/editor/format-color-reset' {
+  export import EditorFormatColorReset = __MaterialUI.SvgIcon;
+  export default EditorFormatColorReset;
+}
+
+declare module 'material-ui/lib/svg-icons/editor/border-inner' {
+  export import EditorBorderInner = __MaterialUI.SvgIcon;
+  export default EditorBorderInner;
+}
+
+declare module 'material-ui/lib/svg-icons/editor/format-color-text' {
+  export import EditorFormatColorText = __MaterialUI.SvgIcon;
+  export default EditorFormatColorText;
+}
+
+declare module 'material-ui/lib/svg-icons/editor/border-horizontal' {
+  export import EditorBorderHorizontal = __MaterialUI.SvgIcon;
+  export default EditorBorderHorizontal;
+}
+
+declare module 'material-ui/lib/svg-icons/editor/format-list-bulleted' {
+  export import EditorFormatListBulleted = __MaterialUI.SvgIcon;
+  export default EditorFormatListBulleted;
+}
+
+declare module 'material-ui/lib/svg-icons/editor/border-outer' {
+  export import EditorBorderOuter = __MaterialUI.SvgIcon;
+  export default EditorBorderOuter;
+}
+
+declare module 'material-ui/lib/svg-icons/editor/format-align-left' {
+  export import EditorFormatAlignLeft = __MaterialUI.SvgIcon;
+  export default EditorFormatAlignLeft;
+}
+
+declare module 'material-ui/lib/svg-icons/editor/border-color' {
+  export import EditorBorderColor = __MaterialUI.SvgIcon;
+  export default EditorBorderColor;
+}
+
+declare module 'material-ui/lib/svg-icons/editor/format-textdirection-l-to-r' {
+  export import EditorFormatTextdirectionLToR = __MaterialUI.SvgIcon;
+  export default EditorFormatTextdirectionLToR;
+}
+
+declare module 'material-ui/lib/svg-icons/editor/vertical-align-center' {
+  export import EditorVerticalAlignCenter = __MaterialUI.SvgIcon;
+  export default EditorVerticalAlignCenter;
+}
+
+declare module 'material-ui/lib/svg-icons/editor/vertical-align-top' {
+  export import EditorVerticalAlignTop = __MaterialUI.SvgIcon;
+  export default EditorVerticalAlignTop;
+}
+
+declare module 'material-ui/lib/svg-icons/editor/format-line-spacing' {
+  export import EditorFormatLineSpacing = __MaterialUI.SvgIcon;
+  export default EditorFormatLineSpacing;
+}
+
+declare module 'material-ui/lib/svg-icons/editor/border-all' {
+  export import EditorBorderAll = __MaterialUI.SvgIcon;
+  export default EditorBorderAll;
+}
+
+declare module 'material-ui/lib/svg-icons/device/screen-lock-portrait' {
+  export import DeviceScreenLockPortrait = __MaterialUI.SvgIcon;
+  export default DeviceScreenLockPortrait;
+}
+
+declare module 'material-ui/lib/svg-icons/device/signal-cellular-off' {
+  export import DeviceSignalCellularOff = __MaterialUI.SvgIcon;
+  export default DeviceSignalCellularOff;
+}
+
+declare module 'material-ui/lib/svg-icons/device/bluetooth-searching' {
+  export import DeviceBluetoothSearching = __MaterialUI.SvgIcon;
+  export default DeviceBluetoothSearching;
+}
+
+declare module 'material-ui/lib/svg-icons/device/signal-cellular-3-bar' {
+  export import DeviceSignalCellular3Bar = __MaterialUI.SvgIcon;
+  export default DeviceSignalCellular3Bar;
+}
+
+declare module 'material-ui/lib/svg-icons/device/network-cell' {
+  export import DeviceNetworkCell = __MaterialUI.SvgIcon;
+  export default DeviceNetworkCell;
+}
+
+declare module 'material-ui/lib/svg-icons/device/signal-cellular-no-sim' {
+  export import DeviceSignalCellularNoSim = __MaterialUI.SvgIcon;
+  export default DeviceSignalCellularNoSim;
+}
+
+declare module 'material-ui/lib/svg-icons/device/signal-wifi-2-bar' {
+  export import DeviceSignalWifi2Bar = __MaterialUI.SvgIcon;
+  export default DeviceSignalWifi2Bar;
+}
+
+declare module 'material-ui/lib/svg-icons/device/devices' {
+  export import DeviceDevices = __MaterialUI.SvgIcon;
+  export default DeviceDevices;
+}
+
+declare module 'material-ui/lib/svg-icons/device/battery-90' {
+  export import DeviceBattery90 = __MaterialUI.SvgIcon;
+  export default DeviceBattery90;
+}
+
+declare module 'material-ui/lib/svg-icons/device/battery-charging-80' {
+  export import DeviceBatteryCharging80 = __MaterialUI.SvgIcon;
+  export default DeviceBatteryCharging80;
+}
+
+declare module 'material-ui/lib/svg-icons/device/location-searching' {
+  export import DeviceLocationSearching = __MaterialUI.SvgIcon;
+  export default DeviceLocationSearching;
+}
+
+declare module 'material-ui/lib/svg-icons/device/wallpaper' {
+  export import DeviceWallpaper = __MaterialUI.SvgIcon;
+  export default DeviceWallpaper;
+}
+
+declare module 'material-ui/lib/svg-icons/device/screen-lock-rotation' {
+  export import DeviceScreenLockRotation = __MaterialUI.SvgIcon;
+  export default DeviceScreenLockRotation;
+}
+
+declare module 'material-ui/lib/svg-icons/device/screen-lock-landscape' {
+  export import DeviceScreenLockLandscape = __MaterialUI.SvgIcon;
+  export default DeviceScreenLockLandscape;
+}
+
+declare module 'material-ui/lib/svg-icons/device/battery-charging-20' {
+  export import DeviceBatteryCharging20 = __MaterialUI.SvgIcon;
+  export default DeviceBatteryCharging20;
+}
+
+declare module 'material-ui/lib/svg-icons/device/usb' {
+  export import DeviceUsb = __MaterialUI.SvgIcon;
+  export default DeviceUsb;
+}
+
+declare module 'material-ui/lib/svg-icons/device/airplanemode-active' {
+  export import DeviceAirplanemodeActive = __MaterialUI.SvgIcon;
+  export default DeviceAirplanemodeActive;
+}
+
+declare module 'material-ui/lib/svg-icons/device/network-wifi' {
+  export import DeviceNetworkWifi = __MaterialUI.SvgIcon;
+  export default DeviceNetworkWifi;
+}
+
+declare module 'material-ui/lib/svg-icons/device/graphic-eq' {
+  export import DeviceGraphicEq = __MaterialUI.SvgIcon;
+  export default DeviceGraphicEq;
+}
+
+declare module 'material-ui/lib/svg-icons/device/bluetooth-connected' {
+  export import DeviceBluetoothConnected = __MaterialUI.SvgIcon;
+  export default DeviceBluetoothConnected;
+}
+
+declare module 'material-ui/lib/svg-icons/device/gps-fixed' {
+  export import DeviceGpsFixed = __MaterialUI.SvgIcon;
+  export default DeviceGpsFixed;
+}
+
+declare module 'material-ui/lib/svg-icons/device/signal-cellular-connected-no-internet-4-bar' {
+  export import DeviceSignalCellularConnectedNoInternet4Bar = __MaterialUI.SvgIcon;
+  export default DeviceSignalCellularConnectedNoInternet4Bar;
+}
+
+declare module 'material-ui/lib/svg-icons/device/brightness-medium' {
+  export import DeviceBrightnessMedium = __MaterialUI.SvgIcon;
+  export default DeviceBrightnessMedium;
+}
+
+declare module 'material-ui/lib/svg-icons/device/signal-cellular-connected-no-internet-3-bar' {
+  export import DeviceSignalCellularConnectedNoInternet3Bar = __MaterialUI.SvgIcon;
+  export default DeviceSignalCellularConnectedNoInternet3Bar;
+}
+
+declare module 'material-ui/lib/svg-icons/device/signal-wifi-3-bar-lock' {
+  export import DeviceSignalWifi3BarLock = __MaterialUI.SvgIcon;
+  export default DeviceSignalWifi3BarLock;
+}
+
+declare module 'material-ui/lib/svg-icons/device/battery-80' {
+  export import DeviceBattery80 = __MaterialUI.SvgIcon;
+  export default DeviceBattery80;
+}
+
+declare module 'material-ui/lib/svg-icons/device/wifi-lock' {
+  export import DeviceWifiLock = __MaterialUI.SvgIcon;
+  export default DeviceWifiLock;
+}
+
+declare module 'material-ui/lib/svg-icons/device/signal-wifi-2-bar-lock' {
+  export import DeviceSignalWifi2BarLock = __MaterialUI.SvgIcon;
+  export default DeviceSignalWifi2BarLock;
+}
+
+declare module 'material-ui/lib/svg-icons/device/bluetooth' {
+  export import DeviceBluetooth = __MaterialUI.SvgIcon;
+  export default DeviceBluetooth;
+}
+
+declare module 'material-ui/lib/svg-icons/device/access-time' {
+  export import DeviceAccessTime = __MaterialUI.SvgIcon;
+  export default DeviceAccessTime;
+}
+
+declare module 'material-ui/lib/svg-icons/device/battery-charging-30' {
+  export import DeviceBatteryCharging30 = __MaterialUI.SvgIcon;
+  export default DeviceBatteryCharging30;
+}
+
+declare module 'material-ui/lib/svg-icons/device/signal-wifi-off' {
+  export import DeviceSignalWifiOff = __MaterialUI.SvgIcon;
+  export default DeviceSignalWifiOff;
+}
+
+declare module 'material-ui/lib/svg-icons/device/dvr' {
+  export import DeviceDvr = __MaterialUI.SvgIcon;
+  export default DeviceDvr;
+}
+
+declare module 'material-ui/lib/svg-icons/device/battery-60' {
+  export import DeviceBattery60 = __MaterialUI.SvgIcon;
+  export default DeviceBattery60;
+}
+
+declare module 'material-ui/lib/svg-icons/device/access-alarm' {
+  export import DeviceAccessAlarm = __MaterialUI.SvgIcon;
+  export default DeviceAccessAlarm;
+}
+
+declare module 'material-ui/lib/svg-icons/device/nfc' {
+  export import DeviceNfc = __MaterialUI.SvgIcon;
+  export default DeviceNfc;
+}
+
+declare module 'material-ui/lib/svg-icons/device/data-usage' {
+  export import DeviceDataUsage = __MaterialUI.SvgIcon;
+  export default DeviceDataUsage;
+}
+
+declare module 'material-ui/lib/svg-icons/device/access-alarms' {
+  export import DeviceAccessAlarms = __MaterialUI.SvgIcon;
+  export default DeviceAccessAlarms;
+}
+
+declare module 'material-ui/lib/svg-icons/device/battery-full' {
+  export import DeviceBatteryFull = __MaterialUI.SvgIcon;
+  export default DeviceBatteryFull;
+}
+
+declare module 'material-ui/lib/svg-icons/device/battery-charging-full' {
+  export import DeviceBatteryChargingFull = __MaterialUI.SvgIcon;
+  export default DeviceBatteryChargingFull;
+}
+
+declare module 'material-ui/lib/svg-icons/device/settings-system-daydream' {
+  export import DeviceSettingsSystemDaydream = __MaterialUI.SvgIcon;
+  export default DeviceSettingsSystemDaydream;
+}
+
+declare module 'material-ui/lib/svg-icons/device/battery-std' {
+  export import DeviceBatteryStd = __MaterialUI.SvgIcon;
+  export default DeviceBatteryStd;
+}
+
+declare module 'material-ui/lib/svg-icons/device/battery-unknown' {
+  export import DeviceBatteryUnknown = __MaterialUI.SvgIcon;
+  export default DeviceBatteryUnknown;
+}
+
+declare module 'material-ui/lib/svg-icons/device/add-alarm' {
+  export import DeviceAddAlarm = __MaterialUI.SvgIcon;
+  export default DeviceAddAlarm;
+}
+
+declare module 'material-ui/lib/svg-icons/device/storage' {
+  export import DeviceStorage = __MaterialUI.SvgIcon;
+  export default DeviceStorage;
+}
+
+declare module 'material-ui/lib/svg-icons/device/battery-charging-90' {
+  export import DeviceBatteryCharging90 = __MaterialUI.SvgIcon;
+  export default DeviceBatteryCharging90;
+}
+
+declare module 'material-ui/lib/svg-icons/device/screen-rotation' {
+  export import DeviceScreenRotation = __MaterialUI.SvgIcon;
+  export default DeviceScreenRotation;
+}
+
+declare module 'material-ui/lib/svg-icons/device/signal-wifi-4-bar' {
+  export import DeviceSignalWifi4Bar = __MaterialUI.SvgIcon;
+  export default DeviceSignalWifi4Bar;
+}
+
+declare module 'material-ui/lib/svg-icons/device/battery-charging-50' {
+  export import DeviceBatteryCharging50 = __MaterialUI.SvgIcon;
+  export default DeviceBatteryCharging50;
+}
+
+declare module 'material-ui/lib/svg-icons/device/battery-30' {
+  export import DeviceBattery30 = __MaterialUI.SvgIcon;
+  export default DeviceBattery30;
+}
+
+declare module 'material-ui/lib/svg-icons/device/signal-cellular-connected-no-internet-0-bar' {
+  export import DeviceSignalCellularConnectedNoInternet0Bar = __MaterialUI.SvgIcon;
+  export default DeviceSignalCellularConnectedNoInternet0Bar;
+}
+
+declare module 'material-ui/lib/svg-icons/device/battery-alert' {
+  export import DeviceBatteryAlert = __MaterialUI.SvgIcon;
+  export default DeviceBatteryAlert;
+}
+
+declare module 'material-ui/lib/svg-icons/device/signal-wifi-1-bar' {
+  export import DeviceSignalWifi1Bar = __MaterialUI.SvgIcon;
+  export default DeviceSignalWifi1Bar;
+}
+
+declare module 'material-ui/lib/svg-icons/device/signal-cellular-4-bar' {
+  export import DeviceSignalCellular4Bar = __MaterialUI.SvgIcon;
+  export default DeviceSignalCellular4Bar;
+}
+
+declare module 'material-ui/lib/svg-icons/device/wifi-tethering' {
+  export import DeviceWifiTethering = __MaterialUI.SvgIcon;
+  export default DeviceWifiTethering;
+}
+
+declare module 'material-ui/lib/svg-icons/device/signal-wifi-0-bar' {
+  export import DeviceSignalWifi0Bar = __MaterialUI.SvgIcon;
+  export default DeviceSignalWifi0Bar;
+}
+
+declare module 'material-ui/lib/svg-icons/device/brightness-auto' {
+  export import DeviceBrightnessAuto = __MaterialUI.SvgIcon;
+  export default DeviceBrightnessAuto;
+}
+
+declare module 'material-ui/lib/svg-icons/device/location-disabled' {
+  export import DeviceLocationDisabled = __MaterialUI.SvgIcon;
+  export default DeviceLocationDisabled;
+}
+
+declare module 'material-ui/lib/svg-icons/device/signal-wifi-3-bar' {
+  export import DeviceSignalWifi3Bar = __MaterialUI.SvgIcon;
+  export default DeviceSignalWifi3Bar;
+}
+
+declare module 'material-ui/lib/svg-icons/device/gps-not-fixed' {
+  export import DeviceGpsNotFixed = __MaterialUI.SvgIcon;
+  export default DeviceGpsNotFixed;
+}
+
+declare module 'material-ui/lib/svg-icons/device/signal-cellular-1-bar' {
+  export import DeviceSignalCellular1Bar = __MaterialUI.SvgIcon;
+  export default DeviceSignalCellular1Bar;
+}
+
+declare module 'material-ui/lib/svg-icons/device/battery-charging-60' {
+  export import DeviceBatteryCharging60 = __MaterialUI.SvgIcon;
+  export default DeviceBatteryCharging60;
+}
+
+declare module 'material-ui/lib/svg-icons/device/gps-off' {
+  export import DeviceGpsOff = __MaterialUI.SvgIcon;
+  export default DeviceGpsOff;
+}
+
+declare module 'material-ui/lib/svg-icons/device/signal-cellular-null' {
+  export import DeviceSignalCellularNull = __MaterialUI.SvgIcon;
+  export default DeviceSignalCellularNull;
+}
+
+declare module 'material-ui/lib/svg-icons/device/brightness-low' {
+  export import DeviceBrightnessLow = __MaterialUI.SvgIcon;
+  export default DeviceBrightnessLow;
+}
+
+declare module 'material-ui/lib/svg-icons/device/sd-storage' {
+  export import DeviceSdStorage = __MaterialUI.SvgIcon;
+  export default DeviceSdStorage;
+}
+
+declare module 'material-ui/lib/svg-icons/device/airplanemode-inactive' {
+  export import DeviceAirplanemodeInactive = __MaterialUI.SvgIcon;
+  export default DeviceAirplanemodeInactive;
+}
+
+declare module 'material-ui/lib/svg-icons/device/widgets' {
+  export import DeviceWidgets = __MaterialUI.SvgIcon;
+  export default DeviceWidgets;
+}
+
+declare module 'material-ui/lib/svg-icons/device/brightness-high' {
+  export import DeviceBrightnessHigh = __MaterialUI.SvgIcon;
+  export default DeviceBrightnessHigh;
+}
+
+declare module 'material-ui/lib/svg-icons/device/battery-20' {
+  export import DeviceBattery20 = __MaterialUI.SvgIcon;
+  export default DeviceBattery20;
+}
+
+declare module 'material-ui/lib/svg-icons/device/bluetooth-disabled' {
+  export import DeviceBluetoothDisabled = __MaterialUI.SvgIcon;
+  export default DeviceBluetoothDisabled;
+}
+
+declare module 'material-ui/lib/svg-icons/device/signal-wifi-4-bar-lock' {
+  export import DeviceSignalWifi4BarLock = __MaterialUI.SvgIcon;
+  export default DeviceSignalWifi4BarLock;
+}
+
+declare module 'material-ui/lib/svg-icons/device/developer-mode' {
+  export import DeviceDeveloperMode = __MaterialUI.SvgIcon;
+  export default DeviceDeveloperMode;
+}
+
+declare module 'material-ui/lib/svg-icons/device/battery-50' {
+  export import DeviceBattery50 = __MaterialUI.SvgIcon;
+  export default DeviceBattery50;
+}
+
+declare module 'material-ui/lib/svg-icons/device/signal-cellular-connected-no-internet-1-bar' {
+  export import DeviceSignalCellularConnectedNoInternet1Bar = __MaterialUI.SvgIcon;
+  export default DeviceSignalCellularConnectedNoInternet1Bar;
+}
+
+declare module 'material-ui/lib/svg-icons/device/signal-cellular-2-bar' {
+  export import DeviceSignalCellular2Bar = __MaterialUI.SvgIcon;
+  export default DeviceSignalCellular2Bar;
+}
+
+declare module 'material-ui/lib/svg-icons/device/signal-cellular-connected-no-internet-2-bar' {
+  export import DeviceSignalCellularConnectedNoInternet2Bar = __MaterialUI.SvgIcon;
+  export default DeviceSignalCellularConnectedNoInternet2Bar;
+}
+
+declare module 'material-ui/lib/svg-icons/device/signal-cellular-0-bar' {
+  export import DeviceSignalCellular0Bar = __MaterialUI.SvgIcon;
+  export default DeviceSignalCellular0Bar;
+}
+
+declare module 'material-ui/lib/svg-icons/device/signal-wifi-1-bar-lock' {
+  export import DeviceSignalWifi1BarLock = __MaterialUI.SvgIcon;
+  export default DeviceSignalWifi1BarLock;
+}
+
+declare module 'material-ui/lib/svg-icons/navigation/arrow-forward' {
+  export import NavigationArrowForward = __MaterialUI.SvgIcon;
+  export default NavigationArrowForward;
+}
+
+declare module 'material-ui/lib/svg-icons/navigation/unfold-more' {
+  export import NavigationUnfoldMore = __MaterialUI.SvgIcon;
+  export default NavigationUnfoldMore;
+}
+
+declare module 'material-ui/lib/svg-icons/navigation/arrow-drop-down' {
+  export import NavigationArrowDropDown = __MaterialUI.SvgIcon;
+  export default NavigationArrowDropDown;
+}
+
+declare module 'material-ui/lib/svg-icons/navigation/arrow-back' {
+  export import NavigationArrowBack = __MaterialUI.SvgIcon;
+  export default NavigationArrowBack;
+}
+
+declare module 'material-ui/lib/svg-icons/navigation/arrow-downward' {
+  export import NavigationArrowDownward = __MaterialUI.SvgIcon;
+  export default NavigationArrowDownward;
+}
+
+declare module 'material-ui/lib/svg-icons/navigation/fullscreen' {
+  export import NavigationFullscreen = __MaterialUI.SvgIcon;
+  export default NavigationFullscreen;
+}
+
+declare module 'material-ui/lib/svg-icons/navigation/unfold-less' {
+  export import NavigationUnfoldLess = __MaterialUI.SvgIcon;
+  export default NavigationUnfoldLess;
+}
+
+declare module 'material-ui/lib/svg-icons/navigation/chevron-right' {
+  export import NavigationChevronRight = __MaterialUI.SvgIcon;
+  export default NavigationChevronRight;
+}
+
+declare module 'material-ui/lib/svg-icons/navigation/arrow-drop-down-circle' {
+  export import NavigationArrowDropDownCircle = __MaterialUI.SvgIcon;
+  export default NavigationArrowDropDownCircle;
+}
+
+declare module 'material-ui/lib/svg-icons/navigation/check' {
+  export import NavigationCheck = __MaterialUI.SvgIcon;
+  export default NavigationCheck;
+}
+
+declare module 'material-ui/lib/svg-icons/navigation/fullscreen-exit' {
+  export import NavigationFullscreenExit = __MaterialUI.SvgIcon;
+  export default NavigationFullscreenExit;
+}
+
+declare module 'material-ui/lib/svg-icons/navigation/chevron-left' {
+  export import NavigationChevronLeft = __MaterialUI.SvgIcon;
+  export default NavigationChevronLeft;
+}
+
+declare module 'material-ui/lib/svg-icons/navigation/menu' {
+  export import NavigationMenu = __MaterialUI.SvgIcon;
+  export default NavigationMenu;
+}
+
+declare module 'material-ui/lib/svg-icons/navigation/apps' {
+  export import NavigationApps = __MaterialUI.SvgIcon;
+  export default NavigationApps;
+}
+
+declare module 'material-ui/lib/svg-icons/navigation/arrow-upward' {
+  export import NavigationArrowUpward = __MaterialUI.SvgIcon;
+  export default NavigationArrowUpward;
+}
+
+declare module 'material-ui/lib/svg-icons/navigation/close' {
+  export import NavigationClose = __MaterialUI.SvgIcon;
+  export default NavigationClose;
+}
+
+declare module 'material-ui/lib/svg-icons/navigation/more-horiz' {
+  export import NavigationMoreHoriz = __MaterialUI.SvgIcon;
+  export default NavigationMoreHoriz;
+}
+
+declare module 'material-ui/lib/svg-icons/navigation/cancel' {
+  export import NavigationCancel = __MaterialUI.SvgIcon;
+  export default NavigationCancel;
+}
+
+declare module 'material-ui/lib/svg-icons/navigation/subdirectory-arrow-right' {
+  export import NavigationSubdirectoryArrowRight = __MaterialUI.SvgIcon;
+  export default NavigationSubdirectoryArrowRight;
+}
+
+declare module 'material-ui/lib/svg-icons/navigation/expand-more' {
+  export import NavigationExpandMore = __MaterialUI.SvgIcon;
+  export default NavigationExpandMore;
+}
+
+declare module 'material-ui/lib/svg-icons/navigation/arrow-drop-up' {
+  export import NavigationArrowDropUp = __MaterialUI.SvgIcon;
+  export default NavigationArrowDropUp;
+}
+
+declare module 'material-ui/lib/svg-icons/navigation/subdirectory-arrow-left' {
+  export import NavigationSubdirectoryArrowLeft = __MaterialUI.SvgIcon;
+  export default NavigationSubdirectoryArrowLeft;
+}
+
+declare module 'material-ui/lib/svg-icons/navigation/expand-less' {
+  export import NavigationExpandLess = __MaterialUI.SvgIcon;
+  export default NavigationExpandLess;
+}
+
+declare module 'material-ui/lib/svg-icons/navigation/refresh' {
+  export import NavigationRefresh = __MaterialUI.SvgIcon;
+  export default NavigationRefresh;
+}
+
+declare module 'material-ui/lib/svg-icons/navigation/more-vert' {
+  export import NavigationMoreVert = __MaterialUI.SvgIcon;
+  export default NavigationMoreVert;
+}
+
+declare module 'material-ui/lib/svg-icons/notification/rv-hookup' {
+  export import NotificationRvHookup = __MaterialUI.SvgIcon;
+  export default NotificationRvHookup;
+}
+
+declare module 'material-ui/lib/svg-icons/notification/no-encryption' {
+  export import NotificationNoEncryption = __MaterialUI.SvgIcon;
+  export default NotificationNoEncryption;
+}
+
+declare module 'material-ui/lib/svg-icons/notification/phone-forwarded' {
+  export import NotificationPhoneForwarded = __MaterialUI.SvgIcon;
+  export default NotificationPhoneForwarded;
+}
+
+declare module 'material-ui/lib/svg-icons/notification/airline-seat-flat-angled' {
+  export import NotificationAirlineSeatFlatAngled = __MaterialUI.SvgIcon;
+  export default NotificationAirlineSeatFlatAngled;
+}
+
+declare module 'material-ui/lib/svg-icons/notification/time-to-leave' {
+  export import NotificationTimeToLeave = __MaterialUI.SvgIcon;
+  export default NotificationTimeToLeave;
+}
+
+declare module 'material-ui/lib/svg-icons/notification/airline-seat-legroom-extra' {
+  export import NotificationAirlineSeatLegroomExtra = __MaterialUI.SvgIcon;
+  export default NotificationAirlineSeatLegroomExtra;
+}
+
+declare module 'material-ui/lib/svg-icons/notification/airline-seat-recline-extra' {
+  export import NotificationAirlineSeatReclineExtra = __MaterialUI.SvgIcon;
+  export default NotificationAirlineSeatReclineExtra;
+}
+
+declare module 'material-ui/lib/svg-icons/notification/airline-seat-individual-suite' {
+  export import NotificationAirlineSeatIndividualSuite = __MaterialUI.SvgIcon;
+  export default NotificationAirlineSeatIndividualSuite;
+}
+
+declare module 'material-ui/lib/svg-icons/notification/vibration' {
+  export import NotificationVibration = __MaterialUI.SvgIcon;
+  export default NotificationVibration;
+}
+
+declare module 'material-ui/lib/svg-icons/notification/sim-card-alert' {
+  export import NotificationSimCardAlert = __MaterialUI.SvgIcon;
+  export default NotificationSimCardAlert;
+}
+
+declare module 'material-ui/lib/svg-icons/notification/sms-failed' {
+  export import NotificationSmsFailed = __MaterialUI.SvgIcon;
+  export default NotificationSmsFailed;
+}
+
+declare module 'material-ui/lib/svg-icons/notification/airline-seat-flat' {
+  export import NotificationAirlineSeatFlat = __MaterialUI.SvgIcon;
+  export default NotificationAirlineSeatFlat;
+}
+
+declare module 'material-ui/lib/svg-icons/notification/do-not-disturb' {
+  export import NotificationDoNotDisturb = __MaterialUI.SvgIcon;
+  export default NotificationDoNotDisturb;
+}
+
+declare module 'material-ui/lib/svg-icons/notification/sync-problem' {
+  export import NotificationSyncProblem = __MaterialUI.SvgIcon;
+  export default NotificationSyncProblem;
+}
+
+declare module 'material-ui/lib/svg-icons/notification/event-available' {
+  export import NotificationEventAvailable = __MaterialUI.SvgIcon;
+  export default NotificationEventAvailable;
+}
+
+declare module 'material-ui/lib/svg-icons/notification/network-check' {
+  export import NotificationNetworkCheck = __MaterialUI.SvgIcon;
+  export default NotificationNetworkCheck;
+}
+
+declare module 'material-ui/lib/svg-icons/notification/sms' {
+  export import NotificationSms = __MaterialUI.SvgIcon;
+  export default NotificationSms;
+}
+
+declare module 'material-ui/lib/svg-icons/notification/disc-full' {
+  export import NotificationDiscFull = __MaterialUI.SvgIcon;
+  export default NotificationDiscFull;
+}
+
+declare module 'material-ui/lib/svg-icons/notification/do-not-disturb-alt' {
+  export import NotificationDoNotDisturbAlt = __MaterialUI.SvgIcon;
+  export default NotificationDoNotDisturbAlt;
+}
+
+declare module 'material-ui/lib/svg-icons/notification/system-update' {
+  export import NotificationSystemUpdate = __MaterialUI.SvgIcon;
+  export default NotificationSystemUpdate;
+}
+
+declare module 'material-ui/lib/svg-icons/notification/phone-bluetooth-speaker' {
+  export import NotificationPhoneBluetoothSpeaker = __MaterialUI.SvgIcon;
+  export default NotificationPhoneBluetoothSpeaker;
+}
+
+declare module 'material-ui/lib/svg-icons/notification/ondemand-video' {
+  export import NotificationOndemandVideo = __MaterialUI.SvgIcon;
+  export default NotificationOndemandVideo;
+}
+
+declare module 'material-ui/lib/svg-icons/notification/power' {
+  export import NotificationPower = __MaterialUI.SvgIcon;
+  export default NotificationPower;
+}
+
+declare module 'material-ui/lib/svg-icons/notification/phone-locked' {
+  export import NotificationPhoneLocked = __MaterialUI.SvgIcon;
+  export default NotificationPhoneLocked;
+}
+
+declare module 'material-ui/lib/svg-icons/notification/sd-card' {
+  export import NotificationSdCard = __MaterialUI.SvgIcon;
+  export default NotificationSdCard;
+}
+
+declare module 'material-ui/lib/svg-icons/notification/event-busy' {
+  export import NotificationEventBusy = __MaterialUI.SvgIcon;
+  export default NotificationEventBusy;
+}
+
+declare module 'material-ui/lib/svg-icons/notification/personal-video' {
+  export import NotificationPersonalVideo = __MaterialUI.SvgIcon;
+  export default NotificationPersonalVideo;
+}
+
+declare module 'material-ui/lib/svg-icons/notification/airline-seat-legroom-normal' {
+  export import NotificationAirlineSeatLegroomNormal = __MaterialUI.SvgIcon;
+  export default NotificationAirlineSeatLegroomNormal;
+}
+
+declare module 'material-ui/lib/svg-icons/notification/phone-in-talk' {
+  export import NotificationPhoneInTalk = __MaterialUI.SvgIcon;
+  export default NotificationPhoneInTalk;
+}
+
+declare module 'material-ui/lib/svg-icons/notification/airline-seat-legroom-reduced' {
+  export import NotificationAirlineSeatLegroomReduced = __MaterialUI.SvgIcon;
+  export default NotificationAirlineSeatLegroomReduced;
+}
+
+declare module 'material-ui/lib/svg-icons/notification/phone-paused' {
+  export import NotificationPhonePaused = __MaterialUI.SvgIcon;
+  export default NotificationPhonePaused;
+}
+
+declare module 'material-ui/lib/svg-icons/notification/sync-disabled' {
+  export import NotificationSyncDisabled = __MaterialUI.SvgIcon;
+  export default NotificationSyncDisabled;
+}
+
+declare module 'material-ui/lib/svg-icons/notification/enhanced-encryption' {
+  export import NotificationEnhancedEncryption = __MaterialUI.SvgIcon;
+  export default NotificationEnhancedEncryption;
+}
+
+declare module 'material-ui/lib/svg-icons/notification/mms' {
+  export import NotificationMms = __MaterialUI.SvgIcon;
+  export default NotificationMms;
+}
+
+declare module 'material-ui/lib/svg-icons/notification/drive-eta' {
+  export import NotificationDriveEta = __MaterialUI.SvgIcon;
+  export default NotificationDriveEta;
+}
+
+declare module 'material-ui/lib/svg-icons/notification/voice-chat' {
+  export import NotificationVoiceChat = __MaterialUI.SvgIcon;
+  export default NotificationVoiceChat;
+}
+
+declare module 'material-ui/lib/svg-icons/notification/wifi' {
+  export import NotificationWifi = __MaterialUI.SvgIcon;
+  export default NotificationWifi;
+}
+
+declare module 'material-ui/lib/svg-icons/notification/airline-seat-recline-normal' {
+  export import NotificationAirlineSeatReclineNormal = __MaterialUI.SvgIcon;
+  export default NotificationAirlineSeatReclineNormal;
+}
+
+declare module 'material-ui/lib/svg-icons/notification/more' {
+  export import NotificationMore = __MaterialUI.SvgIcon;
+  export default NotificationMore;
+}
+
+declare module 'material-ui/lib/svg-icons/notification/vpn-lock' {
+  export import NotificationVpnLock = __MaterialUI.SvgIcon;
+  export default NotificationVpnLock;
+}
+
+declare module 'material-ui/lib/svg-icons/notification/event-note' {
+  export import NotificationEventNote = __MaterialUI.SvgIcon;
+  export default NotificationEventNote;
+}
+
+declare module 'material-ui/lib/svg-icons/notification/confirmation-number' {
+  export import NotificationConfirmationNumber = __MaterialUI.SvgIcon;
+  export default NotificationConfirmationNumber;
+}
+
+declare module 'material-ui/lib/svg-icons/notification/network-locked' {
+  export import NotificationNetworkLocked = __MaterialUI.SvgIcon;
+  export default NotificationNetworkLocked;
+}
+
+declare module 'material-ui/lib/svg-icons/notification/adb' {
+  export import NotificationAdb = __MaterialUI.SvgIcon;
+  export default NotificationAdb;
+}
+
+declare module 'material-ui/lib/svg-icons/notification/bluetooth-audio' {
+  export import NotificationBluetoothAudio = __MaterialUI.SvgIcon;
+  export default NotificationBluetoothAudio;
+}
+
+declare module 'material-ui/lib/svg-icons/notification/wc' {
+  export import NotificationWc = __MaterialUI.SvgIcon;
+  export default NotificationWc;
+}
+
+declare module 'material-ui/lib/svg-icons/notification/tap-and-play' {
+  export import NotificationTapAndPlay = __MaterialUI.SvgIcon;
+  export default NotificationTapAndPlay;
+}
+
+declare module 'material-ui/lib/svg-icons/notification/folder-special' {
+  export import NotificationFolderSpecial = __MaterialUI.SvgIcon;
+  export default NotificationFolderSpecial;
+}
+
+declare module 'material-ui/lib/svg-icons/notification/live-tv' {
+  export import NotificationLiveTv = __MaterialUI.SvgIcon;
+  export default NotificationLiveTv;
+}
+
+declare module 'material-ui/lib/svg-icons/notification/sync' {
+  export import NotificationSync = __MaterialUI.SvgIcon;
+  export default NotificationSync;
+}
+
+declare module 'material-ui/lib/svg-icons/notification/phone-missed' {
+  export import NotificationPhoneMissed = __MaterialUI.SvgIcon;
+  export default NotificationPhoneMissed;
+}
+
+declare module 'material-ui/lib/svg-icons/av/skip-previous' {
+  export import AvSkipPrevious = __MaterialUI.SvgIcon;
+  export default AvSkipPrevious;
+}
+
+declare module 'material-ui/lib/svg-icons/av/volume-off' {
+  export import AvVolumeOff = __MaterialUI.SvgIcon;
+  export default AvVolumeOff;
+}
+
+declare module 'material-ui/lib/svg-icons/av/subscriptions' {
+  export import AvSubscriptions = __MaterialUI.SvgIcon;
+  export default AvSubscriptions;
+}
+
+declare module 'material-ui/lib/svg-icons/av/play-arrow' {
+  export import AvPlayArrow = __MaterialUI.SvgIcon;
+  export default AvPlayArrow;
+}
+
+declare module 'material-ui/lib/svg-icons/av/play-circle-outline' {
+  export import AvPlayCircleOutline = __MaterialUI.SvgIcon;
+  export default AvPlayCircleOutline;
+}
+
+declare module 'material-ui/lib/svg-icons/av/replay-30' {
+  export import AvReplay30 = __MaterialUI.SvgIcon;
+  export default AvReplay30;
+}
+
+declare module 'material-ui/lib/svg-icons/av/videocam' {
+  export import AvVideocam = __MaterialUI.SvgIcon;
+  export default AvVideocam;
+}
+
+declare module 'material-ui/lib/svg-icons/av/replay-5' {
+  export import AvReplay5 = __MaterialUI.SvgIcon;
+  export default AvReplay5;
+}
+
+declare module 'material-ui/lib/svg-icons/av/forward-10' {
+  export import AvForward10 = __MaterialUI.SvgIcon;
+  export default AvForward10;
+}
+
+declare module 'material-ui/lib/svg-icons/av/recent-actors' {
+  export import AvRecentActors = __MaterialUI.SvgIcon;
+  export default AvRecentActors;
+}
+
+declare module 'material-ui/lib/svg-icons/av/replay-10' {
+  export import AvReplay10 = __MaterialUI.SvgIcon;
+  export default AvReplay10;
+}
+
+declare module 'material-ui/lib/svg-icons/av/repeat' {
+  export import AvRepeat = __MaterialUI.SvgIcon;
+  export default AvRepeat;
+}
+
+declare module 'material-ui/lib/svg-icons/av/queue-music' {
+  export import AvQueueMusic = __MaterialUI.SvgIcon;
+  export default AvQueueMusic;
+}
+
+declare module 'material-ui/lib/svg-icons/av/fiber-pin' {
+  export import AvFiberPin = __MaterialUI.SvgIcon;
+  export default AvFiberPin;
+}
+
+declare module 'material-ui/lib/svg-icons/av/new-releases' {
+  export import AvNewReleases = __MaterialUI.SvgIcon;
+  export default AvNewReleases;
+}
+
+declare module 'material-ui/lib/svg-icons/av/fiber-new' {
+  export import AvFiberNew = __MaterialUI.SvgIcon;
+  export default AvFiberNew;
+}
+
+declare module 'material-ui/lib/svg-icons/av/fiber-manual-record' {
+  export import AvFiberManualRecord = __MaterialUI.SvgIcon;
+  export default AvFiberManualRecord;
+}
+
+declare module 'material-ui/lib/svg-icons/av/hearing' {
+  export import AvHearing = __MaterialUI.SvgIcon;
+  export default AvHearing;
+}
+
+declare module 'material-ui/lib/svg-icons/av/loop' {
+  export import AvLoop = __MaterialUI.SvgIcon;
+  export default AvLoop;
+}
+
+declare module 'material-ui/lib/svg-icons/av/volume-up' {
+  export import AvVolumeUp = __MaterialUI.SvgIcon;
+  export default AvVolumeUp;
+}
+
+declare module 'material-ui/lib/svg-icons/av/high-quality' {
+  export import AvHighQuality = __MaterialUI.SvgIcon;
+  export default AvHighQuality;
+}
+
+declare module 'material-ui/lib/svg-icons/av/surround-sound' {
+  export import AvSurroundSound = __MaterialUI.SvgIcon;
+  export default AvSurroundSound;
+}
+
+declare module 'material-ui/lib/svg-icons/av/equalizer' {
+  export import AvEqualizer = __MaterialUI.SvgIcon;
+  export default AvEqualizer;
+}
+
+declare module 'material-ui/lib/svg-icons/av/music-video' {
+  export import AvMusicVideo = __MaterialUI.SvgIcon;
+  export default AvMusicVideo;
+}
+
+declare module 'material-ui/lib/svg-icons/av/shuffle' {
+  export import AvShuffle = __MaterialUI.SvgIcon;
+  export default AvShuffle;
+}
+
+declare module 'material-ui/lib/svg-icons/av/volume-down' {
+  export import AvVolumeDown = __MaterialUI.SvgIcon;
+  export default AvVolumeDown;
+}
+
+declare module 'material-ui/lib/svg-icons/av/radio' {
+  export import AvRadio = __MaterialUI.SvgIcon;
+  export default AvRadio;
+}
+
+declare module 'material-ui/lib/svg-icons/av/web-asset' {
+  export import AvWebAsset = __MaterialUI.SvgIcon;
+  export default AvWebAsset;
+}
+
+declare module 'material-ui/lib/svg-icons/av/replay' {
+  export import AvReplay = __MaterialUI.SvgIcon;
+  export default AvReplay;
+}
+
+declare module 'material-ui/lib/svg-icons/av/queue-play-next' {
+  export import AvQueuePlayNext = __MaterialUI.SvgIcon;
+  export default AvQueuePlayNext;
+}
+
+declare module 'material-ui/lib/svg-icons/av/closed-caption' {
+  export import AvClosedCaption = __MaterialUI.SvgIcon;
+  export default AvClosedCaption;
+}
+
+declare module 'material-ui/lib/svg-icons/av/fiber-dvr' {
+  export import AvFiberDvr = __MaterialUI.SvgIcon;
+  export default AvFiberDvr;
+}
+
+declare module 'material-ui/lib/svg-icons/av/explicit' {
+  export import AvExplicit = __MaterialUI.SvgIcon;
+  export default AvExplicit;
+}
+
+declare module 'material-ui/lib/svg-icons/av/games' {
+  export import AvGames = __MaterialUI.SvgIcon;
+  export default AvGames;
+}
+
+declare module 'material-ui/lib/svg-icons/av/videocam-off' {
+  export import AvVideocamOff = __MaterialUI.SvgIcon;
+  export default AvVideocamOff;
+}
+
+declare module 'material-ui/lib/svg-icons/av/hd' {
+  export import AvHd = __MaterialUI.SvgIcon;
+  export default AvHd;
+}
+
+declare module 'material-ui/lib/svg-icons/av/fast-rewind' {
+  export import AvFastRewind = __MaterialUI.SvgIcon;
+  export default AvFastRewind;
+}
+
+declare module 'material-ui/lib/svg-icons/av/add-to-queue' {
+  export import AvAddToQueue = __MaterialUI.SvgIcon;
+  export default AvAddToQueue;
+}
+
+declare module 'material-ui/lib/svg-icons/av/movie' {
+  export import AvMovie = __MaterialUI.SvgIcon;
+  export default AvMovie;
+}
+
+declare module 'material-ui/lib/svg-icons/av/library-books' {
+  export import AvLibraryBooks = __MaterialUI.SvgIcon;
+  export default AvLibraryBooks;
+}
+
+declare module 'material-ui/lib/svg-icons/av/art-track' {
+  export import AvArtTrack = __MaterialUI.SvgIcon;
+  export default AvArtTrack;
+}
+
+declare module 'material-ui/lib/svg-icons/av/web' {
+  export import AvWeb = __MaterialUI.SvgIcon;
+  export default AvWeb;
+}
+
+declare module 'material-ui/lib/svg-icons/av/play-circle-filled' {
+  export import AvPlayCircleFilled = __MaterialUI.SvgIcon;
+  export default AvPlayCircleFilled;
+}
+
+declare module 'material-ui/lib/svg-icons/av/snooze' {
+  export import AvSnooze = __MaterialUI.SvgIcon;
+  export default AvSnooze;
+}
+
+declare module 'material-ui/lib/svg-icons/av/forward-5' {
+  export import AvForward5 = __MaterialUI.SvgIcon;
+  export default AvForward5;
+}
+
+declare module 'material-ui/lib/svg-icons/av/sort-by-alpha' {
+  export import AvSortByAlpha = __MaterialUI.SvgIcon;
+  export default AvSortByAlpha;
+}
+
+declare module 'material-ui/lib/svg-icons/av/pause-circle-filled' {
+  export import AvPauseCircleFilled = __MaterialUI.SvgIcon;
+  export default AvPauseCircleFilled;
+}
+
+declare module 'material-ui/lib/svg-icons/av/fiber-smart-record' {
+  export import AvFiberSmartRecord = __MaterialUI.SvgIcon;
+  export default AvFiberSmartRecord;
+}
+
+declare module 'material-ui/lib/svg-icons/av/stop' {
+  export import AvStop = __MaterialUI.SvgIcon;
+  export default AvStop;
+}
+
+declare module 'material-ui/lib/svg-icons/av/playlist-play' {
+  export import AvPlaylistPlay = __MaterialUI.SvgIcon;
+  export default AvPlaylistPlay;
+}
+
+declare module 'material-ui/lib/svg-icons/av/library-add' {
+  export import AvLibraryAdd = __MaterialUI.SvgIcon;
+  export default AvLibraryAdd;
+}
+
+declare module 'material-ui/lib/svg-icons/av/volume-mute' {
+  export import AvVolumeMute = __MaterialUI.SvgIcon;
+  export default AvVolumeMute;
+}
+
+declare module 'material-ui/lib/svg-icons/av/skip-next' {
+  export import AvSkipNext = __MaterialUI.SvgIcon;
+  export default AvSkipNext;
+}
+
+declare module 'material-ui/lib/svg-icons/av/forward-30' {
+  export import AvForward30 = __MaterialUI.SvgIcon;
+  export default AvForward30;
+}
+
+declare module 'material-ui/lib/svg-icons/av/playlist-add' {
+  export import AvPlaylistAdd = __MaterialUI.SvgIcon;
+  export default AvPlaylistAdd;
+}
+
+declare module 'material-ui/lib/svg-icons/av/album' {
+  export import AvAlbum = __MaterialUI.SvgIcon;
+  export default AvAlbum;
+}
+
+declare module 'material-ui/lib/svg-icons/av/video-library' {
+  export import AvVideoLibrary = __MaterialUI.SvgIcon;
+  export default AvVideoLibrary;
+}
+
+declare module 'material-ui/lib/svg-icons/av/library-music' {
+  export import AvLibraryMusic = __MaterialUI.SvgIcon;
+  export default AvLibraryMusic;
+}
+
+declare module 'material-ui/lib/svg-icons/av/not-interested' {
+  export import AvNotInterested = __MaterialUI.SvgIcon;
+  export default AvNotInterested;
+}
+
+declare module 'material-ui/lib/svg-icons/av/playlist-add-check' {
+  export import AvPlaylistAddCheck = __MaterialUI.SvgIcon;
+  export default AvPlaylistAddCheck;
+}
+
+declare module 'material-ui/lib/svg-icons/av/mic-none' {
+  export import AvMicNone = __MaterialUI.SvgIcon;
+  export default AvMicNone;
+}
+
+declare module 'material-ui/lib/svg-icons/av/pause' {
+  export import AvPause = __MaterialUI.SvgIcon;
+  export default AvPause;
+}
+
+declare module 'material-ui/lib/svg-icons/av/remove-from-queue' {
+  export import AvRemoveFromQueue = __MaterialUI.SvgIcon;
+  export default AvRemoveFromQueue;
+}
+
+declare module 'material-ui/lib/svg-icons/av/slow-motion-video' {
+  export import AvSlowMotionVideo = __MaterialUI.SvgIcon;
+  export default AvSlowMotionVideo;
+}
+
+declare module 'material-ui/lib/svg-icons/av/subtitles' {
+  export import AvSubtitles = __MaterialUI.SvgIcon;
+  export default AvSubtitles;
+}
+
+declare module 'material-ui/lib/svg-icons/av/mic-off' {
+  export import AvMicOff = __MaterialUI.SvgIcon;
+  export default AvMicOff;
+}
+
+declare module 'material-ui/lib/svg-icons/av/repeat-one' {
+  export import AvRepeatOne = __MaterialUI.SvgIcon;
+  export default AvRepeatOne;
+}
+
+declare module 'material-ui/lib/svg-icons/av/queue' {
+  export import AvQueue = __MaterialUI.SvgIcon;
+  export default AvQueue;
+}
+
+declare module 'material-ui/lib/svg-icons/av/fast-forward' {
+  export import AvFastForward = __MaterialUI.SvgIcon;
+  export default AvFastForward;
+}
+
+declare module 'material-ui/lib/svg-icons/av/mic' {
+  export import AvMic = __MaterialUI.SvgIcon;
+  export default AvMic;
+}
+
+declare module 'material-ui/lib/svg-icons/av/av-timer' {
+  export import AvAvTimer = __MaterialUI.SvgIcon;
+  export default AvAvTimer;
+}
+
+declare module 'material-ui/lib/svg-icons/av/pause-circle-outline' {
+  export import AvPauseCircleOutline = __MaterialUI.SvgIcon;
+  export default AvPauseCircleOutline;
+}
+
+declare module 'material-ui/lib/svg-icons/av/airplay' {
+  export import AvAirplay = __MaterialUI.SvgIcon;
+  export default AvAirplay;
+}
+
+declare module 'material-ui/lib/svg-icons/image/camera-rear' {
+  export import ImageCameraRear = __MaterialUI.SvgIcon;
+  export default ImageCameraRear;
+}
+
+declare module 'material-ui/lib/svg-icons/image/add-a-photo' {
+  export import ImageAddAPhoto = __MaterialUI.SvgIcon;
+  export default ImageAddAPhoto;
+}
+
+declare module 'material-ui/lib/svg-icons/image/portrait' {
+  export import ImagePortrait = __MaterialUI.SvgIcon;
+  export default ImagePortrait;
+}
+
+declare module 'material-ui/lib/svg-icons/image/looks' {
+  export import ImageLooks = __MaterialUI.SvgIcon;
+  export default ImageLooks;
+}
+
+declare module 'material-ui/lib/svg-icons/image/exposure-neg-2' {
+  export import ImageExposureNeg2 = __MaterialUI.SvgIcon;
+  export default ImageExposureNeg2;
+}
+
+declare module 'material-ui/lib/svg-icons/image/wb-cloudy' {
+  export import ImageWbCloudy = __MaterialUI.SvgIcon;
+  export default ImageWbCloudy;
+}
+
+declare module 'material-ui/lib/svg-icons/image/switch-video' {
+  export import ImageSwitchVideo = __MaterialUI.SvgIcon;
+  export default ImageSwitchVideo;
+}
+
+declare module 'material-ui/lib/svg-icons/image/wb-auto' {
+  export import ImageWbAuto = __MaterialUI.SvgIcon;
+  export default ImageWbAuto;
+}
+
+declare module 'material-ui/lib/svg-icons/image/filter-center-focus' {
+  export import ImageFilterCenterFocus = __MaterialUI.SvgIcon;
+  export default ImageFilterCenterFocus;
+}
+
+declare module 'material-ui/lib/svg-icons/image/crop-7-5' {
+  export import ImageCrop75 = __MaterialUI.SvgIcon;
+  export default ImageCrop75;
+}
+
+declare module 'material-ui/lib/svg-icons/image/crop-3-2' {
+  export import ImageCrop32 = __MaterialUI.SvgIcon;
+  export default ImageCrop32;
+}
+
+declare module 'material-ui/lib/svg-icons/image/assistant-photo' {
+  export import ImageAssistantPhoto = __MaterialUI.SvgIcon;
+  export default ImageAssistantPhoto;
+}
+
+declare module 'material-ui/lib/svg-icons/image/looks-one' {
+  export import ImageLooksOne = __MaterialUI.SvgIcon;
+  export default ImageLooksOne;
+}
+
+declare module 'material-ui/lib/svg-icons/image/collections-bookmark' {
+  export import ImageCollectionsBookmark = __MaterialUI.SvgIcon;
+  export default ImageCollectionsBookmark;
+}
+
+declare module 'material-ui/lib/svg-icons/image/image-aspect-ratio' {
+  export import ImageImageAspectRatio = __MaterialUI.SvgIcon;
+  export default ImageImageAspectRatio;
+}
+
+declare module 'material-ui/lib/svg-icons/image/brush' {
+  export import ImageBrush = __MaterialUI.SvgIcon;
+  export default ImageBrush;
+}
+
+declare module 'material-ui/lib/svg-icons/image/linked-camera' {
+  export import ImageLinkedCamera = __MaterialUI.SvgIcon;
+  export default ImageLinkedCamera;
+}
+
+declare module 'material-ui/lib/svg-icons/image/filter-1' {
+  export import ImageFilter1 = __MaterialUI.SvgIcon;
+  export default ImageFilter1;
+}
+
+declare module 'material-ui/lib/svg-icons/image/edit' {
+  export import ImageEdit = __MaterialUI.SvgIcon;
+  export default ImageEdit;
+}
+
+declare module 'material-ui/lib/svg-icons/image/timelapse' {
+  export import ImageTimelapse = __MaterialUI.SvgIcon;
+  export default ImageTimelapse;
+}
+
+declare module 'material-ui/lib/svg-icons/image/nature' {
+  export import ImageNature = __MaterialUI.SvgIcon;
+  export default ImageNature;
+}
+
+declare module 'material-ui/lib/svg-icons/image/monochrome-photos' {
+  export import ImageMonochromePhotos = __MaterialUI.SvgIcon;
+  export default ImageMonochromePhotos;
+}
+
+declare module 'material-ui/lib/svg-icons/image/brightness-6' {
+  export import ImageBrightness6 = __MaterialUI.SvgIcon;
+  export default ImageBrightness6;
+}
+
+declare module 'material-ui/lib/svg-icons/image/music-note' {
+  export import ImageMusicNote = __MaterialUI.SvgIcon;
+  export default ImageMusicNote;
+}
+
+declare module 'material-ui/lib/svg-icons/image/collections' {
+  export import ImageCollections = __MaterialUI.SvgIcon;
+  export default ImageCollections;
+}
+
+declare module 'material-ui/lib/svg-icons/image/wb-sunny' {
+  export import ImageWbSunny = __MaterialUI.SvgIcon;
+  export default ImageWbSunny;
+}
+
+declare module 'material-ui/lib/svg-icons/image/hdr-strong' {
+  export import ImageHdrStrong = __MaterialUI.SvgIcon;
+  export default ImageHdrStrong;
+}
+
+declare module 'material-ui/lib/svg-icons/image/panorama-vertical' {
+  export import ImagePanoramaVertical = __MaterialUI.SvgIcon;
+  export default ImagePanoramaVertical;
+}
+
+declare module 'material-ui/lib/svg-icons/image/navigate-next' {
+  export import ImageNavigateNext = __MaterialUI.SvgIcon;
+  export default ImageNavigateNext;
+}
+
+declare module 'material-ui/lib/svg-icons/image/looks-4' {
+  export import ImageLooks4 = __MaterialUI.SvgIcon;
+  export default ImageLooks4;
+}
+
+declare module 'material-ui/lib/svg-icons/image/filter-4' {
+  export import ImageFilter4 = __MaterialUI.SvgIcon;
+  export default ImageFilter4;
+}
+
+declare module 'material-ui/lib/svg-icons/image/brightness-1' {
+  export import ImageBrightness1 = __MaterialUI.SvgIcon;
+  export default ImageBrightness1;
+}
+
+declare module 'material-ui/lib/svg-icons/image/exposure-plus-1' {
+  export import ImageExposurePlus1 = __MaterialUI.SvgIcon;
+  export default ImageExposurePlus1;
+}
+
+declare module 'material-ui/lib/svg-icons/image/timer-3' {
+  export import ImageTimer3 = __MaterialUI.SvgIcon;
+  export default ImageTimer3;
+}
+
+declare module 'material-ui/lib/svg-icons/image/exposure-zero' {
+  export import ImageExposureZero = __MaterialUI.SvgIcon;
+  export default ImageExposureZero;
+}
+
+declare module 'material-ui/lib/svg-icons/image/blur-linear' {
+  export import ImageBlurLinear = __MaterialUI.SvgIcon;
+  export default ImageBlurLinear;
+}
+
+declare module 'material-ui/lib/svg-icons/image/photo-library' {
+  export import ImagePhotoLibrary = __MaterialUI.SvgIcon;
+  export default ImagePhotoLibrary;
+}
+
+declare module 'material-ui/lib/svg-icons/image/filter-drama' {
+  export import ImageFilterDrama = __MaterialUI.SvgIcon;
+  export default ImageFilterDrama;
+}
+
+declare module 'material-ui/lib/svg-icons/image/dehaze' {
+  export import ImageDehaze = __MaterialUI.SvgIcon;
+  export default ImageDehaze;
+}
+
+declare module 'material-ui/lib/svg-icons/image/control-point-duplicate' {
+  export import ImageControlPointDuplicate = __MaterialUI.SvgIcon;
+  export default ImageControlPointDuplicate;
+}
+
+declare module 'material-ui/lib/svg-icons/image/image' {
+  export import ImageImage = __MaterialUI.SvgIcon;
+  export default ImageImage;
+}
+
+declare module 'material-ui/lib/svg-icons/image/flash-auto' {
+  export import ImageFlashAuto = __MaterialUI.SvgIcon;
+  export default ImageFlashAuto;
+}
+
+declare module 'material-ui/lib/svg-icons/image/rotate-90-degrees-ccw' {
+  export import ImageRotate90DegreesCcw = __MaterialUI.SvgIcon;
+  export default ImageRotate90DegreesCcw;
+}
+
+declare module 'material-ui/lib/svg-icons/image/blur-circular' {
+  export import ImageBlurCircular = __MaterialUI.SvgIcon;
+  export default ImageBlurCircular;
+}
+
+declare module 'material-ui/lib/svg-icons/image/filter-3' {
+  export import ImageFilter3 = __MaterialUI.SvgIcon;
+  export default ImageFilter3;
+}
+
+declare module 'material-ui/lib/svg-icons/image/exposure-plus-2' {
+  export import ImageExposurePlus2 = __MaterialUI.SvgIcon;
+  export default ImageExposurePlus2;
+}
+
+declare module 'material-ui/lib/svg-icons/image/flash-on' {
+  export import ImageFlashOn = __MaterialUI.SvgIcon;
+  export default ImageFlashOn;
+}
+
+declare module 'material-ui/lib/svg-icons/image/view-comfy' {
+  export import ImageViewComfy = __MaterialUI.SvgIcon;
+  export default ImageViewComfy;
+}
+
+declare module 'material-ui/lib/svg-icons/image/colorize' {
+  export import ImageColorize = __MaterialUI.SvgIcon;
+  export default ImageColorize;
+}
+
+declare module 'material-ui/lib/svg-icons/image/brightness-4' {
+  export import ImageBrightness4 = __MaterialUI.SvgIcon;
+  export default ImageBrightness4;
+}
+
+declare module 'material-ui/lib/svg-icons/image/crop-free' {
+  export import ImageCropFree = __MaterialUI.SvgIcon;
+  export default ImageCropFree;
+}
+
+declare module 'material-ui/lib/svg-icons/image/vignette' {
+  export import ImageVignette = __MaterialUI.SvgIcon;
+  export default ImageVignette;
+}
+
+declare module 'material-ui/lib/svg-icons/image/tag-faces' {
+  export import ImageTagFaces = __MaterialUI.SvgIcon;
+  export default ImageTagFaces;
+}
+
+declare module 'material-ui/lib/svg-icons/image/brightness-7' {
+  export import ImageBrightness7 = __MaterialUI.SvgIcon;
+  export default ImageBrightness7;
+}
+
+declare module 'material-ui/lib/svg-icons/image/healing' {
+  export import ImageHealing = __MaterialUI.SvgIcon;
+  export default ImageHealing;
+}
+
+declare module 'material-ui/lib/svg-icons/image/nature-people' {
+  export import ImageNaturePeople = __MaterialUI.SvgIcon;
+  export default ImageNaturePeople;
+}
+
+declare module 'material-ui/lib/svg-icons/image/gradient' {
+  export import ImageGradient = __MaterialUI.SvgIcon;
+  export default ImageGradient;
+}
+
+declare module 'material-ui/lib/svg-icons/image/flash-off' {
+  export import ImageFlashOff = __MaterialUI.SvgIcon;
+  export default ImageFlashOff;
+}
+
+declare module 'material-ui/lib/svg-icons/image/movie-creation' {
+  export import ImageMovieCreation = __MaterialUI.SvgIcon;
+  export default ImageMovieCreation;
+}
+
+declare module 'material-ui/lib/svg-icons/image/leak-add' {
+  export import ImageLeakAdd = __MaterialUI.SvgIcon;
+  export default ImageLeakAdd;
+}
+
+declare module 'material-ui/lib/svg-icons/image/filter-5' {
+  export import ImageFilter5 = __MaterialUI.SvgIcon;
+  export default ImageFilter5;
+}
+
+declare module 'material-ui/lib/svg-icons/image/photo' {
+  export import ImagePhoto = __MaterialUI.SvgIcon;
+  export default ImagePhoto;
+}
+
+declare module 'material-ui/lib/svg-icons/image/color-lens' {
+  export import ImageColorLens = __MaterialUI.SvgIcon;
+  export default ImageColorLens;
+}
+
+declare module 'material-ui/lib/svg-icons/image/broken-image' {
+  export import ImageBrokenImage = __MaterialUI.SvgIcon;
+  export default ImageBrokenImage;
+}
+
+declare module 'material-ui/lib/svg-icons/image/looks-6' {
+  export import ImageLooks6 = __MaterialUI.SvgIcon;
+  export default ImageLooks6;
+}
+
+declare module 'material-ui/lib/svg-icons/image/picture-as-pdf' {
+  export import ImagePictureAsPdf = __MaterialUI.SvgIcon;
+  export default ImagePictureAsPdf;
+}
+
+declare module 'material-ui/lib/svg-icons/image/palette' {
+  export import ImagePalette = __MaterialUI.SvgIcon;
+  export default ImagePalette;
+}
+
+declare module 'material-ui/lib/svg-icons/image/crop-landscape' {
+  export import ImageCropLandscape = __MaterialUI.SvgIcon;
+  export default ImageCropLandscape;
+}
+
+declare module 'material-ui/lib/svg-icons/image/grid-on' {
+  export import ImageGridOn = __MaterialUI.SvgIcon;
+  export default ImageGridOn;
+}
+
+declare module 'material-ui/lib/svg-icons/image/slideshow' {
+  export import ImageSlideshow = __MaterialUI.SvgIcon;
+  export default ImageSlideshow;
+}
+
+declare module 'material-ui/lib/svg-icons/image/brightness-3' {
+  export import ImageBrightness3 = __MaterialUI.SvgIcon;
+  export default ImageBrightness3;
+}
+
+declare module 'material-ui/lib/svg-icons/image/style' {
+  export import ImageStyle = __MaterialUI.SvgIcon;
+  export default ImageStyle;
+}
+
+declare module 'material-ui/lib/svg-icons/image/filter-vintage' {
+  export import ImageFilterVintage = __MaterialUI.SvgIcon;
+  export default ImageFilterVintage;
+}
+
+declare module 'material-ui/lib/svg-icons/image/tune' {
+  export import ImageTune = __MaterialUI.SvgIcon;
+  export default ImageTune;
+}
+
+declare module 'material-ui/lib/svg-icons/image/camera' {
+  export import ImageCamera = __MaterialUI.SvgIcon;
+  export default ImageCamera;
+}
+
+declare module 'material-ui/lib/svg-icons/image/timer' {
+  export import ImageTimer = __MaterialUI.SvgIcon;
+  export default ImageTimer;
+}
+
+declare module 'material-ui/lib/svg-icons/image/landscape' {
+  export import ImageLandscape = __MaterialUI.SvgIcon;
+  export default ImageLandscape;
+}
+
+declare module 'material-ui/lib/svg-icons/image/crop-16-9' {
+  export import ImageCrop169 = __MaterialUI.SvgIcon;
+  export default ImageCrop169;
+}
+
+declare module 'material-ui/lib/svg-icons/image/add-to-photos' {
+  export import ImageAddToPhotos = __MaterialUI.SvgIcon;
+  export default ImageAddToPhotos;
+}
+
+declare module 'material-ui/lib/svg-icons/image/wb-incandescent' {
+  export import ImageWbIncandescent = __MaterialUI.SvgIcon;
+  export default ImageWbIncandescent;
+}
+
+declare module 'material-ui/lib/svg-icons/image/hdr-weak' {
+  export import ImageHdrWeak = __MaterialUI.SvgIcon;
+  export default ImageHdrWeak;
+}
+
+declare module 'material-ui/lib/svg-icons/image/details' {
+  export import ImageDetails = __MaterialUI.SvgIcon;
+  export default ImageDetails;
+}
+
+declare module 'material-ui/lib/svg-icons/image/view-compact' {
+  export import ImageViewCompact = __MaterialUI.SvgIcon;
+  export default ImageViewCompact;
+}
+
+declare module 'material-ui/lib/svg-icons/image/brightness-5' {
+  export import ImageBrightness5 = __MaterialUI.SvgIcon;
+  export default ImageBrightness5;
+}
+
+declare module 'material-ui/lib/svg-icons/image/center-focus-weak' {
+  export import ImageCenterFocusWeak = __MaterialUI.SvgIcon;
+  export default ImageCenterFocusWeak;
+}
+
+declare module 'material-ui/lib/svg-icons/image/adjust' {
+  export import ImageAdjust = __MaterialUI.SvgIcon;
+  export default ImageAdjust;
+}
+
+declare module 'material-ui/lib/svg-icons/image/camera-front' {
+  export import ImageCameraFront = __MaterialUI.SvgIcon;
+  export default ImageCameraFront;
+}
+
+declare module 'material-ui/lib/svg-icons/image/transform' {
+  export import ImageTransform = __MaterialUI.SvgIcon;
+  export default ImageTransform;
+}
+
+declare module 'material-ui/lib/svg-icons/image/filter' {
+  export import ImageFilter = __MaterialUI.SvgIcon;
+  export default ImageFilter;
+}
+
+declare module 'material-ui/lib/svg-icons/image/grain' {
+  export import ImageGrain = __MaterialUI.SvgIcon;
+  export default ImageGrain;
+}
+
+declare module 'material-ui/lib/svg-icons/image/filter-9-plus' {
+  export import ImageFilter9Plus = __MaterialUI.SvgIcon;
+  export default ImageFilter9Plus;
+}
+
+declare module 'material-ui/lib/svg-icons/image/looks-5' {
+  export import ImageLooks5 = __MaterialUI.SvgIcon;
+  export default ImageLooks5;
+}
+
+declare module 'material-ui/lib/svg-icons/image/hdr-on' {
+  export import ImageHdrOn = __MaterialUI.SvgIcon;
+  export default ImageHdrOn;
+}
+
+declare module 'material-ui/lib/svg-icons/image/audiotrack' {
+  export import ImageAudiotrack = __MaterialUI.SvgIcon;
+  export default ImageAudiotrack;
+}
+
+declare module 'material-ui/lib/svg-icons/image/compare' {
+  export import ImageCompare = __MaterialUI.SvgIcon;
+  export default ImageCompare;
+}
+
+declare module 'material-ui/lib/svg-icons/image/crop' {
+  export import ImageCrop = __MaterialUI.SvgIcon;
+  export default ImageCrop;
+}
+
+declare module 'material-ui/lib/svg-icons/image/texture' {
+  export import ImageTexture = __MaterialUI.SvgIcon;
+  export default ImageTexture;
+}
+
+declare module 'material-ui/lib/svg-icons/image/movie-filter' {
+  export import ImageMovieFilter = __MaterialUI.SvgIcon;
+  export default ImageMovieFilter;
+}
+
+declare module 'material-ui/lib/svg-icons/image/exposure' {
+  export import ImageExposure = __MaterialUI.SvgIcon;
+  export default ImageExposure;
+}
+
+declare module 'material-ui/lib/svg-icons/image/filter-b-and-w' {
+  export import ImageFilterBAndW = __MaterialUI.SvgIcon;
+  export default ImageFilterBAndW;
+}
+
+declare module 'material-ui/lib/svg-icons/image/photo-size-select-actual' {
+  export import ImagePhotoSizeSelectActual = __MaterialUI.SvgIcon;
+  export default ImagePhotoSizeSelectActual;
+}
+
+declare module 'material-ui/lib/svg-icons/image/crop-5-4' {
+  export import ImageCrop54 = __MaterialUI.SvgIcon;
+  export default ImageCrop54;
+}
+
+declare module 'material-ui/lib/svg-icons/image/brightness-2' {
+  export import ImageBrightness2 = __MaterialUI.SvgIcon;
+  export default ImageBrightness2;
+}
+
+declare module 'material-ui/lib/svg-icons/image/tonality' {
+  export import ImageTonality = __MaterialUI.SvgIcon;
+  export default ImageTonality;
+}
+
+declare module 'material-ui/lib/svg-icons/image/panorama-wide-angle' {
+  export import ImagePanoramaWideAngle = __MaterialUI.SvgIcon;
+  export default ImagePanoramaWideAngle;
+}
+
+declare module 'material-ui/lib/svg-icons/image/flip' {
+  export import ImageFlip = __MaterialUI.SvgIcon;
+  export default ImageFlip;
+}
+
+declare module 'material-ui/lib/svg-icons/image/filter-9' {
+  export import ImageFilter9 = __MaterialUI.SvgIcon;
+  export default ImageFilter9;
+}
+
+declare module 'material-ui/lib/svg-icons/image/blur-on' {
+  export import ImageBlurOn = __MaterialUI.SvgIcon;
+  export default ImageBlurOn;
+}
+
+declare module 'material-ui/lib/svg-icons/image/assistant' {
+  export import ImageAssistant = __MaterialUI.SvgIcon;
+  export default ImageAssistant;
+}
+
+declare module 'material-ui/lib/svg-icons/image/lens' {
+  export import ImageLens = __MaterialUI.SvgIcon;
+  export default ImageLens;
+}
+
+declare module 'material-ui/lib/svg-icons/image/switch-camera' {
+  export import ImageSwitchCamera = __MaterialUI.SvgIcon;
+  export default ImageSwitchCamera;
+}
+
+declare module 'material-ui/lib/svg-icons/image/photo-filter' {
+  export import ImagePhotoFilter = __MaterialUI.SvgIcon;
+  export default ImagePhotoFilter;
+}
+
+declare module 'material-ui/lib/svg-icons/image/wb-iridescent' {
+  export import ImageWbIridescent = __MaterialUI.SvgIcon;
+  export default ImageWbIridescent;
+}
+
+declare module 'material-ui/lib/svg-icons/image/crop-square' {
+  export import ImageCropSquare = __MaterialUI.SvgIcon;
+  export default ImageCropSquare;
+}
+
+declare module 'material-ui/lib/svg-icons/image/timer-10' {
+  export import ImageTimer10 = __MaterialUI.SvgIcon;
+  export default ImageTimer10;
+}
+
+declare module 'material-ui/lib/svg-icons/image/rotate-right' {
+  export import ImageRotateRight = __MaterialUI.SvgIcon;
+  export default ImageRotateRight;
+}
+
+declare module 'material-ui/lib/svg-icons/image/grid-off' {
+  export import ImageGridOff = __MaterialUI.SvgIcon;
+  export default ImageGridOff;
+}
+
+declare module 'material-ui/lib/svg-icons/image/filter-7' {
+  export import ImageFilter7 = __MaterialUI.SvgIcon;
+  export default ImageFilter7;
+}
+
+declare module 'material-ui/lib/svg-icons/image/loupe' {
+  export import ImageLoupe = __MaterialUI.SvgIcon;
+  export default ImageLoupe;
+}
+
+declare module 'material-ui/lib/svg-icons/image/filter-6' {
+  export import ImageFilter6 = __MaterialUI.SvgIcon;
+  export default ImageFilter6;
+}
+
+declare module 'material-ui/lib/svg-icons/image/filter-tilt-shift' {
+  export import ImageFilterTiltShift = __MaterialUI.SvgIcon;
+  export default ImageFilterTiltShift;
+}
+
+declare module 'material-ui/lib/svg-icons/image/crop-din' {
+  export import ImageCropDin = __MaterialUI.SvgIcon;
+  export default ImageCropDin;
+}
+
+declare module 'material-ui/lib/svg-icons/image/center-focus-strong' {
+  export import ImageCenterFocusStrong = __MaterialUI.SvgIcon;
+  export default ImageCenterFocusStrong;
+}
+
+declare module 'material-ui/lib/svg-icons/image/rotate-left' {
+  export import ImageRotateLeft = __MaterialUI.SvgIcon;
+  export default ImageRotateLeft;
+}
+
+declare module 'material-ui/lib/svg-icons/image/filter-hdr' {
+  export import ImageFilterHdr = __MaterialUI.SvgIcon;
+  export default ImageFilterHdr;
+}
+
+declare module 'material-ui/lib/svg-icons/image/timer-off' {
+  export import ImageTimerOff = __MaterialUI.SvgIcon;
+  export default ImageTimerOff;
+}
+
+declare module 'material-ui/lib/svg-icons/image/straighten' {
+  export import ImageStraighten = __MaterialUI.SvgIcon;
+  export default ImageStraighten;
+}
+
+declare module 'material-ui/lib/svg-icons/image/exposure-neg-1' {
+  export import ImageExposureNeg1 = __MaterialUI.SvgIcon;
+  export default ImageExposureNeg1;
+}
+
+declare module 'material-ui/lib/svg-icons/image/navigate-before' {
+  export import ImageNavigateBefore = __MaterialUI.SvgIcon;
+  export default ImageNavigateBefore;
+}
+
+declare module 'material-ui/lib/svg-icons/image/iso' {
+  export import ImageIso = __MaterialUI.SvgIcon;
+  export default ImageIso;
+}
+
+declare module 'material-ui/lib/svg-icons/image/photo-album' {
+  export import ImagePhotoAlbum = __MaterialUI.SvgIcon;
+  export default ImagePhotoAlbum;
+}
+
+declare module 'material-ui/lib/svg-icons/image/crop-rotate' {
+  export import ImageCropRotate = __MaterialUI.SvgIcon;
+  export default ImageCropRotate;
+}
+
+declare module 'material-ui/lib/svg-icons/image/remove-red-eye' {
+  export import ImageRemoveRedEye = __MaterialUI.SvgIcon;
+  export default ImageRemoveRedEye;
+}
+
+declare module 'material-ui/lib/svg-icons/image/crop-portrait' {
+  export import ImageCropPortrait = __MaterialUI.SvgIcon;
+  export default ImageCropPortrait;
+}
+
+declare module 'material-ui/lib/svg-icons/image/camera-alt' {
+  export import ImageCameraAlt = __MaterialUI.SvgIcon;
+  export default ImageCameraAlt;
+}
+
+declare module 'material-ui/lib/svg-icons/image/control-point' {
+  export import ImageControlPoint = __MaterialUI.SvgIcon;
+  export default ImageControlPoint;
+}
+
+declare module 'material-ui/lib/svg-icons/image/panorama' {
+  export import ImagePanorama = __MaterialUI.SvgIcon;
+  export default ImagePanorama;
+}
+
+declare module 'material-ui/lib/svg-icons/image/panorama-fish-eye' {
+  export import ImagePanoramaFishEye = __MaterialUI.SvgIcon;
+  export default ImagePanoramaFishEye;
+}
+
+declare module 'material-ui/lib/svg-icons/image/filter-8' {
+  export import ImageFilter8 = __MaterialUI.SvgIcon;
+  export default ImageFilter8;
+}
+
+declare module 'material-ui/lib/svg-icons/image/looks-two' {
+  export import ImageLooksTwo = __MaterialUI.SvgIcon;
+  export default ImageLooksTwo;
+}
+
+declare module 'material-ui/lib/svg-icons/image/panorama-horizontal' {
+  export import ImagePanoramaHorizontal = __MaterialUI.SvgIcon;
+  export default ImagePanoramaHorizontal;
+}
+
+declare module 'material-ui/lib/svg-icons/image/looks-3' {
+  export import ImageLooks3 = __MaterialUI.SvgIcon;
+  export default ImageLooks3;
+}
+
+declare module 'material-ui/lib/svg-icons/image/filter-none' {
+  export import ImageFilterNone = __MaterialUI.SvgIcon;
+  export default ImageFilterNone;
+}
+
+declare module 'material-ui/lib/svg-icons/image/photo-size-select-large' {
+  export import ImagePhotoSizeSelectLarge = __MaterialUI.SvgIcon;
+  export default ImagePhotoSizeSelectLarge;
+}
+
+declare module 'material-ui/lib/svg-icons/image/blur-off' {
+  export import ImageBlurOff = __MaterialUI.SvgIcon;
+  export default ImageBlurOff;
+}
+
+declare module 'material-ui/lib/svg-icons/image/camera-roll' {
+  export import ImageCameraRoll = __MaterialUI.SvgIcon;
+  export default ImageCameraRoll;
+}
+
+declare module 'material-ui/lib/svg-icons/image/leak-remove' {
+  export import ImageLeakRemove = __MaterialUI.SvgIcon;
+  export default ImageLeakRemove;
+}
+
+declare module 'material-ui/lib/svg-icons/image/filter-frames' {
+  export import ImageFilterFrames = __MaterialUI.SvgIcon;
+  export default ImageFilterFrames;
+}
+
+declare module 'material-ui/lib/svg-icons/image/flare' {
+  export import ImageFlare = __MaterialUI.SvgIcon;
+  export default ImageFlare;
+}
+
+declare module 'material-ui/lib/svg-icons/image/photo-size-select-small' {
+  export import ImagePhotoSizeSelectSmall = __MaterialUI.SvgIcon;
+  export default ImagePhotoSizeSelectSmall;
+}
+
+declare module 'material-ui/lib/svg-icons/image/photo-camera' {
+  export import ImagePhotoCamera = __MaterialUI.SvgIcon;
+  export default ImagePhotoCamera;
+}
+
+declare module 'material-ui/lib/svg-icons/image/hdr-off' {
+  export import ImageHdrOff = __MaterialUI.SvgIcon;
+  export default ImageHdrOff;
+}
+
+declare module 'material-ui/lib/svg-icons/image/filter-2' {
+  export import ImageFilter2 = __MaterialUI.SvgIcon;
+  export default ImageFilter2;
+}
+
+declare module 'material-ui/lib/svg-icons/image/crop-original' {
+  export import ImageCropOriginal = __MaterialUI.SvgIcon;
+  export default ImageCropOriginal;
+}
+
+declare module 'material-ui/lib/svg-icons/places/kitchen' {
+  export import PlacesKitchen = __MaterialUI.SvgIcon;
+  export default PlacesKitchen;
+}
+
+declare module 'material-ui/lib/svg-icons/places/spa' {
+  export import PlacesSpa = __MaterialUI.SvgIcon;
+  export default PlacesSpa;
+}
+
+declare module 'material-ui/lib/svg-icons/places/all-inclusive' {
+  export import PlacesAllInclusive = __MaterialUI.SvgIcon;
+  export default PlacesAllInclusive;
+}
+
+declare module 'material-ui/lib/svg-icons/places/ac-unit' {
+  export import PlacesAcUnit = __MaterialUI.SvgIcon;
+  export default PlacesAcUnit;
+}
+
+declare module 'material-ui/lib/svg-icons/places/child-care' {
+  export import PlacesChildCare = __MaterialUI.SvgIcon;
+  export default PlacesChildCare;
+}
+
+declare module 'material-ui/lib/svg-icons/places/golf-course' {
+  export import PlacesGolfCourse = __MaterialUI.SvgIcon;
+  export default PlacesGolfCourse;
+}
+
+declare module 'material-ui/lib/svg-icons/places/business-center' {
+  export import PlacesBusinessCenter = __MaterialUI.SvgIcon;
+  export default PlacesBusinessCenter;
+}
+
+declare module 'material-ui/lib/svg-icons/places/free-breakfast' {
+  export import PlacesFreeBreakfast = __MaterialUI.SvgIcon;
+  export default PlacesFreeBreakfast;
+}
+
+declare module 'material-ui/lib/svg-icons/places/fitness-center' {
+  export import PlacesFitnessCenter = __MaterialUI.SvgIcon;
+  export default PlacesFitnessCenter;
+}
+
+declare module 'material-ui/lib/svg-icons/places/pool' {
+  export import PlacesPool = __MaterialUI.SvgIcon;
+  export default PlacesPool;
+}
+
+declare module 'material-ui/lib/svg-icons/places/child-friendly' {
+  export import PlacesChildFriendly = __MaterialUI.SvgIcon;
+  export default PlacesChildFriendly;
+}
+
+declare module 'material-ui/lib/svg-icons/places/casino' {
+  export import PlacesCasino = __MaterialUI.SvgIcon;
+  export default PlacesCasino;
+}
+
+declare module 'material-ui/lib/svg-icons/places/hot-tub' {
+  export import PlacesHotTub = __MaterialUI.SvgIcon;
+  export default PlacesHotTub;
+}
+
+declare module 'material-ui/lib/svg-icons/places/smoke-free' {
+  export import PlacesSmokeFree = __MaterialUI.SvgIcon;
+  export default PlacesSmokeFree;
+}
+
+declare module 'material-ui/lib/svg-icons/places/room-service' {
+  export import PlacesRoomService = __MaterialUI.SvgIcon;
+  export default PlacesRoomService;
+}
+
+declare module 'material-ui/lib/svg-icons/places/smoking-rooms' {
+  export import PlacesSmokingRooms = __MaterialUI.SvgIcon;
+  export default PlacesSmokingRooms;
+}
+
+declare module 'material-ui/lib/svg-icons/places/beach-access' {
+  export import PlacesBeachAccess = __MaterialUI.SvgIcon;
+  export default PlacesBeachAccess;
+}
+
+declare module 'material-ui/lib/svg-icons/places/airport-shuttle' {
+  export import PlacesAirportShuttle = __MaterialUI.SvgIcon;
+  export default PlacesAirportShuttle;
+}
+
+declare module 'material-ui/lib/styles' {
+    export import AutoPrefix = __MaterialUI.Styles.AutoPrefix; // require('material-ui/lib/styles/auto-prefix');
+    export import Colors = __MaterialUI.Styles.Colors; // require('material-ui/lib/styles/colors');
+    export import Spacing = require('material-ui/lib/styles/spacing');
+    export import ThemeManager = __MaterialUI.Styles.ThemeManager; // require('material-ui/lib/styles/theme-manager');
+    export import Transitions = __MaterialUI.Styles.Transitions; // require('material-ui/lib/styles/transitions');
+    export import Typography = __MaterialUI.Styles.Typography; // require('material-ui/lib/styles/typography');
+    export import LightRawTheme = __MaterialUI.Styles.LightRawTheme; // require('material-ui/lib/styles/raw-themes/light-raw-theme'),
+    export import lightBaseTheme = __MaterialUI.Styles.lightBaseTheme;
+    export import DarkRawTheme = __MaterialUI.Styles.DarkRawTheme; // require('material-ui/lib/styles/raw-themes/dark-raw-theme'),
+    export import darkBaseTheme = __MaterialUI.Styles.darkBaseTheme;
+    export import ThemeDecorator = __MaterialUI.Styles.ThemeDecorator; //require('material-ui/lib/styles/theme-decorator');
+    export import ZIndex = __MaterialUI.Styles.zIndex; //require('material-ui/lib/styles/zIndex');
+    export import getMuiTheme = __MaterialUI.Styles.getMuiTheme;
+
+    export default {
+        AutoPrefix,
+        Colors,
+        Spacing,
+        ThemeManager,
+        Transitions,
+        Typography,
+        lightBaseTheme,
+        LightRawTheme,
+        darkBaseTheme,
+        DarkRawTheme,
+        ThemeDecorator,
+        getMuiTheme,
+        ZIndex,
+    };
+}
+
+declare module 'material-ui/lib/styles/auto-prefix' {
+    export import AutoPrefix = __MaterialUI.Styles.AutoPrefix;
+    export default AutoPrefix;
+}
+
+declare module 'material-ui/lib/styles/spacing' {
+    type Spacing = __MaterialUI.Styles.Spacing;
+    var Spacing: Spacing;
+    export default Spacing;
+}
+
+declare module 'material-ui/lib/styles/theme-manager' {
+    export import ThemeManager = __MaterialUI.Styles.ThemeManager;
+    export default ThemeManager;
+}
+
+declare module 'material-ui/lib/styles/transitions' {
+    export import Transitions = __MaterialUI.Styles.Transitions;
+    export default Transitions;
+}
+
+declare module 'material-ui/lib/styles/typography' {
+    export import Typography = __MaterialUI.Styles.Typography;
+    export default Typography;
+}
+
+declare module 'material-ui/lib/styles/raw-themes/light-raw-theme' {
+    export import LightRawTheme = __MaterialUI.Styles.LightRawTheme;
+    export default LightRawTheme;
+}
+
+declare module 'material-ui/lib/styles/raw-themes/dark-raw-theme' {
+    export import DarkRawTheme = __MaterialUI.Styles.DarkRawTheme;
+    export default DarkRawTheme;
+}
+
+declare module 'material-ui/lib/styles/theme-decorator' {
+    export import ThemeDecorator = __MaterialUI.Styles.ThemeDecorator;
+    export default ThemeDecorator;
+}
+
+
+declare module 'material-ui/lib/snackbar' {
+    export import Snackbar = __MaterialUI.Snackbar;
+    export default Snackbar;
+}
+
+declare module 'material-ui/lib/tabs/tab' {
+    export import Tab = __MaterialUI.Tabs.Tab;
+    export default Tab;
+}
+
+declare module 'material-ui/lib/tabs/tabs' {
+    export import Tabs = __MaterialUI.Tabs.Tabs;
+    export default Tabs;
+}
+
+declare module 'material-ui/lib/table/table' {
+    export import Table = __MaterialUI.Table.Table;
+    export default Table;
+}
+
+declare module 'material-ui/lib/table/table-body' {
+    export import TableBody = __MaterialUI.Table.TableBody;
+    export default TableBody;
+}
+
+declare module 'material-ui/lib/table/table-footer' {
+    export import TableFooter = __MaterialUI.Table.TableFooter;
+    export default TableFooter;
+}
+
+declare module 'material-ui/lib/table/table-header' {
+    export import TableHeader = __MaterialUI.Table.TableHeader;
+    export default TableHeader;
+}
+
+declare module 'material-ui/lib/table/table-header-column' {
+    export import TableHeaderColumn = __MaterialUI.Table.TableHeaderColumn;
+    export default TableHeaderColumn;
+}
+
+declare module 'material-ui/lib/table/table-row' {
+    export import TableRow = __MaterialUI.Table.TableRow;
+    export default TableRow;
+}
+
+declare module 'material-ui/lib/table/table-row-column' {
+    export import TableRowColumn = __MaterialUI.Table.TableRowColumn;
+    export default TableRowColumn;
+}
+
+declare module 'material-ui/lib/theme-wrapper' {
+    export import ThemeWrapper = __MaterialUI.ThemeWrapper;
+    export default ThemeWrapper;
+}
+
+declare module 'material-ui/lib/toggle' {
+    export import Toggle = __MaterialUI.Toggle;
+    export default Toggle;
+}
+
+declare module 'material-ui/lib/time-picker' {
+    export import TimePicker = __MaterialUI.TimePicker;
+    export default TimePicker;
+}
+
+declare module 'material-ui/lib/text-field' {
+    export import TextField = __MaterialUI.TextField;
+    export default TextField;
+}
+
+declare module 'material-ui/lib/toolbar/toolbar' {
+    export import Toolbar = __MaterialUI.Toolbar.Toolbar;
+    export default Toolbar;
+}
+
+declare module 'material-ui/lib/toolbar/toolbar-group' {
+    export import ToolbarGroup = __MaterialUI.Toolbar.ToolbarGroup;
+    export default ToolbarGroup;
+}
+
+declare module 'material-ui/lib/toolbar/toolbar-separator' {
+    export import ToolbarSeparator = __MaterialUI.Toolbar.ToolbarSeparator;
+    export default ToolbarSeparator;
+}
+
+declare module 'material-ui/lib/toolbar/toolbar-title' {
+    export import ToolbarTitle = __MaterialUI.Toolbar.ToolbarTitle;
+    export default ToolbarTitle;
+}
+
+declare module 'material-ui/lib/tooltip' {
+    export import Tooltip = __MaterialUI.Tooltip;
+    export default Tooltip;
+}
+
+declare module 'material-ui/lib/utils' {
+    export import ColorManipulator = __MaterialUI.Utils.ColorManipulator; // require('material-ui/lib/utils/color-manipulator');
+    export import CssEvent = __MaterialUI.Utils.CssEvent; // require('material-ui/lib/utils/css-event');
+    export import Dom = __MaterialUI.Utils.Dom; // require('material-ui/lib/utils/dom');
+    export import Events = __MaterialUI.Utils.Events; // require('material-ui/lib/utils/events');
+    export import Extend = __MaterialUI.Utils.Extend; // require('material-ui/lib/utils/extend');
+    export import ImmutabilityHelper = __MaterialUI.Utils.ImmutabilityHelper; // require('material-ui/lib/utils/immutability-helper');
+    export import KeyCode = __MaterialUI.Utils.KeyCode; // require('material-ui/lib/utils/key-code');
+    export import KeyLine = __MaterialUI.Utils.KeyLine; // require('material-ui/lib/utils/key-line');
+    export import UniqueId = __MaterialUI.Utils.UniqueId; // require('material-ui/lib/utils/unique-id');
+    export import Styles = __MaterialUI.Utils.Styles; // require('material-ui/lib/utils/styles');
+}
+
+declare module 'material-ui/lib/utils/color-manipulator' {
+    export import ColorManipulator = __MaterialUI.Utils.ColorManipulator;
+    export default ColorManipulator;
+}
+
+declare module 'material-ui/lib/utils/css-event' {
+    export import CssEvent = __MaterialUI.Utils.CssEvent;
+    export default CssEvent;
+}
+
+declare module 'material-ui/lib/utils/dom' {
+    export import Dom = __MaterialUI.Utils.Dom;
+    export default Dom;
+}
+
+declare module 'material-ui/lib/utils/events' {
+    export import Events = __MaterialUI.Utils.Events;
+    export default Events;
+}
+
+declare module 'material-ui/lib/utils/extend' {
+    export import Extend = __MaterialUI.Utils.Extend;
+    export default Extend;
+}
+
+declare module 'material-ui/lib/utils/immutability-helper' {
+    export import ImmutabilityHelper = __MaterialUI.Utils.ImmutabilityHelper;
+    export default ImmutabilityHelper;
+}
+
+declare module 'material-ui/lib/utils/key-code' {
+    export import KeyCode = __MaterialUI.Utils.KeyCode;
+    export default KeyCode;
+}
+
+declare module 'material-ui/lib/utils/key-line' {
+    export import KeyLine = __MaterialUI.Utils.KeyLine;
+    export default KeyLine;
+}
+
+declare module 'material-ui/lib/utils/unique-id' {
+    export import UniqueId = __MaterialUI.Utils.UniqueId;
+    export default UniqueId;
+}
+
+declare module 'material-ui/lib/utils/styles' {
+    export import Styles = __MaterialUI.Utils.Styles;
+    export default Styles;
+}
+
+declare module "material-ui/lib/menus/icon-menu" {
+    export import IconMenu = __MaterialUI.Menus.IconMenu;
+    export default IconMenu;
+}
+
+declare module "material-ui/lib/menus/menu" {
+    export import Menu = __MaterialUI.Menus.Menu;
+    export default Menu;
+}
+
+declare module "material-ui/lib/menus/menu-item" {
+    export import MenuItem = __MaterialUI.Menus.MenuItem;
+    export default MenuItem;
+}
+
+declare module "material-ui/lib/divider" {
+    export import Divider = __MaterialUI.Divider;
+    export default Divider;
+}
+
+declare module "material-ui/lib/grid-list/grid-list" {
+    export import GridList = __MaterialUI.GridList.GridList;
+    export default GridList;
+}
+
+declare module "material-ui/lib/grid-list/grid-tile" {
+    export import GridTile = __MaterialUI.GridList.GridTile;
+    export default GridTile;
+}
+
+declare module "material-ui/lib/styles/colors" {
+    export import Colors = __MaterialUI.Styles.Colors;
+    export default Colors;
+}
+
+declare module "material-ui/lib/styles/zIndex" {
+    export import zIndex = __MaterialUI.Styles.zIndex;
+    export default zIndex;
+}
+
+declare namespace __MaterialUI.Styles {
+    interface Colors {
+        red50: string;
+        red100: string;
+        red200: string;
+        red300: string;
+        red400: string;
+        red500: string;
+        red600: string;
+        red700: string;
+        red800: string;
+        red900: string;
+        redA100: string;
+        redA200: string;
+        redA400: string;
+        redA700: string;
+
+        pink50: string;
+        pink100: string;
+        pink200: string;
+        pink300: string;
+        pink400: string;
+        pink500: string;
+        pink600: string;
+        pink700: string;
+        pink800: string;
+        pink900: string;
+        pinkA100: string;
+        pinkA200: string;
+        pinkA400: string;
+        pinkA700: string;
+
+        purple50: string;
+        purple100: string;
+        purple200: string;
+        purple300: string;
+        purple400: string;
+        purple500: string;
+        purple600: string;
+        purple700: string;
+        purple800: string;
+        purple900: string;
+        purpleA100: string;
+        purpleA200: string;
+        purpleA400: string;
+        purpleA700: string;
+
+        deepPurple50: string;
+        deepPurple100: string;
+        deepPurple200: string;
+        deepPurple300: string;
+        deepPurple400: string;
+        deepPurple500: string;
+        deepPurple600: string;
+        deepPurple700: string;
+        deepPurple800: string;
+        deepPurple900: string;
+        deepPurpleA100: string;
+        deepPurpleA200: string;
+        deepPurpleA400: string;
+        deepPurpleA700: string;
+
+        indigo50: string;
+        indigo100: string;
+        indigo200: string;
+        indigo300: string;
+        indigo400: string;
+        indigo500: string;
+        indigo600: string;
+        indigo700: string;
+        indigo800: string;
+        indigo900: string;
+        indigoA100: string;
+        indigoA200: string;
+        indigoA400: string;
+        indigoA700: string;
+
+        blue50: string;
+        blue100: string;
+        blue200: string;
+        blue300: string;
+        blue400: string;
+        blue500: string;
+        blue600: string;
+        blue700: string;
+        blue800: string;
+        blue900: string;
+        blueA100: string;
+        blueA200: string;
+        blueA400: string;
+        blueA700: string;
+
+        lightBlue50: string;
+        lightBlue100: string;
+        lightBlue200: string;
+        lightBlue300: string;
+        lightBlue400: string;
+        lightBlue500: string;
+        lightBlue600: string;
+        lightBlue700: string;
+        lightBlue800: string;
+        lightBlue900: string;
+        lightBlueA100: string;
+        lightBlueA200: string;
+        lightBlueA400: string;
+        lightBlueA700: string;
+
+        cyan50: string;
+        cyan100: string;
+        cyan200: string;
+        cyan300: string;
+        cyan400: string;
+        cyan500: string;
+        cyan600: string;
+        cyan700: string;
+        cyan800: string;
+        cyan900: string;
+        cyanA100: string;
+        cyanA200: string;
+        cyanA400: string;
+        cyanA700: string;
+
+        teal50: string;
+        teal100: string;
+        teal200: string;
+        teal300: string;
+        teal400: string;
+        teal500: string;
+        teal600: string;
+        teal700: string;
+        teal800: string;
+        teal900: string;
+        tealA100: string;
+        tealA200: string;
+        tealA400: string;
+        tealA700: string;
+
+        green50: string;
+        green100: string;
+        green200: string;
+        green300: string;
+        green400: string;
+        green500: string;
+        green600: string;
+        green700: string;
+        green800: string;
+        green900: string;
+        greenA100: string;
+        greenA200: string;
+        greenA400: string;
+        greenA700: string;
+
+        lightGreen50: string;
+        lightGreen100: string;
+        lightGreen200: string;
+        lightGreen300: string;
+        lightGreen400: string;
+        lightGreen500: string;
+        lightGreen600: string;
+        lightGreen700: string;
+        lightGreen800: string;
+        lightGreen900: string;
+        lightGreenA100: string;
+        lightGreenA200: string;
+        lightGreenA400: string;
+        lightGreenA700: string;
+
+        lime50: string;
+        lime100: string;
+        lime200: string;
+        lime300: string;
+        lime400: string;
+        lime500: string;
+        lime600: string;
+        lime700: string;
+        lime800: string;
+        lime900: string;
+        limeA100: string;
+        limeA200: string;
+        limeA400: string;
+        limeA700: string;
+
+        yellow50: string;
+        yellow100: string;
+        yellow200: string;
+        yellow300: string;
+        yellow400: string;
+        yellow500: string;
+        yellow600: string;
+        yellow700: string;
+        yellow800: string;
+        yellow900: string;
+        yellowA100: string;
+        yellowA200: string;
+        yellowA400: string;
+        yellowA700: string;
+
+        amber50: string;
+        amber100: string;
+        amber200: string;
+        amber300: string;
+        amber400: string;
+        amber500: string;
+        amber600: string;
+        amber700: string;
+        amber800: string;
+        amber900: string;
+        amberA100: string;
+        amberA200: string;
+        amberA400: string;
+        amberA700: string;
+
+        orange50: string;
+        orange100: string;
+        orange200: string;
+        orange300: string;
+        orange400: string;
+        orange500: string;
+        orange600: string;
+        orange700: string;
+        orange800: string;
+        orange900: string;
+        orangeA100: string;
+        orangeA200: string;
+        orangeA400: string;
+        orangeA700: string;
+
+        deepOrange50: string;
+        deepOrange100: string;
+        deepOrange200: string;
+        deepOrange300: string;
+        deepOrange400: string;
+        deepOrange500: string;
+        deepOrange600: string;
+        deepOrange700: string;
+        deepOrange800: string;
+        deepOrange900: string;
+        deepOrangeA100: string;
+        deepOrangeA200: string;
+        deepOrangeA400: string;
+        deepOrangeA700: string;
+
+        brown50: string;
+        brown100: string;
+        brown200: string;
+        brown300: string;
+        brown400: string;
+        brown500: string;
+        brown600: string;
+        brown700: string;
+        brown800: string;
+        brown900: string;
+
+        blueGrey50: string;
+        blueGrey100: string;
+        blueGrey200: string;
+        blueGrey300: string;
+        blueGrey400: string;
+        blueGrey500: string;
+        blueGrey600: string;
+        blueGrey700: string;
+        blueGrey800: string;
+        blueGrey900: string;
+
+        grey50: string;
+        grey100: string;
+        grey200: string;
+        grey300: string;
+        grey400: string;
+        grey500: string;
+        grey600: string;
+        grey700: string;
+        grey800: string;
+        grey900: string;
+
+        black: string;
+        white: string;
+
+        transparent: string;
+        fullBlack: string;
+        darkBlack: string;
+        lightBlack: string;
+        minBlack: string;
+        faintBlack: string;
+        fullWhite: string;
+        darkWhite: string;
+        lightWhite: string;
+    }
+    export var Colors: Colors;
+}
+
+declare module "material-ui/lib/svg-icons" {
+    export import ActionAccessibility = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/accessibility');
+    export import ActionAccessible = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/accessible');
+    export import ActionAccountBalance = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/account-balance');
+    export import ActionAccountBalanceWallet = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/account-balance-wallet');
+    export import ActionAccountBox = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/account-box');
+    export import ActionAccountCircle = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/account-circle');
+    export import ActionAddShoppingCart = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/add-shopping-cart');
+    export import ActionAlarm = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/alarm');
+    export import ActionAlarmAdd = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/alarm-add');
+    export import ActionAlarmOff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/alarm-off');
+    export import ActionAlarmOn = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/alarm-on');
+    export import ActionAllOut = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/all-out');
+    export import ActionAndroid = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/android');
+    export import ActionAnnouncement = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/announcement');
+    export import ActionAspectRatio = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/aspect-ratio');
+    export import ActionAssessment = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/assessment');
+    export import ActionAssignment = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/assignment');
+    export import ActionAssignmentInd = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/assignment-ind');
+    export import ActionAssignmentLate = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/assignment-late');
+    export import ActionAssignmentReturn = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/assignment-return');
+    export import ActionAssignmentReturned = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/assignment-returned');
+    export import ActionAssignmentTurnedIn = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/assignment-turned-in');
+    export import ActionAutorenew = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/autorenew');
+    export import ActionBackup = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/backup');
+    export import ActionBook = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/book');
+    export import ActionBookmark = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/bookmark');
+    export import ActionBookmarkBorder = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/bookmark-border');
+    export import ActionBugReport = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/bug-report');
+    export import ActionBuild = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/build');
+    export import ActionCached = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/cached');
+    export import ActionCameraEnhance = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/camera-enhance');
+    export import ActionCardGiftcard = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/card-giftcard');
+    export import ActionCardMembership = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/card-membership');
+    export import ActionCardTravel = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/card-travel');
+    export import ActionChangeHistory = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/change-history');
+    export import ActionCheckCircle = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/check-circle');
+    export import ActionChromeReaderMode = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/chrome-reader-mode');
+    export import ActionClass = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/class');
+    export import ActionCode = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/code');
+    export import ActionCompareArrows = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/compare-arrows');
+    export import ActionCopyright = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/copyright');
+    export import ActionCreditCard = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/credit-card');
+    export import ActionDashboard = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/dashboard');
+    export import ActionDateRange = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/date-range');
+    export import ActionDelete = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/delete');
+    export import ActionDescription = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/description');
+    export import ActionDns = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/dns');
+    export import ActionDone = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/done');
+    export import ActionDoneAll = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/done-all');
+    export import ActionDonutLarge = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/donut-large');
+    export import ActionDonutSmall = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/donut-small');
+    export import ActionEject = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/eject');
+    export import ActionEvent = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/event');
+    export import ActionEventSeat = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/event-seat');
+    export import ActionExitToApp = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/exit-to-app');
+    export import ActionExplore = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/explore');
+    export import ActionExtension = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/extension');
+    export import ActionFace = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/face');
+    export import ActionFavorite = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/favorite');
+    export import ActionFavoriteBorder = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/favorite-border');
+    export import ActionFeedback = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/feedback');
+    export import ActionFindInPage = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/find-in-page');
+    export import ActionFindReplace = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/find-replace');
+    export import ActionFingerprint = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/fingerprint');
+    export import ActionFlightLand = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/flight-land');
+    export import ActionFlightTakeoff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/flight-takeoff');
+    export import ActionFlipToBack = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/flip-to-back');
+    export import ActionFlipToFront = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/flip-to-front');
+    export import ActionGavel = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/gavel');
+    export import ActionGetApp = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/get-app');
+    export import ActionGif = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/gif');
+    export import ActionGrade = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/grade');
+    export import ActionGroupWork = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/group-work');
+    export import ActionHelp = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/help');
+    export import ActionHelpOutline = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/help-outline');
+    export import ActionHighlightOff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/highlight-off');
+    export import ActionHistory = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/history');
+    export import ActionHome = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/home');
+    export import ActionHourglassEmpty = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/hourglass-empty');
+    export import ActionHourglassFull = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/hourglass-full');
+    export import ActionHttp = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/http');
+    export import ActionHttps = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/https');
+    export import ActionImportantDevices = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/important-devices');
+    export import ActionInfo = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/info');
+    export import ActionInfoOutline = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/info-outline');
+    export import ActionInput = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/input');
+    export import ActionInvertColors = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/invert-colors');
+    export import ActionLabel = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/label');
+    export import ActionLabelOutline = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/label-outline');
+    export import ActionLanguage = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/language');
+    export import ActionLaunch = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/launch');
+    export import ActionLightbulbOutline = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/lightbulb-outline');
+    export import ActionLineStyle = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/line-style');
+    export import ActionLineWeight = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/line-weight');
+    export import ActionList = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/list');
+    export import ActionLock = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/lock');
+    export import ActionLockOpen = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/lock-open');
+    export import ActionLockOutline = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/lock-outline');
+    export import ActionLoyalty = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/loyalty');
+    export import ActionMarkunreadMailbox = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/markunread-mailbox');
+    export import ActionMotorcycle = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/motorcycle');
+    export import ActionNoteAdd = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/note-add');
+    export import ActionOfflinePin = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/offline-pin');
+    export import ActionOpacity = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/opacity');
+    export import ActionOpenInBrowser = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/open-in-browser');
+    export import ActionOpenInNew = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/open-in-new');
+    export import ActionOpenWith = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/open-with');
+    export import ActionPageview = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/pageview');
+    export import ActionPanTool = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/pan-tool');
+    export import ActionPayment = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/payment');
+    export import ActionPermCameraMic = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/perm-camera-mic');
+    export import ActionPermContactCalendar = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/perm-contact-calendar');
+    export import ActionPermDataSetting = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/perm-data-setting');
+    export import ActionPermDeviceInformation = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/perm-device-information');
+    export import ActionPermIdentity = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/perm-identity');
+    export import ActionPermMedia = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/perm-media');
+    export import ActionPermPhoneMsg = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/perm-phone-msg');
+    export import ActionPermScanWifi = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/perm-scan-wifi');
+    export import ActionPets = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/pets');
+    export import ActionPictureInPicture = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/picture-in-picture');
+    export import ActionPictureInPictureAlt = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/picture-in-picture-alt');
+    export import ActionPlayForWork = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/play-for-work');
+    export import ActionPolymer = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/polymer');
+    export import ActionPowerSettingsNew = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/power-settings-new');
+    export import ActionPregnantWoman = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/pregnant-woman');
+    export import ActionPrint = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/print');
+    export import ActionQueryBuilder = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/query-builder');
+    export import ActionQuestionAnswer = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/question-answer');
+    export import ActionReceipt = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/receipt');
+    export import ActionRecordVoiceOver = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/record-voice-over');
+    export import ActionRedeem = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/redeem');
+    export import ActionReorder = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/reorder');
+    export import ActionReportProblem = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/report-problem');
+    export import ActionRestore = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/restore');
+    export import ActionRoom = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/room');
+    export import ActionRoundedCorner = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/rounded-corner');
+    export import ActionRowing = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/rowing');
+    export import ActionSchedule = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/schedule');
+    export import ActionSearch = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/search');
+    export import ActionSettings = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/settings');
+    export import ActionSettingsApplications = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/settings-applications');
+    export import ActionSettingsBackupRestore = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/settings-backup-restore');
+    export import ActionSettingsBluetooth = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/settings-bluetooth');
+    export import ActionSettingsBrightness = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/settings-brightness');
+    export import ActionSettingsCell = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/settings-cell');
+    export import ActionSettingsEthernet = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/settings-ethernet');
+    export import ActionSettingsInputAntenna = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/settings-input-antenna');
+    export import ActionSettingsInputComponent = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/settings-input-component');
+    export import ActionSettingsInputComposite = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/settings-input-composite');
+    export import ActionSettingsInputHdmi = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/settings-input-hdmi');
+    export import ActionSettingsInputSvideo = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/settings-input-svideo');
+    export import ActionSettingsOverscan = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/settings-overscan');
+    export import ActionSettingsPhone = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/settings-phone');
+    export import ActionSettingsPower = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/settings-power');
+    export import ActionSettingsRemote = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/settings-remote');
+    export import ActionSettingsVoice = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/settings-voice');
+    export import ActionShop = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/shop');
+    export import ActionShoppingBasket = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/shopping-basket');
+    export import ActionShoppingCart = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/shopping-cart');
+    export import ActionShopTwo = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/shop-two');
+    export import ActionSpeakerNotes = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/speaker-notes');
+    export import ActionSpellcheck = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/spellcheck');
+    export import ActionStars = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/stars');
+    export import ActionStore = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/store');
+    export import ActionSubject = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/subject');
+    export import ActionSupervisorAccount = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/supervisor-account');
+    export import ActionSwapHoriz = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/swap-horiz');
+    export import ActionSwapVert = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/swap-vert');
+    export import ActionSwapVerticalCircle = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/swap-vertical-circle');
+    export import ActionSystemUpdateAlt = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/system-update-alt');
+    export import ActionTab = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/tab');
+    export import ActionTabUnselected = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/tab-unselected');
+    export import ActionTheaters = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/theaters');
+    export import ActionThreeDRotation = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/three-d-rotation');
+    export import ActionThumbDown = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/thumb-down');
+    export import ActionThumbsUpDown = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/thumbs-up-down');
+    export import ActionThumbUp = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/thumb-up');
+    export import ActionTimeline = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/timeline');
+    export import ActionToc = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/toc');
+    export import ActionToday = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/today');
+    export import ActionToll = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/toll');
+    export import ActionTouchApp = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/touch-app');
+    export import ActionTrackChanges = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/track-changes');
+    export import ActionTranslate = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/translate');
+    export import ActionTrendingDown = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/trending-down');
+    export import ActionTrendingFlat = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/trending-flat');
+    export import ActionTrendingUp = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/trending-up');
+    export import ActionTurnedIn = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/turned-in');
+    export import ActionTurnedInNot = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/turned-in-not');
+    export import ActionUpdate = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/update');
+    export import ActionVerifiedUser = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/verified-user');
+    export import ActionViewAgenda = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/view-agenda');
+    export import ActionViewArray = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/view-array');
+    export import ActionViewCarousel = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/view-carousel');
+    export import ActionViewColumn = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/view-column');
+    export import ActionViewDay = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/view-day');
+    export import ActionViewHeadline = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/view-headline');
+    export import ActionViewList = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/view-list');
+    export import ActionViewModule = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/view-module');
+    export import ActionViewQuilt = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/view-quilt');
+    export import ActionViewStream = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/view-stream');
+    export import ActionViewWeek = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/view-week');
+    export import ActionVisibility = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/visibility');
+    export import ActionVisibilityOff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/visibility-off');
+    export import ActionWatchLater = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/watch-later');
+    export import ActionWork = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/work');
+    export import ActionYoutubeSearchedFor = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/youtube-searched-for');
+    export import ActionZoomIn = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/zoom-in');
+    export import ActionZoomOut = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/zoom-out');
+    export import AlertAddAlert = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/alert/add-alert');
+    export import AlertError = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/alert/error');
+    export import AlertErrorOutline = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/alert/error-outline');
+    export import AlertWarning = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/alert/warning');
+    export import AvAddToQueue = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/add-to-queue');
+    export import AvAirplay = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/airplay');
+    export import AvAlbum = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/album');
+    export import AvArtTrack = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/art-track');
+    export import AvAvTimer = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/av-timer');
+    export import AvClosedCaption = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/closed-caption');
+    export import AvEqualizer = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/equalizer');
+    export import AvExplicit = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/explicit');
+    export import AvFastForward = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/fast-forward');
+    export import AvFastRewind = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/fast-rewind');
+    export import AvFiberDvr = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/fiber-dvr');
+    export import AvFiberManualRecord = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/fiber-manual-record');
+    export import AvFiberNew = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/fiber-new');
+    export import AvFiberPin = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/fiber-pin');
+    export import AvFiberSmartRecord = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/fiber-smart-record');
+    export import AvForward10 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/forward-10');
+    export import AvForward30 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/forward-30');
+    export import AvForward5 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/forward-5');
+    export import AvGames = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/games');
+    export import AvHd = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/hd');
+    export import AvHearing = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/hearing');
+    export import AvHighQuality = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/high-quality');
+    export import AvLibraryAdd = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/library-add');
+    export import AvLibraryBooks = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/library-books');
+    export import AvLibraryMusic = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/library-music');
+    export import AvLoop = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/loop');
+    export import AvMic = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/mic');
+    export import AvMicNone = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/mic-none');
+    export import AvMicOff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/mic-off');
+    export import AvMovie = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/movie');
+    export import AvMusicVideo = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/music-video');
+    export import AvNewReleases = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/new-releases');
+    export import AvNotInterested = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/not-interested');
+    export import AvPause = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/pause');
+    export import AvPauseCircleFilled = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/pause-circle-filled');
+    export import AvPauseCircleOutline = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/pause-circle-outline');
+    export import AvPlayArrow = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/play-arrow');
+    export import AvPlayCircleFilled = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/play-circle-filled');
+    export import AvPlayCircleOutline = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/play-circle-outline');
+    export import AvPlaylistAdd = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/playlist-add');
+    export import AvPlaylistAddCheck = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/playlist-add-check');
+    export import AvPlaylistPlay = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/playlist-play');
+    export import AvQueue = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/queue');
+    export import AvQueueMusic = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/queue-music');
+    export import AvQueuePlayNext = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/queue-play-next');
+    export import AvRadio = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/radio');
+    export import AvRecentActors = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/recent-actors');
+    export import AvRemoveFromQueue = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/remove-from-queue');
+    export import AvRepeat = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/repeat');
+    export import AvRepeatOne = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/repeat-one');
+    export import AvReplay = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/replay');
+    export import AvReplay10 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/replay-10');
+    export import AvReplay30 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/replay-30');
+    export import AvReplay5 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/replay-5');
+    export import AvShuffle = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/shuffle');
+    export import AvSkipNext = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/skip-next');
+    export import AvSkipPrevious = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/skip-previous');
+    export import AvSlowMotionVideo = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/slow-motion-video');
+    export import AvSnooze = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/snooze');
+    export import AvSortByAlpha = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/sort-by-alpha');
+    export import AvStop = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/stop');
+    export import AvSubscriptions = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/subscriptions');
+    export import AvSubtitles = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/subtitles');
+    export import AvSurroundSound = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/surround-sound');
+    export import AvVideocam = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/videocam');
+    export import AvVideocamOff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/videocam-off');
+    export import AvVideoLibrary = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/video-library');
+    export import AvVolumeDown = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/volume-down');
+    export import AvVolumeMute = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/volume-mute');
+    export import AvVolumeOff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/volume-off');
+    export import AvVolumeUp = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/volume-up');
+    export import AvWeb = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/web');
+    export import AvWebAsset = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/web-asset');
+    export import CommunicationBusiness = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/business');
+    export import CommunicationCall = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/call');
+    export import CommunicationCallEnd = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/call-end');
+    export import CommunicationCallMade = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/call-made');
+    export import CommunicationCallMerge = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/call-merge');
+    export import CommunicationCallMissed = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/call-missed');
+    export import CommunicationCallMissedOutgoing = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/call-missed-outgoing');
+    export import CommunicationCallReceived = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/call-received');
+    export import CommunicationCallSplit = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/call-split');
+    export import CommunicationChat = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/chat');
+    export import CommunicationChatBubble = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/chat-bubble');
+    export import CommunicationChatBubbleOutline = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/chat-bubble-outline');
+    export import CommunicationClearAll = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/clear-all');
+    export import CommunicationComment = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/comment');
+    export import CommunicationContactMail = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/contact-mail');
+    export import CommunicationContactPhone = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/contact-phone');
+    export import CommunicationContacts = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/contacts');
+    export import CommunicationDialerSip = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/dialer-sip');
+    export import CommunicationDialpad = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/dialpad');
+    export import CommunicationEmail = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/email');
+    export import CommunicationForum = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/forum');
+    export import CommunicationImportContacts = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/import-contacts');
+    export import CommunicationImportExport = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/import-export');
+    export import CommunicationInvertColorsOff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/invert-colors-off');
+    export import CommunicationLiveHelp = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/live-help');
+    export import CommunicationLocationOff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/location-off');
+    export import CommunicationLocationOn = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/location-on');
+    export import CommunicationMailOutline = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/mail-outline');
+    export import CommunicationMessage = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/message');
+    export import CommunicationNoSim = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/no-sim');
+    export import CommunicationPhone = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/phone');
+    export import CommunicationPhonelinkErase = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/phonelink-erase');
+    export import CommunicationPhonelinkLock = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/phonelink-lock');
+    export import CommunicationPhonelinkRing = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/phonelink-ring');
+    export import CommunicationPhonelinkSetup = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/phonelink-setup');
+    export import CommunicationPortableWifiOff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/portable-wifi-off');
+    export import CommunicationPresentToAll = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/present-to-all');
+    export import CommunicationRingVolume = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/ring-volume');
+    export import CommunicationScreenShare = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/screen-share');
+    export import CommunicationSpeakerPhone = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/speaker-phone');
+    export import CommunicationStayCurrentLandscape = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/stay-current-landscape');
+    export import CommunicationStayCurrentPortrait = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/stay-current-portrait');
+    export import CommunicationStayPrimaryLandscape = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/stay-primary-landscape');
+    export import CommunicationStayPrimaryPortrait = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/stay-primary-portrait');
+    export import CommunicationStopScreenShare = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/stop-screen-share');
+    export import CommunicationSwapCalls = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/swap-calls');
+    export import CommunicationTactMail = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/tact-mail');
+    export import CommunicationTextsms = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/textsms');
+    export import CommunicationVoicemail = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/voicemail');
+    export import CommunicationVpnKey = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/vpn-key');
+    export import ContentAdd = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/add');
+    export import ContentAddBox = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/add-box');
+    export import ContentAddCircle = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/add-circle');
+    export import ContentAddCircleOutline = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/add-circle-outline');
+    export import ContentArchive = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/archive');
+    export import ContentBackspace = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/backspace');
+    export import ContentBlock = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/block');
+    export import ContentClear = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/clear');
+    export import ContentContentCopy = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/content-copy');
+    export import ContentContentCut = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/content-cut');
+    export import ContentContentPaste = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/content-paste');
+    export import ContentCreate = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/create');
+    export import ContentDrafts = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/drafts');
+    export import ContentFilterList = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/filter-list');
+    export import ContentFlag = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/flag');
+    export import ContentFontDownload = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/font-download');
+    export import ContentForward = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/forward');
+    export import ContentGesture = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/gesture');
+    export import ContentInbox = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/inbox');
+    export import ContentLink = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/link');
+    export import ContentMail = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/mail');
+    export import ContentMarkunread = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/markunread');
+    export import ContentMoveToInbox = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/move-to-inbox');
+    export import ContentNextWeek = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/next-week');
+    export import ContentRedo = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/redo');
+    export import ContentRemove = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/remove');
+    export import ContentRemoveCircle = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/remove-circle');
+    export import ContentRemoveCircleOutline = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/remove-circle-outline');
+    export import ContentReply = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/reply');
+    export import ContentReplyAll = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/reply-all');
+    export import ContentReport = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/report');
+    export import ContentSave = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/save');
+    export import ContentSelectAll = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/select-all');
+    export import ContentSend = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/send');
+    export import ContentSort = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/sort');
+    export import ContentTextFormat = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/text-format');
+    export import ContentUnarchive = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/unarchive');
+    export import ContentUndo = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/undo');
+    export import ContentWeekend = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/weekend');
+    export import DeviceAccessAlarm = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/access-alarm');
+    export import DeviceAccessAlarms = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/access-alarms');
+    export import DeviceAccessTime = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/access-time');
+    export import DeviceAddAlarm = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/add-alarm');
+    export import DeviceAirplanemodeActive = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/airplanemode-active');
+    export import DeviceAirplanemodeInactive = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/airplanemode-inactive');
+    export import DeviceBattery20 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/battery-20');
+    export import DeviceBattery30 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/battery-30');
+    export import DeviceBattery50 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/battery-50');
+    export import DeviceBattery60 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/battery-60');
+    export import DeviceBattery80 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/battery-80');
+    export import DeviceBattery90 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/battery-90');
+    export import DeviceBatteryAlert = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/battery-alert');
+    export import DeviceBatteryCharging20 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/battery-charging-20');
+    export import DeviceBatteryCharging30 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/battery-charging-30');
+    export import DeviceBatteryCharging50 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/battery-charging-50');
+    export import DeviceBatteryCharging60 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/battery-charging-60');
+    export import DeviceBatteryCharging80 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/battery-charging-80');
+    export import DeviceBatteryCharging90 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/battery-charging-90');
+    export import DeviceBatteryChargingFull = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/battery-charging-full');
+    export import DeviceBatteryFull = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/battery-full');
+    export import DeviceBatteryStd = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/battery-std');
+    export import DeviceBatteryUnknown = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/battery-unknown');
+    export import DeviceBluetooth = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/bluetooth');
+    export import DeviceBluetoothConnected = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/bluetooth-connected');
+    export import DeviceBluetoothDisabled = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/bluetooth-disabled');
+    export import DeviceBluetoothSearching = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/bluetooth-searching');
+    export import DeviceBrightnessAuto = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/brightness-auto');
+    export import DeviceBrightnessHigh = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/brightness-high');
+    export import DeviceBrightnessLow = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/brightness-low');
+    export import DeviceBrightnessMedium = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/brightness-medium');
+    export import DeviceDataUsage = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/data-usage');
+    export import DeviceDeveloperMode = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/developer-mode');
+    export import DeviceDevices = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/devices');
+    export import DeviceDvr = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/dvr');
+    export import DeviceGpsFixed = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/gps-fixed');
+    export import DeviceGpsNotFixed = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/gps-not-fixed');
+    export import DeviceGpsOff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/gps-off');
+    export import DeviceGraphicEq = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/graphic-eq');
+    export import DeviceLocationDisabled = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/location-disabled');
+    export import DeviceLocationSearching = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/location-searching');
+    export import DeviceNetworkCell = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/network-cell');
+    export import DeviceNetworkWifi = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/network-wifi');
+    export import DeviceNfc = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/nfc');
+    export import DeviceScreenLockLandscape = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/screen-lock-landscape');
+    export import DeviceScreenLockPortrait = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/screen-lock-portrait');
+    export import DeviceScreenLockRotation = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/screen-lock-rotation');
+    export import DeviceScreenRotation = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/screen-rotation');
+    export import DeviceSdStorage = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/sd-storage');
+    export import DeviceSettingsSystemDaydream = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/settings-system-daydream');
+    export import DeviceSignalCellular0Bar = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-cellular-0-bar');
+    export import DeviceSignalCellular1Bar = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-cellular-1-bar');
+    export import DeviceSignalCellular2Bar = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-cellular-2-bar');
+    export import DeviceSignalCellular3Bar = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-cellular-3-bar');
+    export import DeviceSignalCellular4Bar = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-cellular-4-bar');
+    export import DeviceSignalCellularConnectedNoInternet0Bar = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-cellular-connected-no-internet-0-bar');
+    export import DeviceSignalCellularConnectedNoInternet1Bar = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-cellular-connected-no-internet-1-bar');
+    export import DeviceSignalCellularConnectedNoInternet2Bar = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-cellular-connected-no-internet-2-bar');
+    export import DeviceSignalCellularConnectedNoInternet3Bar = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-cellular-connected-no-internet-3-bar');
+    export import DeviceSignalCellularConnectedNoInternet4Bar = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-cellular-connected-no-internet-4-bar');
+    export import DeviceSignalCellularNoSim = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-cellular-no-sim');
+    export import DeviceSignalCellularNull = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-cellular-null');
+    export import DeviceSignalCellularOff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-cellular-off');
+    export import DeviceSignalWifi0Bar = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-wifi-0-bar');
+    export import DeviceSignalWifi1Bar = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-wifi-1-bar');
+    export import DeviceSignalWifi1BarLock = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-wifi-1-bar-lock');
+    export import DeviceSignalWifi2Bar = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-wifi-2-bar');
+    export import DeviceSignalWifi2BarLock = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-wifi-2-bar-lock');
+    export import DeviceSignalWifi3Bar = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-wifi-3-bar');
+    export import DeviceSignalWifi3BarLock = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-wifi-3-bar-lock');
+    export import DeviceSignalWifi4Bar = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-wifi-4-bar');
+    export import DeviceSignalWifi4BarLock = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-wifi-4-bar-lock');
+    export import DeviceSignalWifiOff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-wifi-off');
+    export import DeviceStorage = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/storage');
+    export import DeviceUsb = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/usb');
+    export import DeviceWallpaper = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/wallpaper');
+    export import DeviceWidgets = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/widgets');
+    export import DeviceWifiLock = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/wifi-lock');
+    export import DeviceWifiTethering = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/wifi-tethering');
+    export import EditorAttachFile = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/attach-file');
+    export import EditorAttachMoney = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/attach-money');
+    export import EditorBorderAll = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/border-all');
+    export import EditorBorderBottom = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/border-bottom');
+    export import EditorBorderClear = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/border-clear');
+    export import EditorBorderColor = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/border-color');
+    export import EditorBorderHorizontal = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/border-horizontal');
+    export import EditorBorderInner = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/border-inner');
+    export import EditorBorderLeft = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/border-left');
+    export import EditorBorderOuter = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/border-outer');
+    export import EditorBorderRight = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/border-right');
+    export import EditorBorderStyle = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/border-style');
+    export import EditorBorderTop = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/border-top');
+    export import EditorBorderVertical = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/border-vertical');
+    export import EditorDragHandle = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/drag-handle');
+    export import EditorFormatAlignCenter = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-align-center');
+    export import EditorFormatAlignJustify = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-align-justify');
+    export import EditorFormatAlignLeft = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-align-left');
+    export import EditorFormatAlignRight = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-align-right');
+    export import EditorFormatBold = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-bold');
+    export import EditorFormatClear = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-clear');
+    export import EditorFormatColorFill = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-color-fill');
+    export import EditorFormatColorReset = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-color-reset');
+    export import EditorFormatColorText = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-color-text');
+    export import EditorFormatIndentDecrease = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-indent-decrease');
+    export import EditorFormatIndentIncrease = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-indent-increase');
+    export import EditorFormatItalic = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-italic');
+    export import EditorFormatLineSpacing = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-line-spacing');
+    export import EditorFormatListBulleted = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-list-bulleted');
+    export import EditorFormatListNumbered = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-list-numbered');
+    export import EditorFormatPaint = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-paint');
+    export import EditorFormatQuote = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-quote');
+    export import EditorFormatShapes = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-shapes');
+    export import EditorFormatSize = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-size');
+    export import EditorFormatStrikethrough = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-strikethrough');
+    export import EditorFormatTextdirectionLToR = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-textdirection-l-to-r');
+    export import EditorFormatTextdirectionRToL = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-textdirection-r-to-l');
+    export import EditorFormatUnderlined = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-underlined');
+    export import EditorFunctions = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/functions');
+    export import EditorHighlight = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/highlight');
+    export import EditorInsertChart = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/insert-chart');
+    export import EditorInsertComment = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/insert-comment');
+    export import EditorInsertDriveFile = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/insert-drive-file');
+    export import EditorInsertEmoticon = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/insert-emoticon');
+    export import EditorInsertInvitation = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/insert-invitation');
+    export import EditorInsertLink = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/insert-link');
+    export import EditorInsertPhoto = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/insert-photo');
+    export import EditorLinearScale = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/linear-scale');
+    export import EditorMergeType = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/merge-type');
+    export import EditorModeComment = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/mode-comment');
+    export import EditorModeEdit = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/mode-edit');
+    export import EditorMoneyOff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/money-off');
+    export import EditorPublish = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/publish');
+    export import EditorShortText = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/short-text');
+    export import EditorSpaceBar = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/space-bar');
+    export import EditorStrikethroughS = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/strikethrough-s');
+    export import EditorTextFields = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/text-fields');
+    export import EditorVerticalAlignBottom = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/vertical-align-bottom');
+    export import EditorVerticalAlignCenter = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/vertical-align-center');
+    export import EditorVerticalAlignTop = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/vertical-align-top');
+    export import EditorWrapText = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/wrap-text');
+    export import FileAttachment = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/file/attachment');
+    export import FileCloud = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/file/cloud');
+    export import FileCloudCircle = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/file/cloud-circle');
+    export import FileCloudDone = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/file/cloud-done');
+    export import FileCloudDownload = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/file/cloud-download');
+    export import FileCloudOff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/file/cloud-off');
+    export import FileCloudQueue = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/file/cloud-queue');
+    export import FileCloudUpload = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/file/cloud-upload');
+    export import FileCreateNewFolder = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/file/create-new-folder');
+    export import FileFileDownload = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/file/file-download');
+    export import FileFileUpload = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/file/file-upload');
+    export import FileFolder = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/file/folder');
+    export import FileFolderOpen = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/file/folder-open');
+    export import FileFolderShared = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/file/folder-shared');
+    export import HardwareCast = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/cast');
+    export import HardwareCastConnected = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/cast-connected');
+    export import HardwareComputer = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/computer');
+    export import HardwareDesktopMac = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/desktop-mac');
+    export import HardwareDesktopWindows = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/desktop-windows');
+    export import HardwareDeveloperBoard = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/developer-board');
+    export import HardwareDeviceHub = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/device-hub');
+    export import HardwareDevicesOther = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/devices-other');
+    export import HardwareDock = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/dock');
+    export import HardwareGamepad = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/gamepad');
+    export import HardwareHeadset = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/headset');
+    export import HardwareHeadsetMic = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/headset-mic');
+    export import HardwareKeyboard = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/keyboard');
+    export import HardwareKeyboardArrowDown = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/keyboard-arrow-down');
+    export import HardwareKeyboardArrowLeft = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/keyboard-arrow-left');
+    export import HardwareKeyboardArrowRight = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/keyboard-arrow-right');
+    export import HardwareKeyboardArrowUp = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/keyboard-arrow-up');
+    export import HardwareKeyboardBackspace = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/keyboard-backspace');
+    export import HardwareKeyboardCapslock = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/keyboard-capslock');
+    export import HardwareKeyboardHide = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/keyboard-hide');
+    export import HardwareKeyboardReturn = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/keyboard-return');
+    export import HardwareKeyboardTab = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/keyboard-tab');
+    export import HardwareKeyboardVoice = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/keyboard-voice');
+    export import HardwareLaptop = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/laptop');
+    export import HardwareLaptopChromebook = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/laptop-chromebook');
+    export import HardwareLaptopMac = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/laptop-mac');
+    export import HardwareLaptopWindows = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/laptop-windows');
+    export import HardwareMemory = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/memory');
+    export import HardwareMouse = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/mouse');
+    export import HardwarePhoneAndroid = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/phone-android');
+    export import HardwarePhoneIphone = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/phone-iphone');
+    export import HardwarePhonelink = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/phonelink');
+    export import HardwarePhonelinkOff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/phonelink-off');
+    export import HardwarePowerInput = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/power-input');
+    export import HardwareRouter = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/router');
+    export import HardwareScanner = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/scanner');
+    export import HardwareSecurity = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/security');
+    export import HardwareSimCard = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/sim-card');
+    export import HardwareSmartphone = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/smartphone');
+    export import HardwareSpeaker = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/speaker');
+    export import HardwareSpeakerGroup = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/speaker-group');
+    export import HardwareTablet = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/tablet');
+    export import HardwareTabletAndroid = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/tablet-android');
+    export import HardwareTabletMac = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/tablet-mac');
+    export import HardwareToys = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/toys');
+    export import HardwareTv = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/tv');
+    export import HardwareVideogameAsset = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/videogame-asset');
+    export import HardwareWatch = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/watch');
+    export import ImageAddAPhoto = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/add-a-photo');
+    export import ImageAddToPhotos = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/add-to-photos');
+    export import ImageAdjust = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/adjust');
+    export import ImageAssistant = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/assistant');
+    export import ImageAssistantPhoto = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/assistant-photo');
+    export import ImageAudiotrack = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/audiotrack');
+    export import ImageBlurCircular = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/blur-circular');
+    export import ImageBlurLinear = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/blur-linear');
+    export import ImageBlurOff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/blur-off');
+    export import ImageBlurOn = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/blur-on');
+    export import ImageBrightness1 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/brightness-1');
+    export import ImageBrightness2 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/brightness-2');
+    export import ImageBrightness3 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/brightness-3');
+    export import ImageBrightness4 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/brightness-4');
+    export import ImageBrightness5 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/brightness-5');
+    export import ImageBrightness6 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/brightness-6');
+    export import ImageBrightness7 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/brightness-7');
+    export import ImageBrokenImage = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/broken-image');
+    export import ImageBrush = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/brush');
+    export import ImageCamera = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/camera');
+    export import ImageCameraAlt = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/camera-alt');
+    export import ImageCameraFront = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/camera-front');
+    export import ImageCameraRear = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/camera-rear');
+    export import ImageCameraRoll = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/camera-roll');
+    export import ImageCenterFocusStrong = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/center-focus-strong');
+    export import ImageCenterFocusWeak = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/center-focus-weak');
+    export import ImageCollections = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/collections');
+    export import ImageCollectionsBookmark = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/collections-bookmark');
+    export import ImageColorize = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/colorize');
+    export import ImageColorLens = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/color-lens');
+    export import ImageCompare = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/compare');
+    export import ImageControlPoint = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/control-point');
+    export import ImageControlPointDuplicate = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/control-point-duplicate');
+    export import ImageCrop = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/crop');
+    export import ImageCrop169 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/crop-16-9');
+    export import ImageCrop32 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/crop-3-2');
+    export import ImageCrop54 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/crop-5-4');
+    export import ImageCrop75 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/crop-7-5');
+    export import ImageCropDin = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/crop-din');
+    export import ImageCropFree = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/crop-free');
+    export import ImageCropLandscape = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/crop-landscape');
+    export import ImageCropOriginal = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/crop-original');
+    export import ImageCropPortrait = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/crop-portrait');
+    export import ImageCropRotate = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/crop-rotate');
+    export import ImageCropSquare = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/crop-square');
+    export import ImageDehaze = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/dehaze');
+    export import ImageDetails = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/details');
+    export import ImageEdit = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/edit');
+    export import ImageExposure = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/exposure');
+    export import ImageExposureNeg1 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/exposure-neg-1');
+    export import ImageExposureNeg2 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/exposure-neg-2');
+    export import ImageExposurePlus1 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/exposure-plus-1');
+    export import ImageExposurePlus2 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/exposure-plus-2');
+    export import ImageExposureZero = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/exposure-zero');
+    export import ImageFilter = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/filter');
+    export import ImageFilter1 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/filter-1');
+    export import ImageFilter2 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/filter-2');
+    export import ImageFilter3 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/filter-3');
+    export import ImageFilter4 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/filter-4');
+    export import ImageFilter5 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/filter-5');
+    export import ImageFilter6 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/filter-6');
+    export import ImageFilter7 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/filter-7');
+    export import ImageFilter8 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/filter-8');
+    export import ImageFilter9 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/filter-9');
+    export import ImageFilter9Plus = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/filter-9-plus');
+    export import ImageFilterBAndW = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/filter-b-and-w');
+    export import ImageFilterCenterFocus = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/filter-center-focus');
+    export import ImageFilterDrama = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/filter-drama');
+    export import ImageFilterFrames = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/filter-frames');
+    export import ImageFilterHdr = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/filter-hdr');
+    export import ImageFilterNone = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/filter-none');
+    export import ImageFilterTiltShift = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/filter-tilt-shift');
+    export import ImageFilterVintage = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/filter-vintage');
+    export import ImageFlare = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/flare');
+    export import ImageFlashAuto = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/flash-auto');
+    export import ImageFlashOff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/flash-off');
+    export import ImageFlashOn = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/flash-on');
+    export import ImageFlip = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/flip');
+    export import ImageGradient = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/gradient');
+    export import ImageGrain = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/grain');
+    export import ImageGridOff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/grid-off');
+    export import ImageGridOn = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/grid-on');
+    export import ImageHdrOff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/hdr-off');
+    export import ImageHdrOn = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/hdr-on');
+    export import ImageHdrStrong = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/hdr-strong');
+    export import ImageHdrWeak = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/hdr-weak');
+    export import ImageHealing = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/healing');
+    export import ImageImage = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/image');
+    export import ImageImageAspectRatio = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/image-aspect-ratio');
+    export import ImageIso = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/iso');
+    export import ImageLandscape = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/landscape');
+    export import ImageLeakAdd = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/leak-add');
+    export import ImageLeakRemove = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/leak-remove');
+    export import ImageLens = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/lens');
+    export import ImageLinkedCamera = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/linked-camera');
+    export import ImageLooks = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/looks');
+    export import ImageLooks3 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/looks-3');
+    export import ImageLooks4 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/looks-4');
+    export import ImageLooks5 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/looks-5');
+    export import ImageLooks6 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/looks-6');
+    export import ImageLooksOne = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/looks-one');
+    export import ImageLooksTwo = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/looks-two');
+    export import ImageLoupe = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/loupe');
+    export import ImageMonochromePhotos = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/monochrome-photos');
+    export import ImageMovieCreation = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/movie-creation');
+    export import ImageMovieFilter = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/movie-filter');
+    export import ImageMusicNote = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/music-note');
+    export import ImageNature = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/nature');
+    export import ImageNaturePeople = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/nature-people');
+    export import ImageNavigateBefore = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/navigate-before');
+    export import ImageNavigateNext = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/navigate-next');
+    export import ImagePalette = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/palette');
+    export import ImagePanorama = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/panorama');
+    export import ImagePanoramaFishEye = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/panorama-fish-eye');
+    export import ImagePanoramaHorizontal = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/panorama-horizontal');
+    export import ImagePanoramaVertical = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/panorama-vertical');
+    export import ImagePanoramaWideAngle = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/panorama-wide-angle');
+    export import ImagePhoto = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/photo');
+    export import ImagePhotoAlbum = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/photo-album');
+    export import ImagePhotoCamera = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/photo-camera');
+    export import ImagePhotoFilter = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/photo-filter');
+    export import ImagePhotoLibrary = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/photo-library');
+    export import ImagePhotoSizeSelectActual = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/photo-size-select-actual');
+    export import ImagePhotoSizeSelectLarge = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/photo-size-select-large');
+    export import ImagePhotoSizeSelectSmall = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/photo-size-select-small');
+    export import ImagePictureAsPdf = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/picture-as-pdf');
+    export import ImagePortrait = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/portrait');
+    export import ImageRemoveRedEye = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/remove-red-eye');
+    export import ImageRotate90DegreesCcw = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/rotate-90-degrees-ccw');
+    export import ImageRotateLeft = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/rotate-left');
+    export import ImageRotateRight = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/rotate-right');
+    export import ImageSlideshow = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/slideshow');
+    export import ImageStraighten = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/straighten');
+    export import ImageStyle = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/style');
+    export import ImageSwitchCamera = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/switch-camera');
+    export import ImageSwitchVideo = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/switch-video');
+    export import ImageTagFaces = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/tag-faces');
+    export import ImageTexture = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/texture');
+    export import ImageTimelapse = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/timelapse');
+    export import ImageTimer = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/timer');
+    export import ImageTimer10 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/timer-10');
+    export import ImageTimer3 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/timer-3');
+    export import ImageTimerOff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/timer-off');
+    export import ImageTonality = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/tonality');
+    export import ImageTransform = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/transform');
+    export import ImageTune = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/tune');
+    export import ImageViewComfy = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/view-comfy');
+    export import ImageViewCompact = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/view-compact');
+    export import ImageVignette = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/vignette');
+    export import ImageWbAuto = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/wb-auto');
+    export import ImageWbCloudy = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/wb-cloudy');
+    export import ImageWbIncandescent = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/wb-incandescent');
+    export import ImageWbIridescent = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/wb-iridescent');
+    export import ImageWbSunny = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/wb-sunny');
+    export import Index = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/index');
+    export import IndexGenerator = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/index-generator');
+    export import MapsAddLocation = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/add-location');
+    export import MapsBeenhere = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/beenhere');
+    export import MapsDirections = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/directions');
+    export import MapsDirectionsBike = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/directions-bike');
+    export import MapsDirectionsBoat = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/directions-boat');
+    export import MapsDirectionsBus = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/directions-bus');
+    export import MapsDirectionsCar = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/directions-car');
+    export import MapsDirectionsRailway = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/directions-railway');
+    export import MapsDirectionsRun = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/directions-run');
+    export import MapsDirectionsSubway = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/directions-subway');
+    export import MapsDirectionsTransit = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/directions-transit');
+    export import MapsDirectionsWalk = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/directions-walk');
+    export import MapsEditLocation = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/edit-location');
+    export import MapsFlight = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/flight');
+    export import MapsHotel = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/hotel');
+    export import MapsLayers = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/layers');
+    export import MapsLayersClear = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/layers-clear');
+    export import MapsLocalActivity = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-activity');
+    export import MapsLocalAirport = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-airport');
+    export import MapsLocalAtm = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-atm');
+    export import MapsLocalBar = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-bar');
+    export import MapsLocalCafe = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-cafe');
+    export import MapsLocalCarWash = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-car-wash');
+    export import MapsLocalConvenienceStore = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-convenience-store');
+    export import MapsLocalDining = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-dining');
+    export import MapsLocalDrink = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-drink');
+    export import MapsLocalFlorist = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-florist');
+    export import MapsLocalGasStation = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-gas-station');
+    export import MapsLocalGroceryStore = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-grocery-store');
+    export import MapsLocalHospital = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-hospital');
+    export import MapsLocalHotel = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-hotel');
+    export import MapsLocalLaundryService = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-laundry-service');
+    export import MapsLocalLibrary = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-library');
+    export import MapsLocalMall = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-mall');
+    export import MapsLocalMovies = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-movies');
+    export import MapsLocalOffer = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-offer');
+    export import MapsLocalParking = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-parking');
+    export import MapsLocalPharmacy = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-pharmacy');
+    export import MapsLocalPhone = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-phone');
+    export import MapsLocalPizza = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-pizza');
+    export import MapsLocalPlay = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-play');
+    export import MapsLocalPostOffice = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-post-office');
+    export import MapsLocalPrintshop = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-printshop');
+    export import MapsLocalSee = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-see');
+    export import MapsLocalShipping = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-shipping');
+    export import MapsLocalTaxi = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-taxi');
+    export import MapsMap = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/map');
+    export import MapsMyLocation = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/my-location');
+    export import MapsNavigation = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/navigation');
+    export import MapsNearMe = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/near-me');
+    export import MapsPersonPin = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/person-pin');
+    export import MapsPersonPinCircle = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/person-pin-circle');
+    export import MapsPinDrop = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/pin-drop');
+    export import MapsPlace = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/place');
+    export import MapsRateReview = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/rate-review');
+    export import MapsRestaurantMenu = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/restaurant-menu');
+    export import MapsSatellite = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/satellite');
+    export import MapsStoreMallDirectory = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/store-mall-directory');
+    export import MapsTerrain = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/terrain');
+    export import MapsTraffic = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/traffic');
+    export import MapsZoomOutMap = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/zoom-out-map');
+    export import NavigationApps = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/apps');
+    export import NavigationArrowBack = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/arrow-back');
+    export import NavigationArrowDownward = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/arrow-downward');
+    export import NavigationArrowDropDown = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/arrow-drop-down');
+    export import NavigationArrowDropDownCircle = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/arrow-drop-down-circle');
+    export import NavigationArrowDropRight = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation-arrow-drop-right');
+    export import NavigationArrowDropUp = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/arrow-drop-up');
+    export import NavigationArrowForward = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/arrow-forward');
+    export import NavigationArrowUpward = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/arrow-upward');
+    export import NavigationCancel = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/cancel');
+    export import NavigationCheck = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/check');
+    export import NavigationChevronLeft = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/chevron-left');
+    export import NavigationChevronRight = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/chevron-right');
+    export import NavigationClose = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/close');
+    export import NavigationExpandLess = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/expand-less');
+    export import NavigationExpandMore = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/expand-more');
+    export import NavigationFullscreen = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/fullscreen');
+    export import NavigationFullscreenExit = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/fullscreen-exit');
+    export import NavigationMenu = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/menu');
+    export import NavigationMoreHoriz = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/more-horiz');
+    export import NavigationMoreVert = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/more-vert');
+    export import NavigationRefresh = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/refresh');
+    export import NavigationSubdirectoryArrowLeft = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/subdirectory-arrow-left');
+    export import NavigationSubdirectoryArrowRight = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/subdirectory-arrow-right');
+    export import NavigationUnfoldLess = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/unfold-less');
+    export import NavigationUnfoldMore = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/unfold-more');
+    export import NotificationAdb = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/adb');
+    export import NotificationAirlineSeatFlat = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/airline-seat-flat');
+    export import NotificationAirlineSeatFlatAngled = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/airline-seat-flat-angled');
+    export import NotificationAirlineSeatIndividualSuite = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/airline-seat-individual-suite');
+    export import NotificationAirlineSeatLegroomExtra = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/airline-seat-legroom-extra');
+    export import NotificationAirlineSeatLegroomNormal = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/airline-seat-legroom-normal');
+    export import NotificationAirlineSeatLegroomReduced = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/airline-seat-legroom-reduced');
+    export import NotificationAirlineSeatReclineExtra = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/airline-seat-recline-extra');
+    export import NotificationAirlineSeatReclineNormal = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/airline-seat-recline-normal');
+    export import NotificationBluetoothAudio = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/bluetooth-audio');
+    export import NotificationConfirmationNumber = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/confirmation-number');
+    export import NotificationDiscFull = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/disc-full');
+    export import NotificationDoNotDisturb = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/do-not-disturb');
+    export import NotificationDoNotDisturbAlt = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/do-not-disturb-alt');
+    export import NotificationDriveEta = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/drive-eta');
+    export import NotificationEnhancedEncryption = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/enhanced-encryption');
+    export import NotificationEventAvailable = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/event-available');
+    export import NotificationEventBusy = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/event-busy');
+    export import NotificationEventNote = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/event-note');
+    export import NotificationFolderSpecial = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/folder-special');
+    export import NotificationLiveTv = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/live-tv');
+    export import NotificationMms = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/mms');
+    export import NotificationMore = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/more');
+    export import NotificationNetworkCheck = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/network-check');
+    export import NotificationNetworkLocked = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/network-locked');
+    export import NotificationNoEncryption = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/no-encryption');
+    export import NotificationOndemandVideo = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/ondemand-video');
+    export import NotificationPersonalVideo = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/personal-video');
+    export import NotificationPhoneBluetoothSpeaker = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/phone-bluetooth-speaker');
+    export import NotificationPhoneForwarded = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/phone-forwarded');
+    export import NotificationPhoneInTalk = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/phone-in-talk');
+    export import NotificationPhoneLocked = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/phone-locked');
+    export import NotificationPhoneMissed = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/phone-missed');
+    export import NotificationPhonePaused = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/phone-paused');
+    export import NotificationPower = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/power');
+    export import NotificationRvHookup = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/rv-hookup');
+    export import NotificationSdCard = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/sd-card');
+    export import NotificationSimCardAlert = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/sim-card-alert');
+    export import NotificationSms = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/sms');
+    export import NotificationSmsFailed = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/sms-failed');
+    export import NotificationSync = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/sync');
+    export import NotificationSyncDisabled = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/sync-disabled');
+    export import NotificationSyncProblem = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/sync-problem');
+    export import NotificationSystemUpdate = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/system-update');
+    export import NotificationTapAndPlay = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/tap-and-play');
+    export import NotificationTimeToLeave = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/time-to-leave');
+    export import NotificationVibration = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/vibration');
+    export import NotificationVoiceChat = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/voice-chat');
+    export import NotificationVpnLock = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/vpn-lock');
+    export import NotificationWc = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/wc');
+    export import NotificationWifi = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/wifi');
+    export import PlacesAcUnit = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/places/ac-unit');
+    export import PlacesAirportShuttle = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/places/airport-shuttle');
+    export import PlacesAllInclusive = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/places/all-inclusive');
+    export import PlacesBeachAccess = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/places/beach-access');
+    export import PlacesBusinessCenter = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/places/business-center');
+    export import PlacesCasino = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/places/casino');
+    export import PlacesChildCare = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/places/child-care');
+    export import PlacesChildFriendly = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/places/child-friendly');
+    export import PlacesFitnessCenter = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/places/fitness-center');
+    export import PlacesFreeBreakfast = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/places/free-breakfast');
+    export import PlacesGolfCourse = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/places/golf-course');
+    export import PlacesHotTub = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/places/hot-tub');
+    export import PlacesKitchen = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/places/kitchen');
+    export import PlacesPool = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/places/pool');
+    export import PlacesRoomService = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/places/room-service');
+    export import PlacesSmokeFree = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/places/smoke-free');
+    export import PlacesSmokingRooms = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/places/smoking-rooms');
+    export import PlacesSpa = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/places/spa');
+    export import SocialCake = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/cake');
+    export import SocialDomain = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/domain');
+    export import SocialGroup = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/group');
+    export import SocialGroupAdd = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/group-add');
+    export import SocialLocationCity = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/location-city');
+    export import SocialMood = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/mood');
+    export import SocialMoodBad = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/mood-bad');
+    export import SocialNotifications = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/notifications');
+    export import SocialNotificationsActive = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/notifications-active');
+    export import SocialNotificationsNone = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/notifications-none');
+    export import SocialNotificationsOff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/notifications-off');
+    export import SocialNotificationsPaused = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/notifications-paused');
+    export import SocialPages = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/pages');
+    export import SocialPartyMode = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/party-mode');
+    export import SocialPeople = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/people');
+    export import SocialPeopleOutline = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/people-outline');
+    export import SocialPerson = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/person');
+    export import SocialPersonAdd = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/person-add');
+    export import SocialPersonOutline = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/person-outline');
+    export import SocialPlusOne = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/plus-one');
+    export import SocialPoll = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/poll');
+    export import SocialPublic = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/public');
+    export import SocialSchool = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/school');
+    export import SocialShare = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/share');
+    export import SocialWhatshot = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/whatshot');
+    export import ToggleCheckBox = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/toggle/check-box');
+    export import ToggleCheckBoxOutlineBlank = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/toggle/check-box-outline-blank');
+    export import ToggleIndeterminateCheckBox = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/toggle/indeterminate-check-box');
+    export import ToggleRadioButtonChecked = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/toggle/radio-button-checked');
+    export import ToggleRadioButtonUnchecked = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/toggle/radio-button-unchecked');
+    export import ToggleStar = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/toggle/star');
+    export import ToggleStarBorder = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/toggle/star-border');
+    export import ToggleStarHalf = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/toggle/star-half');
+}
diff --git a/material-ui/material-ui-tests.tsx b/material-ui/material-ui-tests.tsx
index 7d2a0f139b..a695fbb396 100644
--- a/material-ui/material-ui-tests.tsx
+++ b/material-ui/material-ui-tests.tsx
@@ -1,2302 +1,4913 @@
 ///<reference path='../react/react.d.ts' />
-///<reference path='../react/react-addons-linked-state-mixin.d.ts' />
+///<reference path='../react/react-dom.d.ts' />
+///<reference path='../react-tap-event-plugin/react-tap-event-plugin.d.ts' />
 ///<reference path='material-ui.d.ts' />
 
-import * as React from "react";
-import * as LinkedStateMixin from "react-addons-linked-state-mixin";
-import * as MaterialUi from "material-ui";
-import ActionGrade from "material-ui/lib/svg-icons/action/grade";
-import AppBar from "material-ui/lib/app-bar";
-import ArrowDropRight from "material-ui/lib/svg-icons/navigation-arrow-drop-right";
-import AutoComplete from 'material-ui/lib/auto-complete';
-import Avatar from "material-ui/lib/avatar";
-import Badge from "material-ui/lib/badge";
-import Card from "material-ui/lib/card/card";
-import CardActions from "material-ui/lib/card/card-actions";
-import CardHeader from "material-ui/lib/card/card-header";
-import CardMedia from 'material-ui/lib/card/card-media';
-import CardText from "material-ui/lib/card/card-text";
-import CardTitle from 'material-ui/lib/card/card-title';
-import Checkbox from "material-ui/lib/checkbox";
-import CircularProgress from 'material-ui/lib/circular-progress';
-import ColorManipulator from 'material-ui/lib/utils/color-manipulator';
-import Colors from "material-ui/lib/styles/colors";
-import DatePicker from "material-ui/lib/date-picker/date-picker";
-import Dialog from "material-ui/lib/dialog";
-import Divider from 'material-ui/lib/divider';
-import DropDownMenu from "material-ui/lib/drop-down-menu";
-import FileFolder from "material-ui/lib/svg-icons/file/folder";
-import FlatButton from "material-ui/lib/flat-button";
-import FloatingActionButton from "material-ui/lib/floating-action-button";
-import FontIcon from "material-ui/lib/font-icon";
-import GridList from 'material-ui/lib/grid-list/grid-list';
-import GridTile from 'material-ui/lib/grid-list/grid-tile';
-import IconButton from "material-ui/lib/icon-button";
-import IconMenu from "material-ui/lib/menus/icon-menu";
-import LeftNav from 'material-ui/lib/left-nav';
-import LinearProgress from 'material-ui/lib/linear-progress';
-import List from 'material-ui/lib/lists/list';
-import ListItem from 'material-ui/lib/lists/list-item';
-import Menu from 'material-ui/lib/menus/menu';
-import MenuItem from 'material-ui/lib/menus/menu-item';
-import Paper from 'material-ui/lib/paper';
-import Popover from 'material-ui/lib/popover/popover';
-import PopoverAnimationFromTop from 'material-ui/lib/popover/popover-animation-from-top';
-import RadioButton from "material-ui/lib/radio-button";
-import RadioButtonGroup from "material-ui/lib/radio-button-group";
-import RaisedButton from "material-ui/lib/raised-button";
-import RefreshIndicator from 'material-ui/lib/refresh-indicator';
-import SelectField from "material-ui/lib/select-field";
-import Slider from 'material-ui/lib/slider';
-import Snackbar from 'material-ui/lib/snackbar';
-import Spacing from "material-ui/lib/styles/spacing";
-import Styles from 'material-ui/lib/styles';
-import SvgIcon from 'material-ui/lib/svg-icon';
-import Tab from 'material-ui/lib/tabs/tab';
-import Table from 'material-ui/lib/table/table';
-import TableBody from 'material-ui/lib/table/table-body';
-import TableFooter from 'material-ui/lib/table/table-footer';
-import TableHeader from 'material-ui/lib/table/table-header';
-import TableHeaderColumn from 'material-ui/lib/table/table-header-column';
-import TableRow from 'material-ui/lib/table/table-row';
-import TableRowColumn from 'material-ui/lib/table/table-row-column';
-import Tabs from 'material-ui/lib/tabs/tabs';
-import TextField from "material-ui/lib/text-field";
-import ThemeDecorator from 'material-ui/lib/styles/theme-decorator';
-import ThemeManager from 'material-ui/lib/styles/theme-manager';
-import TimePicker from "material-ui/lib/time-picker";
-import Toggle from "material-ui/lib/toggle";
-import ToggleStar from "material-ui/lib/svg-icons/toggle/star";
-import ToggleStarBorder from "material-ui/lib/svg-icons/toggle/star-border";
-import Toolbar from 'material-ui/lib/toolbar/toolbar';
-import ToolbarGroup from 'material-ui/lib/toolbar/toolbar-group';
-import ToolbarSeparator from 'material-ui/lib/toolbar/toolbar-separator';
-import ToolbarTitle from 'material-ui/lib/toolbar/toolbar-title';
-import Typography from "material-ui/lib/styles/typography";
-import zIndex from 'material-ui/lib/styles/zIndex';
+import * as React from 'react';
+import {Component, PropTypes} from 'react';
+import * as ReactDOM from 'react-dom';
 
-import {SelectableContainerEnhance} from 'material-ui/lib/hoc/selectable-enhance';
+import getMuiTheme from 'material-ui/styles/getMuiTheme';
+import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
+import darkBaseTheme from 'material-ui/styles/baseThemes/darkBaseTheme';
+import muiThemeable from 'material-ui/styles/muiThemeable';
+import {MuiTheme} from 'material-ui/styles'
 
-import * as Icons from "material-ui/lib/svg-icons";
-import ActionAndroid from 'material-ui/lib/svg-icons/action/android';
-import ActionFavorite from 'material-ui/lib/svg-icons/action/favorite';
-import ActionFavoriteBorder from 'material-ui/lib/svg-icons/action/favorite-border';
-import ActionFlightTakeoff from 'material-ui/lib/svg-icons/action/flight-takeoff';
-import ActionHome from 'material-ui/lib/svg-icons/action/home';
-import ActionInfo from 'material-ui/lib/svg-icons/action/info';
-import CommunicationChatBubble from 'material-ui/lib/svg-icons/communication/chat-bubble';
-import ContentAdd from 'material-ui/lib/svg-icons/content/add';
-import ContentCopy from 'material-ui/lib/svg-icons/content/content-copy';
-import ContentDrafts from 'material-ui/lib/svg-icons/content/drafts';
-import ContentFilter from 'material-ui/lib/svg-icons/content/filter-list';
-import ContentInbox from 'material-ui/lib/svg-icons/content/inbox';
-import ContentLink from 'material-ui/lib/svg-icons/content/link';
-import ContentSend from 'material-ui/lib/svg-icons/content/send';
-import Delete from 'material-ui/lib/svg-icons/action/delete';
-import Download from 'material-ui/lib/svg-icons/file/file-download';
-import FileCloudDownload from 'material-ui/lib/svg-icons/file/cloud-download';
-import FolderIcon from 'material-ui/lib/svg-icons/file/folder-open';
-import HardwareVideogameAsset from 'material-ui/lib/svg-icons/hardware/videogame-asset';
-import MapsPlace from 'material-ui/lib/svg-icons/maps/place';
-import MoreVertIcon from 'material-ui/lib/svg-icons/navigation/more-vert';
-import NavigationClose from "material-ui/lib/svg-icons/navigation/close";
-import NavigationExpandMoreIcon from 'material-ui/lib/svg-icons/navigation/expand-more';
-import NotificationsIcon from 'material-ui/lib/svg-icons/social/notifications';
-import PersonAdd from 'material-ui/lib/svg-icons/social/person-add';
-import RemoveRedEye from 'material-ui/lib/svg-icons/image/remove-red-eye';
-import StarBorder from 'material-ui/lib/svg-icons/toggle/star-border';
-import UploadIcon from 'material-ui/lib/svg-icons/file/cloud-upload';
+import AppBar from 'material-ui/AppBar';
+import AutoComplete from 'material-ui/AutoComplete';
+import Avatar from 'material-ui/Avatar';
+import Badge from 'material-ui/Badge';
+import Checkbox from 'material-ui/Checkbox';
+import CircularProgress from 'material-ui/CircularProgress';
+import DatePicker from 'material-ui/DatePicker';
+import Dialog from 'material-ui/Dialog';
+import Divider from 'material-ui/Divider';
+import Drawer from 'material-ui/Drawer';
+import DropDownMenu from 'material-ui/DropDownMenu';
+import FlatButton from 'material-ui/FlatButton';
+import FloatingActionButton from 'material-ui/FloatingActionButton';
+import FontIcon from 'material-ui/FontIcon';
+import IconButton from 'material-ui/IconButton';
+import IconMenu from 'material-ui/IconMenu';
+import LinearProgress from 'material-ui/LinearProgress';
+import List from 'material-ui/List/List';
+import ListItem from 'material-ui/List/ListItem';
+import MenuItem from 'material-ui/MenuItem';
+import Paper from 'material-ui/Paper';
+import RaisedButton from 'material-ui/RaisedButton';
+import RefreshIndicator from 'material-ui/RefreshIndicator';
+import SelectField from 'material-ui/SelectField';
+import Slider from 'material-ui/Slider';
+import Snackbar from 'material-ui/Snackbar';
+import Subheader from 'material-ui/Subheader';
+import SvgIcon from 'material-ui/SvgIcon';
+import TextField from 'material-ui/TextField';
+import TimePicker from 'material-ui/TimePicker';
+import Toggle from 'material-ui/Toggle';
+import {Card, CardActions, CardHeader, CardMedia, CardTitle, CardText} from 'material-ui/Card';
+import {GridList, GridTile} from 'material-ui/GridList';
+import {MakeSelectable} from 'material-ui/List';
+import {Menu} from 'material-ui/Menu';
+import {Popover, PopoverAnimationVertical} from 'material-ui/Popover';
+import {RadioButton, RadioButtonGroup} from 'material-ui/RadioButton';
+import {Step, Stepper, StepLabel, StepContent, StepButton} from 'material-ui/Stepper';
+import {Table, TableBody, TableHeader, TableHeaderColumn, TableRow, TableRowColumn, TableFooter} from 'material-ui/Table';
+import {Tabs, Tab} from 'material-ui/Tabs';
+import {Toolbar, ToolbarGroup, ToolbarSeparator, ToolbarTitle} from 'material-ui/Toolbar';
+
+import ActionAndroid from 'material-ui/svg-icons/action/android';
+import ActionAssignment from 'material-ui/svg-icons/action/assignment';
+import ActionFavorite from 'material-ui/svg-icons/action/favorite';
+import ActionFavoriteBorder from 'material-ui/svg-icons/action/favorite-border';
+import ActionFlightTakeoff from 'material-ui/svg-icons/action/flight-takeoff';
+import ActionGrade from 'material-ui/svg-icons/action/grade';
+import ActionHome from 'material-ui/svg-icons/action/home';
+import ActionInfo from 'material-ui/svg-icons/action/info';
+import ArrowDropRight from 'material-ui/svg-icons/navigation-arrow-drop-right';
+import CommunicationCall from 'material-ui/svg-icons/communication/call';
+import CommunicationChatBubble from 'material-ui/svg-icons/communication/chat-bubble';
+import CommunicationEmail from 'material-ui/svg-icons/communication/email';
+import ContentAdd from 'material-ui/svg-icons/content/add';
+import ContentCopy from 'material-ui/svg-icons/content/content-copy';
+import ContentDrafts from 'material-ui/svg-icons/content/drafts';
+import ContentFilter from 'material-ui/svg-icons/content/filter-list';
+import ContentInbox from 'material-ui/svg-icons/content/inbox';
+import ContentLink from 'material-ui/svg-icons/content/link';
+import ContentSend from 'material-ui/svg-icons/content/send';
+import Delete from 'material-ui/svg-icons/action/delete';
+import Download from 'material-ui/svg-icons/file/file-download';
+import EditorInsertChart from 'material-ui/svg-icons/editor/insert-chart';
+import FileCloudDownload from 'material-ui/svg-icons/file/cloud-download';
+import FileFileDownload from 'material-ui/svg-icons/file/file-download';
+import FileFolder from 'material-ui/svg-icons/file/folder';
+import FolderIcon from 'material-ui/svg-icons/file/folder-open';
+import HardwareVideogameAsset from 'material-ui/svg-icons/hardware/videogame-asset';
+import MapsPersonPin from 'material-ui/svg-icons/maps/person-pin';
+import MapsPlace from 'material-ui/svg-icons/maps/place';
+import MoreVertIcon from 'material-ui/svg-icons/navigation/more-vert';
+import NavigationClose from 'material-ui/svg-icons/navigation/close';
+import NavigationExpandMoreIcon from 'material-ui/svg-icons/navigation/expand-more';
+import NotificationsIcon from 'material-ui/svg-icons/social/notifications';
+import PersonAdd from 'material-ui/svg-icons/social/person-add';
+import RemoveRedEye from 'material-ui/svg-icons/image/remove-red-eye';
+import StarBorder from 'material-ui/svg-icons/toggle/star-border';
+import UploadIcon from 'material-ui/svg-icons/file/cloud-upload';
+import WarningIcon from 'material-ui/svg-icons/alert/warning';
+
+import {cyan500, cyan700,
+  grey100, grey300, grey400, grey500,
+  pinkA200,
+  white, darkBlack, fullBlack, 
+  blue300,
+  indigo900,
+  orange200,
+  deepOrange300,
+  pink400,
+  purple500,
+  fullWhite,
+  blue500, red500, greenA200, yellow500,
+  transparent, yellow600, indigo500, lightBlack,
+  orange500,
+} from 'material-ui/styles/colors';
+import {fade} from 'material-ui/utils/colorManipulator';
 
 
-type CheckboxProps = __MaterialUI.CheckboxProps;
-type MuiTheme = __MaterialUI.Styles.MuiTheme;
-type TouchTapEvent = __MaterialUI.TouchTapEvent;
+import injectTapEventPlugin = require('react-tap-event-plugin');
 
-interface MaterialUiTestsState {
-    showDialogStandardActions: boolean;
-    showDialogCustomActions: boolean;
-    showDialogScrollable: boolean;
-    value: number;
-    dataSource: [string];
-    minDate: Date;
-    maxDate: Date;
-    autoOk: boolean;
-    disableYearSelection: boolean;
-    open: boolean;
-    valueSingle: string;
-    valueMultiple: string[];
-    anchorEl: Element;
-    completed: number;
-    message: string;
-    autoHideDuration: number;
-    fixedHeader: boolean;
-    fixedFooter: boolean;
-    stripedRows: boolean;
-    showRowHover: boolean;
-    selectable: boolean;
-    multiSelectable: boolean;
-    enableSelectAll: boolean;
-    deselectOnClickaway: boolean;
-    height: string;
+// Needed for onTouchTap
+// Check this repo:
+// https://github.com/zilverline/react-tap-event-plugin
+injectTapEventPlugin();
+
+function handleTouchTap() {
+  alert('onTouchTap triggered on the title component');
 }
 
+const styles = {
+  title: {
+    cursor: 'pointer',
+  },
+  exampleImageInput: {
+    cursor: 'pointer',
+    position: 'absolute',
+    top: 0,
+    bottom: 0,
+    right: 0,
+    left: 0,
+    width: '100%',
+    opacity: 0,
+  },
+  button: {
+    margin: 12,
+  },
+  smallIcon: {
+    width: 36,
+    height: 36,
+  },
+  mediumIcon: {
+    width: 48,
+    height: 48,
+  },
+  largeIcon: {
+    width: 60,
+    height: 60,
+  },
+  small: {
+    width: 72,
+    height: 72,
+    padding: 16,
+  },
+  medium: {
+    width: 96,
+    height: 96,
+    padding: 24,
+  },
+  large: {
+    width: 120,
+    height: 120,
+    padding: 30,
+  },
+  radioButton: {
+    marginTop: 16,
+  },
+  root: {
+    display: 'flex',
+    flexWrap: 'wrap',
+    justifyContent: 'space-around',
+  },
+  gridList: {
+    width: 500,
+    height: 500,
+    overflowY: 'auto',
+    marginBottom: 24,
+  },
+  paper: {
+    display: 'inline-block',
+    float: 'left',
+    margin: '16px 32px 16px 0',
+  },
+  rightIcon: {
+    textAlign: 'center',
+    lineHeight: '24px',
+  },
+  customWidth: {
+    width: 200,
+  },
+  h3: {
+    marginTop: 20,
+    fontWeight: 400,
+  },
+  block: {
+    display: 'flex',
+    maxWidth: 250,
+  },
+  block2: {
+    margin: 10,
+  },
+  container: {
+    position: 'relative',
+  },
+  refresh: {
+    display: 'inline-block',
+    position: 'relative',
+  },
+  checkbox: {
+    marginBottom: 16,
+  },
+  toggle: {
+    marginBottom: 16,
+  },
+  propContainer: {
+    width: 200,
+    overflow: 'hidden',
+    margin: '20px auto 0',
+  },
+  propToggleHeader: {
+    margin: '20px auto 10px',
+  },
+  headline: {
+    fontSize: 24,
+    paddingTop: 16,
+    marginBottom: 12,
+    fontWeight: 400,
+  },
+  errorStyle: {
+    color: orange500,
+  },
+  underlineStyle: {
+    borderColor: orange500,
+  },
+  floatingLabelStyle: {
+    color: orange500,
+  },
+  floatingLabelFocusStyle: {
+    color: blue500,
+  },
+};
+
+const style = {
+  marginRight: 20,
+  marginLeft: 20,
+  display: 'inline-block',
+  margin: '16px 32px 16px 0',
+};
+
+const customContentStyle = {
+  width: '100%',
+  maxWidth: 'none',
+};
+
+const iconStyles = {
+  marginRight: 24,
+};
+
+
 // "http://www.material-ui.com/#/customization/themes"
-let muiTheme: MuiTheme = ThemeManager.getMuiTheme({
-    spacing: Spacing,
-    zIndex: zIndex,
-    fontFamily: 'Roboto, sans-serif',
-    palette: {
-        primary1Color: Colors.cyan500,
-        primary2Color: Colors.cyan700,
-        primary3Color: Colors.lightBlack,
-        accent1Color: Colors.pinkA200,
-        accent2Color: Colors.grey100,
-        accent3Color: Colors.grey500,
-        textColor: Colors.darkBlack,
-        alternateTextColor: Colors.white,
-        canvasColor: Colors.white,
-        borderColor: Colors.grey300,
-        disabledColor: ColorManipulator.fade(Colors.darkBlack, 0.3),
-        pickerHeaderColor: Colors.cyan500,
-    }
+
+// This replaces the textColor value on the palette
+// and then update the keys for each component that depends on it.
+// More on Colors: http://www.material-ui.com/#/customization/colors
+const muiTheme = getMuiTheme({
+  palette: {
+    textColor: cyan500,
+  },
+  appBar: {
+    height: 50,
+  },
 });
 
-let SelectableList = SelectableContainerEnhance(List);
+const darkMuiTheme = getMuiTheme(darkBaseTheme);
 
-@ThemeDecorator(muiTheme)
-class MaterialUiTests extends React.Component<{}, MaterialUiTestsState> implements React.LinkedStateMixin {
+const lightBaseTheme = {
+  spacing: {
+    iconSize: 24,
+    desktopGutter: 24,
+    desktopGutterMore: 32,
+    desktopGutterLess: 16,
+    desktopGutterMini: 8,
+    desktopKeylineIncrement: 64,
+    desktopDropDownMenuItemHeight: 32,
+    desktopDropDownMenuFontSize: 15,
+    desktopDrawerMenuItemHeight: 48,
+    desktopSubheaderHeight: 48,
+    desktopToolbarHeight: 56,
+  },
+  fontFamily: 'Roboto, sans-serif',
+  palette: {
+    primary1Color: cyan500,
+    primary2Color: cyan700,
+    primary3Color: grey400,
+    accent1Color: pinkA200,
+    accent2Color: grey100,
+    accent3Color: grey500,
+    textColor: darkBlack,
+    alternateTextColor: white,
+    canvasColor: white,
+    borderColor: grey300,
+    disabledColor: fade(darkBlack, 0.3),
+    pickerHeaderColor: cyan500,
+    clockCircleColor: fade(darkBlack, 0.07),
+    shadowColor: fullBlack,
+  },
+};
 
-    // injected with mixin
-    linkState: <T>(key: string) => React.ReactLink<T>;
+const lightMuiTheme = getMuiTheme(lightBaseTheme);
 
-    private picker12hr: TimePicker;
-    private picker24hr: TimePicker;
 
-    private touchTapEventHandler(e: TouchTapEvent) {
-        console.info("Received touch tap", e);
+class DeepDownTheTree extends React.Component<{} & {muiTheme: MuiTheme}, {}> {
+  static propTypes: React.ValidationMap<any> = {
+    muiTheme: React.PropTypes.object.isRequired,
+  };
+
+  render() {
+    return (
+      <span style={{color: this.props.muiTheme.palette.textColor}}>
+        Hello World!
+      </span>
+    );
+  }
+}
+
+
+// "http://www.material-ui.com/#/customization/inline-styles"
+const InlineStylesCheckbox = () => (
+  <Checkbox
+    id="checkboxId1"
+    name="checkboxName1"
+    value="checkboxValue1"
+    label="went for a run today"
+    style={{
+      width: '50%',
+      margin: '0 auto'
+    }}
+    iconStyle={{
+      fill: '#FF4081'
+    }}
+  />
+);
+
+
+// "http://www.material-ui.com/#/components/app-bar"
+const AppBarExampleIcon = () => (
+  <AppBar
+    title="Title"
+    iconClassNameRight="muidocs-icon-navigation-expand-more"
+  />
+);
+
+const AppBarExampleIconButton = () => (
+  <AppBar
+    title={<span style={styles.title}>Title</span>}
+    onTitleTouchTap={handleTouchTap}
+    iconElementLeft={<IconButton><NavigationClose /></IconButton>}
+    iconElementRight={<FlatButton label="Save" />}
+  />
+);  
+
+const AppBarExampleIconMenu = () => (
+  <AppBar
+    title="Title"
+    iconElementLeft={<IconButton><NavigationClose /></IconButton>}
+    iconElementRight={
+      <IconMenu
+        iconButtonElement={
+          <IconButton><MoreVertIcon /></IconButton>
+        }
+        targetOrigin={{horizontal: 'right', vertical: 'top'}}
+        anchorOrigin={{horizontal: 'right', vertical: 'top'}}
+      >
+        <MenuItem primaryText="Refresh" />
+        <MenuItem primaryText="Help" />
+        <MenuItem primaryText="Sign out" />
+      </IconMenu>
     }
-    private formEventHandler(e: React.FormEvent) {
-    }
-    private selectFieldChangeHandler(e: TouchTapEvent, si: number, mi: any) {
-    }
-    private handleRequestClose(buttonClicked: boolean) {
-    }
-    private handleRequestCloseReason(reason: string) {
-    }
-    private handleToggle() { 
-        this.setState(Object.assign({}, this.state, { open: !this.state.open }));
-    }
-    private handleClose() {
-        this.setState(Object.assign({}, this.state, { open: false }));
-    }
-    private handleChangeSingle(event: React.MouseEvent, value: string){
-    }
-    private handleChangeMultiple(event: React.MouseEvent, value: string[]) {
+  />
+);
+
+// "http://www.material-ui.com/#/components/auto-complete"
+export class AutoCompleteExampleSimple extends React.Component<{}, {dataSource: string[]}> {
+
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      dataSource: [],
+    };
+  }
+
+  handleUpdateInput = (value) => {
+    this.setState({
+      dataSource: [
+        value,
+        value + value,
+        value + value + value,
+      ],
+    });
+  };
+
+  render() {
+    return (
+      <div>
+        <AutoComplete
+          hintText="Type anything"
+          dataSource={this.state.dataSource}
+          onUpdateInput={this.handleUpdateInput}
+        />
+        <AutoComplete
+          hintText="Type anything"
+          dataSource={this.state.dataSource}
+          onUpdateInput={this.handleUpdateInput}
+          floatingLabelText="Full width"
+          fullWidth={true}
+        />
+      </div>
+    );
+  }
+}
+
+const dataSource1 = [
+  {
+    text: 'text-value1',
+    value: (
+      <MenuItem
+        primaryText="text-value1"
+        secondaryText="&#9786;"
+      />
+    ),
+  },
+  {
+    text: 'text-value2',
+    value: (
+      <MenuItem
+        primaryText="text-value2"
+        secondaryText="&#9786;"
+      />
+    ),
+  },
+];
+
+const dataSource2 = ['12345', '23456', '34567'];
+
+const dataSource3 = [
+  {text: 'Some Text', value: 'someFirstValue'},
+  {text: 'Some Text', value: 'someSecondValue'},
+];
+
+const AutoCompleteExampleNoFilter = () => (
+  <div>
+    <AutoComplete
+      hintText="text-value data"
+      filter={AutoComplete.noFilter}
+      dataSource={dataSource1}
+    /><br />
+    <AutoComplete
+      floatingLabelText="showAllItems"
+      filter={AutoComplete.noFilter}
+      openOnFocus={true}
+      dataSource={dataSource2}
+    /><br />
+    <AutoComplete
+      floatingLabelText="Same text, different values"
+      filter={AutoComplete.noFilter}
+      openOnFocus={true}
+      dataSource={dataSource3}
+    />
+  </div>
+);
+
+const colors = [
+  'Red',
+  'Orange',
+  'Yellow',
+  'Green',
+  'Blue',
+  'Purple',
+  'Black',
+  'White',
+];
+
+const fruit = [
+  'Apple', 'Apricot', 'Avocado',
+  'Banana', 'Bilberry', 'Blackberry', 'Blackcurrant', 'Blueberry',
+  'Boysenberry', 'Blood Orange',
+  'Cantaloupe', 'Currant', 'Cherry', 'Cherimoya', 'Cloudberry',
+  'Coconut', 'Cranberry', 'Clementine',
+  'Damson', 'Date', 'Dragonfruit', 'Durian',
+  'Elderberry',
+  'Feijoa', 'Fig',
+  'Goji berry', 'Gooseberry', 'Grape', 'Grapefruit', 'Guava',
+  'Honeydew', 'Huckleberry',
+  'Jabouticaba', 'Jackfruit', 'Jambul', 'Jujube', 'Juniper berry',
+  'Kiwi fruit', 'Kumquat',
+  'Lemon', 'Lime', 'Loquat', 'Lychee',
+  'Nectarine',
+  'Mango', 'Marion berry', 'Melon', 'Miracle fruit', 'Mulberry', 'Mandarine',
+  'Olive', 'Orange',
+  'Papaya', 'Passionfruit', 'Peach', 'Pear', 'Persimmon', 'Physalis', 'Plum', 'Pineapple',
+  'Pumpkin', 'Pomegranate', 'Pomelo', 'Purple Mangosteen',
+  'Quince',
+  'Raspberry', 'Raisin', 'Rambutan', 'Redcurrant',
+  'Salal berry', 'Satsuma', 'Star fruit', 'Strawberry', 'Squash', 'Salmonberry',
+  'Tamarillo', 'Tamarind', 'Tomato', 'Tangerine',
+  'Ugli fruit',
+  'Watermelon',
+];
+
+const AutoCompleteExampleFilters = () => (
+  <div>
+    <AutoComplete
+      floatingLabelText="Type 'r', case insensitive"
+      filter={AutoComplete.caseInsensitiveFilter}
+      dataSource={colors}
+    />
+    <br />
+    <AutoComplete
+      floatingLabelText="Type 'peah', fuzzy search"
+      filter={AutoComplete.fuzzyFilter}
+      dataSource={fruit}
+      maxSearchResults={5}
+    />
+  </div>
+);
+
+// "http://www.material-ui.com/#/components/avatar"
+const AvatarExampleSimple = () => (
+  <List>
+    <ListItem
+      disabled={true}
+      leftAvatar={
+        <Avatar src="images/uxceo-128.jpg" />
+      }
+    >
+      Image Avatar
+    </ListItem>
+    <ListItem
+      disabled={true}
+      leftAvatar={
+        <Avatar
+          src="images/uxceo-128.jpg"
+          size={30}
+          style={style}
+        />
+      }
+    >
+      Image Avatar with custom size
+    </ListItem>
+    <ListItem
+      disabled={true}
+      leftAvatar={
+        <Avatar icon={<FontIcon className="muidocs-icon-communication-voicemail" />} />
+      }
+    >
+      FontIcon Avatar
+    </ListItem>
+    <ListItem
+      disabled={true}
+      leftAvatar={
+        <Avatar
+          icon={<FontIcon className="muidocs-icon-communication-voicemail" />}
+          color={blue300}
+          backgroundColor={indigo900}
+          size={30}
+          style={style}
+        />
+      }
+    >
+      FontIcon Avatar with custom colors and size
+    </ListItem>
+    <ListItem
+      disabled={true}
+      leftAvatar={
+        <Avatar icon={<FileFolder />} />
+      }
+    >
+      SvgIcon Avatar
+    </ListItem>
+    <ListItem
+      disabled={true}
+      leftAvatar={
+        <Avatar
+          icon={<FileFolder />}
+          color={orange200}
+          backgroundColor={pink400}
+          size={30}
+          style={style}
+        />
+      }
+    >
+      SvgIcon Avatar with custom colors and size
+    </ListItem>
+    <ListItem
+      disabled={true}
+      leftAvatar={<Avatar>A</Avatar>}
+    >
+      Letter Avatar
+    </ListItem>
+    <ListItem
+      disabled={true}
+      leftAvatar={
+        <Avatar
+          color={deepOrange300}
+          backgroundColor={purple500}
+          size={30}
+          style={style}
+        >
+          A
+        </Avatar>
+      }
+    >
+      Letter Avatar with custom colors and size
+    </ListItem>
+  </List>
+);
+
+
+// "http://www.material-ui.com/#/components/badge"
+const BadgeExampleSimple = () => (
+  <div>
+    <Badge
+      badgeContent={4}
+      primary={true}
+    >
+      <NotificationsIcon />
+    </Badge>
+    <Badge
+      badgeContent={10}
+      secondary={true}
+      badgeStyle={{top: 12, right: 12}}
+    >
+      <IconButton tooltip="Notifications">
+        <NotificationsIcon />
+      </IconButton>
+    </Badge>
+  </div>
+);
+
+const BadgeExampleContent = () => (
+  <div>
+    <Badge
+      badgeContent={<IconButton tooltip="Backup"><UploadIcon /></IconButton>}
+    >
+      <FolderIcon />
+    </Badge>
+    <Badge
+      badgeContent="&copy;"
+      badgeStyle={{fontSize: 20}}
+    >
+      Company Name
+    </Badge>
+  </div>
+);
+
+
+// "http://www.material-ui.com/#/components/flat-button"
+const FlatButtonExampleSimple = () => (
+  <div>
+    <FlatButton label="Default" />
+    <FlatButton label="Primary" primary={true} />
+    <FlatButton label="Secondary" secondary={true} />
+    <FlatButton label="Disabled" disabled={true} />
+  </div>
+);
+
+const FlatButtonExampleComplex = () => (
+  <div>
+    <FlatButton label="Choose an Image" labelPosition="before">
+      <input type="file" style={styles.exampleImageInput} />
+    </FlatButton>
+
+    <FlatButton
+      label="Label before"
+      labelPosition="before"
+      primary={true}
+      style={styles.button}
+      icon={<ActionAndroid />}
+    />
+
+    <FlatButton
+      label="GitHub Link"
+      linkButton={true}
+      href="https://github.com/callemall/material-ui"
+      secondary={true}
+      icon={<FontIcon className="muidocs-icon-custom-github" />}
+    />
+
+  </div>
+);
+
+const FlatButtonExampleIcon = () => (
+  <div>
+    <FlatButton
+      icon={<ActionAndroid />}
+      style={style}
+    />
+    <FlatButton
+      backgroundColor="#a4c639"
+      hoverColor="#8AA62F"
+      icon={<ActionAndroid color={fullWhite} />}
+      style={style}
+    />
+    <FlatButton
+      linkButton={true}
+      href="https://github.com/callemall/material-ui"
+      secondary={true}
+      icon={<FontIcon className="muidocs-icon-custom-github" />}
+      style={style}
+    />
+  </div>
+);
+
+
+// "http://www.material-ui.com/#/components/raised-button"
+const RaisedButtonExampleSimple = () => (
+  <div>
+    <RaisedButton label="Default" style={style} />
+    <RaisedButton label="Primary" primary={true} style={style} />
+    <RaisedButton label="Secondary" secondary={true} style={style} />
+    <RaisedButton label="Disabled" disabled={true} style={style} />
+  </div>
+);
+
+const RaisedButtonExampleComplex = () => (
+  <div>
+    <RaisedButton
+      label="Choose an Image"
+      labelPosition="before"
+      style={styles.button}
+    >
+      <input type="file" style={styles.exampleImageInput} />
+    </RaisedButton>
+    <RaisedButton
+      label="Label before"
+      labelPosition="before"
+      primary={true}
+      icon={<ActionAndroid />}
+      style={styles.button}
+    />
+    <RaisedButton
+      label="Github Link"
+      linkButton={true}
+      href="https://github.com/callemall/material-ui"
+      secondary={true}
+      style={styles.button}
+      icon={<FontIcon className="muidocs-icon-custom-github" />}
+    />
+  </div>
+);
+
+const RaisedButtonExampleIcon = () => (
+  <div>
+    <RaisedButton
+      icon={<ActionAndroid />}
+      style={style}
+    />
+    <RaisedButton
+      backgroundColor="#a4c639"
+      icon={<ActionAndroid color={fullWhite} />}
+      style={style}
+    />
+    <RaisedButton
+      linkButton={true}
+      href="https://github.com/callemall/material-ui"
+      secondary={true}
+      icon={<FontIcon className="muidocs-icon-custom-github" />}
+      style={style}
+    />
+  </div>
+);
+
+
+// "http://www.material-ui.com/#/components/floating-action-button"
+const FloatingActionButtonExampleSimple = () => (
+  <div>
+    <FloatingActionButton style={style}>
+      <ContentAdd />
+    </FloatingActionButton>
+
+    <FloatingActionButton mini={true} style={style}>
+      <ContentAdd />
+    </FloatingActionButton>
+
+    <FloatingActionButton secondary={true} style={style}>
+      <ContentAdd />
+    </FloatingActionButton>
+
+    <FloatingActionButton mini={true} secondary={true} style={style}>
+      <ContentAdd />
+    </FloatingActionButton>
+
+    <FloatingActionButton disabled={true} style={style}>
+      <ContentAdd />
+    </FloatingActionButton>
+
+    <FloatingActionButton mini={true} disabled={true} style={style}>
+      <ContentAdd />
+    </FloatingActionButton>
+  </div>
+);
+
+
+// "http://www.material-ui.com/#/components/icon-button"
+const IconButtonExampleSimple = () => (
+  <div>
+    <IconButton iconClassName="muidocs-icon-custom-github" />
+    <IconButton iconClassName="muidocs-icon-custom-github" disabled={true} />
+  </div>
+);
+
+const IconButtonExampleComplex = () => (
+  <div>
+    <IconButton tooltip="Font Icon">
+      <FontIcon className="muidocs-icon-action-home" />
+    </IconButton>
+
+    <IconButton tooltip="SVG Icon">
+      <ActionHome />
+    </IconButton>
+
+    <IconButton
+      iconClassName="material-icons"
+      tooltip="Ligature"
+    >
+      home
+    </IconButton>
+  </div>
+);
+
+const IconButtonExampleSize = () => (
+  <div>
+    <IconButton>
+      <ActionHome />
+    </IconButton>
+
+    <IconButton
+      iconStyle={styles.smallIcon}
+      style={styles.small}
+    >
+      <ActionHome />
+    </IconButton>
+
+    <IconButton
+      iconStyle={styles.mediumIcon}
+      style={styles.medium}
+    >
+      <ActionHome />
+    </IconButton>
+
+    <IconButton
+      iconStyle={styles.largeIcon}
+      style={styles.large}
+    >
+      <ActionHome />
+    </IconButton>
+  </div>
+);
+
+const IconButtonExampleTooltip = () => (
+  <div>
+    <IconButton
+      iconClassName="muidocs-icon-custom-github" tooltip="bottom-right"
+      tooltipPosition="bottom-right"
+    />
+    <IconButton
+      iconClassName="muidocs-icon-custom-github" tooltip="bottom-center"
+      tooltipPosition="bottom-center"
+    />
+    <IconButton
+      iconClassName="muidocs-icon-custom-github" tooltip="bottom-left"
+      tooltipPosition="bottom-left"
+    />
+    <IconButton
+      iconClassName="muidocs-icon-custom-github" tooltip="top-right"
+      tooltipPosition="top-right"
+    />
+    <IconButton
+      iconClassName="muidocs-icon-custom-github" tooltip="top-center"
+      tooltipPosition="top-center"
+    />
+    <IconButton
+      iconClassName="muidocs-icon-custom-github" tooltip="top-left"
+      tooltipPosition="top-left"
+    />
+  </div>
+);
+
+const IconButtonExampleTouch = () => (
+  <div>
+    <IconButton tooltip="bottom-right" touch={true} tooltipPosition="bottom-right">
+      <ActionGrade />
+    </IconButton>
+    <IconButton tooltip="bottom-center" touch={true} tooltipPosition="bottom-center">
+      <ActionGrade />
+    </IconButton>
+    <IconButton tooltip="bottom-left" touch={true} tooltipPosition="bottom-left">
+      <ActionGrade />
+    </IconButton>
+    <IconButton tooltip="top-right" touch={true} tooltipPosition="top-right">
+      <ActionGrade />
+    </IconButton>
+    <IconButton tooltip="top-center" touch={true} tooltipPosition="top-center">
+      <ActionGrade />
+    </IconButton>
+    <IconButton tooltip="top-left" touch={true} tooltipPosition="top-left">
+      <ActionGrade />
+    </IconButton>
+  </div>
+);
+
+
+// "http://www.material-ui.com/#/components/card"
+const CardExampleWithAvatar = () => (
+  <Card>
+    <CardHeader
+      title="URL Avatar"
+      subtitle="Subtitle"
+      avatar="http://lorempixel.com/100/100/nature/"
+    />
+    <CardMedia
+      overlay={<CardTitle title="Overlay title" subtitle="Overlay subtitle" />}
+    >
+      <img src="http://lorempixel.com/600/337/nature/" />
+    </CardMedia>
+    <CardTitle title="Card title" subtitle="Card subtitle" />
+    <CardText>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+      Donec mattis pretium massa. Aliquam erat volutpat. Nulla facilisi.
+      Donec vulputate interdum sollicitudin. Nunc lacinia auctor quam sed pellentesque.
+      Aliquam dui mauris, mattis quis lacus id, pellentesque lobortis odio.
+    </CardText>
+    <CardActions>
+      <FlatButton label="Action1" />
+      <FlatButton label="Action2" />
+    </CardActions>
+  </Card>
+);
+
+const CardExampleWithoutAvatar = () => (
+  <Card>
+    <CardHeader
+      title="Without Avatar"
+      subtitle="Subtitle"
+      actAsExpander={true}
+      showExpandableButton={true}
+    />
+    <CardText expandable={true}>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+      Donec mattis pretium massa. Aliquam erat volutpat. Nulla facilisi.
+      Donec vulputate interdum sollicitudin. Nunc lacinia auctor quam sed pellentesque.
+      Aliquam dui mauris, mattis quis lacus id, pellentesque lobortis odio.
+    </CardText>
+    <CardActions expandable={true}>
+      <FlatButton label="Action1" />
+      <FlatButton label="Action2" />
+    </CardActions>
+  </Card>
+);
+
+class CardExampleControlled extends React.Component<{}, {expanded: boolean}> {
+
+  constructor(props) {
+    super(props);
+    this.state = {
+      expanded: false,
+    };
+  }
+
+  handleExpandChange = (expanded) => {
+    this.setState({expanded: expanded});
+  };
+
+  handleToggle = (event, toggle) => {
+    this.setState({expanded: toggle});
+  };
+
+  handleExpand = () => {
+    this.setState({expanded: true});
+  };
+
+  handleReduce = () => {
+    this.setState({expanded: false});
+  };
+
+  render() {
+    return (
+      <Card expanded={this.state.expanded} onExpandChange={this.handleExpandChange}>
+        <CardHeader
+          title="URL Avatar"
+          subtitle="Subtitle"
+          avatar="http://lorempixel.com/100/100/nature/"
+          actAsExpander={true}
+          showExpandableButton={true}
+        />
+        <CardText>
+          <Toggle
+            toggled={this.state.expanded}
+            onToggle={this.handleToggle}
+            labelPosition="right"
+            label="This toggle controls the expanded state of the component."
+          />
+        </CardText>
+        <CardMedia
+          expandable={true}
+          overlay={<CardTitle title="Overlay title" subtitle="Overlay subtitle" />}
+        >
+          <img src="http://lorempixel.com/600/337/nature/" />
+        </CardMedia>
+        <CardTitle title="Card title" subtitle="Card subtitle" expandable={true} />
+        <CardText expandable={true}>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+          Donec mattis pretium massa. Aliquam erat volutpat. Nulla facilisi.
+          Donec vulputate interdum sollicitudin. Nunc lacinia auctor quam sed pellentesque.
+          Aliquam dui mauris, mattis quis lacus id, pellentesque lobortis odio.
+        </CardText>
+        <CardActions>
+          <FlatButton label="Expand" onTouchTap={this.handleExpand} />
+          <FlatButton label="Reduce" onTouchTap={this.handleReduce} />
+        </CardActions>
+      </Card>
+    );
+  }
+}
+
+
+// "http://www.material-ui.com/#/components/date-picker"
+const DatePickerExampleSimple = () => (
+  <div>
+    <DatePicker hintText="Portrait Dialog" />
+    <DatePicker hintText="Landscape Dialog" mode="landscape" />
+    <DatePicker hintText="Dialog Disabled" disabled={true} />
+  </div>
+);
+
+const DatePickerExampleInline = () => (
+  <div>
+    <DatePicker hintText="Portrait Inline Dialog" container="inline" />
+    <DatePicker hintText="Landscape Inline Dialog" container="inline" mode="landscape" />
+  </div>
+);
+
+const optionsStyle = {
+  maxWidth: 255,
+  marginRight: 'auto',
+};
+
+interface DatePickerExampleToggleState {
+  minDate?: Date;
+  maxDate?: Date;
+  autoOk?: boolean;
+  disableYearSelection?: boolean;
+}
+
+class DatePickerExampleToggle extends React.Component<{}, DatePickerExampleToggleState> {
+  constructor(props) {
+    super(props);
+
+    const minDate = new Date();
+    const maxDate = new Date();
+    minDate.setFullYear(minDate.getFullYear() - 1);
+    minDate.setHours(0, 0, 0, 0);
+    maxDate.setFullYear(maxDate.getFullYear() + 1);
+    maxDate.setHours(0, 0, 0, 0);
+
+    this.state = {
+      minDate: minDate,
+      maxDate: maxDate,
+      autoOk: false,
+      disableYearSelection: false,
+    };
+  }
+
+  handleChangeMinDate = (event, date) => {
+    this.setState({
+      minDate: date,
+    });
+  };
+
+  handleChangeMaxDate = (event, date) => {
+    this.setState({
+      maxDate: date,
+    });
+  };
+
+  handleToggle = (event, toggled) => {
+    this.setState({
+      [event.target.name]: toggled,
+    });
+  };
+
+  render() {
+    return (
+      <div>
+        <DatePicker
+          floatingLabelText="Ranged Date Picker"
+          autoOk={this.state.autoOk}
+          minDate={this.state.minDate}
+          maxDate={this.state.maxDate}
+          disableYearSelection={this.state.disableYearSelection}
+        />
+        <div style={optionsStyle}>
+          <DatePicker
+            onChange={this.handleChangeMinDate}
+            autoOk={this.state.autoOk}
+            floatingLabelText="Min Date"
+            defaultDate={this.state.minDate}
+            disableYearSelection={this.state.disableYearSelection}
+          />
+          <DatePicker
+            onChange={this.handleChangeMaxDate}
+            autoOk={this.state.autoOk}
+            floatingLabelText="Max Date"
+            defaultDate={this.state.maxDate}
+            disableYearSelection={this.state.disableYearSelection}
+          />
+          <Toggle
+            name="autoOk"
+            value="autoOk"
+            label="Auto Ok"
+            toggled={this.state.autoOk}
+            onToggle={this.handleToggle}
+          />
+          <Toggle
+            name="disableYearSelection"
+            value="disableYearSelection"
+            label="Disable Year Selection"
+            toggled={this.state.disableYearSelection}
+            onToggle={this.handleToggle}
+          />
+        </div>
+      </div>
+    );
+  }
+}
+
+class DatePickerExampleControlled extends React.Component<{}, {controlledDate?: Date}> {
+
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      controlledDate: null,
+    };
+  }
+
+  handleChange = (event, date) => {
+    this.setState({
+      controlledDate: date,
+    });
+  };
+
+  render() {
+    return (
+      <DatePicker
+        hintText="Controlled Date Input"
+        value={this.state.controlledDate}
+        onChange={this.handleChange}
+      />
+    );
+  }
+}
+
+function disableWeekends(date) {
+  return date.getDay() === 0 || date.getDay() === 6;
+}
+function disableRandomDates() {
+  return Math.random() > 0.7;
+}
+const DatePickerExampleDisableDates = () => (
+  <div>
+    <DatePicker hintText="Weekends Disabled" shouldDisableDate={disableWeekends} />
+    <DatePicker hintText="Random Dates Disabled" shouldDisableDate={disableRandomDates} />
+  </div>
+);
+
+let DateTimeFormat = new Intl.DateTimeFormat('fr');
+const DatePickerExampleInternational = () => (
+  <div>
+    <DatePicker
+      hintText="fr locale"
+      DateTimeFormat={DateTimeFormat}
+      okLabel="OK"
+      cancelLabel="Annuler"
+      locale="fr"
+    />
+    <DatePicker
+      hintText="en-US locale"
+      locale="en-US"
+      firstDayOfWeek={0}
+    />
+    <DatePicker
+      hintText="Custom date format"
+      firstDayOfWeek={0}
+      formatDate={new Intl.DateTimeFormat('en-US', {
+        day: 'numeric',
+        month: 'long',
+        year: 'numeric',
+      }).format}
+    />
+  </div>
+);
+
+
+
+// "http://material-ui.com/#/components/dialog"
+class DialogExampleSimple extends React.Component<{}, {open?: boolean}> {
+  state = {
+    open: false,
+  };
+
+  handleOpen = () => {
+    this.setState({open: true});
+  };
+
+  handleClose = () => {
+    this.setState({open: false});
+  };
+
+  render() {
+    const actions = [
+      <FlatButton
+        label="Cancel"
+        primary={true}
+        onTouchTap={this.handleClose}
+      />,
+      <FlatButton
+        label="Submit"
+        primary={true}
+        keyboardFocused={true}
+        onTouchTap={this.handleClose}
+      />,
+    ];
+
+    return (
+      <div>
+        <RaisedButton label="Dialog" onTouchTap={this.handleOpen} />
+        <Dialog
+          title="Dialog With Actions"
+          actions={actions}
+          modal={false}
+          open={this.state.open}
+          onRequestClose={this.handleClose}
+        >
+          The actions in this window were passed in as an array of React objects.
+        </Dialog>
+      </div>
+    );
+  }
+}
+
+class DialogExampleModal extends React.Component<{}, {open?: boolean}> {
+  state = {
+    open: false,
+  };
+
+  handleOpen = () => {
+    this.setState({open: true});
+  };
+
+  handleClose = () => {
+    this.setState({open: false});
+  };
+
+  render() {
+    const actions = [
+      <FlatButton
+        label="Cancel"
+        primary={true}
+        onTouchTap={this.handleClose}
+      />,
+      <FlatButton
+        label="Submit"
+        primary={true}
+        disabled={true}
+        onTouchTap={this.handleClose}
+      />,
+    ];
+
+    return (
+      <div>
+        <RaisedButton label="Modal Dialog" onTouchTap={this.handleOpen} />
+        <Dialog
+          title="Dialog With Actions"
+          actions={actions}
+          modal={true}
+          open={this.state.open}
+        >
+          Only actions can close this dialog.
+        </Dialog>
+      </div>
+    );
+  }
+}
+
+class DialogExampleCustomWidth extends React.Component<{}, {open?: boolean}> {
+  state = {
+    open: false,
+  };
+
+  handleOpen = () => {
+    this.setState({open: true});
+  };
+
+  handleClose = () => {
+    this.setState({open: false});
+  };
+
+  render() {
+    const actions = [
+      <FlatButton
+        label="Cancel"
+        primary={true}
+        onTouchTap={this.handleClose}
+      />,
+      <FlatButton
+        label="Submit"
+        primary={true}
+        onTouchTap={this.handleClose}
+      />,
+    ];
+
+    return (
+      <div>
+        <RaisedButton label="Dialog With Custom Width" onTouchTap={this.handleOpen} />
+        <Dialog
+          title="Dialog With Custom Width"
+          actions={actions}
+          modal={true}
+          contentStyle={customContentStyle}
+          open={this.state.open}
+        >
+          This dialog spans the entire width of the screen.
+        </Dialog>
+      </div>
+    );
+  }
+}
+
+class DialogExampleDialogDatePicker extends React.Component<{}, {open?: boolean}> {
+  state = {
+    open: false,
+  };
+
+  handleOpen = () => {
+    this.setState({open: true});
+  };
+
+  handleClose = () => {
+    this.setState({open: false});
+  };
+
+  render() {
+    const actions = [
+      <FlatButton
+        label="Ok"
+        primary={true}
+        keyboardFocused={true}
+        onTouchTap={this.handleClose}
+      />,
+    ];
+
+    return (
+      <div>
+        <RaisedButton label="Dialog With Date Picker" onTouchTap={this.handleOpen} />
+        <Dialog
+          title="Dialog With Date Picker"
+          actions={actions}
+          modal={false}
+          open={this.state.open}
+          onRequestClose={this.handleClose}
+        >
+          Open a Date Picker dialog from within a dialog.
+          <DatePicker hintText="Date Picker" />
+        </Dialog>
+      </div>
+    );
+  }
+}
+
+class DialogExampleScrollable extends React.Component<{}, {open?: boolean}> {
+  state = {
+    open: false,
+  };
+
+  handleOpen = () => {
+    this.setState({open: true});
+  };
+
+  handleClose = () => {
+    this.setState({open: false});
+  };
+
+  render() {
+    const actions = [
+      <FlatButton
+        label="Cancel"
+        primary={true}
+        onTouchTap={this.handleClose}
+      />,
+      <FlatButton
+        label="Submit"
+        primary={true}
+        keyboardFocused={true}
+        onTouchTap={this.handleClose}
+      />,
+    ];
+
+    const radios = [];
+    for (let i = 0; i < 30; i++) {
+      radios.push(
+        <RadioButton
+          key={i}
+          value={`value${i + 1}`}
+          label={`Option ${i + 1}`}
+          style={styles.radioButton}
+        />
+      );
     }
 
-    private handleChange = (e: TouchTapEvent, index: number, value: number) => this.setState(Object.assign({}, this.state, { value }));
+    return (
+      <div>
+        <RaisedButton label="Scrollable Dialog" onTouchTap={this.handleOpen} />
+        <Dialog
+          title="Scrollable Dialog"
+          actions={actions}
+          modal={false}
+          open={this.state.open}
+          onRequestClose={this.handleClose}
+          autoScrollBodyContent={true}
+        >
+          <RadioButtonGroup name="shipSpeed" defaultSelected="not_light">
+            {radios}
+          </RadioButtonGroup>
+        </Dialog>
+      </div>
+    );
+  }
+}
 
-    private handleUpdateInput(t: string) {
-        this.setState(Object.assign({}, this.state, {
-            dataSource: [t, t + t, t + t + t],
-        }));
-    }
-    private handleTouchTap(e: TouchTapEvent) {
-        alert('onTouchTap triggered on the title component');
-    }
-    private handleActionTouchTap() {
-        this.setState(Object.assign({}, this.state, {open: false,}));
-        alert('Event removed from your calendar.');
-    }
-    private handleChangeDuration = (event: React.FormEvent) => {
-        const value = event.target["value"];
-        this.setState(Object.assign({}, this.state, {
-            autoHideDuration: value.length > 0 ? parseInt(value) : 0,
-        }));
-    }
-    private onRowSelection(selectedRows: number[] | string) {
-    }
-    private handleActive(tab: Tab) {
-        alert(`A tab with this route property ${tab.props.value} was activated.`);
-    }
-    private handleChangeTabs(value: any, e: React.FormEvent, tab: Tab) {
-    }
-    private handleChangeTimePicker12(err, time) {
-        this.picker12hr.setTime(time);
+class DialogExampleAlert extends React.Component<{}, {open?: boolean}> {
+  state = {
+    open: false,
+  };
+
+  handleOpen = () => {
+    this.setState({open: true});
+  };
+
+  handleClose = () => {
+    this.setState({open: false});
+  };
+
+  render() {
+    const actions = [
+      <FlatButton
+        label="Cancel"
+        primary={true}
+        onTouchTap={this.handleClose}
+      />,
+      <FlatButton
+        label="Discard"
+        primary={true}
+        onTouchTap={this.handleClose}
+      />,
+    ];
+
+    return (
+      <div>
+        <RaisedButton label="Alert" onTouchTap={this.handleOpen} />
+        <Dialog
+          actions={actions}
+          modal={false}
+          open={this.state.open}
+          onRequestClose={this.handleClose}
+        >
+          Discard draft?
+        </Dialog>
+      </div>
+    );
+  }
+}
+
+
+// "http://www.material-ui.com/#/components/divider"
+const DividerExampleForm = () => (
+  <Paper zDepth={2}>
+    <TextField hintText="First name" style={style} underlineShow={false} />
+    <Divider />
+    <TextField hintText="Middle name" style={style} underlineShow={false} />
+    <Divider />
+    <TextField hintText="Last name" style={style} underlineShow={false} />
+    <Divider />
+    <TextField hintText="Email address" style={style} underlineShow={false} />
+    <Divider />
+  </Paper>
+);
+
+const DividerExampleList = () => (
+  <Paper height={250}>
+    <List>
+      <ListItem insetChildren={true} primaryText="Janet Perkins Bennet" />
+      <ListItem insetChildren={true} primaryText="Peter Carlsson" />
+    </List>
+    <Divider inset={true} />
+    <List>
+      <ListItem insetChildren={true} primaryText="Aaron Bennet" />
+      <ListItem insetChildren={true} primaryText="Abbey Christensen" />
+    </List>
+  </Paper>
+);
+
+const DividerExampleMenu = () => (
+  <Menu desktop={true} style={style}>
+    <MenuItem primaryText="Settings" />
+    <MenuItem primaryText="Help &amp; feedback" />
+    <Divider />
+    <MenuItem primaryText="Sign out" />
+  </Menu>
+);
+
+
+// "http://www.material-ui.com/#/components/drawer"
+class DrawerSimpleExample extends React.Component<{}, {open?: boolean}> {
+
+  constructor(props) {
+    super(props);
+    this.state = {open: false};
+  }
+
+  handleToggle = () => this.setState({open: !this.state.open});
+
+  render() {
+    return (
+      <div>
+        <RaisedButton
+          label="Toggle Drawer"
+          onTouchTap={this.handleToggle}
+        />
+        <Drawer open={this.state.open}>
+          <MenuItem>Menu Item</MenuItem>
+          <MenuItem>Menu Item 2</MenuItem>
+        </Drawer>
+      </div>
+    );
+  }
+}
+
+class DrawerUndockedExample extends React.Component<{}, {open?: boolean}> {
+
+  constructor(props) {
+    super(props);
+    this.state = {open: false};
+  }
+
+  handleToggle = () => this.setState({open: !this.state.open});
+
+  handleClose = () => this.setState({open: false});
+
+  render() {
+    return (
+      <div>
+        <RaisedButton
+          label="Open Drawer"
+          onTouchTap={this.handleToggle}
+        />
+        <Drawer
+          docked={false}
+          width={200}
+          open={this.state.open}
+          onRequestChange={(open) => this.setState({open})}
+        >
+          <MenuItem onTouchTap={this.handleClose}>Menu Item</MenuItem>
+          <MenuItem onTouchTap={this.handleClose}>Menu Item 2</MenuItem>
+        </Drawer>
+      </div>
+    );
+  }
+}
+
+class DrawerOpenRightExample extends React.Component<{}, {open?: boolean}> {
+
+  constructor(props) {
+    super(props);
+    this.state = {open: false};
+  }
+
+  handleToggle = () => this.setState({open: !this.state.open});
+
+  render() {
+    return (
+      <div>
+        <RaisedButton
+          label="Toggle Drawer"
+          onTouchTap={this.handleToggle}
+        />
+        <Drawer width={200} openSecondary={true} open={this.state.open} >
+          <AppBar title="AppBar" />
+        </Drawer>
+      </div>
+    );
+  }
+}
+
+
+// "http://www.material-ui.com/#/components/grid-list"
+const tilesData: {img: string, title: string, author: string, featured?: boolean}[] = [
+  {
+    img: 'images/grid-list/00-52-29-429_640.jpg',
+    title: 'Breakfast',
+    author: 'jill111',
+    featured: true,
+  },
+  {
+    img: 'images/grid-list/burger-827309_640.jpg',
+    title: 'Tasty burger',
+    author: 'pashminu',
+  },
+  {
+    img: 'images/grid-list/camera-813814_640.jpg',
+    title: 'Camera',
+    author: 'Danson67',
+  },
+  {
+    img: 'images/grid-list/morning-819362_640.jpg',
+    title: 'Morning',
+    author: 'fancycrave1',
+  },
+  {
+    img: 'images/grid-list/hats-829509_640.jpg',
+    title: 'Hats',
+    author: 'Hans',
+  },
+  {
+    img: 'images/grid-list/honey-823614_640.jpg',
+    title: 'Honey',
+    author: 'fancycravel',
+  },
+  {
+    img: 'images/grid-list/vegetables-790022_640.jpg',
+    title: 'Vegetables',
+    author: 'jill111',
+  },
+  {
+    img: 'images/grid-list/water-plant-821293_640.jpg',
+    title: 'Water plant',
+    author: 'BkrmadtyaKarki',
+  },
+];
+
+const GridListExampleSimple = () => (
+  <div style={styles.root}>
+    <GridList
+      cellHeight={200}
+      style={styles.gridList}
+    >
+      <Subheader>December</Subheader>
+      {tilesData.map((tile) => (
+        <GridTile
+          key={tile.img}
+          title={tile.title}
+          subtitle={<span>by <b>{tile.author}</b></span>}
+          actionIcon={<IconButton><StarBorder color="white" /></IconButton>}
+        >
+          <img src={tile.img} />
+        </GridTile>
+      ))}
+    </GridList>
+  </div>
+);
+
+const GridListExampleComplex = () => (
+  <div style={styles.root}>
+    <GridList
+      cols={2}
+      cellHeight={200}
+      padding={1}
+      style={styles.gridList}
+    >
+      {tilesData.map((tile) => (
+        <GridTile
+          key={tile.img}
+          title={tile.title}
+          actionIcon={<IconButton><StarBorder color="white" /></IconButton>}
+          actionPosition="left"
+          titlePosition="top"
+          titleBackground="linear-gradient(to bottom, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.3) 70%,rgba(0,0,0,0) 100%)"
+          cols={tile.featured ? 2 : 1}
+          rows={tile.featured ? 2 : 1}
+        >
+          <img src={tile.img} />
+        </GridTile>
+      ))}
+    </GridList>
+  </div>
+);
+
+
+// "http://www.material-ui.com/#/components/font-icon"
+const FontIconExampleSimple = () => (
+  <div>
+    <FontIcon
+      className="muidocs-icon-action-home"
+      style={iconStyles}
+    />
+
+    <FontIcon
+      className="muidocs-icon-action-home"
+      style={iconStyles}
+      color={blue500}
+    />
+
+    <FontIcon
+      className="muidocs-icon-action-home"
+      style={iconStyles}
+      color={red500}
+      hoverColor={greenA200}
+    />
+  </div>
+);
+
+const FontIconExampleIcons = () => (
+  <div>
+    <FontIcon className="material-icons" style={iconStyles}>home</FontIcon>
+    <FontIcon className="material-icons" style={iconStyles} color={red500}>flight_takeoff</FontIcon>
+    <FontIcon className="material-icons" style={iconStyles} color={yellow500}>cloud_download</FontIcon>
+    <FontIcon className="material-icons" style={iconStyles} color={blue500}>videogame_asset</FontIcon>
+  </div>
+);
+
+
+// "http://www.material-ui.com/#/components/svg-icon"
+const HomeIcon = (props) => (
+  <SvgIcon {...props}>
+    <path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z" />
+  </SvgIcon>
+);
+
+const SvgIconExampleSimple = () => (
+  <div>
+    <HomeIcon style={iconStyles} />
+    <HomeIcon style={iconStyles} color={blue500} />
+    <HomeIcon style={iconStyles} color={red500} hoverColor={greenA200} />
+  </div>
+);
+
+const SvgIconExampleIcons = () => (
+  <div>
+    <ActionHome style={iconStyles} />
+    <ActionFlightTakeoff style={iconStyles} color={red500} />
+    <FileCloudDownload style={iconStyles} color={yellow500} />
+    <HardwareVideogameAsset style={iconStyles} color={blue500} />
+  </div>
+);
+
+
+// "http://material-ui.com/#/components/lists"
+const ListExampleSimple = () => (
+  <Paper>
+    <List>
+      <ListItem primaryText="Inbox" leftIcon={<ContentInbox />} />
+      <ListItem primaryText="Starred" leftIcon={<ActionGrade />} />
+      <ListItem primaryText="Sent mail" leftIcon={<ContentSend />} />
+      <ListItem primaryText="Drafts" leftIcon={<ContentDrafts />} />
+      <ListItem primaryText="Inbox" leftIcon={<ContentInbox />} />
+    </List>
+    <Divider />
+    <List>
+      <ListItem primaryText="All mail" rightIcon={<ActionInfo />} />
+      <ListItem primaryText="Trash" rightIcon={<ActionInfo />} />
+      <ListItem primaryText="Spam" rightIcon={<ActionInfo />} />
+      <ListItem primaryText="Follow up" rightIcon={<ActionInfo />} />
+    </List>
+  </Paper>
+);
+
+const ListExampleChat = () => (
+  <Paper>
+    <List>
+      <Subheader>Recent chats</Subheader>
+      <ListItem
+        primaryText="Brendan Lim"
+        leftAvatar={<Avatar src="images/ok-128.jpg" />}
+        rightIcon={<CommunicationChatBubble />}
+      />
+      <ListItem
+        primaryText="Eric Hoffman"
+        leftAvatar={<Avatar src="images/kolage-128.jpg" />}
+        rightIcon={<CommunicationChatBubble />}
+      />
+      <ListItem
+        primaryText="Grace Ng"
+        leftAvatar={<Avatar src="images/uxceo-128.jpg" />}
+        rightIcon={<CommunicationChatBubble />}
+      />
+      <ListItem
+        primaryText="Kerem Suer"
+        leftAvatar={<Avatar src="images/kerem-128.jpg" />}
+        rightIcon={<CommunicationChatBubble />}
+      />
+      <ListItem
+        primaryText="Raquel Parrado"
+        leftAvatar={<Avatar src="images/raquelromanp-128.jpg" />}
+        rightIcon={<CommunicationChatBubble />}
+      />
+    </List>
+    <Divider />
+    <List>
+      <Subheader>Previous chats</Subheader>
+      <ListItem
+        primaryText="Chelsea Otakan"
+        leftAvatar={<Avatar src="images/chexee-128.jpg" />}
+      />
+      <ListItem
+        primaryText="James Anderson"
+        leftAvatar={<Avatar src="images/jsa-128.jpg" />}
+      />
+    </List>
+  </Paper>
+);
+
+const ListExampleContacts = () => (
+  <Paper>
+    <List>
+      <ListItem
+        primaryText="Chelsea Otakan"
+        leftIcon={<ActionGrade color={pinkA200} />}
+        rightAvatar={<Avatar src="images/chexee-128.jpg" />}
+      />
+      <ListItem
+        primaryText="Eric Hoffman"
+        insetChildren={true}
+        rightAvatar={<Avatar src="images/kolage-128.jpg" />}
+      />
+      <ListItem
+        primaryText="James Anderson"
+        insetChildren={true}
+        rightAvatar={<Avatar src="images/jsa-128.jpg" />}
+      />
+      <ListItem
+        primaryText="Kerem Suer"
+        insetChildren={true}
+        rightAvatar={<Avatar src="images/kerem-128.jpg" />}
+      />
+    </List>
+    <Divider inset={true} />
+    <List>
+      <ListItem
+        primaryText="Adelle Charles"
+        leftAvatar={
+          <Avatar
+            color={pinkA200} backgroundColor={transparent}
+            style={{left: 8}}
+          >
+            A
+          </Avatar>
+        }
+        rightAvatar={<Avatar src="images/adellecharles-128.jpg" />}
+      />
+      <ListItem
+        primaryText="Adham Dannaway"
+        insetChildren={true}
+        rightAvatar={<Avatar src="images/adhamdannaway-128.jpg" />}
+      />
+      <ListItem
+        primaryText="Allison Grayce"
+        insetChildren={true}
+        rightAvatar={<Avatar src="images/allisongrayce-128.jpg" />}
+      />
+      <ListItem
+        primaryText="Angel Ceballos"
+        insetChildren={true}
+        rightAvatar={<Avatar src="images/angelceballos-128.jpg" />}
+      />
+    </List>
+  </Paper>
+);
+
+const ListExampleFolder = () => (
+  <Paper>
+    <List>
+      <Subheader inset={true}>Folders</Subheader>
+      <ListItem
+        leftAvatar={<Avatar icon={<FileFolder />} />}
+        rightIcon={<ActionInfo />}
+        primaryText="Photos"
+        secondaryText="Jan 9, 2014"
+      />
+      <ListItem
+        leftAvatar={<Avatar icon={<FileFolder />} />}
+        rightIcon={<ActionInfo />}
+        primaryText="Recipes"
+        secondaryText="Jan 17, 2014"
+      />
+      <ListItem
+        leftAvatar={<Avatar icon={<FileFolder />} />}
+        rightIcon={<ActionInfo />}
+        primaryText="Work"
+        secondaryText="Jan 28, 2014"
+      />
+    </List>
+    <Divider inset={true} />
+    <List>
+      <Subheader inset={true}>Files</Subheader>
+      <ListItem
+        leftAvatar={<Avatar icon={<ActionAssignment />} backgroundColor={blue500} />}
+        rightIcon={<ActionInfo />}
+        primaryText="Vacation itinerary"
+        secondaryText="Jan 20, 2014"
+      />
+      <ListItem
+        leftAvatar={<Avatar icon={<EditorInsertChart />} backgroundColor={yellow600} />}
+        rightIcon={<ActionInfo />}
+        primaryText="Kitchen remodel"
+        secondaryText="Jan 10, 2014"
+      />
+    </List>
+  </Paper>
+);
+
+const ListExampleNested = () => (
+  <Paper>
+    <List>
+      <Subheader>Nested List Items</Subheader>
+      <ListItem primaryText="Sent mail" leftIcon={<ContentSend />} />
+      <ListItem primaryText="Drafts" leftIcon={<ContentDrafts />} />
+      <ListItem
+        primaryText="Inbox"
+        leftIcon={<ContentInbox />}
+        initiallyOpen={true}
+        primaryTogglesNestedList={true}
+        nestedItems={[
+          <ListItem
+            key={1}
+            primaryText="Starred"
+            leftIcon={<ActionGrade />}
+          />,
+          <ListItem
+            key={2}
+            primaryText="Sent Mail"
+            leftIcon={<ContentSend />}
+            disabled={true}
+            nestedItems={[
+              <ListItem key={1} primaryText="Drafts" leftIcon={<ContentDrafts />} />,
+            ]}
+          />,
+        ]}
+      />
+    </List>
+  </Paper>
+);
+
+const ListExampleSettings = () => (
+  <div>
+    <Paper>
+      <List>
+        <Subheader>General</Subheader>
+        <ListItem
+          primaryText="Profile photo"
+          secondaryText="Change your Google+ profile photo"
+        />
+        <ListItem
+          primaryText="Show your status"
+          secondaryText="Your status is visible to everyone you use with"
+        />
+      </List>
+      <Divider />
+      <List>
+        <Subheader>Hangout Notifications</Subheader>
+        <ListItem
+          leftCheckbox={<Checkbox />}
+          primaryText="Notifications"
+          secondaryText="Allow notifications"
+        />
+        <ListItem
+          leftCheckbox={<Checkbox />}
+          primaryText="Sounds"
+          secondaryText="Hangouts message"
+        />
+        <ListItem
+          leftCheckbox={<Checkbox />}
+          primaryText="Video sounds"
+          secondaryText="Hangouts video call"
+        />
+      </List>
+    </Paper>
+    <Paper>
+      <List>
+        <ListItem
+          primaryText="When calls and notifications arrive"
+          secondaryText="Always interrupt"
+        />
+      </List>
+      <Divider />
+      <List>
+        <Subheader>Priority Interruptions</Subheader>
+        <ListItem primaryText="Events and reminders" rightToggle={<Toggle />} />
+        <ListItem primaryText="Calls" rightToggle={<Toggle />} />
+        <ListItem primaryText="Messages" rightToggle={<Toggle />} />
+      </List>
+      <Divider />
+      <List>
+        <Subheader>Hangout Notifications</Subheader>
+        <ListItem primaryText="Notifications" leftCheckbox={<Checkbox />} />
+        <ListItem primaryText="Sounds" leftCheckbox={<Checkbox />} />
+        <ListItem primaryText="Video sounds" leftCheckbox={<Checkbox />} />
+      </List>
+    </Paper>
+  </div>
+);
+
+const ListExamplePhone = () => (
+  <Paper>
+    <List>
+      <ListItem
+        leftIcon={<CommunicationCall color={indigo500} />}
+        rightIcon={<CommunicationChatBubble />}
+        primaryText="(650) 555 - 1234"
+        secondaryText="Mobile"
+      />
+      <ListItem
+        insetChildren={true}
+        rightIcon={<CommunicationChatBubble />}
+        primaryText="(323) 555 - 6789"
+        secondaryText="Work"
+      />
+    </List>
+    <Divider inset={true} />
+    <List>
+      <ListItem
+        leftIcon={<CommunicationEmail color={indigo500} />}
+        primaryText="aliconnors@example.com"
+        secondaryText="Personal"
+      />
+      <ListItem
+        insetChildren={true}
+        primaryText="ali_connors@example.com"
+        secondaryText="Work"
+      />
+    </List>
+  </Paper>
+);
+
+const iconButtonElement = (
+  <IconButton
+    touch={true}
+    tooltip="more"
+    tooltipPosition="bottom-left"
+  >
+    <MoreVertIcon color={grey400} />
+  </IconButton>
+);
+
+const rightIconMenu = (
+  <IconMenu iconButtonElement={iconButtonElement}>
+    <MenuItem>Reply</MenuItem>
+    <MenuItem>Forward</MenuItem>
+    <MenuItem>Delete</MenuItem>
+  </IconMenu>
+);
+
+const ListExampleMessages = () => (
+  <div>
+    <Paper>
+      <List>
+        <Subheader>Today</Subheader>
+        <ListItem
+          leftAvatar={<Avatar src="images/ok-128.jpg" />}
+          primaryText="Brunch this weekend?"
+          secondaryText={
+            <p>
+              <span style={{color: darkBlack}}>Brendan Lim</span> --
+              I&apos;ll be in your neighborhood doing errands this weekend. Do you want to grab brunch?
+            </p>
+          }
+          secondaryTextLines={2}
+        />
+        <Divider inset={true} />
+        <ListItem
+          leftAvatar={<Avatar src="images/kolage-128.jpg" />}
+          primaryText={
+            <p>Summer BBQ&nbsp;&nbsp;<span style={{color: lightBlack}}>4</span></p>
+          }
+          secondaryText={
+            <p>
+              <span style={{color: darkBlack}}>to me, Scott, Jennifer</span> --
+              Wish I could come, but I&apos;m out of town this weekend.
+            </p>
+          }
+          secondaryTextLines={2}
+        />
+        <Divider inset={true} />
+        <ListItem
+          leftAvatar={<Avatar src="images/uxceo-128.jpg" />}
+          primaryText="Oui oui"
+          secondaryText={
+            <p>
+              <span style={{color: darkBlack}}>Grace Ng</span> --
+              Do you have Paris recommendations? Have you ever been?
+            </p>
+          }
+          secondaryTextLines={2}
+        />
+        <Divider inset={true} />
+        <ListItem
+          leftAvatar={<Avatar src="images/kerem-128.jpg" />}
+          primaryText="Birdthday gift"
+          secondaryText={
+            <p>
+              <span style={{color: darkBlack}}>Kerem Suer</span> --
+              Do you have any ideas what we can get Heidi for her birthday? How about a pony?
+            </p>
+          }
+          secondaryTextLines={2}
+        />
+        <Divider inset={true} />
+        <ListItem
+          leftAvatar={<Avatar src="images/raquelromanp-128.jpg" />}
+          primaryText="Recipe to try"
+          secondaryText={
+            <p>
+              <span style={{color: darkBlack}}>Raquel Parrado</span> --
+              We should eat this: grated squash. Corn and tomatillo tacos.
+            </p>
+          }
+          secondaryTextLines={2}
+        />
+      </List>
+    </Paper>
+    <Paper>
+      <List>
+        <Subheader>Today</Subheader>
+        <ListItem
+          leftAvatar={<Avatar src="images/ok-128.jpg" />}
+          rightIconButton={rightIconMenu}
+          primaryText="Brendan Lim"
+          secondaryText={
+            <p>
+              <span style={{color: darkBlack}}>Brunch this weekend?</span><br />
+              I&apos;ll be in your neighborhood doing errands this weekend. Do you want to grab brunch?
+            </p>
+          }
+          secondaryTextLines={2}
+        />
+        <Divider inset={true} />
+        <ListItem
+          leftAvatar={<Avatar src="images/kolage-128.jpg" />}
+          rightIconButton={rightIconMenu}
+          primaryText="me, Scott, Jennifer"
+          secondaryText={
+            <p>
+              <span style={{color: darkBlack}}>Summer BBQ</span><br />
+              Wish I could come, but I&apos;m out of town this weekend.
+            </p>
+          }
+          secondaryTextLines={2}
+        />
+        <Divider inset={true} />
+        <ListItem
+          leftAvatar={<Avatar src="images/uxceo-128.jpg" />}
+          rightIconButton={rightIconMenu}
+          primaryText="Grace Ng"
+          secondaryText={
+            <p>
+              <span style={{color: darkBlack}}>Oui oui</span><br />
+              Do you have any Paris recs? Have you ever been?
+            </p>
+          }
+          secondaryTextLines={2}
+        />
+        <Divider inset={true} />
+        <ListItem
+          leftAvatar={<Avatar src="images/kerem-128.jpg" />}
+          rightIconButton={rightIconMenu}
+          primaryText="Kerem Suer"
+          secondaryText={
+            <p>
+              <span style={{color: darkBlack}}>Birthday gift</span><br />
+              Do you have any ideas what we can get Heidi for her birthday? How about a pony?
+            </p>
+          }
+          secondaryTextLines={2}
+        />
+        <Divider inset={true} />
+        <ListItem
+          leftAvatar={<Avatar src="images/raquelromanp-128.jpg" />}
+          rightIconButton={rightIconMenu}
+          primaryText="Raquel Parrado"
+          secondaryText={
+            <p>
+              <span style={{color: darkBlack}}>Recipe to try</span><br />
+              We should eat this: grated squash. Corn and tomatillo tacos.
+            </p>
+          }
+          secondaryTextLines={2}
+        />
+      </List>
+    </Paper>
+  </div>
+);
+
+function wrapState(ComposedComponent: React.ComponentClass<__MaterialUI.List.SelectableProps>) {
+  return class SelectableList extends Component<{defaultValue: number}, {selectedIndex: number}> {
+    static propTypes = {
+      children: PropTypes.node.isRequired,
+      defaultValue: PropTypes.number.isRequired,
     };
 
-    private handleChangeTimePicker24(err, time) {
-        this.picker24hr.setTime(time);
+    componentWillMount() {
+      this.setState({
+        selectedIndex: this.props.defaultValue,
+      });
+    }
+
+    handleRequestChange = (event, index) => {
+      this.setState({
+        selectedIndex: index,
+      });
     };
 
     render() {
-
-        const styles = {
-            title: {
-                cursor: 'pointer',
-            },
-            exampleImageInput: {
-                cursor: 'pointer',
-                position: 'absolute',
-                top: 0,
-                bottom: 0,
-                right: 0,
-                left: 0,
-                width: '100%',
-                opacity: 0,
-            },
-            button: {
-                margin: 12,
-            },
-            floatingButton: {
-                marginRight: 20,
-            },
-            textField: {
-                marginLeft: 20,
-            },
-            floatLeft: {
-                float: 'left',
-            },
-            root: {
-                display: 'flex',
-                flexWrap: 'wrap',
-                justifyContent: 'space-around',
-            },
-            gridList: {
-                width: 500,
-                height: 400,
-                overflowY: 'auto',
-                marginBottom: 24,
-            },
-            icons: {
-                marginRight: 24,
-            },
-            menu: {
-                marginRight: 32,
-                marginBottom: 32,
-                float: 'left',
-                position: 'relative',
-                zIndex: 0,
-            },
-            rightIcon: {
-                textAlign: 'center',
-                lineHeight: '24px',
-            },
-            paper: {
-                height: 100,
-                width: 100,
-                margin: 20,
-                textAlign: 'center',
-                display: 'inline-block',
-            },
-            popover: {
-                padding: 20,
-            },
-            container: {
-                position: 'relative',
-            },
-            refresh: {
-                display: 'inline-block',
-                position: 'relative',
-            },
-            block: {
-                maxWidth: 250,
-            },
-            checkbox: {
-                marginBottom: 16,
-            },
-            radioButton: {
-                marginBottom: 16,
-            },
-            toggle: {
-                marginBottom: 16,
-            },
-            propContainerStyle: {
-                width: 200,
-                overflow: 'hidden',
-                margin: '20px auto 0',
-            },
-            propToggleHeader: {
-                margin: '20px auto 10px',
-            },
-            headline: {
-                fontSize: 24,
-                paddingTop: 16,
-                marginBottom: 12,
-                fontWeight: 400,
-            },
-            errorStyle: {
-                color: Colors.orange500,
-            },
-            underlineStyle: {
-                borderColor: Colors.orange500,
-            },
-        };
-        const colors = Styles.Colors;
-
-        // "http://www.material-ui.com/#/customization/inline-styles"
-        let element: React.ReactElement<any>;
-        element = <Checkbox
-            id="checkboxId1"
-            name="checkboxName1"
-            value="checkboxValue1"
-            label="went for a run today"
-            style={{
-                width: '50%',
-                margin: '0 auto'
-            }}
-            iconStyle={{
-                fill: '#FF4081'
-            }}/>
-        element = React.createElement<CheckboxProps>(Checkbox, {
-            id: "checkboxId1", name: "checkboxName1", value: "checkboxValue1", label: "went for a run today", style: {
-                width: '50%',
-                margin: '0 auto'
-            }, iconStyle: {
-                fill: '#FF4081'
-            }
-        });
-
-        // "http://www.material-ui.com/#/components/app-bar"
-        const AppBarExampleIcon = () => (
-            <AppBar
-                title="Title"
-                iconClassNameRight="muidocs-icon-navigation-expand-more"
-            />
-        );
-
-        const AppBarExampleIconButton = () => (
-            <AppBar
-                title={<span style={styles.title}>Title</span>}
-                onTitleTouchTap={this.handleTouchTap}
-                iconElementLeft={<IconButton><NavigationClose /></IconButton>}
-                iconElementRight={<FlatButton label="Save" />}
-                />
-        );
-        const AppBarExampleIconMenu = () => (
-            <AppBar
-                title="Title"
-                iconElementLeft={<IconButton><NavigationClose /></IconButton>}
-                iconElementRight={
-                    <IconMenu
-                        iconButtonElement={
-                            <IconButton><MoreVertIcon /></IconButton>
-                        }
-                        targetOrigin={{ horizontal: 'right', vertical: 'top' }}
-                        anchorOrigin={{ horizontal: 'right', vertical: 'top' }}
-                    >
-                        <MenuItem primaryText="Refresh" />
-                        <MenuItem primaryText="Help" />
-                        <MenuItem primaryText="Sign out" />
-                    </IconMenu>
-                }
-            />
-        );
-
-        // "http://www.material-ui.com/#/components/auto-complete"
-        element =   <AutoComplete
-                        hintText="Type c"
-                        dataSource={this.state.dataSource}
-                        onUpdateInput={this.handleUpdateInput}
-                    />
-
-        const dataSource1 = [
-            {
-                text: 'text-value1',
-                value: (
-                    <MenuItem
-                        primaryText="text-value1"
-                        secondaryText="&#9786;"
-                        />
-                ),
-            },
-            {
-                text: 'text-value2',
-                value: (
-                    <MenuItem
-                        primaryText="text-value2"
-                        secondaryText="&#9786;"
-                        />
-                ),
-            },
-        ];
-
-        const dataSource2 = ['12345', '23456', '34567'];
-
-        const AutoCompleteExampleNoFilter = () => (
-            <div>
-                <AutoComplete
-                    hintText="text-value data"
-                    filter={AutoComplete.noFilter}
-                    dataSource={dataSource1}
-                /><br/>
-                <AutoComplete
-                    floatingLabelText="showAllItems"
-                    filter={AutoComplete.noFilter}
-                    triggerUpdateOnFocus={true}
-                    dataSource={dataSource2}
-                />
-            </div>
-        );
-
-        const AutoCompleteExampleFilters = () => (
-            <div>
-                <AutoComplete
-                    floatingLabelText="Type t, fuzzy search"
-                    filter={AutoComplete.fuzzyFilter}
-                    dataSource={dataSource2}
-                />
-                <br/>
-                <AutoComplete
-                    floatingLabelText="Type r, case insensitive"
-                    filter={AutoComplete.caseInsensitiveFilter}
-                    dataSource={dataSource2}
-                />
-            </div>
-        );
-
-        // "http://www.material-ui.com/#/components/avatar"
-        const AvatarExampleSimple = () => (
-            <List>
-                <ListItem
-                    disabled={true}
-                    leftAvatar={
-                    <Avatar src="images/uxceo-128.jpg" />
-                    }
-                    >
-                    Image Avatar
-                </ListItem>
-                <ListItem
-                    disabled={true}
-                    leftAvatar={
-                    <Avatar icon={<FontIcon className="muidocs-icon-communication-voicemail" />} />
-                    }
-                    >
-                    FontIcon Avatar
-                </ListItem>
-                <ListItem
-                    disabled={true}
-                    leftAvatar={
-                    <Avatar
-                        icon={<FontIcon className="muidocs-icon-communication-voicemail" />}
-                        color={colors.blue300}
-                        backgroundColor={colors.indigo900}
-                        />
-                    }
-                    >
-                    FontIcon Avatar with custom colors
-                </ListItem>
-                <ListItem
-                    disabled={true}
-                    leftAvatar={
-                    <Avatar icon={<FileFolder />} />
-                    }
-                >
-                    SvgIcon Avatar
-                </ListItem>
-                <ListItem
-                    disabled={true}
-                    leftAvatar={
-                    <Avatar
-                        icon={<FileFolder />}
-                        color={colors.orange200}
-                        backgroundColor={colors.pink400}
-                        />
-                    }
-                >
-                    SvgIcon Avatar with custom colors
-                </ListItem>
-                <ListItem
-                    disabled={true}
-                    leftAvatar={<Avatar>A</Avatar>}
-                >
-                    Letter Avatar
-                </ListItem>
-                <ListItem
-                    disabled={true}
-                    leftAvatar={
-                    <Avatar
-                        color={colors.deepOrange300}
-                        backgroundColor={colors.purple500}
-                        >
-                        A
-                        </Avatar>
-                    }
-                >
-                    Letter Avatar with custom colors
-                </ListItem>
-            </List>
-        );
-
-        //image avatar
-        element = <Avatar src="images/uxceo-128.jpg" />;
-        //SvgIcon avatar
-        element = <Avatar icon={<FileFolder />} />;
-        //SvgIcon avatar with custom colors
-        element = <Avatar
-            icon={<FileFolder />}
-            color={Colors.orange200}
-            backgroundColor={Colors.pink400} />;
-        //FontIcon avatar
-        element = <Avatar
-            icon={
-            <FontIcon className="muidocs-icon-communication-voicemail" />
-            } />;
-        //FontIcon avatar with custom colors
-        element = <Avatar
-            icon={<FontIcon className="muidocs-icon-communication-voicemail" />}
-            color={Colors.blue300}
-            backgroundColor={Colors.indigo900} />;
-        //Letter avatar
-        element = <Avatar>A</Avatar>;
-        //Letter avatar with custom colors
-        element = <Avatar
-            color={Colors.deepOrange300}
-            backgroundColor={Colors.purple500}>
-            </Avatar>
-
-        // "http://www.material-ui.com/#/components/badge"
-        const BadgeExampleSimple = () => (
-            <div>
-                <Badge
-                    badgeContent={4}
-                    primary={true}
-                >
-                    <NotificationsIcon />
-                </Badge>
-                <Badge
-                    badgeContent={10}
-                    secondary={true}
-                    badgeStyle={{ top: 12, right: 12 }}
-                    >
-                  <IconButton tooltip="Notifications">
-                    <NotificationsIcon/>
-                      </IconButton>
-                </Badge>
-            </div>
-        );
-        const BadgeExampleContent = () => (
-            <div>
-                <Badge
-                    badgeContent={<IconButton tooltip="Backup"><UploadIcon/></IconButton>}
-                    >
-                  <FolderIcon />
-                </Badge>
-                <Badge
-                    badgeContent="&copy;"
-                    badgeStyle={{ fontSize: 20 }}
-                    >
-                    Company Name
-                </Badge>
-            </div>
-        );
-
-        // "http://www.material-ui.com/#/components/flat-button"
-        const FlatButtonExampleSimple = () => (
-            <div>
-                <FlatButton label="Default" />
-                <FlatButton label="Primary" primary={true} />
-                <FlatButton label="Secondary" secondary={true} />
-                <FlatButton label="Disabled" disabled={true} />
-            </div>
-        );
-        const FlatButtonExampleComplex = () => (
-            <div>
-                <FlatButton label="Choose an Image">
-                  <input type="file" style={styles.exampleImageInput} />
-                </FlatButton>
-
-                <FlatButton
-                    label="Label before"
-                    labelPosition="before"
-                    primary={true}
-                    icon={<ActionAndroid />}
-                />
-
-                <FlatButton
-                    label="GitHub Link"
-                    linkButton={true}
-                    href="https://github.com/callemall/material-ui"
-                    secondary={true}
-                    icon={<FontIcon className="muidocs-icon-custom-github" />}
-                />
-
-            </div>
-        );
-
-        // "http://www.material-ui.com/#/components/raised-button"
-        const RaisedButtonExampleSimple = () => (
-            <div>
-                <RaisedButton label="Default" style={styles.button} />
-                <RaisedButton label="Primary" primary={true} style={styles.button} />
-                <RaisedButton label="Secondary" secondary={true} style={styles.button} />
-                <RaisedButton label="Disabled" disabled={true} style={styles.button} />
-            </div>
-        );
-        const RaisedButtonExampleComplex = () => (
-            <div>
-                <RaisedButton
-                    label="Choose an Image"
-                    style={styles.button}
-                >
-                    <input type="file" style={styles.exampleImageInput} />
-                </RaisedButton>
-                <RaisedButton
-                    label="Label before"
-                    labelPosition="before"
-                    primary={true}
-                    icon={<ActionAndroid />}
-                    style={styles.button}
-                />
-                <RaisedButton
-                    label="Github Link"
-                    linkButton={true}
-                    href="https://github.com/callemall/material-ui"
-                    secondary={true}
-                    style={styles.button}
-                    icon={<FontIcon className="muidocs-icon-custom-github"/>}
-                />
-            </div>
-        );
-
-        // "http://www.material-ui.com/#/components/floating-action-button"
-        const FloatingActionButtonExampleSimple = () => (
-            <div>
-                <FloatingActionButton style={styles.floatingButton}>
-                  <ContentAdd />
-                </FloatingActionButton>
-
-                <FloatingActionButton mini={true} style={styles.floatingButton}>
-                  <ContentAdd />
-                </FloatingActionButton>
-
-                <FloatingActionButton secondary={true} style={styles.floatingButton}>
-                  <ContentAdd />
-                </FloatingActionButton>
-
-                <FloatingActionButton mini={true} secondary={true} style={styles.floatingButton}>
-                  <ContentAdd />
-                </FloatingActionButton>
-
-                <FloatingActionButton disabled={true} style={styles.floatingButton}>
-                  <ContentAdd />
-                </FloatingActionButton>
-
-                <FloatingActionButton mini={true} disabled={true} style={styles.floatingButton}>
-                  <ContentAdd />
-                </FloatingActionButton>
-                </div>
-        );
-
-        // "http://www.material-ui.com/#/components/icon-button"
-        const IconButtonExampleSimple = () => (
-            <div>
-                <IconButton iconClassName="muidocs-icon-custom-github" />
-                <IconButton iconClassName="muidocs-icon-custom-github" disabled={true} />
-            </div>
-        );
-        const IconButtonExampleComplex = () => (
-            <div>
-                <IconButton tooltip="Font Icon">
-                  <FontIcon className="muidocs-icon-action-home" />
-                </IconButton>
-
-                <IconButton tooltip="SVG Icon">
-                  <ActionHome />
-                </IconButton>
-
-                <IconButton
-                    iconClassName="material-icons"
-                    tooltip="Ligature"
-                >
-                    home
-                </IconButton>
-            </div>
-        );
-        const IconButtonExampleTooltip = () => (
-            <div>
-                <IconButton
-                    iconClassName="muidocs-icon-custom-github" tooltip="bottom-right"
-                    tooltipPosition="bottom-right"
-                />
-                <IconButton
-                    iconClassName="muidocs-icon-custom-github" tooltip="bottom-center"
-                    tooltipPosition="bottom-center"
-                />
-                <IconButton
-                    iconClassName="muidocs-icon-custom-github" tooltip="bottom-left"
-                    tooltipPosition="bottom-left"
-                />
-                <IconButton
-                    iconClassName="muidocs-icon-custom-github" tooltip="top-right"
-                    tooltipPosition="top-right"
-                />
-                <IconButton
-                    iconClassName="muidocs-icon-custom-github" tooltip="top-center"
-                    tooltipPosition="top-center"
-                />
-                <IconButton
-                    iconClassName="muidocs-icon-custom-github" tooltip="top-left"
-                    tooltipPosition="top-left"
-                />
-            </div>
-        );
-        const IconButtonExampleTouch = () => (
-            <div>
-                <IconButton tooltip="bottom-right" touch={true} tooltipPosition="bottom-right">
-                  <ActionGrade/>
-                </IconButton>
-                <IconButton tooltip="bottom-center" touch={true} tooltipPosition="bottom-center">
-                  <ActionGrade/>
-                </IconButton>
-                <IconButton tooltip="bottom-left" touch={true} tooltipPosition="bottom-left">
-                  <ActionGrade/>
-                </IconButton>
-                <IconButton tooltip="top-right" touch={true} tooltipPosition="top-right">
-                  <ActionGrade/>
-                </IconButton>
-                <IconButton tooltip="top-center" touch={true} tooltipPosition="top-center">
-                  <ActionGrade/>
-                </IconButton>
-                <IconButton tooltip="top-left" touch={true} tooltipPosition="top-left">
-                  <ActionGrade/>
-                </IconButton>
-            </div>
-        );
-        //Method 1: muidocs-icon-github is defined in a style sheet.
-        element = <IconButton iconClassName="muidocs-icon-custom-github" tooltip="GitHub"/>;
-        //Method 2: ActionGrade is a component created using mui.SvgIcon.
-        element = <IconButton tooltip= "Star" touch= { true}>
-                <ActionGrade/>
-            </IconButton >;
-        //Method 3: Manually creating a mui.FontIcon component within IconButton
-        element = <IconButton tooltip= "Sort" disabled= {true}>
-                <FontIcon className="muidocs-icon-custom-sort"/>
-            </IconButton>;
-        //Method 4: Using Google material-icons
-        element = <IconButton iconClassName="material-icons" tooltipPosition="bottom-center"
-            tooltip="Sky">settings_system_daydream</IconButton>;
-
-
-        // "http://www.material-ui.com/#/components/card"
-        const CardExampleWithAvatar = () => (
-            <Card>
-                <CardHeader
-                    title="URL Avatar"
-                    subtitle="Subtitle"
-                    avatar="http://lorempixel.com/100/100/nature/"
-                />
-                <CardMedia
-                    overlay={<CardTitle title="Overlay title" subtitle="Overlay subtitle" />}
-                >
-                  <img src="http://lorempixel.com/600/337/nature/" />
-                </CardMedia>
-                <CardTitle title="Card title" subtitle="Card subtitle" />
-                <CardText>
-                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-                    Donec mattis pretium massa.Aliquam erat volutpat.Nulla facilisi.
-                    Donec vulputate interdum sollicitudin.Nunc lacinia auctor quam sed pellentesque.
-                    Aliquam dui mauris, mattis quis lacus id, pellentesque lobortis odio.
-                </CardText>
-                <CardActions>
-                  <FlatButton label="Action1" />
-                  <FlatButton label="Action2" />
-                </CardActions>
-            </Card>
-        );
-        const CardExampleWithoutAvatar = () => (
-            <Card>
-                <CardHeader
-                    title="Without Avatar"
-                    subtitle="Subtitle"
-                    actAsExpander={true}
-                    showExpandableButton={true}
-                />
-                <CardText expandable={true}>
-                    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-                    Donec mattis pretium massa.Aliquam erat volutpat.Nulla facilisi.
-                    Donec vulputate interdum sollicitudin.Nunc lacinia auctor quam sed pellentesque.
-                    Aliquam dui mauris, mattis quis lacus id, pellentesque lobortis odio.
-                </CardText>
-                <CardActions expandable={true}>
-                  <FlatButton label="Action1"/>
-                  <FlatButton label="Action2"/>
-                </CardActions>
-            </Card>
-        );
-
-        // "http://www.material-ui.com/#/components/date-picker"
-        const DatePickerExampleSimple = () => (
-            <div>
-                <DatePicker hintText="Portrait Dialog" />
-                <DatePicker hintText="Landscape Dialog" mode="landscape" />
-                <DatePicker hintText="Dialog Disabled" disabled={true} />
-            </div>
-        );
-        const DatePickerExampleInline = () => (
-            <div>
-                <DatePicker hintText="Portrait Inline Dialog" container="inline" />
-                <DatePicker hintText="Landscape Inline Dialog" container="inline" mode="landscape" />
-            </div>
-        );
-        element = (
-            <div>
-                <DatePicker
-                    hintText="Ranged Date Picker"
-                    autoOk={this.state.autoOk}
-                    minDate={this.state.minDate}
-                    maxDate={this.state.maxDate}
-                    disableYearSelection={this.state.disableYearSelection}
-                />
-            </div>
-        );
-        element = <DatePicker style={{ color: 'red' }} />;
-        element = <DatePicker
-            floatingLabelText="Floating Label Text" />;
-        element = <DatePicker
-            hintText="Hint Text" />;
-
-        // "http://material-ui.com/#/components/dialog"
-        let standardActions = [
-            { text: 'Cancel' },
-            { text: 'Submit', onTouchTap: this.touchTapEventHandler, ref: 'submit' }
-        ];
-
-        element = <Dialog
-            title="Dialog With Standard Actions"
-            actions={standardActions}
-            actionFocus="submit"
-            open={this.state.showDialogStandardActions}
-            onRequestClose={this.handleRequestClose}>
-            The actions in this window are created from the json that's passed in.
-            </Dialog>;
-
-        //Custom Actions
-        let customActions = [
-            <FlatButton
-                label="Cancel"
-                secondary={true}
-                onTouchTap={this.touchTapEventHandler} />,
-            <FlatButton
-                label="Submit"
-                primary={true}
-                onTouchTap={this.touchTapEventHandler} />
-        ];
-
-        element = <Dialog
-            title="Dialog With Custom Actions"
-            actions={customActions}
-            open={this.state.showDialogCustomActions}
-            onRequestClose={this.handleRequestClose}>
-            The actions in this window were passed in as an array of react objects.
-            </Dialog>;
-
-        element = <Dialog
-                title="Dialog With Scrollable Content"
-                actions={customActions}
-                autoDetectWindowHeight={true}
-                autoScrollBodyContent={true}
-                open={this.state.showDialogScrollable}
-                onRequestClose={this.handleRequestClose}>
-                <div style={{ height: '1000px' }}>
-                  Really long content
-                </div>
-            </Dialog>;
-
-        // "http://www.material-ui.com/#/components/divider"
-        const DividerExampleForm = () => (
-            <Paper zDepth={2}>
-                <TextField hintText="First name" style={styles.textField} underlineShow={false} />
-                <Divider />
-                <TextField hintText="Middle name" style={styles.textField} underlineShow={false} />
-                <Divider />
-                <TextField hintText="Last name" style={styles.textField} underlineShow={false} />
-                <Divider />
-                <TextField hintText="Email address" style={styles.textField} underlineShow={false} />
-                <Divider />
-            </Paper>
-        );
-        const DividerExampleList = () => (
-            <div>
-                <List>
-                  <ListItem insetChildren={true} primaryText="Janet Perkins Bennet" />
-                  <ListItem insetChildren={true} primaryText="Peter Carlsson" />
-                </List>
-                <Divider inset={true}/>
-                <List>
-                  <ListItem insetChildren={true} primaryText="Aaron Bennet" />
-                  <ListItem insetChildren={true} primaryText="Abbey Christensen" />
-                </List>
-            </div>
-        );
-        const DividerExampleMenu = () => (
-            <Menu desktop={true} style={styles.floatLeft}>
-                <MenuItem primaryText="Settings" />
-                <MenuItem primaryText="Help & feedback" />
-                <Divider />
-                <MenuItem primaryText="Sign out" />
-            </Menu>
-        );
-
-
-        // "http://www.material-ui.com/#/components/grid-list"
-        const tilesData = [
-            {
-                img: 'images/grid-list/00-52-29-429_640.jpg',
-                title: 'Breakfast',
-                author: 'jill111',
-                featured: false,
-            }];
-        const GridListExampleSimple = () => (
-            <div style={styles.root}>
-                <GridList
-                    cellHeight={200}
-                    style={styles.gridList}
-                    >
-                  {tilesData.map(tile => (
-                      <GridTile
-                          key={tile.img}
-                          title={tile.title}
-                          subtitle={<span>by <b>{tile.author}</b></span>}
-                          actionIcon={<IconButton><StarBorder color="white"/></IconButton>}
-                      >
-                          <img src={tile.img} />
-                      </GridTile>
-                  )) }
-                </GridList>
-            </div>
-        );
-        const GridListExampleComplex = () => (
-            <div style={styles.root}>
-                <GridList
-                    cols={2}
-                    cellHeight={200}
-                    padding={1}
-                    style={styles.gridList}
-                    >
-                  {tilesData.map(tile => (
-                      <GridTile
-                          key={tile.img}
-                          title={tile.title}
-                          actionIcon={<IconButton><StarBorder color="white"/></IconButton>}
-                          actionPosition="left"
-                          titlePosition="top"
-                          titleBackground="linear-gradient(to bottom, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.3) 70%,rgba(0,0,0,0) 100%)"
-                          cols={tile.featured ? 2 : 1}
-                          rows={tile.featured ? 2 : 1}
-                          >
-                      <img src={tile.img} />
-                          </GridTile>
-                  )) }
-                </GridList>
-            </div>
-        );
-
-
-        element = <GridList
-            cols={3}
-            padding={50}
-            cellHeight={200}
-            style={{ color: 'red' }} />;
-
-        element = <GridTile
-            title="GridTileTitle"
-            actionIcon={<h1>GridTile</h1>}
-            actionPosition="left"
-            titlePosition="top"
-            titleBackground="rgba(0, 0, 0, 0.4)"
-            cols={2}
-            rows={1}
-            style={{ color: 'red' }}>
-            <h1>Children are Required!</h1>
-            </GridTile>;
-
-
-        // "http://www.material-ui.com/#/components/font-icon"
-        const FontIconExampleSimple = () => (
-            <div>
-                <FontIcon
-                    className="muidocs-icon-action-home"
-                    style={styles.icons}
-                    />
-
-                <FontIcon
-                    className="muidocs-icon-action-home"
-                    style={styles.icons}
-                    color={Colors.blue500}
-                    />
-
-                <FontIcon
-                    className="muidocs-icon-action-home"
-                    style={styles.icons}
-                    color={Colors.red500}
-                    hoverColor={Colors.greenA200}
-                    />
-            </div>
-        );
-
-        const FontIconExampleIcons = () => (
-            <div>
-                <FontIcon className="material-icons" style={styles.icons}>home</FontIcon>
-                <FontIcon className="material-icons" style={styles.icons} color={Colors.red500}>flight_takeoff</FontIcon>
-                <FontIcon className="material-icons" style={styles.icons} color={Colors.yellow500}>cloud_download</FontIcon>
-                <FontIcon className="material-icons" style={styles.icons} color={Colors.blue500}>videogame_asset</FontIcon>
-            </div>
-        );
-
-
-        // "http://www.material-ui.com/#/components/svg-icon"
-        const HomeIcon = (props) => (
-            <SvgIcon {...props}>
-                <path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z" />
-            </SvgIcon>
-        );
-
-        const SvgIconExampleSimple = () => (
-            <div>
-                <HomeIcon style={styles.icons} />
-                <HomeIcon style={styles.icons} color={Colors.blue500} />
-                <HomeIcon style={styles.icons} color={Colors.red500} hoverColor={Colors.greenA200} />
-            </div>
-        );
-        const SvgIconExampleIcons = () => (
-            <div>
-                <ActionHome style={styles.icons}/>
-                <ActionFlightTakeoff style={styles.icons} color={Colors.red500} />
-                <FileCloudDownload style={styles.icons} color={Colors.yellow500} />
-                <HardwareVideogameAsset style={styles.icons} color={Colors.blue500} />
-            </div>
-        );
-        element = <MaterialUi.Icons.NavigationMenu />;
-        element = <Icons.ToggleStar />;
-        element = <FontIcon className= "material-icons" color= { Colors.red500 } > home</FontIcon>;
-
-
-        // "http://www.material-ui.com/#/components/left-nav"
-        element = (
-            <div>
-                <RaisedButton
-                    label="Toggle LeftNav"
-                    onTouchTap={this.handleToggle}
-                />
-                <LeftNav open={this.state.open}>
-                  <MenuItem>Menu Item</MenuItem>
-                  <MenuItem>Menu Item 2</MenuItem>
-                </LeftNav>
-            </div>
-        );
-        element = (
-            <div>
-                <RaisedButton
-                    label="Open LeftNav"
-                    onTouchTap={this.handleToggle}
-                />
-                <LeftNav
-                    docked={false}
-                    width={200}
-                    open={this.state.open}
-                    onRequestChange={open => this.setState(Object.assign({}, this.state, { open })) }
-                >
-                  <MenuItem onTouchTap={this.handleClose}>Menu Item</MenuItem>
-                  <MenuItem onTouchTap={this.handleClose}>Menu Item 2</MenuItem>
-                </LeftNav>
-            </div>
-        );
-        element = (
-            <div>
-                <RaisedButton
-                    label="Toggle LeftNav"
-                    onTouchTap={this.handleToggle}
-                />
-                <LeftNav width={200} openRight={true} open={this.state.open} >
-                  <AppBar title="AppBar"/>
-                </LeftNav>
-            </div>
-        );
-
-
-        // "http://material-ui.com/#/components/lists"
-        const ListExampleSimple = () => (
-            <div>
-                <List>
-                  <ListItem primaryText="Inbox" leftIcon={<ContentInbox />} />
-                  <ListItem primaryText="Starred" leftIcon={<ActionGrade />} />
-                  <ListItem primaryText="Sent mail" leftIcon={<ContentSend />} />
-                  <ListItem primaryText="Drafts" leftIcon={<ContentDrafts />} />
-                  <ListItem primaryText="Inbox" leftIcon={<ContentInbox />} />
-                </List>
-                <Divider />
-                <List>
-                  <ListItem primaryText="All mail" rightIcon={<ActionInfo />} />
-                  <ListItem primaryText="Trash" rightIcon={<ActionInfo />} />
-                  <ListItem primaryText="Spam" rightIcon={<ActionInfo />} />
-                  <ListItem primaryText="Follow up" rightIcon={<ActionInfo />} />
-                </List>
-            </div>
-        );
-        const ListExampleChat = () => (
-            <div>
-                <List subheader="Recent chats">
-                  <ListItem
-                      primaryText="Brendan Lim"
-                      leftAvatar={<Avatar src="images/ok-128.jpg" />}
-                      rightIcon={<CommunicationChatBubble />}
-                  />
-                  <ListItem
-                      primaryText="Eric Hoffman"
-                      leftAvatar={<Avatar src="images/kolage-128.jpg" />}
-                      rightIcon={<CommunicationChatBubble />}
-                  />
-                  <ListItem
-                      primaryText="Grace Ng"
-                      leftAvatar={<Avatar src="images/uxceo-128.jpg" />}
-                      rightIcon={<CommunicationChatBubble />}
-                  />
-                  <ListItem
-                      primaryText="Kerem Suer"
-                      leftAvatar={<Avatar src="images/kerem-128.jpg" />}
-                      rightIcon={<CommunicationChatBubble />}
-                  />
-                  <ListItem
-                      primaryText="Raquel Parrado"
-                      leftAvatar={<Avatar src="images/raquelromanp-128.jpg" />}
-                      rightIcon={<CommunicationChatBubble />}
-                  />
-                </List>
-                <Divider />
-                <List subheader="Previous chats">
-                  <ListItem
-                      primaryText="Chelsea Otakan"
-                      leftAvatar={<Avatar src="images/chexee-128.jpg" />}
-                  />
-                  <ListItem
-                      primaryText="James Anderson"
-                      leftAvatar={<Avatar src="images/jsa-128.jpg" />}
-                  />
-                </List>
-            </div>
-        );
-        const ListExampleNested = () => (
-            <div>
-                <List subheader="Nested List Items">
-                  <ListItem primaryText="Sent mail" leftIcon={<ContentSend />} />
-                  <ListItem primaryText="Drafts" leftIcon={<ContentDrafts />} />
-                  <ListItem
-                      primaryText="Inbox"
-                      leftIcon={<ContentInbox />}
-                      initiallyOpen={true}
-                      primaryTogglesNestedList={true}
-                      nestedItems={[
-                          <ListItem
-                              key={1}
-                              primaryText="Starred"
-                              leftIcon={<ActionGrade />}
-                              />,
-                          <ListItem
-                              key={2}
-                              primaryText="Sent Mail"
-                              leftIcon={<ContentSend />}
-                              disabled={true}
-                              nestedItems={[
-                                  <ListItem key={1} primaryText="Drafts" leftIcon={<ContentDrafts />} />,
-                              ]}
-                          />,
-                      ]}
-                  />
-                </List>
-            </div>
-        );
-        const iconButtonElement = (
-            <IconButton
-                touch={true}
-                tooltip="more"
-                tooltipPosition="bottom-left"
-            >
-                <MoreVertIcon color={Colors.grey400} />
-            </IconButton>
-        ); 
-        const rightIconMenu = (
-            <IconMenu iconButtonElement={iconButtonElement}>
-                <MenuItem>Reply</MenuItem>
-                <MenuItem>Forward</MenuItem>
-                <MenuItem>Delete</MenuItem>
-            </IconMenu>
-        );
-        const ListExampleMessages = () => (
-            <div>
-                <List subheader="Today">
-                    <ListItem
-                        leftAvatar={<Avatar src="images/ok-128.jpg" />}
-                        rightIconButton={rightIconMenu}
-                        primaryText="Brendan Lim"
-                        secondaryText={
-                        <p>
-                          <span style={{ color: Colors.darkBlack }}>Brunch this weekend?</span><br/>
-                          I&apos; ll be in your neighborhood doing errands this weekend.Do you want to grab brunch?
-                            </p>
-                        }
-                        secondaryTextLines={2}
-                    />
-                </List>
-            </div>
-        );
-        const ListExampleSelectable = () => (
-            <div>
-                <SelectableList
-                    value={3}
-                    subheader="SelectableContacts"
-                >
-                  <ListItem
-                      value={1}
-                      primaryText="Brendan Lim"
-                      leftAvatar={<Avatar src="images/ok-128.jpg" />}
-                      nestedItems={[
-                          <ListItem
-                              value={2}
-                              primaryText="Grace Ng"
-                              leftAvatar={<Avatar src="images/uxceo-128.jpg" />}
-                          />,
-                      ]}
-                  />
-                  <ListItem
-                      value={3}
-                      primaryText="Kerem Suer"
-                      leftAvatar={<Avatar src="images/kerem-128.jpg" />}
-                  />
-                  <ListItem
-                      value={4}
-                      primaryText="Eric Hoffman"
-                      leftAvatar={<Avatar src="images/kolage-128.jpg" />}
-                  />
-                  <ListItem
-                      value={5}
-                      primaryText="Raquel Parrado"
-                      leftAvatar={<Avatar src="images/raquelromanp-128.jpg" />}
-                  />
-                </SelectableList>
-            </div>
-        );
-
-
-        // "http://www.material-ui.com/#/components/menu"
-        const MenuExampleSimple = () => (
-            <div>
-                <Menu style={styles.menu}>
-                  <MenuItem primaryText="Maps" />
-                  <MenuItem primaryText="Books" />
-                  <MenuItem primaryText="Flights" />
-                  <MenuItem primaryText="Apps" />
-                </Menu>
-                <Menu style={styles.menu}>
-                  <MenuItem primaryText="Refresh" />
-                  <MenuItem primaryText="Help &amp; feedback" />
-                  <MenuItem primaryText="Settings" />
-                  <MenuItem primaryText="Sign out" />
-                </Menu>
-            </div>
-        );
-        const MenuExampleDisable = () => (
-            <div>
-                <Menu style={styles.menu} desktop={true}>
-                  <MenuItem primaryText="Back" />
-                  <MenuItem primaryText="Forward" disabled={true} />
-                  <Divider />
-                  <MenuItem primaryText="Recently closed" disabled={true} />
-                  <MenuItem primaryText="Google" disabled={true} />
-                  <MenuItem primaryText="YouTube" />
-                </Menu>
-                <Menu style={styles.menu} desktop={true}>
-                  <MenuItem primaryText="Undo" />
-                  <MenuItem primaryText="Redo" disabled={true} />
-                  <Divider />
-                  <MenuItem primaryText="Cut" disabled={true} />
-                  <MenuItem primaryText="Copy" disabled={true} />
-                  <MenuItem primaryText="Paste" />
-                </Menu>
-            </div>
-        );
-        const MenuExampleIcons = () => (
-            <div>
-                <Menu style={styles.menu}>
-                  <MenuItem primaryText="Preview" leftIcon={<RemoveRedEye />} />
-                  <MenuItem primaryText="Share" leftIcon={<PersonAdd />} />
-                  <MenuItem primaryText="Get links" leftIcon={<ContentLink />} />
-                  <Divider />
-                  <MenuItem primaryText="Make a copy" leftIcon={<ContentCopy />} />
-                  <MenuItem primaryText="Download" leftIcon={<Download />} />
-                  <Divider />
-                  <MenuItem primaryText="Remove" leftIcon={<Delete />} />
-                </Menu>
-                <Menu style={styles.menu} desktop={false}>
-                  <MenuItem primaryText="Clear Config" />
-                  <MenuItem primaryText="New Config" rightIcon={<PersonAdd />} />
-                  <MenuItem primaryText="Project" rightIcon={<FontIcon className="material-icons">settings</FontIcon>}/>
-                  <MenuItem
-                      primaryText="Workspace"
-                      rightIcon={
-                      <FontIcon className="material-icons" style={{ color: '#559' }}>settings</FontIcon>
-                      }
-                  />
-                  <MenuItem primaryText="Paragraph" rightIcon={<b style={styles.rightIcon}>¶</b>} />
-                  <MenuItem primaryText="Section" rightIcon={<b style={styles.rightIcon}>§</b>} />
-                </Menu>
-            </div>
-        );
-        const MenuExampleSecondary = () => (
-            <div>
-                <Menu style={styles.menu} desktop={true} width={320}>
-                  <MenuItem primaryText="Bold" secondaryText="&#8984;B" />
-                  <MenuItem primaryText="Italic" secondaryText="&#8984;I" />
-                  <MenuItem primaryText="Underline" secondaryText="&#8984;U" />
-                  <MenuItem primaryText="Strikethrough" secondaryText="Alt+Shift+5" />
-                  <MenuItem primaryText="Superscript" secondaryText="&#8984;." />
-                  <MenuItem primaryText="Subscript" secondaryText="&#8984;," />
-                  <Divider />
-                  <MenuItem primaryText="Paragraph styles" rightIcon={<ArrowDropRight />} />
-                  <MenuItem primaryText="Align" rightIcon={<ArrowDropRight />} />
-                  <MenuItem primaryText="Line spacing" rightIcon={<ArrowDropRight />} />
-                  <MenuItem primaryText="Numbered list" rightIcon={<ArrowDropRight />} />
-                  <MenuItem primaryText="List options" rightIcon={<ArrowDropRight />} />
-                  <Divider />
-                  <MenuItem primaryText="Clear formatting" secondaryText="&#8984;/" />
-                </Menu>
-                <Menu style={styles.menu} desktop={true} width={320}>
-                  <MenuItem primaryText="Open" secondaryText="Cmd + O" />
-                  <MenuItem primaryText="Paste in place" secondaryText="Shift + V" />
-                  <MenuItem primaryText="Research" secondaryText="Opt + Shift + Cmd + I" />
-                </Menu>
-                <Menu style={styles.menu} desktop={true} width={320}>
-                  <MenuItem primaryText="Open" secondaryText="&#8984;O" />
-                  <MenuItem primaryText="Paste in place" secondaryText="&#8679;&#8984;V" />
-                  <MenuItem primaryText="Research" secondaryText="&#8997;&#8679;&#8984;I" />
-                </Menu>
-            </div>
-        );
-        const MenuExampleNested = () => (
-            <div>
-                <Menu style={styles.menu} desktop={true} width={320}>
-                  <MenuItem primaryText="Single" insetChildren={true} />
-                  <MenuItem primaryText="1.15" insetChildren={true} />
-                  <MenuItem primaryText="Double" insetChildren={true} />
-                  <MenuItem
-                      primaryText="Custom: 1.2"
-                      checked={true}
-                      rightIcon={<ArrowDropRight />}
-                      menuItems={[
-                          <MenuItem
-                              primaryText="Show"
-                              rightIcon={<ArrowDropRight />}
-                              menuItems={[
-                                  <MenuItem primaryText="Show Level 2" />,
-                                  <MenuItem primaryText="Grid lines" checked={true} />,
-                                  <MenuItem primaryText="Page breaks" insetChildren={true} />,
-                                  <MenuItem primaryText="Rules" checked={true} />,
-                              ]}
-                          />,
-                          <MenuItem primaryText="Grid lines" checked={true} />,
-                          <MenuItem primaryText="Page breaks" insetChildren={true} />,
-                          <MenuItem primaryText="Rules" checked={true} />,
-                      ]}
-                  />
-                  <Divider />
-                  <MenuItem primaryText="Add space before paragraph" />
-                  <MenuItem primaryText="Add space after paragraph" />
-                  <Divider />
-                  <MenuItem primaryText="Custom spacing..." />
-                </Menu>
-            </div>
-        );
-
-
-        // "http://www.material-ui.com/#/components/icon-menu"
-        const IconMenuExampleSimple = () => (
-            <div>
-                <IconMenu
-                    iconButtonElement={<IconButton><MoreVertIcon /></IconButton>}
-                    anchorOrigin={{ horizontal: 'left', vertical: 'top' }}
-                    targetOrigin={{ horizontal: 'left', vertical: 'top' }}
-                >
-                  <MenuItem primaryText="Refresh" />
-                  <MenuItem primaryText="Send feedback" />
-                  <MenuItem primaryText="Settings" />
-                  <MenuItem primaryText="Help" />
-                  <MenuItem primaryText="Sign out" />
-                </IconMenu>
-                <IconMenu
-                    iconButtonElement={<IconButton><MoreVertIcon /></IconButton>}
-                    anchorOrigin={{ horizontal: 'left', vertical: 'bottom' }}
-                    targetOrigin={{ horizontal: 'left', vertical: 'bottom' }}
-                >
-                  <MenuItem primaryText="Refresh" />
-                  <MenuItem primaryText="Send feedback" />
-                  <MenuItem primaryText="Settings" />
-                  <MenuItem primaryText="Help" />
-                  <MenuItem primaryText="Sign out" />
-                </IconMenu>
-                <IconMenu
-                    iconButtonElement={<IconButton><MoreVertIcon /></IconButton>}
-                    anchorOrigin={{ horizontal: 'right', vertical: 'bottom' }}
-                    targetOrigin={{ horizontal: 'right', vertical: 'bottom' }}
-                >
-                  <MenuItem primaryText="Refresh" />
-                  <MenuItem primaryText="Send feedback" />
-                  <MenuItem primaryText="Settings" />
-                  <MenuItem primaryText="Help" />
-                  <MenuItem primaryText="Sign out" />
-                </IconMenu>
-                <IconMenu
-                    iconButtonElement={<IconButton><MoreVertIcon /></IconButton>}
-                    anchorOrigin={{ horizontal: 'right', vertical: 'top' }}
-                    targetOrigin={{ horizontal: 'right', vertical: 'top' }}
-                    >
-                  <MenuItem primaryText="Refresh" />
-                  <MenuItem primaryText="Send feedback" />
-                  <MenuItem primaryText="Settings" />
-                  <MenuItem primaryText="Help" />
-                  <MenuItem primaryText="Sign out" />
-                </IconMenu>
-            </div>
-        );
-        element = (
-            <div>
-                <IconMenu
-                    iconButtonElement={<IconButton><MoreVertIcon /></IconButton>}
-                    onChange={this.handleChangeSingle}
-                    value={this.state.valueSingle}
-                    >
-                  <MenuItem value="1" primaryText="Refresh" />
-                  <MenuItem value="2" primaryText="Send feedback" />
-                  <MenuItem value="3" primaryText="Settings" />
-                  <MenuItem value="4" primaryText="Help" />
-                  <MenuItem value="5" primaryText="Sign out" />
-                </IconMenu>
-                <IconMenu
-                    iconButtonElement={<IconButton><ContentFilter /></IconButton>}
-                    onChange={this.handleChangeMultiple}
-                    value={this.state.valueMultiple}
-                    multiple={true}
-                    >
-                  <MenuItem value="1" primaryText="Blu-ray" />
-                  <MenuItem value="2" primaryText="Cassette" />
-                  <MenuItem value="3" primaryText="CD" />
-                  <MenuItem value="4" primaryText="DVD Audio" />
-                  <MenuItem value="5" primaryText="Hybrid SACD" />
-                  <MenuItem value="6" primaryText="Vinyl" />
-                </IconMenu>
-            </div>
-        );
-        const IconMenuExampleScrollable = () => (
-            <IconMenu
-                iconButtonElement={<IconButton><MapsPlace /></IconButton>}
-                anchorOrigin={{ horizontal: 'left', vertical: 'top' }}
-                targetOrigin={{ horizontal: 'left', vertical: 'top' }}
-                maxHeight={272}
-            >
-                <MenuItem value="AL" primaryText="Alabama" />
-                <MenuItem value="AK" primaryText="Alaska" />
-            </IconMenu>
-        );
-
-
-        // "http://www.material-ui.com/#/components/dropdown-menu"
-        element = <DropDownMenu value={this.state.value} onChange={this.handleChange}>
-                        <MenuItem value={1} primaryText="Never"/>
-                        <MenuItem value={2} primaryText="Every Night"/>
-                        <MenuItem value={3} primaryText="Weeknights"/>
-                        <MenuItem value={4} primaryText="Weekends"/>
-                        <MenuItem value={5} primaryText="Weekly"/>
-            </DropDownMenu>;
-        const menuItems = [<MenuItem value={0} key={0} primaryText={'Item 0'}/>];
-        element = (
-            <DropDownMenu maxHeight={300} value={this.state.value} onChange={this.handleChange}>
-                {menuItems}
-            </DropDownMenu>
-        );
-        element = (
-            <DropDownMenu value={this.state.value} onChange={this.handleChange}>
-                <MenuItem value={1} label="5 am - 12 pm" primaryText="Morning" />
-                <MenuItem value={2} label="12 pm - 5 pm" primaryText="Afternoon" />
-                <MenuItem value={3} label="5 pm - 9 pm" primaryText="Evening" />
-                <MenuItem value={4} label="9 pm - 5 am" primaryText="Night" />
-            </DropDownMenu>
-        );
-
-        // "http://material-ui.com/#/components/paper"
-        const PaperExampleSimple = () => (
-            <div>
-                <Paper style={styles.paper} zDepth={1}/>
-                <Paper style={styles.paper} zDepth={2}/>
-                <Paper style={styles.paper} zDepth={3}/>
-                <Paper style={styles.paper} zDepth={4}/>
-                <Paper style={styles.paper} zDepth={5}/>
-            </div>
-        );
-        const PaperExampleRounded = () => (
-            <div>
-                <Paper style={styles.paper} zDepth={1} rounded={false}/>
-                <Paper style={styles.paper} zDepth={2} rounded={false}/>
-                <Paper style={styles.paper} zDepth={3} rounded={false}/>
-                <Paper style={styles.paper} zDepth={4} rounded={false}/>
-                <Paper style={styles.paper} zDepth={5} rounded={false}/>
-            </div>
-        );
-        const PaperExampleCircle = () => (
-            <div>
-                <Paper style={styles.paper} zDepth={1} circle={true}/>
-                <Paper style={styles.paper} zDepth={2} circle={true}/>
-                <Paper style={styles.paper} zDepth={3} circle={true}/>
-                <Paper style={styles.paper} zDepth={4} circle={true}/>
-                <Paper style={styles.paper} zDepth={5} circle={true}/>
-            </div>
-        );
-
-
-        // "http://www.material-ui.com/#/components/popover"
-        element = (
-            <div>
-                <RaisedButton
-                    onTouchTap={this.handleTouchTap}
-                    label="Click me"
-                />
-                <Popover
-                    open={this.state.open}
-                    anchorEl={this.state.anchorEl}
-                    anchorOrigin={{ horizontal: 'left', vertical: 'bottom' }}
-                    targetOrigin={{ horizontal: 'left', vertical: 'top' }}
-                    onRequestClose={this.handleRequestCloseReason}
-                >
-                  <div style={styles.popover}>
-                    <RaisedButton primary={true} label="Here is a button"/>
-                  </div>
-                </Popover>
-            </div>
-        );
-        element = (
-            <div>
-                <RaisedButton
-                    onTouchTap={this.handleTouchTap}
-                    label="Click me"
-                />
-                <Popover
-                    open={this.state.open}
-                    anchorEl={this.state.anchorEl}
-                    anchorOrigin={{ horizontal: 'left', vertical: 'bottom' }}
-                    targetOrigin={{ horizontal: 'left', vertical: 'top' }}
-                    onRequestClose={this.handleRequestCloseReason}
-                    animation={PopoverAnimationFromTop}
-                    >
-                  <div style={styles.popover}>
-                    <RaisedButton primary={true} label="Here is a button"/>
-                  </div>
-                </Popover>
-            </div>
-        );
-
-
-        // "http://www.material-ui.com/#/components/circular-progress"
-        const CircularProgressExampleSimple = () => (
-            <div>
-                <CircularProgress />
-                <CircularProgress size={1.5} />
-                <CircularProgress size={2} />
-            </div>
-        );
-        element = (
-            <div>
-                <CircularProgress mode="determinate" value={this.state.completed}/>
-                <CircularProgress mode="determinate" value={this.state.completed} size={1.5}/>
-                <CircularProgress mode="determinate" value={this.state.completed} size={2}/>
-            </div>
-        );
-
-
-        // "http://www.material-ui.com/#/components/linear-progress"
-        const LinearProgressExampleSimple = () => (
-            <LinearProgress mode="indeterminate"/>
-        );
-        element = (
-            <LinearProgress mode="determinate" value={this.state.completed} />
-        );
-
-
-        // "http://www.material-ui.com/#/components/refresh-indicator"
-        const RefreshIndicatorExampleSimple = () => (
-            <div style={styles.container}>
-                <RefreshIndicator
-                    percentage={30}
-                    size={40}
-                    left={10}
-                    top={0}
-                    status="ready"
-                    style={styles.refresh}
-                />
-                <RefreshIndicator
-                    percentage={60}
-                    size={50}
-                    left={65}
-                    top={0}
-                    status="ready"
-                    style={styles.refresh}
-                />
-                <RefreshIndicator
-                    percentage={80}
-                    size={60}
-                    left={120}
-                    top={0}
-                    color={"red"}
-                    status="ready"
-                    style={styles.refresh}
-                />
-                <RefreshIndicator
-                    percentage={100}
-                    size={70}
-                    left={175}
-                    top={0}
-                    color={"red"} // Overridden by percentage={100}
-                    status="ready"
-                    style={styles.refresh}
-                />
-            </div>
-        );
-        const RefreshIndicatorExampleLoading = () => (
-            <div style={styles.container}>
-                <RefreshIndicator
-                    size={40}
-                    left={10}
-                    top={0}
-                    status="loading"
-                    style={styles.refresh}
-                />
-                <RefreshIndicator
-                    size={50}
-                    left={70}
-                    top={0}
-                    loadingColor={"#FF9800"}
-                    status="loading"
-                    style={styles.refresh}
-                />
-            </div>
-        );
-
-
-        // "http://www.material-ui.com/#/components/select-field"
-        element = (
-            <div>
-                <SelectField value={this.state.value} onChange={this.handleChange}>
-                  <MenuItem value={1} primaryText="Never"/>
-                  <MenuItem value={2} primaryText="Every Night"/>
-                  <MenuItem value={3} primaryText="Weeknights"/>
-                  <MenuItem value={4} primaryText="Weekends"/>
-                  <MenuItem value={5} primaryText="Weekly"/>
-                </SelectField>
-                <br />
-                <SelectField value={1} disabled={true}>
-                  <MenuItem value={1} primaryText="Never"/>
-                  <MenuItem value={2} primaryText="Every Night"/>
-                </SelectField>
-            </div>
-        );
-        element = (
-            <SelectField maxHeight={300} value={this.state.value} onChange={this.handleChange}>
-                {menuItems}
-            </SelectField>
-        );
-        element = (
-            <SelectField value={this.state.value} onChange={this.handleChange}>
-                <MenuItem value={1} label="5 am - 12 pm" primaryText="Morning"/>
-                <MenuItem value={2} label="12 pm - 5 pm" primaryText="Afternoon"/>
-                <MenuItem value={3} label="5 pm - 9 pm" primaryText="Evening"/>
-                <MenuItem value={4} label="9 pm - 5 am" primaryText="Night"/>
-            </SelectField>
-        );
-        element = (
-            <div>
-                <SelectField
-                    value={this.state.value}
-                    onChange={this.handleChange}
-                    floatingLabelText="Floating Label Text"
-                >
-                  {menuItems}
-                </SelectField>
-                <br />
-                <SelectField
-                    value={this.state.value}
-                    onChange={this.handleChange}
-                    floatingLabelText="Styled Floating Label Text"
-                    floatingLabelStyle={{ color: 'red' }}
-                >
-                  {menuItems}
-                </SelectField>
-            </div>
-        );
-        const {value} = this.state;
-        const night = value === 2 || value === 3;
-        element = (
-            <div>
-                <SelectField
-                    value={value}
-                    onChange={this.handleChange}
-                    errorText={!night && 'Should be Night'}
-                >
-                  {menuItems}
-                </SelectField>
-                <br/>
-                <SelectField
-                    value={value}
-                    onChange={this.handleChange}
-                    errorText={night && 'Should not be Night (Custom error style)'}
-                    errorStyle={{ color: 'orange' }}
-                >
-                  {menuItems}
-                </SelectField>
-            </div>
-        );
-
-
-        // "http://www.material-ui.com/#/components/slider"
-        const SliderExampleSimple = () => (
-            <div>
-                <Slider/>
-                <Slider defaultValue={0.5}/>
-                <Slider defaultValue={1}/>
-            </div>
-        );        
-        const SliderExampleDisabled = () => (
-            <div>
-                <Slider disabled={true}/>
-                <Slider disabled={true} value={0.5}/>
-                <Slider disabled={true} value={1}/>
-            </div>
-        );
-        const SliderExampleStep = () => (
-            <Slider step={0.10} value={.5}/>
-        );
-
-
-        // "http://www.material-ui.com/#/components/checkbox"
-        const CheckboxExampleSimple = () => (
-            <div style={styles.block}>
-                <Checkbox
-                    label="Simple"
-                    style={styles.checkbox}
-                />
-                <Checkbox
-                    label="Checked by default"
-                    defaultChecked={true}
-                    style={styles.checkbox}
-                />
-                <Checkbox
-                    label="Disabled"
-                    disabled={true}
-                    style={styles.checkbox}
-                />
-                <Checkbox
-                    checkedIcon={<ActionFavorite />}
-                    unCheckedIcon={<ActionFavoriteBorder />}
-                    label="Custom icon"
-                    style={styles.checkbox}
-                />
-                <Checkbox
-                    label="Label on the left"
-                    labelPosition="left"
-                    style={styles.checkbox}
-                />
-            </div>
-        );
-
-
-        // "http://www.material-ui.com/#/components/radio-button"
-        const RadioButtonExampleSimple = () => (
-            <div>
-                <RadioButtonGroup name="shipSpeed" defaultSelected="not_light">
-                  <RadioButton
-                      value="light"
-                      label="Simple"
-                      style={styles.radioButton}
-                  />
-                  <RadioButton
-                      value="not_light"
-                      label="Selected by default"
-                      style={styles.radioButton}
-                  />
-                  <RadioButton
-                      value="ludicrous"
-                      label="Disabled"
-                      disabled={true}
-                      style={styles.radioButton}
-                  />
-                </RadioButtonGroup>
-
-                <RadioButtonGroup name="notRight" labelPosition="left" style={styles.block}>
-                  <RadioButton
-                      value="reverse"
-                      label="Label on the left"
-                      style={styles.radioButton}
-                  />
-                </RadioButtonGroup>
-            </div>
-        );
-
-
-        // "http://www.material-ui.com/#/components/toggle"
-        const ToggleExampleSimple = () => (
-            <div style={styles.block}>
-                <Toggle
-                    label="Simple"
-                    style={styles.toggle}
-                />
-                <Toggle
-                    label="Toggled by default"
-                    defaultToggled={true}
-                    style={styles.toggle}
-                />
-                <Toggle
-                    label="Disabled"
-                    disabled={true}
-                    style={styles.toggle}
-                />
-                <Toggle
-                    label="Label on the right"
-                    labelPosition="right"
-                    style={styles.toggle}
-                />
-            </div>
-        );
-
-
-        // "http://material-ui.com/#/components/snackbar"
-        element = (
-            <div>
-                <RaisedButton
-                    onTouchTap={this.handleTouchTap}
-                    label="Add to my calendar"
-                />
-                <Snackbar
-                    open={this.state.open}
-                    message="Event added to your calendar"
-                    autoHideDuration={4000}
-                    onRequestClose={this.handleRequestCloseReason}
-                />
-            </div>
-        );
-        element = (
-            <div>
-                <RaisedButton
-                    onTouchTap={this.handleTouchTap}
-                    label="Add to my calendar"
-                />
-                <br />
-                <TextField
-                    floatingLabelText="Auto Hide Duration in ms"
-                    value={this.state.autoHideDuration}
-                    onChange={this.handleChangeDuration}
-                />
-                <Snackbar
-                    open={this.state.open}
-                    message={this.state.message}
-                    action="undo"
-                    autoHideDuration={this.state.autoHideDuration}
-                    onActionTouchTap={this.handleActionTouchTap}
-                    onRequestClose={this.handleRequestCloseReason}
-                />
-            </div>
-        );
-
-        // "http://www.material-ui.com/#/components/table"
-        element = (
-            <Table>
-                <TableHeader>
-                  <TableRow>
-                    <TableHeaderColumn>ID</TableHeaderColumn>
-                    <TableHeaderColumn>Name</TableHeaderColumn>
-                    <TableHeaderColumn>Status</TableHeaderColumn>
-                  </TableRow>
-                </TableHeader>
-                <TableBody>
-                  <TableRow>
-                    <TableRowColumn>1</TableRowColumn>
-                    <TableRowColumn>John Smith</TableRowColumn>
-                    <TableRowColumn>Employed</TableRowColumn>
-                  </TableRow>
-                  <TableRow>
-                    <TableRowColumn>2</TableRowColumn>
-                    <TableRowColumn>Randal White</TableRowColumn>
-                    <TableRowColumn>Unemployed</TableRowColumn>
-                  </TableRow>
-                  <TableRow>
-                    <TableRowColumn>3</TableRowColumn>
-                    <TableRowColumn>Stephanie Sanders</TableRowColumn>
-                    <TableRowColumn>Employed</TableRowColumn>
-                  </TableRow>
-                  <TableRow>
-                    <TableRowColumn>4</TableRowColumn>
-                    <TableRowColumn>Steve Brown</TableRowColumn>
-                    <TableRowColumn>Employed</TableRowColumn>
-                  </TableRow>
-                </TableBody>
-            </Table>
-        );
-        const tableData = [
-            {
-                name: 'John Smith',
-                status: 'Employed',
-                selected: true,
-            },
-        ];
-        element = (
-          <div>
-            <Table
-              height={this.state.height}
-              fixedHeader={this.state.fixedHeader}
-              fixedFooter={this.state.fixedFooter}
-              selectable={this.state.selectable}
-              multiSelectable={this.state.multiSelectable}
-              onRowSelection={this.onRowSelection}
-            >
-              <TableHeader enableSelectAll={this.state.enableSelectAll}>
-                <TableRow>
-                  <TableHeaderColumn colSpan={3} tooltip="Super Header" style={{textAlign: 'center'}}>
-                    Super Header
-                  </TableHeaderColumn>
-                </TableRow>
-                <TableRow>
-                  <TableHeaderColumn tooltip="The ID">ID</TableHeaderColumn>
-                  <TableHeaderColumn tooltip="The Name">Name</TableHeaderColumn>
-                  <TableHeaderColumn tooltip="The Status">Status</TableHeaderColumn>
-                </TableRow>
-              </TableHeader>
-              <TableBody
-                deselectOnClickaway={this.state.deselectOnClickaway}
-                showRowHover={this.state.showRowHover}
-                stripedRows={this.state.stripedRows}
-              >
-                {tableData.map( (row, index) => (
-                  <TableRow key={index} selected={row.selected}>
-                    <TableRowColumn>{index}</TableRowColumn>
-                    <TableRowColumn>{row.name}</TableRowColumn>
-                    <TableRowColumn>{row.status}</TableRowColumn>
-                  </TableRow>
-                  ))}
-              </TableBody>
-              <TableFooter>
-                <TableRow>
-                  <TableRowColumn>ID</TableRowColumn>
-                  <TableRowColumn>Name</TableRowColumn>
-                  <TableRowColumn>Status</TableRowColumn>
-                </TableRow>
-                <TableRow>
-                  <TableRowColumn colSpan={3} style={{textAlign: 'center'}}>
-                    Super Footer
-                  </TableRowColumn>
-                </TableRow>
-              </TableFooter>
-            </Table>
-
-            <div style={styles.propContainerStyle}>
-              <h3>Table Properties</h3>
-              <TextField
-                floatingLabelText="Table Body Height"
-                defaultValue={this.state.height}
-                onChange={this.formEventHandler}
-              />
-              <Toggle
-                name="fixedHeader"
-                label="Fixed Header"
-                onToggle={this.handleToggle}
-                defaultToggled={this.state.fixedHeader}
-              />
-              <Toggle
-                name="fixedFooter"
-                label="Fixed Footer"
-                onToggle={this.handleToggle}
-                defaultToggled={this.state.fixedFooter}
-              />
-              <Toggle
-                name="selectable"
-                label="Selectable"
-                onToggle={this.handleToggle}
-                defaultToggled={this.state.selectable}
-              />
-              <Toggle
-                name="multiSelectable"
-                label="Multi-Selectable"
-                onToggle={this.handleToggle}
-                defaultToggled={this.state.multiSelectable}
-              />
-              <Toggle
-                name="enableSelectAll"
-                label="Enable Select All"
-                onToggle={this.handleToggle}
-                defaultToggled={this.state.enableSelectAll}
-              />
-              <h3 style={styles.propToggleHeader}>TableBody Properties</h3>
-              <Toggle
-                name="deselectOnClickaway"
-                label="Deselect On Clickaway"
-                onToggle={this.handleToggle}
-                defaultToggled={this.state.deselectOnClickaway}
-              />
-              <Toggle
-                name="stripedRows"
-                label="Stripe Rows"
-                onToggle={this.handleToggle}
-                defaultToggled={this.state.stripedRows}
-              />
-              <Toggle
-                name="showRowHover"
-                label="Show Row Hover"
-                onToggle={this.handleToggle}
-                defaultToggled={this.state.showRowHover}
-              />
-            </div>
-          </div>
-        );
-
-        // "http://www.material-ui.com/#/components/tabs"
-        const TabsExampleSimple = () => (
-          <Tabs>
-            <Tab label="Item One" >
-              <div>
-                <h2 style={styles.headline}>Tab One</h2>
-                <p>
-                  This is an example tab.
-                </p>
-                <p>
-                  You can put any sort of HTML or react component in here. It even keeps the component state!
-                </p>
-                <Slider name="slider0" defaultValue={0.5} />
-              </div>
-            </Tab>
-            <Tab label="Item Two" >
-              <div>
-                <h2 style={styles.headline}>Tab Two</h2>
-                <p>
-                  This is another example tab.
-                </p>
-              </div>
-            </Tab>
-            <Tab
-              label="onActive"
-              value="/home"
-              onActive={this.handleActive}
-            >
-              <div>
-                <h2 style={styles.headline}>Tab Three</h2>
-                <p>
-                  This is a third example tab.
-                </p>
-              </div>
-            </Tab>
-          </Tabs>
-        );
-        element = (
-          <Tabs
-            value={this.state.value}
-            onChange={this.handleChangeTabs}
-          >
-            <Tab label="Tab A" value="a" >
-              <div>
-                <h2 style={styles.headline}>Controllable Tab A</h2>
-                <p>
-                  Tabs are also controllable if you want to programmatically pass them their values.
-                  This allows for more functionality in Tabs such as not
-                  having any Tab selected or assigning them different values.
-                </p>
-              </div>
-            </Tab>
-            <Tab label="Tab B" value="b">
-              <div>
-                <h2 style={styles.headline}>Controllable Tab B</h2>
-                <p>
-                  This is another example of a controllable tab. Remember, if you
-                  use controllable Tabs, you need to give all of your tabs values or else
-                  you wont be able to select them.
-                </p>
-              </div>
-            </Tab>
-          </Tabs>
-        );
-        const TabsExampleIcon = () => (
-            <Tabs>
-                <Tab icon={<FontIcon className="muidocs-icon-action-home" />} />
-                <Tab icon={<ActionFlightTakeoff />} />
-                <Tab icon={<FontIcon className="material-icons">favorite</FontIcon>} />
-            </Tabs>
-        );
-
-        // "http://www.material-ui.com/#/components/text-field"
-        const TextFieldExampleSimple = () => (
-          <div>
-            <TextField
-              hintText="Hint Text"
-            /><br/>
-            <br/>
-            <TextField
-              hintText="The hint text can be as long as you want, it will wrap."
-            /><br/>
-            <TextField
-              defaultValue="Default Value"
-            /><br/>
-            <TextField
-              hintText="Hint Text"
-              floatingLabelText="Floating Label Text"
-            /><br/>
-            <TextField
-              hintText="Password Field"
-              floatingLabelText="Password"
-              type="password"
-            /><br/>
-            <TextField
-              hintText="MultiLine with rows: 2 and rowsMax: 4"
-              multiLine={true}
-              rows={2}
-              rowsMax={4}
-            /><br/>
-            <TextField
-              hintText="Message Field"
-              floatingLabelText="MultiLine and FloatingLabel"
-              multiLine={true}
-              rows={2}
-            />
-          </div>
-        );
-        const TextFieldExampleError = () => (
-          <div>
-            <TextField
-              hintText="Hint Text"
-              errorText="This field is required"
-            /><br/>
-            <TextField
-              hintText="Hint Text"
-              errorText="The error text can be as long as you want, it will wrap."
-            /><br/>
-            <TextField
-              hintText="Hint Text"
-              errorText="This field is required"
-              floatingLabelText="Floating Label Text"
-            /><br/>
-            <TextField
-              hintText="Message Field"
-              errorText="This field is required."
-              floatingLabelText="MultiLine and FloatingLabel"
-              multiLine={true}
-              rows={2}
-            /><br/>
-          </div>
-        );
-        const TextFieldExampleCustomize = () => (
-          <div>
-            <TextField
-              hintText="Styled Hint Text"
-              hintStyle={styles.errorStyle}
-            /><br/>
-            <TextField
-              hintText="Custom error color"
-              errorText="This field is required."
-              errorStyle={styles.errorStyle}
-            /><br/>
-            <TextField
-              hintText="Custom Underline Color"
-              underlineStyle={styles.underlineStyle}
-            /><br/>
-            <TextField
-              hintText="Custom Underline Focus Color"
-              underlineFocusStyle={styles.underlineStyle}
-            />
-          </div>
-        );
-        const TextFieldExampleDisabled = () => (
-          <div>
-            <TextField
-              disabled={true}
-              hintText="Disabled Hint Text"
-            /><br/>
-            <TextField
-              disabled={true}
-              defaultValue="Disabled Value"
-            /><br/>
-            <TextField
-              disabled={true}
-              hintText="Disabled Hint Text"
-              floatingLabelText="Floating Label Text"
-            /><br/>
-            <TextField
-              disabled={true}
-              hintText="Disabled Hint Text"
-              defaultValue="Disabled With Floating Label"
-              floatingLabelText="Floating Label Text"
-            />
-          </div>
-        );
-        element = <TextField
-            hintText = "Hint Text"
-            value = { this.state.value }
-            underlineStyle = {{ borderColor: Colors.green500 }}
-            onChange = { this.formEventHandler } />;
-
-
-        // "http://www.material-ui.com/#/components/time-picker"
-        const TimePickerExampleSimple = () => (
-          <div>
-            <TimePicker
-              hintText="12hr Format"
-            />
-            <TimePicker
-              format="24hr"
-              hintText="24hr Format"
-            />
-          </div>
-        );
-        element = (
-          <div>
-            <TimePicker
-              ref={t => this.picker12hr = t}
-              format="ampm"
-              hintText="12hr Format"
-              onChange={this.handleChangeTimePicker12}
-            />
-            <TimePicker
-              ref={t => this.picker24hr = t}
-              format="24hr"
-              hintText="24hr Format"
-              onChange={this.handleChangeTimePicker24}
-            />
-          </div>
-        );
-
-        // "http://www.material-ui.com/#/components/toolbar"
-        const ToolbarExamplesSimple = () => (
-          <Toolbar>
-            <ToolbarGroup firstChild={true} float="left">
-              <DropDownMenu value={3}>
-                <MenuItem value={1} primaryText="All Broadcasts" />
-                <MenuItem value={2} primaryText="All Voice" />
-                <MenuItem value={3} primaryText="All Text" />
-                <MenuItem value={4} primaryText="Complete Voice" />
-                <MenuItem value={5} primaryText="Complete Text" />
-                <MenuItem value={6} primaryText="Active Voice" />
-                <MenuItem value={7} primaryText="Active Text" />
-              </DropDownMenu>
-            </ToolbarGroup>
-            <ToolbarGroup float="right">
-              <ToolbarTitle text="Options" />
-              <FontIcon className="muidocs-icon-custom-sort" />
-              <IconMenu
-                iconButtonElement={
-                  <IconButton touch={true}>
-                    <NavigationExpandMoreIcon />
-                  </IconButton>
-                }
-              >
-                <MenuItem primaryText="Download" />
-                <MenuItem primaryText="More Info" />
-              </IconMenu>
-              <ToolbarSeparator />
-              <RaisedButton label="Create Broadcast" primary={true} />
-            </ToolbarGroup>
-          </Toolbar>
-        );
-
-        return element;
+      return (
+        <ComposedComponent
+          value={this.state.selectedIndex}
+          onChange={this.handleRequestChange}
+        >
+          {this.props.children}
+        </ComposedComponent>
+      );
     }
+  };
 }
+
+let SelectableList = wrapState(MakeSelectable(List));
+
+const ListExampleSelectable = () => (
+  <Paper>
+    <SelectableList defaultValue={3}>
+      <Subheader>Selectable Contacts</Subheader>
+      <ListItem
+        value={1}
+        primaryText="Brendan Lim"
+        leftAvatar={<Avatar src="images/ok-128.jpg" />}
+        nestedItems={[
+          <ListItem
+            value={2}
+            primaryText="Grace Ng"
+            leftAvatar={<Avatar src="images/uxceo-128.jpg" />}
+          />,
+        ]}
+      />
+      <ListItem
+        value={3}
+        primaryText="Kerem Suer"
+        leftAvatar={<Avatar src="images/kerem-128.jpg" />}
+      />
+      <ListItem
+        value={4}
+        primaryText="Eric Hoffman"
+        leftAvatar={<Avatar src="images/kolage-128.jpg" />}
+      />
+      <ListItem
+        value={5}
+        primaryText="Raquel Parrado"
+        leftAvatar={<Avatar src="images/raquelromanp-128.jpg" />}
+      />
+    </SelectableList>
+  </Paper>
+);
+
+
+// "http://www.material-ui.com/#/components/menu"
+const MenuExampleSimple = () => (
+  <div>
+    <Paper style={style}>
+      <Menu>
+        <MenuItem primaryText="Maps" />
+        <MenuItem primaryText="Books" />
+        <MenuItem primaryText="Flights" />
+        <MenuItem primaryText="Apps" />
+      </Menu>
+    </Paper>
+    <Paper style={style}>
+      <Menu>
+        <MenuItem primaryText="Refresh" />
+        <MenuItem primaryText="Help &amp; feedback" />
+        <MenuItem primaryText="Settings" />
+        <MenuItem primaryText="Sign out" />
+      </Menu>
+    </Paper>
+  </div>
+);
+
+const MenuExampleDisable = () => (
+  <div>
+    <Paper style={style}>
+      <Menu desktop={true}>
+        <MenuItem primaryText="Back" />
+        <MenuItem primaryText="Forward" disabled={true} />
+        <Divider />
+        <MenuItem primaryText="Recently closed" disabled={true} />
+        <MenuItem primaryText="Google" disabled={true} />
+        <MenuItem primaryText="YouTube" />
+      </Menu>
+    </Paper>
+    <Paper style={style}>
+      <Menu desktop={true}>
+        <MenuItem primaryText="Undo" />
+        <MenuItem primaryText="Redo" disabled={true} />
+        <Divider />
+        <MenuItem primaryText="Cut" disabled={true} />
+        <MenuItem primaryText="Copy" disabled={true} />
+        <MenuItem primaryText="Paste" />
+      </Menu>
+    </Paper>
+  </div>
+);
+
+const MenuExampleIcons = () => (
+  <div>
+    <Paper style={styles.paper}>
+      <Menu>
+        <MenuItem primaryText="Preview" leftIcon={<RemoveRedEye />} />
+        <MenuItem primaryText="Share" leftIcon={<PersonAdd />} />
+        <MenuItem primaryText="Get links" leftIcon={<ContentLink />} />
+        <Divider />
+        <MenuItem primaryText="Make a copy" leftIcon={<ContentCopy />} />
+        <MenuItem primaryText="Download" leftIcon={<Download />} />
+        <Divider />
+        <MenuItem primaryText="Remove" leftIcon={<Delete />} />
+      </Menu>
+    </Paper>
+    <Paper style={styles.paper}>
+      <Menu>
+        <MenuItem primaryText="Clear Config" />
+        <MenuItem primaryText="New Config" rightIcon={<PersonAdd />} />
+        <MenuItem primaryText="Project" rightIcon={<FontIcon className="material-icons">settings</FontIcon>} />
+        <MenuItem
+          primaryText="Workspace"
+          rightIcon={
+            <FontIcon className="material-icons" style={{color: '#559'}}>settings</FontIcon>
+          }
+        />
+        <MenuItem primaryText="Paragraph" rightIcon={<b style={styles.rightIcon}>¶</b>} />
+        <MenuItem primaryText="Section" rightIcon={<b style={styles.rightIcon}>§</b>} />
+      </Menu>
+    </Paper>
+  </div>
+);
+
+const MenuExampleSecondary = () => (
+  <div>
+    <Paper style={style}>
+      <Menu desktop={true} width={256}>
+        <MenuItem primaryText="Bold" secondaryText="&#8984;B" />
+        <MenuItem primaryText="Italic" secondaryText="&#8984;I" />
+        <MenuItem primaryText="Underline" secondaryText="&#8984;U" />
+        <MenuItem primaryText="Strikethrough" secondaryText="Alt+Shift+5" />
+        <MenuItem primaryText="Superscript" secondaryText="&#8984;." />
+        <MenuItem primaryText="Subscript" secondaryText="&#8984;," />
+        <Divider />
+        <MenuItem primaryText="Paragraph styles" rightIcon={<ArrowDropRight />} />
+        <MenuItem primaryText="Align" rightIcon={<ArrowDropRight />} />
+        <MenuItem primaryText="Line spacing" rightIcon={<ArrowDropRight />} />
+        <MenuItem primaryText="Numbered list" rightIcon={<ArrowDropRight />} />
+        <MenuItem primaryText="List options" rightIcon={<ArrowDropRight />} />
+        <Divider />
+        <MenuItem primaryText="Clear formatting" secondaryText="&#8984;/" />
+      </Menu>
+    </Paper>
+    <Paper style={style}>
+      <Menu desktop={true} width={256}>
+        <MenuItem primaryText="Open" secondaryText="Cmd + O" />
+        <MenuItem primaryText="Paste in place" secondaryText="Shift + V" />
+        <MenuItem primaryText="Research" secondaryText="Opt + Shift + Cmd + I" />
+      </Menu>
+    </Paper>
+    <Paper style={style}>
+      <Menu desktop={true} width={256}>
+        <MenuItem primaryText="Open" secondaryText="&#8984;O" />
+        <MenuItem primaryText="Paste in place" secondaryText="&#8679;&#8984;V" />
+        <MenuItem primaryText="Research" secondaryText="&#8997;&#8679;&#8984;I" />
+      </Menu>
+    </Paper>
+  </div>
+);
+
+const MenuExampleNested = () => (
+  <div>
+    <Paper style={style}>
+      <Menu desktop={true} width={320}>
+        <MenuItem primaryText="Single" insetChildren={true} />
+        <MenuItem primaryText="1.15" insetChildren={true} />
+        <MenuItem primaryText="Double" insetChildren={true} />
+        <MenuItem
+          primaryText="Custom: 1.2"
+          checked={true}
+          rightIcon={<ArrowDropRight />}
+          menuItems={[
+            <MenuItem
+              primaryText="Show"
+              rightIcon={<ArrowDropRight />}
+              menuItems={[
+                <MenuItem primaryText="Show Level 2" />,
+                <MenuItem primaryText="Grid lines" checked={true} />,
+                <MenuItem primaryText="Page breaks" insetChildren={true} />,
+                <MenuItem primaryText="Rules" checked={true} />,
+              ]}
+            />,
+            <MenuItem primaryText="Grid lines" checked={true} />,
+            <MenuItem primaryText="Page breaks" insetChildren={true} />,
+            <MenuItem primaryText="Rules" checked={true} />,
+          ]}
+        />
+        <Divider />
+        <MenuItem primaryText="Add space before paragraph" />
+        <MenuItem primaryText="Add space after paragraph" />
+        <Divider />
+        <MenuItem primaryText="Custom spacing..." />
+      </Menu>
+    </Paper>
+  </div>
+);
+
+
+// "http://www.material-ui.com/#/components/icon-menu"
+const IconMenuExampleSimple = () => (
+  <div>
+    <IconMenu
+      iconButtonElement={<IconButton><MoreVertIcon /></IconButton>}
+      anchorOrigin={{horizontal: 'left', vertical: 'top'}}
+      targetOrigin={{horizontal: 'left', vertical: 'top'}}
+    >
+      <MenuItem primaryText="Refresh" />
+      <MenuItem primaryText="Send feedback" />
+      <MenuItem primaryText="Settings" />
+      <MenuItem primaryText="Help" />
+      <MenuItem primaryText="Sign out" />
+    </IconMenu>
+    <IconMenu
+      iconButtonElement={<IconButton><MoreVertIcon /></IconButton>}
+      anchorOrigin={{horizontal: 'left', vertical: 'bottom'}}
+      targetOrigin={{horizontal: 'left', vertical: 'bottom'}}
+    >
+      <MenuItem primaryText="Refresh" />
+      <MenuItem primaryText="Send feedback" />
+      <MenuItem primaryText="Settings" />
+      <MenuItem primaryText="Help" />
+      <MenuItem primaryText="Sign out" />
+    </IconMenu>
+    <IconMenu
+      iconButtonElement={<IconButton><MoreVertIcon /></IconButton>}
+      anchorOrigin={{horizontal: 'right', vertical: 'bottom'}}
+      targetOrigin={{horizontal: 'right', vertical: 'bottom'}}
+    >
+      <MenuItem primaryText="Refresh" />
+      <MenuItem primaryText="Send feedback" />
+      <MenuItem primaryText="Settings" />
+      <MenuItem primaryText="Help" />
+      <MenuItem primaryText="Sign out" />
+    </IconMenu>
+    <IconMenu
+      iconButtonElement={<IconButton><MoreVertIcon /></IconButton>}
+      anchorOrigin={{horizontal: 'right', vertical: 'top'}}
+      targetOrigin={{horizontal: 'right', vertical: 'top'}}
+    >
+      <MenuItem primaryText="Refresh" />
+      <MenuItem primaryText="Send feedback" />
+      <MenuItem primaryText="Settings" />
+      <MenuItem primaryText="Help" />
+      <MenuItem primaryText="Sign out" />
+    </IconMenu>
+  </div>
+);
+
+interface IconMenuExampleControlledState {
+  valueSingle?: string;
+  valueMultiple?: string[];
+  openMenu?: boolean;
+}
+
+class IconMenuExampleControlled extends React.Component<{}, IconMenuExampleControlledState> {
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      valueSingle: '3',
+      valueMultiple: ['3', '5'],
+    };
+  }
+
+  handleChangeSingle = (event, value) => {
+    this.setState({
+      valueSingle: value,
+    });
+  };
+
+  handleChangeMultiple = (event, value) => {
+    this.setState({
+      valueMultiple: value,
+    });
+  };
+
+  handleOpenMenu = () => {
+    this.setState({
+      openMenu: true,
+    });
+  }
+
+  handleOnRequestChange = (value) => {
+    this.setState({
+      openMenu: value,
+    });
+  }
+
+  render() {
+    return (
+      <div>
+        <IconMenu
+          iconButtonElement={<IconButton><MoreVertIcon /></IconButton>}
+          onChange={this.handleChangeSingle}
+          value={this.state.valueSingle}
+        >
+          <MenuItem value="1" primaryText="Refresh" />
+          <MenuItem value="2" primaryText="Send feedback" />
+          <MenuItem value="3" primaryText="Settings" />
+          <MenuItem value="4" primaryText="Help" />
+          <MenuItem value="5" primaryText="Sign out" />
+        </IconMenu>
+        <IconMenu
+          iconButtonElement={<IconButton><ContentFilter /></IconButton>}
+          onChange={this.handleChangeMultiple}
+          value={this.state.valueMultiple}
+          multiple={true}
+        >
+          <MenuItem value="1" primaryText="Blu-ray" />
+          <MenuItem value="2" primaryText="Cassette" />
+          <MenuItem value="3" primaryText="CD" />
+          <MenuItem value="4" primaryText="DVD Audio" />
+          <MenuItem value="5" primaryText="Hybrid SACD" />
+          <MenuItem value="6" primaryText="Vinyl" />
+        </IconMenu>
+        <IconMenu
+          iconButtonElement={<IconButton><FileFileDownload /></IconButton>}
+          open={this.state.openMenu}
+          onRequestChange={this.handleOnRequestChange}
+        >
+          <MenuItem value="1" primaryText="Windows App" />
+          <MenuItem value="2" primaryText="Mac App" />
+          <MenuItem value="3" primaryText="Android App" />
+          <MenuItem value="4" primaryText="iOS App" />
+        </IconMenu>
+        <RaisedButton onTouchTap={this.handleOpenMenu} label="Downloads" />
+      </div>
+    );
+  }
+}
+
+const IconMenuExampleScrollable = () => (
+  <IconMenu
+    iconButtonElement={<IconButton><MapsPlace /></IconButton>}
+    anchorOrigin={{horizontal: 'left', vertical: 'top'}}
+    targetOrigin={{horizontal: 'left', vertical: 'top'}}
+    maxHeight={272}
+  >
+    <MenuItem value="AL" primaryText="Alabama" />
+    <MenuItem value="AK" primaryText="Alaska" />
+    <MenuItem value="AZ" primaryText="Arizona" />
+    <MenuItem value="AR" primaryText="Arkansas" />
+    <MenuItem value="CA" primaryText="California" />
+    <MenuItem value="CO" primaryText="Colorado" />
+    <MenuItem value="CT" primaryText="Connecticut" />
+    <MenuItem value="DE" primaryText="Delaware" />
+    <MenuItem value="DC" primaryText="District Of Columbia" />
+    <MenuItem value="FL" primaryText="Florida" />
+    <MenuItem value="GA" primaryText="Georgia" />
+    <MenuItem value="HI" primaryText="Hawaii" />
+    <MenuItem value="ID" primaryText="Idaho" />
+    <MenuItem value="IL" primaryText="Illinois" />
+    <MenuItem value="IN" primaryText="Indiana" />
+    <MenuItem value="IA" primaryText="Iowa" />
+    <MenuItem value="KS" primaryText="Kansas" />
+    <MenuItem value="KY" primaryText="Kentucky" />
+    <MenuItem value="LA" primaryText="Louisiana" />
+    <MenuItem value="ME" primaryText="Maine" />
+    <MenuItem value="MD" primaryText="Maryland" />
+    <MenuItem value="MA" primaryText="Massachusetts" />
+    <MenuItem value="MI" primaryText="Michigan" />
+    <MenuItem value="MN" primaryText="Minnesota" />
+    <MenuItem value="MS" primaryText="Mississippi" />
+    <MenuItem value="MO" primaryText="Missouri" />
+    <MenuItem value="MT" primaryText="Montana" />
+    <MenuItem value="NE" primaryText="Nebraska" />
+    <MenuItem value="NV" primaryText="Nevada" />
+    <MenuItem value="NH" primaryText="New Hampshire" />
+    <MenuItem value="NJ" primaryText="New Jersey" />
+    <MenuItem value="NM" primaryText="New Mexico" />
+    <MenuItem value="NY" primaryText="New York" />
+    <MenuItem value="NC" primaryText="North Carolina" />
+    <MenuItem value="ND" primaryText="North Dakota" />
+    <MenuItem value="OH" primaryText="Ohio" />
+    <MenuItem value="OK" primaryText="Oklahoma" />
+    <MenuItem value="OR" primaryText="Oregon" />
+    <MenuItem value="PA" primaryText="Pennsylvania" />
+    <MenuItem value="RI" primaryText="Rhode Island" />
+    <MenuItem value="SC" primaryText="South Carolina" />
+    <MenuItem value="SD" primaryText="South Dakota" />
+    <MenuItem value="TN" primaryText="Tennessee" />
+    <MenuItem value="TX" primaryText="Texas" />
+    <MenuItem value="UT" primaryText="Utah" />
+    <MenuItem value="VT" primaryText="Vermont" />
+    <MenuItem value="VA" primaryText="Virginia" />
+    <MenuItem value="WA" primaryText="Washington" />
+    <MenuItem value="WV" primaryText="West Virginia" />
+    <MenuItem value="WI" primaryText="Wisconsin" />
+    <MenuItem value="WY" primaryText="Wyoming" />
+  </IconMenu>
+);
+
+const IconMenuExampleNested = () => (
+  <div>
+    <IconMenu
+      iconButtonElement={<IconButton><MoreVertIcon /></IconButton>}
+      anchorOrigin={{horizontal: 'left', vertical: 'top'}}
+      targetOrigin={{horizontal: 'left', vertical: 'top'}}
+    >
+      <MenuItem
+        primaryText="Copy &amp; Paste"
+        rightIcon={<ArrowDropRight />}
+        menuItems={[
+          <MenuItem primaryText="Cut" />,
+          <MenuItem primaryText="Copy" />,
+          <Divider />,
+          <MenuItem primaryText="Paste" />,
+        ]}
+      />
+
+      <MenuItem
+        primaryText="Case Tools"
+        rightIcon={<ArrowDropRight />}
+        menuItems={[
+          <MenuItem primaryText="UPPERCASE" />,
+          <MenuItem primaryText="lowercase" />,
+          <MenuItem primaryText="CamelCase" />,
+          <MenuItem primaryText="Propercase" />,
+        ]}
+      />
+      <Divider />
+      <MenuItem primaryText="Download" leftIcon={<Download />} />
+      <Divider />
+      <MenuItem value="Del" primaryText="Delete" />
+
+    </IconMenu>
+  </div>
+);
+
+
+// "http://www.material-ui.com/#/components/dropdown-menu"
+class DropDownMenuSimpleExample extends React.Component<{}, {value?: number}> {
+
+  constructor(props) {
+    super(props);
+    this.state = {value: 1};
+  }
+
+  handleChange = (event, index, value) => this.setState({value});
+
+  render() {
+    return (
+      <div>
+        <DropDownMenu value={this.state.value} onChange={this.handleChange}>
+          <MenuItem value={1} primaryText="Never" />
+          <MenuItem value={2} primaryText="Every Night" />
+          <MenuItem value={3} primaryText="Weeknights" />
+          <MenuItem value={4} primaryText="Weekends" />
+          <MenuItem value={5} primaryText="Weekly" />
+        </DropDownMenu>
+        <br />
+        <DropDownMenu
+          value={this.state.value}
+          onChange={this.handleChange}
+          style={styles.customWidth}
+          autoWidth={false}
+        >
+          <MenuItem value={1} primaryText="Custom width" />
+          <MenuItem value={2} primaryText="Every Night" />
+          <MenuItem value={3} primaryText="Weeknights" />
+          <MenuItem value={4} primaryText="Weekends" />
+          <MenuItem value={5} primaryText="Weekly" />
+        </DropDownMenu>
+      </div>
+    );
+  }
+}
+
+class DropDownMenuOpenImmediateExample extends React.Component<{}, {value?: number}> {
+
+  constructor(props) {
+    super(props);
+    this.state = {value: 2};
+  }
+
+  handleChange = (event, index, value) => this.setState({value});
+
+  render() {
+    return (
+      <DropDownMenu value={this.state.value} onChange={this.handleChange} openImmediately={true}>
+        <MenuItem value={1} primaryText="Never" />
+        <MenuItem value={2} primaryText="Every Night" />
+        <MenuItem value={3} primaryText="Weeknights" />
+        <MenuItem value={4} primaryText="Weekends" />
+        <MenuItem value={5} primaryText="Weekly" />
+      </DropDownMenu>
+    );
+  }
+}
+
+const items: React.ReactElement<__MaterialUI.Menus.MenuItemProps>[] = [];
+for (let i = 0; i < 100; i++ ) {
+  items.push(<MenuItem value={i} key={i} primaryText={`Item ${i}`} />);
+}
+
+class DropDownMenuLongMenuExample extends React.Component<{}, {value?: number}> {
+
+  constructor(props) {
+    super(props);
+    this.state = {value: 10};
+  }
+
+  handleChange = (event, index, value) => this.setState({value});
+
+  render() {
+    return (
+      <DropDownMenu maxHeight={300} value={this.state.value} onChange={this.handleChange}>
+        {items}
+      </DropDownMenu>
+    );
+  }
+}
+
+class DropDownMenuLabeledExample extends React.Component<{}, {value?: number}> {
+
+  constructor(props) {
+    super(props);
+    this.state = {value: 2};
+  }
+
+  handleChange = (event, index, value) => this.setState({value});
+
+  render() {
+    return (
+      <DropDownMenu value={this.state.value} onChange={this.handleChange}>
+        <MenuItem value={1} label="5 am - 12 pm" primaryText="Morning" />
+        <MenuItem value={2} label="12 pm - 5 pm" primaryText="Afternoon" />
+        <MenuItem value={3} label="5 pm - 9 pm" primaryText="Evening" />
+        <MenuItem value={4} label="9 pm - 5 am" primaryText="Night" />
+      </DropDownMenu>
+    );
+  }
+}
+
+
+// "http://material-ui.com/#/components/paper"
+const PaperExampleSimple = () => (
+  <div>
+    <Paper style={style} zDepth={1} />
+    <Paper style={style} zDepth={2} />
+    <Paper style={style} zDepth={3} />
+    <Paper style={style} zDepth={4} />
+    <Paper style={style} zDepth={5} />
+  </div>
+);
+
+const PaperExampleRounded = () => (
+  <div>
+    <Paper style={style} zDepth={1} rounded={false} />
+    <Paper style={style} zDepth={2} rounded={false} />
+    <Paper style={style} zDepth={3} rounded={false} />
+    <Paper style={style} zDepth={4} rounded={false} />
+    <Paper style={style} zDepth={5} rounded={false} />
+  </div>
+);
+
+const PaperExampleCircle = () => (
+  <div>
+    <Paper style={style} zDepth={1} circle={true} />
+    <Paper style={style} zDepth={2} circle={true} />
+    <Paper style={style} zDepth={3} circle={true} />
+    <Paper style={style} zDepth={4} circle={true} />
+    <Paper style={style} zDepth={5} circle={true} />
+  </div>
+);
+
+
+// "http://www.material-ui.com/#/components/popover"
+class PopoverExampleSimple extends React.Component<{}, {open?: boolean, anchorEl?: React.ReactInstance}> {
+
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      open: false,
+    };
+  }
+
+  handleTouchTap = (event) => {
+    // This prevents ghost click.
+    event.preventDefault();
+
+    this.setState({
+      open: true,
+      anchorEl: event.currentTarget,
+    });
+  };
+
+  handleRequestClose = () => {
+    this.setState({
+      open: false,
+    });
+  };
+
+  render() {
+    return (
+      <div>
+        <RaisedButton
+          onTouchTap={this.handleTouchTap}
+          label="Click me"
+        />
+        <Popover
+          open={this.state.open}
+          anchorEl={this.state.anchorEl}
+          anchorOrigin={{horizontal: 'left', vertical: 'bottom'}}
+          targetOrigin={{horizontal: 'left', vertical: 'top'}}
+          onRequestClose={this.handleRequestClose}
+        >
+          <Menu>
+            <MenuItem primaryText="Refresh" />
+            <MenuItem primaryText="Help &amp; feedback" />
+            <MenuItem primaryText="Settings" />
+            <MenuItem primaryText="Sign out" />
+          </Menu>
+        </Popover>
+      </div>
+    );
+  }
+}
+
+class PopoverExampleAnimation extends React.Component<{}, {open?: boolean, anchorEl?: React.ReactInstance}> {
+
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      open: false,
+    };
+  }
+
+  handleTouchTap = (event) => {
+    // This prevents ghost click.
+    event.preventDefault();
+    this.setState({
+      open: true,
+      anchorEl: event.currentTarget,
+    });
+  };
+
+  handleRequestClose = () => {
+    this.setState({
+      open: false,
+    });
+  };
+
+  render() {
+    return (
+      <div>
+        <RaisedButton
+          onTouchTap={this.handleTouchTap}
+          label="Click me"
+        />
+        <Popover
+          open={this.state.open}
+          anchorEl={this.state.anchorEl}
+          anchorOrigin={{horizontal: 'left', vertical: 'bottom'}}
+          targetOrigin={{horizontal: 'left', vertical: 'top'}}
+          onRequestClose={this.handleRequestClose}
+          animation={PopoverAnimationVertical}
+        >
+          <Menu>
+            <MenuItem primaryText="Refresh" />
+            <MenuItem primaryText="Help &amp; feedback" />
+            <MenuItem primaryText="Settings" />
+            <MenuItem primaryText="Sign out" />
+          </Menu>
+        </Popover>
+      </div>
+    );
+  }
+}
+
+interface PopoverExampleConfigurableState {
+  open?: boolean;
+  anchorOrigin?: __MaterialUI.propTypes.origin;
+  targetOrigin?: __MaterialUI.propTypes.origin;
+  anchorEl?: React.ReactInstance;
+}
+
+class PopoverExampleConfigurable extends React.Component<{}, PopoverExampleConfigurableState> {
+
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      open: false,
+      anchorOrigin: {
+        horizontal: 'left',
+        vertical: 'bottom',
+      },
+      targetOrigin: {
+        horizontal: 'left',
+        vertical: 'top',
+      },
+    };
+  }
+
+  handleTouchTap = (event) => {
+    // This prevents ghost click.
+    event.preventDefault();
+    this.setState({
+      open: true,
+      anchorEl: event.currentTarget,
+    });
+  };
+
+  handleRequestClose = () => {
+    this.setState({
+      open: false,
+    });
+  };
+
+  setAnchor = (positionElement, position) => {
+    const {anchorOrigin} = this.state;
+    anchorOrigin[positionElement] = position;
+
+    this.setState({
+      anchorOrigin: anchorOrigin,
+    });
+  };
+
+  setTarget = (positionElement, position) => {
+    const {targetOrigin} = this.state;
+    targetOrigin[positionElement] = position;
+
+    this.setState({
+      targetOrigin: targetOrigin,
+    });
+  };
+
+  render() {
+    return (
+      <div>
+        <RaisedButton
+          onTouchTap={this.handleTouchTap}
+          label="Click me"
+        />
+        <h3 style={styles.h3}>Current Settings</h3>
+        <pre>
+          anchorOrigin: {JSON.stringify(this.state.anchorOrigin)}
+          <br />
+          targetOrigin: {JSON.stringify(this.state.targetOrigin)}
+        </pre>
+        <h3 style={styles.h3}>Position Options</h3>
+        <p>Use the settings below to toggle the positioning of the popovers above</p>
+        <h3 style={styles.h3}>Anchor Origin</h3>
+        <div style={styles.block}>
+          <div style={styles.block2}>
+            <span>Vertical</span>
+            <RadioButton
+              onClick={this.setAnchor.bind(this, 'vertical', 'top')}
+              label="Top" checked={this.state.anchorOrigin.vertical === 'top'}
+            />
+            <RadioButton
+              onClick={this.setAnchor.bind(this, 'vertical', 'center')}
+              label="Center" checked={this.state.anchorOrigin.vertical === 'center'}
+            />
+            <RadioButton
+              onClick={this.setAnchor.bind(this, 'vertical', 'bottom')}
+              label="Bottom" checked={this.state.anchorOrigin.vertical === 'bottom'}
+            />
+          </div>
+          <div style={styles.block2}>
+            <span>Horizontal</span>
+            <RadioButton
+              onClick={this.setAnchor.bind(this, 'horizontal', 'left')}
+              label="Left" checked={this.state.anchorOrigin.horizontal === 'left'}
+            />
+            <RadioButton
+              onClick={this.setAnchor.bind(this, 'horizontal', 'middle')}
+              label="Middle" checked={this.state.anchorOrigin.horizontal === 'middle'}
+            />
+            <RadioButton
+              onClick={this.setAnchor.bind(this, 'horizontal', 'right')}
+              label="Right" checked={this.state.anchorOrigin.horizontal === 'right'}
+            />
+          </div>
+        </div>
+        <h3 style={styles.h3}>Target Origin</h3>
+        <div style={styles.block}>
+          <div style={styles.block2}>
+            <span>Vertical</span>
+            <RadioButton
+              onClick={this.setTarget.bind(this, 'vertical', 'top')}
+              label="Top" checked={this.state.targetOrigin.vertical === 'top'}
+            />
+            <RadioButton
+              onClick={this.setTarget.bind(this, 'vertical', 'center')}
+              label="Center" checked={this.state.targetOrigin.vertical === 'center'}
+            />
+            <RadioButton
+              onClick={this.setTarget.bind(this, 'vertical', 'bottom')}
+              label="Bottom" checked={this.state.targetOrigin.vertical === 'bottom'}
+            />
+          </div>
+          <div style={styles.block2}>
+            <span>Horizontal</span>
+            <RadioButton
+              onClick={this.setTarget.bind(this, 'horizontal', 'left')}
+              label="Left" checked={this.state.targetOrigin.horizontal === 'left'}
+            />
+            <RadioButton
+              onClick={this.setTarget.bind(this, 'horizontal', 'middle')}
+              label="Middle" checked={this.state.targetOrigin.horizontal === 'middle'}
+            />
+            <RadioButton
+              onClick={this.setTarget.bind(this, 'horizontal', 'right')}
+              label="Right" checked={this.state.targetOrigin.horizontal === 'right'}
+            />
+          </div>
+        </div>
+        <Popover
+          open={this.state.open}
+          anchorEl={this.state.anchorEl}
+          anchorOrigin={this.state.anchorOrigin}
+          targetOrigin={this.state.targetOrigin}
+          onRequestClose={this.handleRequestClose}
+        >
+          <Menu>
+            <MenuItem primaryText="Refresh" />
+            <MenuItem primaryText="Help &amp; feedback" />
+            <MenuItem primaryText="Settings" />
+            <MenuItem primaryText="Sign out" />
+          </Menu>
+        </Popover>
+      </div>
+    );
+  }
+}
+
+
+// "http://www.material-ui.com/#/components/circular-progress"
+const CircularProgressExampleSimple = () => (
+  <div>
+    <CircularProgress />
+    <CircularProgress size={1.5} />
+    <CircularProgress size={2} />
+  </div>
+);
+
+class CircularProgressExampleDeterminate extends React.Component<{}, {completed?: number}> {
+  private timer: number;
+
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      completed: 0,
+    };
+  }
+
+  componentDidMount() {
+    this.timer = setTimeout(() => this.progress(5), 1000);
+  }
+
+  componentWillUnmount() {
+    clearTimeout(this.timer);
+  }
+
+  progress(completed) {
+    if (completed > 100) {
+      this.setState({completed: 100});
+    } else {
+      this.setState({completed});
+      const diff = Math.random() * 10;
+      this.timer = setTimeout(() => this.progress(completed + diff), 1000);
+    }
+  }
+
+  render() {
+    return (
+      <div>
+        <CircularProgress mode="determinate" value={this.state.completed} />
+        <CircularProgress mode="determinate" value={this.state.completed} size={1.5} />
+        <CircularProgress mode="determinate" value={this.state.completed} size={2} />
+      </div>
+    );
+  }
+}
+
+
+// "http://www.material-ui.com/#/components/linear-progress"
+const LinearProgressExampleSimple = () => (
+  <LinearProgress mode="indeterminate" />
+);
+
+class LinearProgressExampleDeterminate extends React.Component<{}, {completed?: number}> {
+  private timer: number;
+
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      completed: 0,
+    };
+  }
+
+  componentDidMount() {
+    this.timer = setTimeout(() => this.progress(5), 1000);
+  }
+
+  componentWillUnmount() {
+    clearTimeout(this.timer);
+  }
+
+  progress(completed) {
+    if (completed > 100) {
+      this.setState({completed: 100});
+    } else {
+      this.setState({completed});
+      const diff = Math.random() * 10;
+      this.timer = setTimeout(() => this.progress(completed + diff), 1000);
+    }
+  }
+
+  render() {
+    return (
+      <LinearProgress mode="determinate" value={this.state.completed} />
+    );
+  }
+}
+
+
+// "http://www.material-ui.com/#/components/refresh-indicator"
+const RefreshIndicatorExampleSimple = () => (
+  <div style={styles.container}>
+    <RefreshIndicator
+      percentage={30}
+      size={40}
+      left={10}
+      top={0}
+      status="ready"
+      style={styles.refresh}
+    />
+    <RefreshIndicator
+      percentage={60}
+      size={50}
+      left={65}
+      top={0}
+      status="ready"
+      style={styles.refresh}
+    />
+    <RefreshIndicator
+      percentage={80}
+      size={60}
+      left={120}
+      top={0}
+      color={"red"}
+      status="ready"
+      style={styles.refresh}
+    />
+    <RefreshIndicator
+      percentage={100}
+      size={70}
+      left={175}
+      top={0}
+      color={"red"} // Overridden by percentage={100}
+      status="ready"
+      style={styles.refresh}
+    />
+  </div>
+);
+
+const RefreshIndicatorExampleLoading = () => (
+  <div style={styles.container}>
+    <RefreshIndicator
+      size={40}
+      left={10}
+      top={0}
+      status="loading"
+      style={styles.refresh}
+    />
+    <RefreshIndicator
+      size={50}
+      left={70}
+      top={0}
+      loadingColor={"#FF9800"}
+      status="loading"
+      style={styles.refresh}
+    />
+  </div>
+);
+
+
+// "http://www.material-ui.com/#/components/select-field"
+class SelectFieldExampleSimple extends React.Component<{}, {value?: number}> {
+
+  constructor(props) {
+    super(props);
+    this.state = {value: 1};
+  }
+
+  handleChange = (event, index, value) => this.setState({value});
+
+  render() {
+    return (
+      <div>
+        <SelectField value={this.state.value} onChange={this.handleChange}>
+          <MenuItem value={1} primaryText="Never" />
+          <MenuItem value={2} primaryText="Every Night" />
+          <MenuItem value={3} primaryText="Weeknights" />
+          <MenuItem value={4} primaryText="Weekends" />
+          <MenuItem value={5} primaryText="Weekly" />
+        </SelectField>
+        <br />
+        <SelectField value={1} disabled={true}>
+          <MenuItem value={1} primaryText="Disabled" />
+          <MenuItem value={2} primaryText="Every Night" />
+        </SelectField>
+        <br />
+        <SelectField
+          value={this.state.value}
+          onChange={this.handleChange}
+          style={styles.customWidth}
+        >
+          <MenuItem value={1} primaryText="Custom width" />
+          <MenuItem value={2} primaryText="Every Night" />
+          <MenuItem value={3} primaryText="Weeknights" />
+          <MenuItem value={4} primaryText="Weekends" />
+          <MenuItem value={5} primaryText="Weekly" />
+        </SelectField>
+        <br />
+        <SelectField
+          value={this.state.value}
+          onChange={this.handleChange}
+          autoWidth={true}
+        >
+          <MenuItem value={1} primaryText="Auto width" />
+          <MenuItem value={2} primaryText="Every Night" />
+          <MenuItem value={3} primaryText="Weeknights" />
+          <MenuItem value={4} primaryText="Weekends" />
+          <MenuItem value={5} primaryText="Weekly" />
+        </SelectField>
+      </div>
+    );
+  }
+}
+
+class SelectFieldLongMenuExample extends React.Component<{}, {value?: number}> {
+
+  constructor(props) {
+    super(props);
+    this.state = {value: 10};
+  }
+
+  handleChange = (event, index, value) => this.setState({value});
+
+  render() {
+    return (
+      <SelectField maxHeight={300} value={this.state.value} onChange={this.handleChange}>
+        {items}
+      </SelectField>
+    );
+  }
+}
+
+class SelectFieldExampleCustomLabel extends React.Component<{}, {value?: number}> {
+
+  constructor(props) {
+    super(props);
+    this.state = {value: 1};
+  }
+
+  handleChange = (event, index, value) => this.setState({value});
+
+  render() {
+    return (
+      <SelectField value={this.state.value} onChange={this.handleChange}>
+        <MenuItem value={1} label="5 am - 12 pm" primaryText="Morning" />
+        <MenuItem value={2} label="12 pm - 5 pm" primaryText="Afternoon" />
+        <MenuItem value={3} label="5 pm - 9 pm" primaryText="Evening" />
+        <MenuItem value={4} label="9 pm - 5 am" primaryText="Night" />
+      </SelectField>
+    );
+  }
+}
+
+const itemsPeriod = [
+  <MenuItem key={1} value={1} primaryText="Never" />,
+  <MenuItem key={2} value={2} primaryText="Every Night" />,
+  <MenuItem key={3} value={3} primaryText="Weeknights" />,
+  <MenuItem key={4} value={4} primaryText="Weekends" />,
+  <MenuItem key={5} value={5} primaryText="Weekly" />,
+];
+
+export default class SelectFieldExampleFloatingLabel extends React.Component<{}, {value?: number}> {
+
+  constructor(props) {
+    super(props);
+    this.state = {value: null};
+  }
+
+  handleChange = (event, index, value) => this.setState({value});
+
+  render() {
+    return (
+      <div>
+        <SelectField
+          value={this.state.value}
+          onChange={this.handleChange}
+          floatingLabelText="Floating Label Text"
+        >
+          {itemsPeriod}
+        </SelectField>
+        <br />
+        <SelectField
+          value={this.state.value}
+          onChange={this.handleChange}
+          floatingLabelText="Styled Floating Label Text"
+          floatingLabelStyle={{color: 'red'}}
+        >
+          {itemsPeriod}
+        </SelectField>
+      </div>
+    );
+  }
+}
+
+class SelectFieldExampleError extends React.Component<{}, {value?: number}> {
+
+  constructor(props) {
+    super(props);
+    this.state = {value: null};
+  }
+
+  handleChange = (event, index, value) => this.setState({value});
+
+  render() {
+    const {value} = this.state;
+
+    const night = value === 2 || value === 3;
+
+    return (
+      <div>
+        <SelectField
+          value={value}
+          onChange={this.handleChange}
+          errorText={!night && 'Should be Night'}
+        >
+          {itemsPeriod}
+        </SelectField>
+        <br />
+        <SelectField
+          value={value}
+          onChange={this.handleChange}
+          errorText={night && 'Should not be Night (Custom error style)'}
+          errorStyle={{color: 'orange'}}
+        >
+          {itemsPeriod}
+        </SelectField>
+      </div>
+    );
+  }
+}
+
+
+// "http://www.material-ui.com/#/components/slider"
+const SliderExampleSimple = () => (
+  <div>
+    <Slider />
+    <Slider defaultValue={0.5} />
+    <Slider defaultValue={1} />
+  </div>
+);
+
+const SliderExampleDisabled = () => (
+  <div>
+    <Slider disabled={true} />
+    <Slider disabled={true} value={0.5} />
+    <Slider disabled={true} value={1} />
+  </div>
+);
+
+const SliderExampleStep = () => (
+  <Slider step={0.10} value={.5} />
+);
+
+class SliderExampleControlled extends React.Component<{}, {firstSlider?: number, secondSlider?: number}> {
+
+  state = {
+    firstSlider: 0.5,
+    secondSlider: 50,
+  }
+
+  handleFirstSlider(event, value) {
+    this.setState({firstSlider: value});
+  }
+
+  handleSecondSlider(event, value) {
+    this.setState({secondSlider: value});
+  }
+
+  render() {
+    return (
+      <div>
+        <Slider
+          defaultValue={0.5}
+          value={this.state.firstSlider}
+          onChange={this.handleFirstSlider.bind(this)}
+        />
+        <p>
+          <span>{'The value of this slider is: '}</span>
+          <span>{this.state.firstSlider}</span>
+          <span>{' from a range of 0 to 1 inclusive'}</span>
+        </p>
+        <Slider
+          min={0}
+          max={100}
+          step={1}
+          defaultValue={50}
+          value={this.state.secondSlider}
+          onChange={this.handleSecondSlider.bind(this)}
+        />
+        <p>
+          <span>{'The value of this slider is: '}</span>
+          <span>{this.state.secondSlider}</span>
+          <span>{' from a range of 0 to 100 inclusive'}</span>
+        </p>
+      </div>
+    );
+  }
+}
+
+
+// "http://www.material-ui.com/#/components/checkbox"
+const CheckboxExampleSimple = () => (
+  <div style={styles.block}>
+    <Checkbox
+      label="Simple"
+      style={styles.checkbox}
+    />
+    <Checkbox
+      label="Checked by default"
+      defaultChecked={true}
+      style={styles.checkbox}
+    />
+    <Checkbox
+      checkedIcon={<ActionFavorite />}
+      uncheckedIcon={<ActionFavoriteBorder />}
+      label="Custom icon"
+      style={styles.checkbox}
+    />
+    <Checkbox
+      label="Disabled unchecked"
+      disabled={true}
+      style={styles.checkbox}
+    />
+    <Checkbox
+      label="Disabled checked"
+      checked={true}
+      disabled={true}
+      style={styles.checkbox}
+    />
+    <Checkbox
+      label="Label on the left"
+      labelPosition="left"
+      style={styles.checkbox}
+    />
+  </div>
+);
+
+
+// "http://www.material-ui.com/#/components/radio-button"
+const RadioButtonExampleSimple = () => (
+  <div>
+    <RadioButtonGroup name="shipSpeed" defaultSelected="not_light">
+      <RadioButton
+        value="light"
+        label="Simple"
+        style={styles.radioButton}
+      />
+      <RadioButton
+        value="not_light"
+        label="Selected by default"
+        style={styles.radioButton}
+      />
+      <RadioButton
+        value="ludicrous"
+        label="Custom icon"
+        checkedIcon={<ActionFavorite />}
+        uncheckedIcon={<ActionFavoriteBorder />}
+        style={styles.radioButton}
+      />
+    </RadioButtonGroup>
+    <RadioButtonGroup name="shipName" defaultSelected="community">
+      <RadioButton
+        value="enterprise"
+        label="Disabled unchecked"
+        disabled={true}
+        style={styles.radioButton}
+      />
+      <RadioButton
+        value="community"
+        label="Disabled checked"
+        disabled={true}
+        style={styles.radioButton}
+      />
+    </RadioButtonGroup>
+    <RadioButtonGroup name="notRight" labelPosition="left" style={styles.block}>
+      <RadioButton
+        value="reverse"
+        label="Label on the left"
+        style={styles.radioButton}
+      />
+    </RadioButtonGroup>
+  </div>
+);
+
+
+// "http://www.material-ui.com/#/components/toggle"
+const ToggleExampleSimple = () => (
+  <div style={styles.block}>
+    <Toggle
+      label="Simple"
+      style={styles.toggle}
+    />
+    <Toggle
+      label="Toggled by default"
+      defaultToggled={true}
+      style={styles.toggle}
+    />
+    <Toggle
+      label="Disabled"
+      disabled={true}
+      style={styles.toggle}
+    />
+    <Toggle
+      label="Label on the right"
+      labelPosition="right"
+      style={styles.toggle}
+    />
+  </div>
+);
+
+
+// "http://material-ui.com/#/components/snackbar"
+class SnackbarExampleSimple extends React.Component<{}, {open?: boolean}> {
+
+  constructor(props) {
+    super(props);
+    this.state = {
+      open: false,
+    };
+  }
+
+  handleTouchTap = () => {
+    this.setState({
+      open: true,
+    });
+  };
+
+  handleRequestClose = () => {
+    this.setState({
+      open: false,
+    });
+  };
+
+  render() {
+    return (
+      <div>
+        <RaisedButton
+          onTouchTap={this.handleTouchTap}
+          label="Add to my calendar"
+        />
+        <Snackbar
+          open={this.state.open}
+          message="Event added to your calendar"
+          autoHideDuration={4000}
+          onRequestClose={this.handleRequestClose}
+        />
+      </div>
+    );
+  }
+}
+
+class SnackbarExampleAction extends React.Component<{}, {open?: boolean, autoHideDuration?: number, message?: string}> {
+
+  constructor(props) {
+    super(props);
+    this.state = {
+      autoHideDuration: 4000,
+      message: 'Event added to your calendar',
+      open: false,
+    };
+  }
+
+  handleTouchTap = () => {
+    this.setState({
+      open: true,
+    });
+  };
+
+  handleActionTouchTap = () => {
+    this.setState({
+      open: false,
+    });
+    alert('Event removed from your calendar.');
+  };
+
+  handleChangeDuration = (event) => {
+    const value = event.target.value;
+    this.setState({
+      autoHideDuration: value.length > 0 ? parseInt(value) : 0,
+    });
+  };
+
+  handleRequestClose = () => {
+    this.setState({
+      open: false,
+    });
+  };
+
+  render() {
+    return (
+      <div>
+        <RaisedButton
+          onTouchTap={this.handleTouchTap}
+          label="Add to my calendar"
+        />
+        <br />
+        <TextField
+          floatingLabelText="Auto Hide Duration in ms"
+          value={this.state.autoHideDuration}
+          onChange={this.handleChangeDuration}
+        />
+        <Snackbar
+          open={this.state.open}
+          message={this.state.message}
+          action="undo"
+          autoHideDuration={this.state.autoHideDuration}
+          onActionTouchTap={this.handleActionTouchTap}
+          onRequestClose={this.handleRequestClose}
+        />
+      </div>
+    );
+  }
+}
+
+class SnackbarExampleTwice extends React.Component<{}, {open?: boolean, message?: string}> {
+
+  private timer: number;
+
+  constructor(props) {
+    super(props);
+    this.state = {
+      message: 'Event 1 added to your calendar',
+      open: false,
+    };
+    this.timer = undefined;
+  }
+
+  componentWillUnMount() {
+    clearTimeout(this.timer);
+  }
+
+  handleTouchTap = () => {
+    this.setState({
+      open: true,
+    });
+
+    this.timer = setTimeout(() => {
+      this.setState({
+        message: `Event ${Math.round(Math.random() * 100)} added to your calendar`,
+      });
+    }, 1500);
+  };
+
+  handleRequestClose = () => {
+    this.setState({
+      open: false,
+    });
+  };
+
+  render() {
+    return (
+      <div>
+        <RaisedButton
+          onTouchTap={this.handleTouchTap}
+          label="Add to my calendar two times"
+        />
+        <Snackbar
+          open={this.state.open}
+          message={this.state.message}
+          action="undo"
+          autoHideDuration={3000}
+          onRequestClose={this.handleRequestClose}
+        />
+      </div>
+    );
+  }
+}
+
+
+// "http://www.material-ui.com/#/components/stepper"
+class HorizontalLinearStepper extends React.Component<{}, {stepIndex?: number, finished?: boolean}> {
+
+  state = {
+    finished: false,
+    stepIndex: 0,
+  };
+
+  handleNext = () => {
+    const {stepIndex} = this.state;
+    this.setState({
+      stepIndex: stepIndex + 1,
+      finished: stepIndex >= 2,
+    });
+  };
+
+  handlePrev = () => {
+    const {stepIndex} = this.state;
+    if (stepIndex > 0) {
+      this.setState({stepIndex: stepIndex - 1});
+    }
+  };
+
+  getStepContent(stepIndex) {
+    switch (stepIndex) {
+      case 0:
+        return 'Select campaign settings...';
+      case 1:
+        return 'What is an ad group anyways?';
+      case 2:
+        return 'This is the bit I really care about!';
+      default:
+        return 'You\'re a long way from home sonny jim!';
+    }
+  }
+
+  render() {
+    const {finished, stepIndex} = this.state;
+    const contentStyle = {margin: '0 16px'};
+
+    return (
+      <div style={{width: '100%', maxWidth: 700, margin: 'auto'}}>
+        <Stepper activeStep={stepIndex}>
+          <Step>
+            <StepLabel>Select campaign settings</StepLabel>
+          </Step>
+          <Step>
+            <StepLabel>Create an ad group</StepLabel>
+          </Step>
+          <Step>
+            <StepLabel>Create an ad</StepLabel>
+          </Step>
+        </Stepper>
+        <div style={contentStyle}>
+          {finished ? (
+            <p>
+              <a
+                href="#"
+                onClick={(event) => {
+                  event.preventDefault();
+                  this.setState({stepIndex: 0, finished: false});
+                }}
+              >
+                Click here
+              </a> to reset the example.
+            </p>
+          ) : (
+            <div>
+              <p>{this.getStepContent(stepIndex)}</p>
+              <div style={{marginTop: 12}}>
+                <FlatButton
+                  label="Back"
+                  disabled={stepIndex === 0}
+                  onTouchTap={this.handlePrev}
+                  style={{marginRight: 12}}
+                />
+                <RaisedButton
+                  label={stepIndex === 2 ? 'Finish' : 'Next'}
+                  primary={true}
+                  onTouchTap={this.handleNext}
+                />
+              </div>
+            </div>
+          )}
+        </div>
+      </div>
+    );
+  }
+}
+
+class VerticalLinearStepper extends React.Component<{}, {stepIndex?: number, finished?: boolean}> {
+
+  state = {
+    finished: false,
+    stepIndex: 0,
+  };
+
+  handleNext = () => {
+    const {stepIndex} = this.state;
+    this.setState({
+      stepIndex: stepIndex + 1,
+      finished: stepIndex >= 2,
+    });
+  };
+
+  handlePrev = () => {
+    const {stepIndex} = this.state;
+    if (stepIndex > 0) {
+      this.setState({stepIndex: stepIndex - 1});
+    }
+  };
+
+  renderStepActions(step) {
+    const {stepIndex} = this.state;
+
+    return (
+      <div style={{margin: '12px 0'}}>
+        <RaisedButton
+          label={stepIndex === 2 ? 'Finish' : 'Next'}
+          disableTouchRipple={true}
+          disableFocusRipple={true}
+          primary={true}
+          onTouchTap={this.handleNext}
+          style={{marginRight: 12}}
+        />
+        {step > 0 && (
+          <FlatButton
+            label="Back"
+            disabled={stepIndex === 0}
+            disableTouchRipple={true}
+            disableFocusRipple={true}
+            onTouchTap={this.handlePrev}
+          />
+        )}
+      </div>
+    );
+  }
+
+  render() {
+    const {finished, stepIndex} = this.state;
+
+    return (
+      <div style={{width: 380, height: 400, margin: 'auto'}}>
+        <Stepper activeStep={stepIndex} orientation="vertical">
+          <Step>
+            <StepLabel>Select campaign settings</StepLabel>
+            <StepContent>
+              <p>
+                For each ad campaign that you create, you can control how much
+                you're willing to spend on clicks and conversions, which networks
+                and geographical locations you want your ads to show on, and more.
+              </p>
+              {this.renderStepActions(0)}
+            </StepContent>
+          </Step>
+          <Step>
+            <StepLabel>Create an ad group</StepLabel>
+            <StepContent>
+              <p>An ad group contains one or more ads which target a shared set of keywords.</p>
+              {this.renderStepActions(1)}
+            </StepContent>
+          </Step>
+          <Step>
+            <StepLabel>Create an ad</StepLabel>
+            <StepContent>
+              <p>
+                Try out different ad text to see what brings in the most customers,
+                and learn how to enhance your ads using features like ad extensions.
+                If you run into any problems with your ads, find out how to tell if
+                they're running and how to resolve approval issues.
+              </p>
+              {this.renderStepActions(2)}
+            </StepContent>
+          </Step>
+        </Stepper>
+        {finished && (
+          <p style={{margin: '20px 0', textAlign: 'center'}}>
+            <a
+              href="#"
+              onClick={(event) => {
+                event.preventDefault();
+                this.setState({stepIndex: 0, finished: false});
+              }}
+            >
+              Click here
+            </a> to reset the example.
+          </p>
+        )}
+      </div>
+    );
+  }
+}
+
+class HorizontalNonLinearStepper extends React.Component<{}, {stepIndex?: number}> {
+
+  state = {
+    stepIndex: 0,
+  };
+
+  handleNext = () => {
+    const {stepIndex} = this.state;
+    if (stepIndex < 2) {
+      this.setState({stepIndex: stepIndex + 1});
+    }
+  };
+
+  handlePrev = () => {
+    const {stepIndex} = this.state;
+    if (stepIndex > 0) {
+      this.setState({stepIndex: stepIndex - 1});
+    }
+  };
+
+  getStepContent(stepIndex) {
+    switch (stepIndex) {
+      case 0:
+        return 'Select campaign settings...';
+      case 1:
+        return 'What is an ad group anyways?';
+      case 2:
+        return 'This is the bit I really care about!';
+      default:
+        return 'You\'re a long way from home sonny jim!';
+    }
+  }
+
+  render() {
+    const {stepIndex} = this.state;
+    const contentStyle = {margin: '0 16px'};
+
+    return (
+      <div style={{width: '100%', maxWidth: 700, margin: 'auto'}}>
+        <Stepper linear={false} activeStep={stepIndex}>
+          <Step>
+            <StepButton onClick={() => this.setState({stepIndex: 0})}>
+              Select campaign settings
+            </StepButton>
+          </Step>
+          <Step>
+            <StepButton onClick={() => this.setState({stepIndex: 1})}>
+              Create an ad group
+            </StepButton>
+          </Step>
+          <Step>
+            <StepButton onClick={() => this.setState({stepIndex: 2})}>
+              Create an ad
+            </StepButton>
+          </Step>
+        </Stepper>
+        <div style={contentStyle}>
+          <p>{this.getStepContent(stepIndex)}</p>
+          <div style={{marginTop: 12}}>
+            <FlatButton
+              label="Back"
+              disabled={stepIndex === 0}
+              onTouchTap={this.handlePrev}
+              style={{marginRight: 12}}
+            />
+            <RaisedButton
+              label="Next"
+              disabled={stepIndex === 2}
+              primary={true}
+              onTouchTap={this.handleNext}
+            />
+          </div>
+        </div>
+      </div>
+    );
+  }
+}
+
+class VerticalNonLinear extends React.Component<{}, {stepIndex?: number}> {
+
+  state = {
+    stepIndex: 0,
+  };
+
+  handleNext = () => {
+    const {stepIndex} = this.state;
+    if (stepIndex < 2) {
+      this.setState({stepIndex: stepIndex + 1});
+    }
+  };
+
+  handlePrev = () => {
+    const {stepIndex} = this.state;
+    if (stepIndex > 0) {
+      this.setState({stepIndex: stepIndex - 1});
+    }
+  };
+
+  renderStepActions(step) {
+    return (
+      <div style={{margin: '12px 0'}}>
+        <RaisedButton
+          label="Next"
+          disableTouchRipple={true}
+          disableFocusRipple={true}
+          primary={true}
+          onTouchTap={this.handleNext}
+          style={{marginRight: 12}}
+        />
+        {step > 0 && (
+          <FlatButton
+            label="Back"
+            disableTouchRipple={true}
+            disableFocusRipple={true}
+            onTouchTap={this.handlePrev}
+          />
+        )}
+      </div>
+    );
+  }
+
+  render() {
+    const {stepIndex} = this.state;
+
+    return (
+      <div style={{width: 380, height: 400, margin: 'auto'}}>
+        <Stepper
+          activeStep={stepIndex}
+          linear={false}
+          orientation="vertical"
+        >
+          <Step>
+            <StepButton onClick={() => this.setState({stepIndex: 0})}>
+              Select campaign settings
+            </StepButton>
+            <StepContent>
+              <p>
+                For each ad campaign that you create, you can control how much
+                you're willing to spend on clicks and conversions, which networks
+                and geographical locations you want your ads to show on, and more.
+              </p>
+              {this.renderStepActions(0)}
+            </StepContent>
+          </Step>
+          <Step>
+            <StepButton onClick={() => this.setState({stepIndex: 1})}>
+              Create an ad group
+            </StepButton>
+            <StepContent>
+              <p>An ad group contains one or more ads which target a shared set of keywords.</p>
+              {this.renderStepActions(1)}
+            </StepContent>
+          </Step>
+          <Step>
+            <StepButton onClick={() => this.setState({stepIndex: 2})}>
+              Create an ad
+            </StepButton>
+            <StepContent>
+              <p>
+                Try out different ad text to see what brings in the most customers,
+                and learn how to enhance your ads using features like ad extensions.
+                If you run into any problems with your ads, find out how to tell if
+                they're running and how to resolve approval issues.
+              </p>
+              {this.renderStepActions(2)}
+            </StepContent>
+          </Step>
+        </Stepper>
+      </div>
+    );
+  }
+}
+
+const getStyles = () => {
+  return {
+    root: {
+      width: '100%',
+      maxWidth: 700,
+      margin: 'auto',
+    },
+    content: {
+      margin: '0 16px',
+    },
+    actions: {
+      marginTop: 12,
+    },
+    backButton: {
+      marginRight: 12,
+    },
+  };
+};
+
+class GranularControlStepper extends React.Component<{}, {stepIndex?: number, visited?: number[]}> {
+
+  state = {
+    stepIndex: null,
+    visited: [],
+  };
+
+  componentWillMount() {
+    const {stepIndex, visited} = this.state;
+    this.setState({visited: visited.concat(stepIndex)});
+  }
+
+  componentWillUpdate(nextProps, nextState) {
+    const {stepIndex, visited} = nextState;
+    if (visited.indexOf(stepIndex) === -1) {
+      this.setState({visited: visited.concat(stepIndex)});
+    }
+  }
+
+  handleNext = () => {
+    const {stepIndex} = this.state;
+    if (stepIndex < 2) {
+      this.setState({stepIndex: stepIndex + 1});
+    }
+  };
+
+  handlePrev = () => {
+    const {stepIndex} = this.state;
+    if (stepIndex > 0) {
+      this.setState({stepIndex: stepIndex - 1});
+    }
+  };
+
+  getStepContent(stepIndex) {
+    switch (stepIndex) {
+      case 0:
+        return 'Select campaign settings...';
+      case 1:
+        return 'What is an ad group anyways?';
+      case 2:
+        return 'This is the bit I really care about!';
+      default:
+        return 'Click a step to get started.';
+    }
+  }
+
+  render() {
+    const {stepIndex, visited} = this.state;
+    const styles = getStyles();
+
+    return (
+      <div style={styles.root}>
+        <p>
+          <a
+            href="#"
+            onClick={(event) => {
+              event.preventDefault();
+              this.setState({stepIndex: null, visited: []});
+            }}
+          >
+            Click here
+          </a> to reset the example.
+        </p>
+        <Stepper linear={false}>
+          <Step completed={visited.indexOf(0) !== -1} active={stepIndex === 0}>
+            <StepButton onClick={() => this.setState({stepIndex: 0})}>
+              Select campaign settings
+            </StepButton>
+          </Step>
+          <Step completed={visited.indexOf(1) !== -1} active={stepIndex === 1}>
+            <StepButton onClick={() => this.setState({stepIndex: 1})}>
+              Create an ad group
+            </StepButton>
+          </Step>
+          <Step completed={visited.indexOf(2) !== -1} active={stepIndex === 2}>
+            <StepButton onClick={() => this.setState({stepIndex: 2})}>
+              Create an ad
+            </StepButton>
+          </Step>
+        </Stepper>
+        <div style={styles.content}>
+          <p>{this.getStepContent(stepIndex)}</p>
+          {stepIndex !== null && (
+            <div style={styles.actions}>
+              <FlatButton
+                label="Back"
+                disabled={stepIndex === 0}
+                onTouchTap={this.handlePrev}
+                style={styles.backButton}
+              />
+              <RaisedButton
+                label="Next"
+                primary={true}
+                onTouchTap={this.handleNext}
+              />
+            </div>
+          )}
+        </div>
+      </div>
+    );
+  }
+}
+
+class CustomIcon extends React.Component<{}, {stepIndex?: number}> {
+
+  state = {
+    stepIndex: 0,
+  };
+
+  handleNext = () => {
+    const {stepIndex} = this.state;
+    if (stepIndex < 2) {
+      this.setState({stepIndex: stepIndex + 1});
+    }
+  };
+
+  handlePrev = () => {
+    const {stepIndex} = this.state;
+    if (stepIndex > 0) {
+      this.setState({stepIndex: stepIndex - 1});
+    }
+  };
+
+  getStepContent(stepIndex) {
+    switch (stepIndex) {
+      case 0:
+        return 'Select campaign settings...';
+      case 1:
+        return 'What is an ad group anyways?';
+      case 2:
+        return 'This is the bit I really care about!';
+      default:
+        return 'You\'re a long way from home sonny jim!';
+    }
+  }
+
+  render() {
+    return (
+      <div style={{width: '100%', maxWidth: 700, margin: 'auto'}}>
+        <Stepper linear={false}>
+          <Step completed={false}>
+            <StepLabel>
+              Select campaign settings
+            </StepLabel>
+          </Step>
+          <Step completed={false}>
+            <StepLabel
+              icon={<WarningIcon color={red500} />}
+              style={{color: red500}}
+            >
+              Create an ad group
+            </StepLabel>
+          </Step>
+          <Step completed={false}>
+            <StepLabel>
+              Create an ad
+            </StepLabel>
+          </Step>
+        </Stepper>
+      </div>
+    );
+  }
+}
+
+
+// "http://www.material-ui.com/#/components/subheader"
+// Included in ListExampleChat and ListExampleFolder
+
+// "http://www.material-ui.com/#/components/table"
+const TableExampleSimple = () => (
+  <Table>
+    <TableHeader>
+      <TableRow>
+        <TableHeaderColumn>ID</TableHeaderColumn>
+        <TableHeaderColumn>Name</TableHeaderColumn>
+        <TableHeaderColumn>Status</TableHeaderColumn>
+      </TableRow>
+    </TableHeader>
+    <TableBody>
+      <TableRow>
+        <TableRowColumn>1</TableRowColumn>
+        <TableRowColumn>John Smith</TableRowColumn>
+        <TableRowColumn>Employed</TableRowColumn>
+      </TableRow>
+      <TableRow>
+        <TableRowColumn>2</TableRowColumn>
+        <TableRowColumn>Randal White</TableRowColumn>
+        <TableRowColumn>Unemployed</TableRowColumn>
+      </TableRow>
+      <TableRow>
+        <TableRowColumn>3</TableRowColumn>
+        <TableRowColumn>Stephanie Sanders</TableRowColumn>
+        <TableRowColumn>Employed</TableRowColumn>
+      </TableRow>
+      <TableRow>
+        <TableRowColumn>4</TableRowColumn>
+        <TableRowColumn>Steve Brown</TableRowColumn>
+        <TableRowColumn>Employed</TableRowColumn>
+      </TableRow>
+    </TableBody>
+  </Table>
+);
+
+const tableData: {name: string, status: string, selected?: boolean}[] = [
+  {
+    name: 'John Smith',
+    status: 'Employed',
+    selected: true,
+  },
+  {
+    name: 'Randal White',
+    status: 'Unemployed',
+  },
+  {
+    name: 'Stephanie Sanders',
+    status: 'Employed',
+    selected: true,
+  },
+  {
+    name: 'Steve Brown',
+    status: 'Employed',
+  },
+  {
+    name: 'Joyce Whitten',
+    status: 'Employed',
+  },
+  {
+    name: 'Samuel Roberts',
+    status: 'Employed',
+  },
+  {
+    name: 'Adam Moore',
+    status: 'Employed',
+  },
+];
+
+interface TableExampleComplexState {
+  fixedHeader?: boolean,
+  fixedFooter?: boolean,
+  stripedRows?: boolean,
+  showRowHover?: boolean,
+  selectable?: boolean,
+  multiSelectable?: boolean,
+  enableSelectAll?: boolean,
+  deselectOnClickaway?: boolean,
+  showCheckboxes?: boolean,
+  height?: string,
+}
+
+class TableExampleComplex extends React.Component<{}, TableExampleComplexState> {
+
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      fixedHeader: true,
+      fixedFooter: true,
+      stripedRows: false,
+      showRowHover: false,
+      selectable: true,
+      multiSelectable: false,
+      enableSelectAll: false,
+      deselectOnClickaway: true,
+      showCheckboxes: true,
+      height: '300px',
+    };
+  }
+
+  handleToggle = (event, toggled) => {
+    this.setState({
+      [event.target.name]: toggled,
+    });
+  };
+
+  handleChange = (event) => {
+    this.setState({height: event.target.value});
+  };
+
+  render() {
+    return (
+      <div>
+        <Table
+          height={this.state.height}
+          fixedHeader={this.state.fixedHeader}
+          fixedFooter={this.state.fixedFooter}
+          selectable={this.state.selectable}
+          multiSelectable={this.state.multiSelectable}
+        >
+          <TableHeader
+            displaySelectAll={this.state.showCheckboxes}
+            adjustForCheckbox={this.state.showCheckboxes}
+            enableSelectAll={this.state.enableSelectAll}
+          >
+            <TableRow>
+              <TableHeaderColumn colSpan={3} tooltip="Super Header" style={{textAlign: 'center'}}>
+                Super Header
+              </TableHeaderColumn>
+            </TableRow>
+            <TableRow>
+              <TableHeaderColumn tooltip="The ID">ID</TableHeaderColumn>
+              <TableHeaderColumn tooltip="The Name">Name</TableHeaderColumn>
+              <TableHeaderColumn tooltip="The Status">Status</TableHeaderColumn>
+            </TableRow>
+          </TableHeader>
+          <TableBody
+            displayRowCheckbox={this.state.showCheckboxes}
+            deselectOnClickaway={this.state.deselectOnClickaway}
+            showRowHover={this.state.showRowHover}
+            stripedRows={this.state.stripedRows}
+          >
+            {tableData.map( (row, index) => (
+              <TableRow key={index} selected={row.selected}>
+                <TableRowColumn>{index}</TableRowColumn>
+                <TableRowColumn>{row.name}</TableRowColumn>
+                <TableRowColumn>{row.status}</TableRowColumn>
+              </TableRow>
+              ))}
+          </TableBody>
+          <TableFooter
+            adjustForCheckbox={this.state.showCheckboxes}
+          >
+            <TableRow>
+              <TableRowColumn>ID</TableRowColumn>
+              <TableRowColumn>Name</TableRowColumn>
+              <TableRowColumn>Status</TableRowColumn>
+            </TableRow>
+            <TableRow>
+              <TableRowColumn colSpan={3} style={{textAlign: 'center'}}>
+                Super Footer
+              </TableRowColumn>
+            </TableRow>
+          </TableFooter>
+        </Table>
+
+        <div style={styles.propContainer}>
+          <h3>Table Properties</h3>
+          <TextField
+            floatingLabelText="Table Body Height"
+            defaultValue={this.state.height}
+            onChange={this.handleChange}
+          />
+          <Toggle
+            name="fixedHeader"
+            label="Fixed Header"
+            onToggle={this.handleToggle}
+            defaultToggled={this.state.fixedHeader}
+          />
+          <Toggle
+            name="fixedFooter"
+            label="Fixed Footer"
+            onToggle={this.handleToggle}
+            defaultToggled={this.state.fixedFooter}
+          />
+          <Toggle
+            name="selectable"
+            label="Selectable"
+            onToggle={this.handleToggle}
+            defaultToggled={this.state.selectable}
+          />
+          <Toggle
+            name="multiSelectable"
+            label="Multi-Selectable"
+            onToggle={this.handleToggle}
+            defaultToggled={this.state.multiSelectable}
+          />
+          <Toggle
+            name="enableSelectAll"
+            label="Enable Select All"
+            onToggle={this.handleToggle}
+            defaultToggled={this.state.enableSelectAll}
+          />
+          <h3 style={styles.propToggleHeader}>TableBody Properties</h3>
+          <Toggle
+            name="deselectOnClickaway"
+            label="Deselect On Clickaway"
+            onToggle={this.handleToggle}
+            defaultToggled={this.state.deselectOnClickaway}
+          />
+          <Toggle
+            name="stripedRows"
+            label="Stripe Rows"
+            onToggle={this.handleToggle}
+            defaultToggled={this.state.stripedRows}
+          />
+          <Toggle
+            name="showRowHover"
+            label="Show Row Hover"
+            onToggle={this.handleToggle}
+            defaultToggled={this.state.showRowHover}
+          />
+          <h3 style={styles.propToggleHeader}>Multiple Properties</h3>
+          <Toggle
+            name="showCheckboxes"
+            label="Show Checkboxes"
+            onToggle={this.handleToggle}
+            defaultToggled={this.state.showCheckboxes}
+          />
+        </div>
+      </div>
+    );
+  }
+}
+
+// "http://www.material-ui.com/#/components/tabs"
+function handleActive(tab) {
+  alert(`A tab with this value property ${tab.props.value} was activated.`);
+}
+
+const TabsExampleSimple = () => (
+  <Tabs>
+    <Tab label="Item One" >
+      <div>
+        <h2 style={styles.headline}>Tab One</h2>
+        <p>
+          This is an example tab.
+        </p>
+        <p>
+          You can put any sort of HTML or react component in here. It even keeps the component state!
+        </p>
+        <Slider name="slider0" defaultValue={0.5} />
+      </div>
+    </Tab>
+    <Tab label="Item Two" >
+      <div>
+        <h2 style={styles.headline}>Tab Two</h2>
+        <p>
+          This is another example tab.
+        </p>
+      </div>
+    </Tab>
+    <Tab
+      label="onActive"
+      value="/home"
+      onActive={handleActive}
+    >
+      <div>
+        <h2 style={styles.headline}>Tab Three</h2>
+        <p>
+          This is a third example tab.
+        </p>
+      </div>
+    </Tab>
+  </Tabs>
+);
+
+class TabsExampleControlled extends React.Component<{}, {value?: string}> {
+
+  constructor(props) {
+    super(props);
+    this.state = {
+      value: 'a',
+    };
+  }
+
+  handleChange = (value) => {
+    this.setState({
+      value: value,
+    });
+  };
+
+  render() {
+    return (
+      <Tabs
+        value={this.state.value}
+        onChange={this.handleChange}
+      >
+        <Tab label="Tab A" value="a" >
+          <div>
+            <h2 style={styles.headline}>Controllable Tab A</h2>
+            <p>
+              Tabs are also controllable if you want to programmatically pass them their values.
+              This allows for more functionality in Tabs such as not
+              having any Tab selected or assigning them different values.
+            </p>
+          </div>
+        </Tab>
+        <Tab label="Tab B" value="b">
+          <div>
+            <h2 style={styles.headline}>Controllable Tab B</h2>
+            <p>
+              This is another example of a controllable tab. Remember, if you
+              use controllable Tabs, you need to give all of your tabs values or else
+              you wont be able to select them.
+            </p>
+          </div>
+        </Tab>
+      </Tabs>
+    );
+  }
+}
+
+const TabsExampleIcon = () => (
+  <Tabs>
+    <Tab icon={<FontIcon className="muidocs-icon-action-home" />} />
+    <Tab icon={<ActionFlightTakeoff />} />
+    <Tab icon={<FontIcon className="material-icons">favorite</FontIcon>} />
+  </Tabs>
+);
+
+const TabsExampleIconText = () => (
+  <Tabs>
+    <Tab
+      icon={<FontIcon className="material-icons">phone</FontIcon>}
+      label="RECENTS"
+    />
+    <Tab
+      icon={<FontIcon className="material-icons">favorite</FontIcon>}
+      label="FAVORITES"
+    />
+    <Tab
+      icon={<MapsPersonPin />}
+      label="NEARBY"
+    />
+  </Tabs>
+);
+
+
+// "http://www.material-ui.com/#/components/text-field"
+const TextFieldExampleSimple = () => (
+  <div>
+    <TextField
+      hintText="Hint Text"
+    /><br />
+    <br />
+    <TextField
+      hintText="The hint text can be as long as you want, it will wrap."
+    /><br />
+    <TextField
+      id="text-field-default"
+      defaultValue="Default Value"
+    /><br />
+    <TextField
+      hintText="Hint Text"
+      floatingLabelText="Floating Label Text"
+    /><br />
+    <TextField
+      hintText="Hint Text"
+      floatingLabelText="Fixed Floating Label Text"
+      floatingLabelFixed={true}
+    /><br />
+    <TextField
+      hintText="Password Field"
+      floatingLabelText="Password"
+      type="password"
+    /><br />
+    <TextField
+      hintText="MultiLine with rows: 2 and rowsMax: 4"
+      multiLine={true}
+      rows={2}
+      rowsMax={4}
+    /><br />
+    <TextField
+      hintText="Message Field"
+      floatingLabelText="MultiLine and FloatingLabel"
+      multiLine={true}
+      rows={2}
+    /><br />
+    <TextField
+      hintText="Full width"
+      fullWidth={true}
+    />
+  </div>
+);
+
+const TextFieldExampleError = () => (
+  <div>
+    <TextField
+      hintText="Hint Text"
+      errorText="This field is required"
+    /><br />
+    <TextField
+      hintText="Hint Text"
+      errorText="The error text can be as long as you want, it will wrap."
+    /><br />
+    <TextField
+      hintText="Hint Text"
+      errorText="This field is required"
+      floatingLabelText="Floating Label Text"
+    /><br />
+    <TextField
+      hintText="Message Field"
+      errorText="This field is required."
+      floatingLabelText="MultiLine and FloatingLabel"
+      multiLine={true}
+      rows={2}
+    /><br />
+  </div>
+);
+
+const TextFieldExampleCustomize = () => (
+  <div>
+    <TextField
+      hintText="Styled Hint Text"
+      hintStyle={styles.errorStyle}
+    /><br />
+    <TextField
+      hintText="Custom error color"
+      errorText="This field is required."
+      errorStyle={styles.errorStyle}
+    /><br />
+    <TextField
+      hintText="Custom Underline Color"
+      underlineStyle={styles.underlineStyle}
+    /><br />
+    <TextField
+      hintText="Custom Underline Focus Color"
+      underlineFocusStyle={styles.underlineStyle}
+    /><br />
+    <TextField
+      floatingLabelText="Styled Floating Label Text"
+      floatingLabelStyle={styles.floatingLabelStyle}
+      floatingLabelFocusStyle={styles.floatingLabelFocusStyle}
+    />
+  </div>
+);
+
+const TextFieldExampleDisabled = () => (
+  <div>
+    <TextField
+      disabled={true}
+      hintText="Disabled Hint Text"
+    /><br />
+    <TextField
+      disabled={true}
+      id="text-field-disabled"
+      defaultValue="Disabled Value"
+    /><br />
+    <TextField
+      disabled={true}
+      hintText="Disabled Hint Text"
+      floatingLabelText="Floating Label Text"
+    /><br />
+    <TextField
+      disabled={true}
+      hintText="Disabled Hint Text"
+      defaultValue="Disabled With Floating Label"
+      floatingLabelText="Floating Label Text"
+    />
+  </div>
+);
+
+class TextFieldExampleControlled extends React.Component<{}, {value?: string}> {
+
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      value: 'Property Value',
+    };
+  }
+
+  handleChange = (event) => {
+    this.setState({
+      value: event.target.value,
+    });
+  };
+
+  render() {
+    return (
+      <div>
+        <TextField
+          id="text-field-controlled"
+          value={this.state.value}
+          onChange={this.handleChange}
+        />
+      </div>
+    );
+  }
+}
+
+// "http://www.material-ui.com/#/components/time-picker"
+const TimePickerExampleSimple = () => (
+  <div>
+    <TimePicker
+      hintText="12hr Format"
+    />
+    <TimePicker
+      format="24hr"
+      hintText="24hr Format"
+    />
+    <TimePicker
+      disabled={true}
+      format="24hr"
+      hintText="Disabled TimePicker"
+    />
+  </div>
+);
+
+class TimePickerExampleComplex extends React.Component<{}, {value24?: Date, value12?: Date}> {
+
+  constructor(props) {
+    super(props);
+    this.state = {value24: null, value12: null};
+  }
+
+  handleChangeTimePicker24 = (event, date) => {
+    this.setState({value24: date});
+  };
+
+  handleChangeTimePicker12 = (event, date) => {
+    this.setState({value12: date});
+  };
+
+  render() {
+    return (
+      <div>
+        <TimePicker
+          format="ampm"
+          hintText="12hr Format"
+          value={this.state.value12}
+          onChange={this.handleChangeTimePicker12}
+        />
+        <TimePicker
+          format="24hr"
+          hintText="24hr Format"
+          value={this.state.value24}
+          onChange={this.handleChangeTimePicker24}
+        />
+      </div>
+    );
+  }
+}
+
+const TimePickerInternational = () => (
+  <div>
+    <TimePicker
+      hintText="Custom Labels"
+      okLabel="确定"
+      cancelLabel="取消"
+    />
+  </div>
+);
+
+
+// "http://www.material-ui.com/#/components/toolbar"
+class ToolbarExamplesSimple extends React.Component<{}, {value?: number}> {
+
+  constructor(props) {
+    super(props);
+    this.state = {
+      value: 3,
+    };
+  }
+
+  handleChange = (event, index, value) => this.setState({value});
+
+  render() {
+    return (
+      <Toolbar>
+        <ToolbarGroup firstChild={true}>
+          <DropDownMenu value={this.state.value} onChange={this.handleChange}>
+            <MenuItem value={1} primaryText="All Broadcasts" />
+            <MenuItem value={2} primaryText="All Voice" />
+            <MenuItem value={3} primaryText="All Text" />
+            <MenuItem value={4} primaryText="Complete Voice" />
+            <MenuItem value={5} primaryText="Complete Text" />
+            <MenuItem value={6} primaryText="Active Voice" />
+            <MenuItem value={7} primaryText="Active Text" />
+          </DropDownMenu>
+        </ToolbarGroup>
+        <ToolbarGroup>
+          <ToolbarTitle text="Options" />
+          <FontIcon className="muidocs-icon-custom-sort" />
+          <ToolbarSeparator />
+          <RaisedButton label="Create Broadcast" primary={true} />
+          <IconMenu
+            iconButtonElement={
+              <IconButton touch={true}>
+                <NavigationExpandMoreIcon />
+              </IconButton>
+            }
+          >
+            <MenuItem primaryText="Download" />
+            <MenuItem primaryText="More Info" />
+          </IconMenu>
+        </ToolbarGroup>
+      </Toolbar>
+    );
+  }
+}
+
+
+interface MaterialUiTestsState {
+}
+
+class MaterialUiTests extends React.Component<{}, MaterialUiTestsState> {
+
+  render () {
+    return (
+      <MuiThemeProvider muiTheme={getMuiTheme()}>
+        <AppBar title="My AppBar" />
+
+      </MuiThemeProvider>
+    );
+  }
+}
+
+// "http://www.material-ui.com/#/get-started/usage"
+ReactDOM.render(
+  <MaterialUiTests />,
+  document.getElementById('app')
+);
\ No newline at end of file
diff --git a/material-ui/material-ui.d.ts b/material-ui/material-ui.d.ts
index 970387459f..69465b1134 100644
--- a/material-ui/material-ui.d.ts
+++ b/material-ui/material-ui.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for material-ui v0.14.4
+// Type definitions for material-ui v0.15.0
 // Project: https://github.com/callemall/material-ui
 // Definitions by: Nathan Brown <https://github.com/ngbrown>, Oliver Herrmann <https://github.com/herrmanno>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -6,92 +6,72 @@
 ///<reference path='../react/react.d.ts' />
 
 declare module "material-ui" {
-    export import AppBar = __MaterialUI.AppBar; // require('material-ui/lib/app-bar');
-    export import AppCanvas = __MaterialUI.AppCanvas; // require('material-ui/lib/app-canvas');
-    export import AutoComplete = __MaterialUI.AutoComplete; // require('material-ui/lib/auto-complete');
-    export import Avatar = __MaterialUI.Avatar; // require('material-ui/lib/avatar');
-    export import Badge = __MaterialUI.Badge; // require('material-ui/lib/badge');
-    export import BeforeAfterWrapper = __MaterialUI.BeforeAfterWrapper; // require('material-ui/lib/before-after-wrapper');
-    export import Card = __MaterialUI.Card.Card; // require('material-ui/lib/card/card');
-    export import CardActions = __MaterialUI.Card.CardActions; // require('material-ui/lib/card/card-actions');
-    export import CardExpandable = __MaterialUI.Card.CardExpandable; // require('material-ui/lib/card/card-expandable');
-    export import CardHeader = __MaterialUI.Card.CardHeader; // require('material-ui/lib/card/card-header');
-    export import CardMedia = __MaterialUI.Card.CardMedia; // require('material-ui/lib/card/card-media');
-    export import CardText = __MaterialUI.Card.CardText; // require('material-ui/lib/card/card-text');
-    export import CardTitle = __MaterialUI.Card.CardTitle; // require('material-ui/lib/card/card-title');
-    export import Checkbox = __MaterialUI.Checkbox; // require('material-ui/lib/checkbox');
-    export import CircularProgress = __MaterialUI.CircularProgress; // require('material-ui/lib/circular-progress');
-    export import ClearFix = __MaterialUI.ClearFix; // require('material-ui/lib/clearfix');
-    export import DatePicker = __MaterialUI.DatePicker.DatePicker; // require('material-ui/lib/date-picker/date-picker');
-    export import DatePickerDialog = __MaterialUI.DatePicker.DatePickerDialog; // require('material-ui/lib/date-picker/date-picker-dialog');
-    export import Dialog = __MaterialUI.Dialog // require('material-ui/lib/dialog');
-    export import Divider = __MaterialUI.Divider // require('material-ui/lib/divider');
-    export import DropDownMenu = __MaterialUI.Menus.DropDownMenu; // require('material-ui/lib/DropDownMenu/DropDownMenu');
-    export import EnhancedButton = __MaterialUI.EnhancedButton; // require('material-ui/lib/enhanced-button');
-    export import FlatButton = __MaterialUI.FlatButton; // require('material-ui/lib/flat-button');
-    export import FloatingActionButton = __MaterialUI.FloatingActionButton; // require('material-ui/lib/floating-action-button');
-    export import FontIcon = __MaterialUI.FontIcon; // require('material-ui/lib/font-icon');
-    export import GridList = __MaterialUI.GridList.GridList; // require('material-ui/lib/gridlist/grid-list');
-    export import GridTile = __MaterialUI.GridList.GridTile; // require('material-ui/lib/gridlist/grid-tile');
-    export import IconButton = __MaterialUI.IconButton; // require('material-ui/lib/icon-button');
-    export import IconMenu = __MaterialUI.Menus.IconMenu; // require('material-ui/lib/menus/icon-menu');
-    export import LeftNav = __MaterialUI.LeftNav; // require('material-ui/lib/left-nav');
-    export import LinearProgress = __MaterialUI.LinearProgress; // require('material-ui/lib/linear-progress');
-    export import List = __MaterialUI.Lists.List; // require('material-ui/lib/lists/list');
-    export import ListDivider = __MaterialUI.Lists.ListDivider; // require('material-ui/lib/lists/list-divider');
-    export import ListItem = __MaterialUI.Lists.ListItem; // require('material-ui/lib/lists/list-item');
-    export import Menu = __MaterialUI.Menus.Menu; // require('material-ui/lib/menus/menu');
-    export import MenuItem = __MaterialUI.Menus.MenuItem; // require('material-ui/lib/menus/menu-item');
-    export import Mixins = __MaterialUI.Mixins; // require('material-ui/lib/mixins');
-    export import Overlay = __MaterialUI.Overlay; // require('material-ui/lib/overlay');
-    export import Paper = __MaterialUI.Paper; // require('material-ui/lib/paper');
-    export import Popover = __MaterialUI.Popover.Popover; // require('material-ui/lib/popover/popover');
-    export import RadioButton = __MaterialUI.RadioButton; // require('material-ui/lib/radio-button');
-    export import RadioButtonGroup = __MaterialUI.RadioButtonGroup; // require('material-ui/lib/radio-button-group');
-    export import RaisedButton = __MaterialUI.RaisedButton; // require('material-ui/lib/raised-button');
-    export import RefreshIndicator = __MaterialUI.RefreshIndicator; // require('material-ui/lib/refresh-indicator');
-    export import Ripples = __MaterialUI.Ripples; // require('material-ui/lib/ripples');
-    export import SelectField = __MaterialUI.SelectField; // require('material-ui/lib/select-field');
-    export import SelectableContainerEnhance = __MaterialUI.Hoc.SelectableContainerEnhance; // require('material-ui/lib/hoc/selectable-enhance');
-    export import Slider = __MaterialUI.Slider; // require('material-ui/lib/slider');
-    export import SvgIcon = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon');
-    export import Styles = __MaterialUI.Styles; // require('material-ui/lib/styles');
-    export import Snackbar = __MaterialUI.Snackbar; // require('material-ui/lib/snackbar');
-    export import Tab = __MaterialUI.Tabs.Tab; // require('material-ui/lib/tabs/tab');
-    export import Tabs = __MaterialUI.Tabs.Tabs; // require('material-ui/lib/tabs/tabs');
-    export import Table = __MaterialUI.Table.Table; // require('material-ui/lib/table/table');
-    export import TableBody = __MaterialUI.Table.TableBody; // require('material-ui/lib/table/table-body');
-    export import TableFooter = __MaterialUI.Table.TableFooter; // require('material-ui/lib/table/table-footer');
-    export import TableHeader = __MaterialUI.Table.TableHeader; // require('material-ui/lib/table/table-header');
-    export import TableHeaderColumn = __MaterialUI.Table.TableHeaderColumn; // require('material-ui/lib/table/table-header-column');
-    export import TableRow = __MaterialUI.Table.TableRow; // require('material-ui/lib/table/table-row');
-    export import TableRowColumn = __MaterialUI.Table.TableRowColumn; // require('material-ui/lib/table/table-row-column');
-    export import Toggle = __MaterialUI.Toggle; // require('material-ui/lib/toggle');
-    export import ThemeWrapper = __MaterialUI.ThemeWrapper; // require('material-ui/lib/theme-wrapper');
-    export import TimePicker = __MaterialUI.TimePicker; // require('material-ui/lib/time-picker');
-    export import TextField = __MaterialUI.TextField; // require('material-ui/lib/text-field');
-    export import Toolbar = __MaterialUI.Toolbar.Toolbar; // require('material-ui/lib/toolbar/toolbar');
-    export import ToolbarGroup = __MaterialUI.Toolbar.ToolbarGroup; // require('material-ui/lib/toolbar/toolbar-group');
-    export import ToolbarSeparator = __MaterialUI.Toolbar.ToolbarSeparator; // require('material-ui/lib/toolbar/toolbar-separator');
-    export import ToolbarTitle = __MaterialUI.Toolbar.ToolbarTitle; // require('material-ui/lib/toolbar/toolbar-title');
-    export import Tooltip = __MaterialUI.Tooltip; // require('material-ui/lib/tooltip');
-    export import Utils = __MaterialUI.Utils; // require('material-ui/lib/utils');
-
-    // svg icons
-    import NavigationMenu = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/menu');
-    import NavigationChevronLeft = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/chevron-left');
-    import NavigationChevronRight = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/chevron-right');
-
-    export const Icons: {
-        NavigationMenu: NavigationMenu,
-        NavigationChevronLeft: NavigationChevronLeft,
-        NavigationChevronRight: NavigationChevronRight,
-    };
+    export import AppBar = __MaterialUI.AppBar;
+    export import AutoComplete = __MaterialUI.AutoComplete;
+    export import Avatar = __MaterialUI.Avatar;
+    export import Badge = __MaterialUI.Badge;
+    export import Card = __MaterialUI.Card.Card;
+    export import CardActions = __MaterialUI.Card.CardActions;
+    export import CardHeader = __MaterialUI.Card.CardHeader;
+    export import CardMedia = __MaterialUI.Card.CardMedia;
+    export import CardText = __MaterialUI.Card.CardText;
+    export import CardTitle = __MaterialUI.Card.CardTitle;
+    export import Checkbox = __MaterialUI.Switches.Checkbox;
+    export import CircularProgress = __MaterialUI.CircularProgress;
+    export import DatePicker = __MaterialUI.DatePicker.DatePicker;
+    export import Dialog = __MaterialUI.Dialog;
+    export import Divider = __MaterialUI.Divider;
+    export import Drawer = __MaterialUI.Drawer;
+    export import DropDownMenu = __MaterialUI.Menus.DropDownMenu;
+    export import FlatButton = __MaterialUI.FlatButton;
+    export import FloatingActionButton = __MaterialUI.FloatingActionButton;
+    export import FontIcon = __MaterialUI.FontIcon;
+    export import GridList = __MaterialUI.GridList.GridList;
+    export import GridTile = __MaterialUI.GridList.GridTile;
+    export import IconButton = __MaterialUI.IconButton;
+    export import IconMenu = __MaterialUI.Menus.IconMenu;
+    export import LinearProgress = __MaterialUI.LinearProgress;
+    export import List = __MaterialUI.List.List;
+    export import ListItem = __MaterialUI.List.ListItem;
+    export import MakeSelectable = __MaterialUI.List.MakeSelectable;
+    export import Menu = __MaterialUI.Menus.Menu;
+    export import MenuItem = __MaterialUI.Menus.MenuItem;
+    export import Paper = __MaterialUI.Paper;
+    export import Popover = __MaterialUI.Popover.Popover;
+    export import RadioButton = __MaterialUI.Switches.RadioButton;
+    export import RadioButtonGroup = __MaterialUI.Switches.RadioButtonGroup;
+    export import RaisedButton = __MaterialUI.RaisedButton;
+    export import RefreshIndicator = __MaterialUI.RefreshIndicator;
+    export import SelectField = __MaterialUI.SelectField;
+    export import Slider = __MaterialUI.Slider;
+    export import Subheader = __MaterialUI.Subheader;
+    export import SvgIcon = __MaterialUI.SvgIcon;
+    export import Step = __MaterialUI.Stepper.Step;
+    export import StepButton = __MaterialUI.Stepper.StepButton;
+    export import StepContent = __MaterialUI.Stepper.StepContent;
+    export import StepLabel = __MaterialUI.Stepper.StepLabel;
+    export import Stepper = __MaterialUI.Stepper;
+    export import Snackbar = __MaterialUI.Snackbar;
+    export import Tab = __MaterialUI.Tabs.Tab;
+    export import Tabs = __MaterialUI.Tabs.Tabs;
+    export import Table = __MaterialUI.Table.Table;
+    export import TableBody = __MaterialUI.Table.TableBody;
+    export import TableFooter = __MaterialUI.Table.TableFooter;
+    export import TableHeader = __MaterialUI.Table.TableHeader;
+    export import TableHeaderColumn = __MaterialUI.Table.TableHeaderColumn;
+    export import TableRow = __MaterialUI.Table.TableRow;
+    export import TableRowColumn = __MaterialUI.Table.TableRowColumn;
+    export import TextField = __MaterialUI.TextField;
+    export import TimePicker = __MaterialUI.TimePicker;
+    export import Toggle = __MaterialUI.Switches.Toggle;
+    export import Toolbar = __MaterialUI.Toolbar.Toolbar;
+    export import ToolbarGroup = __MaterialUI.Toolbar.ToolbarGroup;
+    export import ToolbarSeparator = __MaterialUI.Toolbar.ToolbarSeparator;
+    export import ToolbarTitle = __MaterialUI.Toolbar.ToolbarTitle;
 
     // export type definitions
     export type TouchTapEvent = __MaterialUI.TouchTapEvent;
     export type TouchTapEventHandler = __MaterialUI.TouchTapEventHandler;
-    export type DialogAction = __MaterialUI.DialogAction;
 }
 
 declare namespace __MaterialUI {
@@ -122,14 +102,6 @@ declare namespace __MaterialUI {
     }
 
     export namespace Styles {
-        interface AutoPrefix {
-            all(styles: React.CSSProperties): React.CSSProperties;
-            set(style: React.CSSProperties, key: string, value: string | number): void;
-            single(key: string): string;
-            singleHyphened(key: string): string;
-        }
-        export var AutoPrefix: AutoPrefix;
-
         interface Spacing {
             iconSize?: number;
 
@@ -163,148 +135,221 @@ declare namespace __MaterialUI {
             shadowColor?: string;
         }
         interface MuiTheme {
+            spacing?: Spacing;
+            fontFamily?: string;
+            palette?: ThemePalette;
             isRtl?: boolean;
-            userAgent?: any;
+            userAgent?: string;
             zIndex?: zIndex;
             baseTheme?: RawTheme;
             rawTheme?: RawTheme;
             appBar?: {
-                color?: string,
-                textColor?: string,
-                height?: number,
+                color?: string;
+                textColor?: string;
+                height?: number;
+                titleFontWeight?: number;
+                padding?: number;
             };
             avatar?: {
-                borderColor?: string,
-            }
+                color?: string;
+                backgroundColor?: string;
+                borderColor?: string;
+            };
             badge?: {
-                color?: string,
-                textColor?: string,
-                primaryColor?: string,
-                primaryTextColor?: string,
-                secondaryColor?: string,
-                secondaryTextColor?: string,
-            },
+                color?: string;
+                textColor?: string;
+                primaryColor?: string;
+                primaryTextColor?: string;
+                secondaryColor?: string;
+                secondaryTextColor?: string;
+                fontWeight?: number;
+            };
             button?: {
-                height?: number,
-                minWidth?: number,
-                iconButtonSize?: number,
-            },
+                height?: number;
+                minWidth?: number;
+                iconButtonSize?: number;
+            };
+            card?: {
+                titleColor?: string;
+                subtitleColor?: string;
+                fontWeight?: number;
+            };
+            cardMedia?: {
+              color?: string;
+              overlayContentBackground?: string;
+              titleColor?: string;
+              subtitleColor?: string;
+            };
             cardText?: {
-                textColor?: string,
-            },
+                textColor?: string;
+            };
             checkbox?: {
-                boxColor?: string,
-                checkedColor?: string,
-                requiredColor?: string,
-                disabledColor?: string,
-                labelColor?: string,
-                labelDisabledColor?: string,
-            },
+                boxColor?: string;
+                checkedColor?: string;
+                requiredColor?: string;
+                disabledColor?: string;
+                labelColor?: string;
+                labelDisabledColor?: string;
+            };
+            chip?: {
+              backgroundColor?: string;
+              deleteIconColor?: string;
+              textColor?: string;
+              fontSize?: number;
+              fontWeight?: number;
+              shadow?: string;
+            };
             datePicker?: {
-                color?: string,
-                textColor?: string,
-                calendarTextColor?: string,
-                selectColor?: string,
-                selectTextColor?: string,
-            },
+                color?: string;
+                textColor?: string;
+                calendarTextColor?: string;
+                selectColor?: string;
+                selectTextColor?: string;
+                calendarYearBackgroundColor?: string;
+            };
+            dialog?: {
+              titleFontSize?: number;
+              bodyFontSize?: number;
+              bodyColor?: string;
+            };
             dropDownMenu?: {
-                accentColor?: string,
-            },
+                accentColor?: string;
+            };
+            enhancedButton?: {
+              tapHighlightColor?: string;
+            };
             flatButton?: {
-                color?: string,
-                buttonFilterColor?: string,
-                disabledColor?: string,
-                textColor?: string,
-                primaryTextColor?: string,
-                secondaryTextColor?: string,
-            },
+                color?: string;
+                buttonFilterColor?: string;
+                disabledTextColor?: string;
+                textColor?: string;
+                primaryTextColor?: string;
+                secondaryTextColor?: string;
+                fontSize?: number;
+                fontWeight?: number;
+            };
             floatingActionButton?: {
-                buttonSize?: number,
-                miniSize?: number,
-                color?: string,
-                iconColor?: string,
-                secondaryColor?: string,
-                secondaryIconColor?: string,
-                disabledColor?: string,
-                disabledTextColor?: string,
-            },
+                buttonSize?: number;
+                miniSize?: number;
+                color?: string;
+                iconColor?: string;
+                secondaryColor?: string;
+                secondaryIconColor?: string;
+                disabledTextColor?: string;
+                disabledColor?: string;
+            };
             gridTile?: {
-                textColor?: string,
-            },
+                textColor?: string;
+            };
+            icon?: {
+              color?: string;
+              backgroundColor?: string;
+            };
             inkBar?: {
-                backgroundColor?: string,
-            },
-            leftNav?: {
-                width?: number,
-                color?: string,
-            },
+                backgroundColor?: string;
+            };
+            drawer?: {
+                width?: number;
+                color?: string;
+            };
             listItem?: {
-                nestedLevelDepth?: number,
-            },
+                nestedLevelDepth?: number;
+                secondaryTextColor?: string;
+                leftIconColor?: string;
+                rightIconColor?: string;
+            };
             menu?: {
-                backgroundColor?: string,
-                containerBackgroundColor?: string,
-            },
+                backgroundColor?: string;
+                containerBackgroundColor?: string;
+            };
             menuItem?: {
-                dataHeight?: number,
-                height?: number,
-                hoverColor?: string,
-                padding?: number,
-                selectedTextColor?: string,
-            },
+                dataHeight?: number;
+                height?: number;
+                hoverColor?: string;
+                padding?: number;
+                selectedTextColor?: string;
+                rightIconDesktopFill?: string;
+            };
             menuSubheader?: {
-                padding?: number,
-                borderColor?: string,
-                textColor?: string,
-            },
+                padding?: number;
+                borderColor?: string;
+                textColor?: string;
+            };
+            overlay?: {
+                backgroundColor?: string;
+            };
             paper?: {
-                backgroundColor?: string,
-                zDepthShadows?: string[],
-            },
+                color?: string;
+                backgroundColor?: string;
+                zDepthShadows?: string[];
+            };
             radioButton?: {
-                borderColor?: string,
-                backgroundColor?: string,
-                checkedColor?: string,
-                requiredColor?: string,
-                disabledColor?: string,
-                size?: number,
-                labelColor?: string,
-                labelDisabledColor?: string,
-            },
+                borderColor?: string;
+                backgroundColor?: string;
+                checkedColor?: string;
+                requiredColor?: string;
+                disabledColor?: string;
+                size?: number;
+                labelColor?: string;
+                labelDisabledColor?: string;
+            };
             raisedButton?: {
-                color?: string,
-                textColor?: string,
-                primaryColor?: string,
-                primaryTextColor?: string,
-                secondaryColor?: string,
-                secondaryTextColor?: string,
-                disabledColor?: string,
-                disabledTextColor?: string,
-            },
+                color?: string;
+                textColor?: string;
+                primaryColor?: string;
+                primaryTextColor?: string;
+                secondaryColor?: string;
+                secondaryTextColor?: string;
+                disabledColor?: string;
+                disabledTextColor?: string;
+                fontSize?: number;
+                fontWeight?: number;
+            };
             refreshIndicator?: {
-                strokeColor?: string,
-                loadingStrokeColor?: string,
+                strokeColor?: string;
+                loadingStrokeColor?: string;
+            };
+            ripple?: {
+                color?: string;
             };
             slider?: {
-                trackSize?: number,
-                trackColor?: string,
-                trackColorSelected?: string,
-                handleSize?: number,
-                handleSizeDisabled?: number,
-                handleSizeActive?: number,
-                handleColorZero?: string,
-                handleFillColor?: string,
-                selectionColor?: string,
-                rippleColor?: string,
-            },
+                trackSize?: number;
+                trackColor?: string;
+                trackColorSelected?: string;
+                handleSize?: number;
+                handleSizeDisabled?: number;
+                handleSizeActive?: number;
+                handleColorZero?: string;
+                handleFillColor?: string;
+                selectionColor?: string;
+                rippleColor?: string;
+            };
             snackbar?: {
-                textColor?: string,
-                backgroundColor?: string,
-                actionColor?: string,
-            },
+                textColor?: string;
+                backgroundColor?: string;
+                actionColor?: string;
+            };
+            subheader?: {
+                color?: string;
+                fontWeight?: number;
+            };
+            stepper?: {
+                backgroundColor?: string;
+                hoverBackgroundColor?: string;
+                iconColor?: string;
+                hoveredIconColor?: string;
+                inactiveIconColor?: string;
+                textColor?: string;
+                disabledTextColor?: string;
+                connectorLineColor?: string;
+            };
             table?: {
                 backgroundColor?: string;
             };
+            tableFooter?: {
+                borderColor?: string;
+                textColor?: string;
+            };
             tableHeader?: {
                 borderColor?: string;
             };
@@ -313,10 +358,6 @@ declare namespace __MaterialUI {
                 height?: number;
                 spacing?: number;
             };
-            tableFooter?: {
-                borderColor?: string;
-                textColor?: string;
-            };
             tableRow?: {
                 hoverColor?: string;
                 stripeColor?: string;
@@ -329,40 +370,10 @@ declare namespace __MaterialUI {
                 height?: number;
                 spacing?: number;
             };
-            timePicker?: {
-                color?: string;
-                textColor?: string;
-                accentColor?: string;
-                clockColor?: string;
-                clockCircleColor?: string;
-                headerColor?: string;
-                selectColor?: string;
-                selectTextColor?: string;
-            };
-            toggle?: {
-                thumbOnColor?: string,
-                thumbOffColor?: string,
-                thumbDisabledColor?: string,
-                thumbRequiredColor?: string,
-                trackOnColor?: string,
-                trackOffColor?: string,
-                trackDisabledColor?: string,
-                labelColor?: string,
-                labelDisabledColor?: string
-                trackRequiredColor?: string,
-            },
-            toolbar?: {
-                backgroundColor?: string,
-                height?: number,
-                titleFontSize?: number,
-                iconColor?: string,
-                separatorColor?: string,
-                menuHoverColor?: string,
-            };
             tabs?: {
-                backgroundColor?: string,
-                textColor?: string,
-                selectedTextColor?: string,
+                backgroundColor?: string;
+                textColor?: string;
+                selectedTextColor?: string;
             };
             textField?: {
                 textColor?: string;
@@ -374,13 +385,49 @@ declare namespace __MaterialUI {
                 backgroundColor?: string;
                 borderColor?: string;
             };
+            timePicker?: {
+                color?: string;
+                textColor?: string;
+                accentColor?: string;
+                clockColor?: string;
+                clockCircleColor?: string;
+                headerColor?: string;
+                selectColor?: string;
+                selectTextColor?: string;
+            };
+            toggle?: {
+                thumbOnColor?: string;
+                thumbOffColor?: string;
+                thumbDisabledColor?: string;
+                thumbRequiredColor?: string;
+                trackOnColor?: string;
+                trackOffColor?: string;
+                trackDisabledColor?: string;
+                labelColor?: string;
+                labelDisabledColor?: string;
+                trackRequiredColor?: string;
+            };
+            toolbar?: {
+                color?: string;
+                hoverColor?: string;
+                backgroundColor?: string;
+                height?: number;
+                titleFontSize?: number;
+                iconColor?: string;
+                separatorColor?: string;
+                menuHoverColor?: string;
+            };
+            tooltip?: {
+                color?: string;
+                rippleBackgroundColor?: string;
+            };
         }
 
         interface zIndex {
             menu: number;
             appBar: number;
-            leftNavOverlay: number;
-            leftNav: number;
+            drawerOverlay: number;
+            drawer: number;
             dialogOverlay: number;
             dialog: number;
             layer: number;
@@ -394,19 +441,34 @@ declare namespace __MaterialUI {
             spacing?: Spacing;
             fontFamily?: string;
             palette?: ThemePalette;
-            zIndex?: zIndex;
         }
         var lightBaseTheme: RawTheme;
         var darkBaseTheme: RawTheme;
 
-        export function ThemeDecorator(muiTheme: Styles.MuiTheme): <TFunction extends Function>(Component: TFunction) => TFunction;
+        export function muiThemeable<TComponent extends React.Component<P, S>, P, S>(): (component: TComponent) => TComponent;
 
-        export function getMuiTheme(baseTheme: RawTheme, muiTheme ?: MuiTheme): MuiTheme;
+        //** @deprecated use MuiThemeProvider instead **/
+        export function themeDecorator(muiTheme: Styles.MuiTheme): <TFunction extends Function>(Component: TFunction) => TFunction;
+
+        interface MuiThemeProviderProps extends React.Props<MuiThemeProvider> {
+            muiTheme: Styles.MuiTheme;
+        }
+        export class MuiThemeProvider extends React.Component<MuiThemeProviderProps, {}>{
+        }
+
+        export function getMuiTheme(...muiTheme: MuiTheme[]): MuiTheme;
 
         interface ThemeManager {
+            //** @deprecated ThemeManager is deprecated. please import getMuiTheme directly from "material-ui/styles/getMuiTheme" **/
             getMuiTheme(baseTheme: RawTheme, muiTheme?: MuiTheme): MuiTheme;
+
+            //** @deprecated modifyRawThemeSpacing is deprecated. please use getMuiTheme to modify your theme directly. http://www.material-ui.com/#/customization/themes **/
             modifyRawThemeSpacing(muiTheme: MuiTheme, newSpacing: Spacing): MuiTheme;
+
+            //** @deprecated modifyRawThemePalette is deprecated. please use getMuiTheme to modify your theme directly. http://www.material-ui.com/#/customization/themes **/
             modifyRawThemePalette(muiTheme: MuiTheme, newPaletteKeys: ThemePalette): MuiTheme;
+
+            //** @deprecated modifyRawThemeFontFamily is deprecated. please use getMuiTheme to modify your theme directly. http://www.material-ui.com/#/customization/themes **/
             modifyRawThemeFontFamily(muiTheme: MuiTheme, newFontFamily: string): MuiTheme;
         }
         export var ThemeManager: ThemeManager;
@@ -437,7 +499,10 @@ declare namespace __MaterialUI {
         }
         export var Typography: Typography;
 
+        //** @deprecated use darkBaseTheme instead **/
         export var DarkRawTheme: RawTheme;
+
+        //** @deprecated use lightBaseTheme instead **/
         export var LightRawTheme: RawTheme;
     }
 
@@ -465,17 +530,25 @@ declare namespace __MaterialUI {
     export class AppCanvas extends React.Component<AppCanvasProps, {}> {
     }
 
-    interface Origin {
-        horizontal: string; // oneOf(['left', 'middle', 'right'])
-        vertical: string; // oneOf(['top', 'center', 'bottom'])
+    namespace propTypes {
+        type horizontal = 'left' | 'middle' | 'right';
+        type vertical = 'top' | 'center' | 'bottom';
+        
+        interface origin {
+            horizontal: horizontal;
+            vertical: vertical;
+        }
+
+        type corners = 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';
+        type cornersAndCenter = 'bottom-center' | 'bottom-left' | 'bottom-right' | 'top-center' | 'top-left' | 'top-right';
     }
 
     type AutoCompleteDataItem = { text: string, value: React.ReactNode } | string;
     type AutoCompleteDataSource = { text: string, value: React.ReactNode }[] | string[];
     interface AutoCompleteProps extends React.Props<AutoComplete> {
-        anchorOrigin?: Origin;
+        anchorOrigin?: propTypes.origin;
         animated?: boolean;
-        dataSource?: AutoCompleteDataSource;
+        dataSource: AutoCompleteDataSource;
         disableFocusRipple?: boolean;
         errorStyle?: React.CSSProperties;
         errorText?: string;
@@ -484,21 +557,22 @@ declare namespace __MaterialUI {
         fullWidth?: boolean;
         hintText?: string;
         listStyle?: React.CSSProperties;
+        maxSearchResults?: number;
         menuCloseDelay?: number;
         menuProps?: any;
         menuStyle?: React.CSSProperties;
+        onBlur?: React.FocusEventHandler;
+        onFocus?: React.FocusEventHandler;
+        onKeyDown?: React.KeyboardEventHandler;
         onNewRequest?: (chosenRequest: string, index: number) => void;
         onUpdateInput?: (searchText: string, dataSource: AutoCompleteDataSource) => void;
         open?: boolean;
+        openOnFocus?: boolean;
         searchText?: string;
-        /** @deprecated use noFilter instead */
-        showAllItems?: boolean;
         style?: React.CSSProperties;
-        targetOrigin?: Origin;
-        touchTapCloseDelay?: number;
+        targetOrigin?: propTypes.origin;
+        /** @deprecated Instead, use openOnFocus */
         triggerUpdateOnFocus?: boolean;
-        /** @deprecated updateWhenFocused has been renamed to triggerUpdateOnFocus */
-        updateWhenFocused?: boolean;
     }
     export class AutoComplete extends React.Component<AutoCompleteProps, {}> {
         static noFilter: () => boolean;
@@ -561,6 +635,7 @@ declare namespace __MaterialUI {
         onKeyDown?: React.KeyboardEventHandler;
         onKeyUp?: React.KeyboardEventHandler;
         onTouchTap?: TouchTapEventHandler;
+        onClick?: React.MouseEventHandler;
         style?: React.CSSProperties;
         tabIndex?: number;
         touchRippleColor?: string;
@@ -584,7 +659,7 @@ declare namespace __MaterialUI {
         href?: string;
         icon?: React.ReactNode;
         label?: string;
-        labelPosition?: string; // oneOf(['left', 'right'])
+        labelPosition?: "before" | "after";
         labelStyle?: React.CSSProperties;
         linkButton?: boolean;
         onKeyboardFocus?: (e: React.FocusEvent, isKeyboardFocused: boolean) => void;
@@ -611,7 +686,7 @@ declare namespace __MaterialUI {
         icon?: React.ReactNode;
         label?: string;
         labelColor?: string;
-        labelPosition?: string; // oneOf(['left', 'right'])
+        labelPosition?: "before" | "after";
         labelStyle?: React.CSSProperties;
         linkButton?: boolean;
         onMouseDown?: React.MouseEventHandler;
@@ -655,6 +730,7 @@ declare namespace __MaterialUI {
     interface IconButtonProps extends React.HTMLAttributes, SharedEnhancedButtonProps<IconButton> {
         // <EnhancedButton/> is the element that get the 'other' properties
         className?: string;
+        disableTouchRipple?: boolean;
         disabled?: boolean;
         iconClassName?: string;
         iconStyle?: React.CSSProperties;
@@ -663,9 +739,10 @@ declare namespace __MaterialUI {
         onKeyboardFocus?: (e: React.FocusEvent, isKeyboardFocused: boolean) => void;
         onMouseEnter?: React.MouseEventHandler;
         onMouseLeave?: React.MouseEventHandler;
+        onMouseOut?: React.MouseEventHandler;
         style?: React.CSSProperties;
         tooltip?: string;
-        tooltipPosition?: string;
+        tooltipPosition?: propTypes.cornersAndCenter;
         tooltipStyles?: React.CSSProperties;
         touch?: boolean;
     }
@@ -676,7 +753,9 @@ declare namespace __MaterialUI {
 
         interface CardProps extends React.Props<Card> {
             actAsExpander?: boolean;
+            containerStyle?: React.CSSProperties;
             expandable?: boolean;
+            expanded?: boolean;
             initiallyExpanded?: boolean;
             onExpandChange?: (isExpanded: boolean) => void;
             showExpandableButton?: boolean;
@@ -762,7 +841,8 @@ declare namespace __MaterialUI {
             // <TextField/> is the element that get the 'other' properties
             DateTimeFormat?: Intl.DateTimeFormat;
             autoOk?: boolean;
-            container?: string; // oneOf(['dialog', 'inline'])
+            cancelLabel?: React.ReactNode;
+            container?: "dialog" | "inline";
             defaultDate?: Date;
             disableYearSelection?: boolean;
             disabled?: boolean;
@@ -771,19 +851,18 @@ declare namespace __MaterialUI {
             locale?: string;
             maxDate?: Date;
             minDate?: Date;
-            mode?: string;
+            mode?: "portrait" | "landscape";
+            okLabel?: React.ReactNode;
             onChange?: (e: any, date: Date) => void; // e is always null
             onDismiss?: () => void;
             onFocus?: React.FocusEventHandler;
             onShow?: () => void;
             onTouchTap?: React.TouchEventHandler;
             shouldDisableDate?: (day: Date) => boolean;
-            /** @deprecated use noFilter instead */
-            showYearSelector?: boolean;
             style?: React.CSSProperties;
             textFieldStyle?: React.CSSProperties;
             value?: Date;
-            valueLink?: ReactLink<Date>;
+            /** @deprecated use cancelLabel and okLabel instead */
             wordings?: {ok: string, cancel: string};
 
             // From <TextField />
@@ -798,10 +877,9 @@ declare namespace __MaterialUI {
             hintText?: React.ReactNode;
             id?: string;
             inputStyle?: React.CSSProperties;
+            name?: string;
             onBlur?: React.FocusEventHandler;
             onKeyDown?: React.KeyboardEventHandler;
-            rows?: number,
-            rowsMax?: number,
             type?: string;
             underlineDisabledStyle?: React.CSSProperties;
             underlineFocusStyle?: React.CSSProperties;
@@ -815,19 +893,20 @@ declare namespace __MaterialUI {
             // <Container/> is the element that get the 'other' properties
             DateTimeFormat?: Intl.DateTimeFormat;
             autoOk?: boolean;
-            container?: string; // oneOf(['dialog', 'inline'])
+            cancelLabel?: React.ReactNode;
+            container?: "dialog" | "inline";
             disableYearSelection?: boolean;
             firstDayOfWeek?: number;
             initialDate?: Date;
             locale?: string;
             maxDate?: Date;
             minDate?: Date;
-            mode?: string;
+            mode?: "portrait" | "landscape";
+            okLabel?: React.ReactNode;
             onAccept?: (d: Date) => void;
             onDismiss?: () => void;
             onShow?: () => void;
             shouldDisableDate?: (day: Date) => boolean;
-            showYearSelector?: boolean;
             style?: React.CSSProperties;
             wordings?: { ok: string, cancel: string };
         }
@@ -835,18 +914,8 @@ declare namespace __MaterialUI {
         }
     }
 
-    /** @deprecated use array of components instead */
-    export interface DialogAction {
-        id?: string;
-        onClick?: React.MouseEventHandler;
-        onTouchTap?: TouchTapEventHandler;
-        ref?: string;
-        text: string;
-    }
     interface DialogProps extends React.DOMAttributes, React.Props<Dialog> {
-        /** @deprecated use a custom `actions` property instead */
-        actionFocus?: string;
-        actions?: Array<DialogAction | React.ReactElement<any>>;
+        actions?: React.ReactElement<any> | React.ReactElement<any>[];
         actionsContainerClassName?: string;
         actionsContainerStyle?: React.CSSProperties;
         autoDetectWindowHeight?: boolean;
@@ -866,8 +935,6 @@ declare namespace __MaterialUI {
         title?: React.ReactNode;
         titleClassName?: string;
         titleStyle?: React.CSSProperties;
-        /** @deprecated use the contentStyle instead */
-        width?: string | number;
     }
     export class Dialog extends React.Component<DialogProps, {}> {
     }
@@ -880,6 +947,25 @@ declare namespace __MaterialUI {
     export class Divider extends React.Component<DividerProps, {}>{
     }
 
+    interface DrawerProps extends React.Props<Drawer> {
+        className?: string;
+        containerClassName?: string;
+        containerStyle?: React.CSSProperties;
+        disableSwipeToOpen?: boolean;
+        docked?: boolean;
+        onRequestChange?: (opening: boolean, reason: string) => void;
+        open?: boolean;
+        openSecondary?: Boolean;
+        overlayClassName?: string;
+        overlayStyle?: React.CSSProperties;
+        style?: React.CSSProperties;
+        swipeAreaWidth?: number;
+        width?: number;
+        zDepth?: number;
+    }
+    export class Drawer extends React.Component<DrawerProps, {}> {
+    }
+
     namespace GridList {
         interface GridListProps extends React.Props<GridList> {
             cellHeight?: number;
@@ -887,23 +973,21 @@ declare namespace __MaterialUI {
             padding?: number;
             style?: React.CSSProperties;
         }
-
         export class GridList extends React.Component<GridListProps, {}>{
         }
 
         interface GridTileProps extends React.Props<GridTile> {
             actionIcon?: React.ReactElement<any>;
-            actionPosition?: string; //"left"|"right"
+            actionPosition?: "left" | "right";
             cols?: number;
-            rootClass?: string | React.Component<any, any>;
+            containerElement?: string | React.ReactElement<any> | React.ComponentClass<any>;
             rows?: number;
             style?: React.CSSProperties;
             subtitle?: React.ReactNode;
             title?: React.ReactNode;
             titleBackground?: string;
-            titlePosition?: string; //"top"|"bottom"
+            titlePosition?: "top" | "bottom";
         }
-
         export class GridTile extends React.Component<GridTileProps, {}>{
         }
     }
@@ -931,69 +1015,22 @@ declare namespace __MaterialUI {
     export class SvgIcon extends React.Component<SvgIconProps, {}> {
     }
 
-    interface LeftNavProps extends React.Props<LeftNav> {
-        className?: string;
-        containerClassName?: string;
-        containerStyle?: React.CSSProperties;
-        disableSwipeToOpen?: boolean;
-        docked?: boolean;
-        /** @deprecated use composability instead */
-        header?: React.ReactElement<any>;
-        /** @deprecated It will be removed with menuItems */
-        menuItemClassName?: string;
-        /** @deprecated It will be removed with menuItems */
-        menuItemClassNameLink?: string;
-        /** @deprecated It will be removed with menuItems */
-        menuItemClassNameSubheader?: string;
-        /** @deprecated use composability instead */
-        menuItems?: any[];
-        /** @deprecated It will be removed with menuItems */
-        onChange?: () => void;
-        /** @deprecated use onRequestChange instead */
-        onNavClose?: () => void;
-        /** @deprecated use onRequestChange instead */
-        onNavOpen?: () => void;
-        onRequestChange?: (opening: boolean, reason: string) => void;
-        open?: boolean;
-        openRight?: Boolean;
-        overlayClassName?: string;
-        overlayStyle?: React.CSSProperties;
-        /** @deprecated It will be removed with menuItems */
-        selectedIndex?: number;
-        style?: React.CSSProperties;
-        swipeAreaWidth?: number;
-        width?: number;
-
-    }
-    export class LeftNav extends React.Component<LeftNavProps, {}> {
-        /** @deprecated using methods on left nav has been deprecated */
-        toggle(): void;
-        /** @deprecated using methods on left nav has been deprecated */
-        close(): void;
-        /** @deprecated using methods on left nav has been deprecated */
-        open(): void;
-    }
-
-    namespace Lists {
+    namespace List {
         interface ListProps extends React.Props<List> {
             // <Paper/> is the element that get the 'other' properties
+            /** @deprecated nest the Subheader component directly inside the List instead */
             insetSubheader?: boolean;
             style?: React.CSSProperties;
+            /** @deprecated nest the Subheader component directly inside the List instead */
             subheader?: string;
+            /** @deprecated nest the Subheader component directly inside the List instead */
             subheaderStyle?: React.CSSProperties;
+            /** @deprecated wrap it in `Paper` or another component that provides zDepth instead */
             zDepth?: number;
         }
         export class List extends React.Component<ListProps, {}> {
         }
 
-        /** @deprecated Use Divider */
-        interface ListDividerProps extends React.Props<ListDivider> {
-            inset?: boolean;
-        }
-        /** @deprecated Use Divider */
-        export class ListDivider extends React.Component<ListDividerProps, {}> {
-        }
-
         interface ListItemProps extends React.HTMLAttributes, React.Props<ListItem> {
             // <EnhancedButton/> is the element that get the 'other' properties
             autoGenerateNestedIndicator?: boolean;
@@ -1008,7 +1045,7 @@ declare namespace __MaterialUI {
             nestedItems?: React.ReactElement<ListItemProps>[];
             nestedLevel?: number;
             nestedListStyle?: React.CSSProperties;
-            onKeyboardFocus?: React.FocusEventHandler;
+            onKeyboardFocus?: (e: React.FocusEvent, isKeyboardFocused: boolean) => void;
             onMouseEnter?: React.MouseEventHandler;
             onMouseLeave?: React.MouseEventHandler;
             onNestedListToggle?: (item: ListItem) => void;
@@ -1026,14 +1063,27 @@ declare namespace __MaterialUI {
         }
         export class ListItem extends React.Component<ListItemProps, {}> {
         }
+
+        interface SelectableProps {
+            onChange?: (e: TouchTapEvent, value: any) => void;
+            selectedItemStyle?: React.CSSProperties;
+            value?: any;
+            /** @deprecated use the value and onChange property instead */
+            valueLink?: { value: any; requestChange: (e: TouchTapEvent, value: any) => void };
+        }
+
+        // union types for higher order components in TypeScript 1.8: https://github.com/Microsoft/TypeScript/issues/4362
+        export function MakeSelectable<P extends {}>(component: React.ComponentClass<P>): React.ComponentClass<P & SelectableProps>;
     }
 
     namespace Menus {
         interface MenuProps extends React.Props<Menu> {
             // <List/> is the element that get the 'other' properties
+            /** @deprecated Instead, use a Popover */
             animated?: boolean;
             autoWidth?: boolean;
             desktop?: boolean;
+            disableAutoFocus?: boolean;
             initiallyKeyboardFocused?: boolean;
             listStyle?: React.CSSProperties;
             maxHeight?: number;
@@ -1042,12 +1092,14 @@ declare namespace __MaterialUI {
             onEscKeyDown?: React.KeyboardEventHandler;
             onItemTouchTap?: (e: TouchTapEvent, item: MenuItem) => void;
             onKeyDown?: React.KeyboardEventHandler;
-            openDirection?: string;
+            /** @deprecated Instead, use a Popover */
+            openDirection?: propTypes.corners;
             selectedMenuItemStyle?: React.CSSProperties;
             style?: React.CSSProperties;
             value?: any | any[];
             valueLink?: ReactLink<any | any[]>;
             width?: string | number;
+            /** @deprecated wrap it in `Paper` or another component that provides zDepth instead */
             zDepth?: number;
         }
         export class Menu extends React.Component<MenuProps, {}>{
@@ -1078,14 +1130,13 @@ declare namespace __MaterialUI {
 
         interface IconMenuProps extends React.Props<IconMenu> {
             // <Menu/> is the element that get the 'other' properties
-            anchorOrigin?: Origin;
+            anchorOrigin?: propTypes.origin;
             className?: string;
-            closeOnItemTouchTap?: boolean;
             iconButtonElement: React.ReactElement<IconButtonProps>;
             iconStyle?: React.CSSProperties;
             menuStyle?: React.CSSProperties;
             onItemTouchTap?: (e: TouchTapEvent, item: MenuItem) => void;
-            onKeyboardFocus?: React.FocusEventHandler;
+            onKeyboardFocus?: (e: React.FocusEvent, isKeyboardFocused: boolean) => void;
             onMouseDown?: React.MouseEventHandler;
             onMouseEnter?: React.MouseEventHandler;
             onMouseLeave?: React.MouseEventHandler;
@@ -1094,10 +1145,10 @@ declare namespace __MaterialUI {
             onTouchTap?: TouchTapEventHandler;
             open?: boolean;
             style?: React.CSSProperties;
-            targetOrigin?: Origin;
+            targetOrigin?: propTypes.origin;
             touchTapCloseDelay?: number;
+            useLayerForClickAway?: boolean;
 
-            // Other properties from <Menu/>
             autoWidth?: boolean;
             desktop?: boolean;
             listStyle?: React.CSSProperties;
@@ -1105,6 +1156,7 @@ declare namespace __MaterialUI {
             multiple?: boolean;
             onChange?: (e: TouchTapEvent, itemValue: any | any[]) => void;
             onKeyDown?: React.KeyboardEventHandler;
+            /** @deprecated Instead, use a Popover */
             openDirection?: string;
             selectedMenuItemStyle?: React.CSSProperties;
             value?: any | any[];
@@ -1119,40 +1171,21 @@ declare namespace __MaterialUI {
             autoWidth?: boolean;
             className?: string;
             disabled?: boolean;
-            /** @deprecated use composability instead */
-            displayMember?: string;
-            iconStyle?: any;
-            /** @deprecated use composability instead */
-            labelMember?: string;
-            labelStyle?: any;
+            iconStyle?: React.CSSProperties;
+            labelStyle?: React.CSSProperties;
+            listStyle?: React.CSSProperties;
             maxHeight?: number;
-            /** @deprecated use composability instead */
-            menuItems?: any[];
-            menuStyle?: any;
+            menuStyle?: React.CSSProperties;
             onChange?: (e: TouchTapEvent, index: number, menuItemValue: any) => void;
             openImmediately?: boolean;
-            /** @deprecated use value instead */
-            selectedIndex?: number;
-            style?: any;
-            underlineStyle?: any;
+            style?: React.CSSProperties;
+            underlineStyle?: React.CSSProperties;
             value?: any;
-            /** @deprecated It's deprecated by React too. */
-            valueLink?: ReactLink<any>;
-            /** @deprecated use composability instead */
-            valueMember?: string;
         }
         export class DropDownMenu extends React.Component<DropDownMenuProps, {}> {
         }
     }
 
-    interface OverlayProps extends React.Props<Overlay> {
-        autoLockScrolling?: boolean;
-        show?: boolean;
-        transitionEnabled?: boolean;
-    }
-    export class Overlay extends React.Component<OverlayProps, {}> {
-    }
-
     interface PaperProps extends React.HTMLAttributes, React.Props<Paper> {
         circle?: boolean;
         rounded?: boolean;
@@ -1171,7 +1204,7 @@ declare namespace __MaterialUI {
 
         interface PopoverProps extends React.Props<Popover> {
             anchorEl?: React.ReactInstance;
-            anchorOrigin?: Origin;
+            anchorOrigin?: propTypes.origin;
             animated?: boolean;
             animation?: React.ComponentClass<PopoverAnimationProps>;
             autoCloseWhenOffScreen?: boolean;
@@ -1180,27 +1213,27 @@ declare namespace __MaterialUI {
             onRequestClose?: (reason: string) => void;
             open?: boolean;
             style?: React.CSSProperties;
-            targetOrigin?: Origin;
+            targetOrigin?: propTypes.origin;
             useLayerForClickAway?: boolean;
             zDepth?: number;
         }
         export class Popover extends React.Component<PopoverProps, {}>{
         }
 
-        interface PopoverAnimationFromTopProps extends PopoverAnimationProps, React.Props<PopoverAnimationFromTop> {
+        interface PopoverAnimationVerticalProps extends PopoverAnimationProps, React.Props<PopoverAnimationVertical> {
             className?: string;
-            targetOrigin?: Origin;
+            targetOrigin?: propTypes.origin;
             zDepth?: number;
         }
-        export class PopoverAnimationFromTop extends React.Component<PopoverAnimationFromTopProps, {}>{
+        export class PopoverAnimationVertical extends React.Component<PopoverAnimationVerticalProps, {}>{
         }
 
-        interface PopoverDefaultAnimationProps extends PopoverAnimationProps, React.Props<PopoverDefaultAnimation> {
+        interface PopoverAnimationDefaultProps extends PopoverAnimationProps, React.Props<PopoverAnimationDefault> {
             className?: string;
-            targetOrigin?: Origin;
+            targetOrigin?: propTypes.origin;
             zDepth?: number;
         }
-        export class PopoverDefaultAnimation extends React.Component<PopoverDefaultAnimationProps, {}>{
+        export class PopoverAnimationDefault extends React.Component<PopoverAnimationDefaultProps, {}>{
         }
     }
 
@@ -1209,7 +1242,7 @@ declare namespace __MaterialUI {
         innerStyle?: React.CSSProperties;
         max?: number;
         min?: number;
-        mode?: string;
+        mode?: "determinate" | "indeterminate";
         size?: number;
         style?: React.CSSProperties;
         value?: number;
@@ -1221,7 +1254,7 @@ declare namespace __MaterialUI {
         color?: string;
         max?: number;
         min?: number;
-        mode?: string;
+        mode?: "determinate" | "indeterminate";
         style?: React.CSSProperties;
         value?: number;
     }
@@ -1234,7 +1267,7 @@ declare namespace __MaterialUI {
         loadingColor?: string;
         percentage?: number;
         size?: number;
-        status?: string;
+        status?: "ready" | "loading" | "hide";
         style?: React.CSSProperties;
         top: number;
     }
@@ -1245,8 +1278,6 @@ declare namespace __MaterialUI {
         // <DropDownMenu/> is the element that get the 'other' properties
         autoWidth?: boolean;
         disabled?: boolean;
-        /** @deprecated use composability instead */
-        displayMember?: string;
         errorStyle?: React.CSSProperties;
         errorText?: React.ReactNode;
         floatingLabelStyle?: React.CSSProperties;
@@ -1255,26 +1286,17 @@ declare namespace __MaterialUI {
         hintStyle?: React.CSSProperties;
         hintText?: React.ReactNode;
         iconStyle?: React.CSSProperties;
-        /** @deprecated use composability instead */
-        labelMember?: string;
+        id?: string;
         labelStyle?: React.CSSProperties;
-        /** @deprecated use composability instead */
-        menuItems?: any[];
         onBlur?: React.FocusEventHandler;
         onChange?: (e: TouchTapEvent, index: number, menuItemValue: any) => void;
         onFocus?: React.FocusEventHandler;
         selectFieldRoot?: React.CSSProperties;
-        /** @deprecated use value instead */
-        selectedIndex?: number;
         style?: React.CSSProperties;
         underlineDisabledStyle?: React.CSSProperties;
         underlineFocusStyle?: React.CSSProperties;
         underlineStyle?: React.CSSProperties;
         value?: any;
-        /** @deprecated It's deprecated by React too. */
-        valueLink?: ReactLink<any>;
-        /** @deprecated use composability instead */
-        valueMember?: string;
 
         // useful attributes passed to <DropDownMenu/>
         className?: string;
@@ -1307,126 +1329,88 @@ declare namespace __MaterialUI {
     export class Slider extends React.Component<SliderProps, {}> {
     }
 
-    // what's not commonly overridden by Checkbox, RadioButton, or Toggle
-    interface CommonEnhancedSwitchProps<T> extends React.HTMLAttributes, React.Props<T> {
-    }
+    namespace Switches {
 
-    interface EnhancedSwitchProps extends CommonEnhancedSwitchProps<EnhancedSwitch> {
-        // <input/> is element that get the 'other' properties
-        className?: string;
-        defaultSwitched?: boolean;
-        disableFocusRipple?: boolean;
-        disableTouchRipple?: boolean;
-        disabled?: boolean;
-        iconStyle?: React.CSSProperties;
-        id?: string;
-        inputStyle: React.CSSProperties;
-        inputType: string;
-        label?: string;
-        labelPosition?: string; // oneOf(['left', 'right'])
-        labelStyle?: React.CSSProperties;
-        name?: string;
-        onBlur?: React.FocusEventHandler;
-        onFocus?: React.FocusEventHandler;
-        onMouseDown?: React.MouseEventHandler;
-        onMouseLeave?: React.MouseEventHandler;
-        onMouseUp?: React.MouseEventHandler;
-        onParentShouldUpdate: (isInputChecked: boolean) => void;
-        onSwitch?: (e: React.MouseEvent, isInputChecked: boolean) => void;
-        onTouchEnd?: React.TouchEventHandler;
-        onTouchStart?: React.TouchEventHandler;
-        required?: boolean;
-        rippleColor?: string;
-        rippleStyle?: React.CSSProperties;
-        style?: React.CSSProperties;
-        switchElement: React.ReactElement<any>;
-        switched: boolean;
-        thumbStyle?: React.CSSProperties;
-        trackStyle?: React.CSSProperties;
-        value?: string;
-    }
-    export class EnhancedSwitch extends React.Component<EnhancedSwitchProps, {}> {
-        getValue(): string;
-        isKeyboardFocused(): boolean;
-        isSwitched(): boolean;
-        setSwitched(newSwitchedValue: boolean): void;
-    }
+        // what's not commonly overridden by Checkbox, RadioButton, or Toggle
+        interface CommonEnhancedSwitchProps<T> extends React.HTMLAttributes, React.Props<T> {
+        }
 
-    interface CheckboxProps extends CommonEnhancedSwitchProps<Checkbox> {
-        // <EnhancedSwitch/> is element that get the 'other' properties
-        checked?: boolean;
-        checkedIcon?: React.ReactElement<{ style?: React.CSSProperties }>; // Normally an SvgIcon
-        defaultChecked?: boolean;
-        disabled?: boolean;
-        iconStyle?: React.CSSProperties;
-        labelPosition?: string; // oneOf(['left', 'right'])
-        labelStyle?: React.CSSProperties;
-        onCheck?: (event: React.MouseEvent, checked: boolean) => void;
-        style?: React.CSSProperties;
-        /** @deprecated Use uncheckedIcon instead */
-        unCheckedIcon?: React.ReactElement<{ style?: React.CSSProperties }>; // Normally an SvgIcon
-        uncheckedIcon?: React.ReactElement<{ style?: React.CSSProperties }>; // Normally an SvgIcon
-        valueLink?: ReactLink<boolean>;
-    }
-    export class Checkbox extends React.Component<CheckboxProps, {}> {
-        isChecked(): void;
-        setChecked(newCheckedValue: boolean): void;
-    }
+        interface CheckboxProps extends CommonEnhancedSwitchProps<Checkbox> {
+            // <EnhancedSwitch/> is element that get the 'other' properties
+            checked?: boolean;
+            checkedIcon?: React.ReactElement<{ style?: React.CSSProperties }>; // Normally an SvgIcon
+            defaultChecked?: boolean;
+            disabled?: boolean;
+            iconStyle?: React.CSSProperties;
+            labelPosition?: "left" | "right";
+            labelStyle?: React.CSSProperties;
+            onCheck?: (event: React.MouseEvent, checked: boolean) => void;
+            style?: React.CSSProperties;
+            /** @deprecated Use uncheckedIcon instead */
+            unCheckedIcon?: React.ReactElement<{ style?: React.CSSProperties }>; // Normally an SvgIcon
+            uncheckedIcon?: React.ReactElement<{ style?: React.CSSProperties }>; // Normally an SvgIcon
+            valueLink?: ReactLink<boolean>;
+        }
+        export class Checkbox extends React.Component<CheckboxProps, {}> {
+            /** @deprecated Use checked property instead */
+            isChecked(): void;
+            /** @deprecated Use checked property instead */
+            setChecked(newCheckedValue: boolean): void;
+        }
 
-    interface RadioButtonProps extends CommonEnhancedSwitchProps<RadioButton> {
-        // <EnhancedSwitch/> is element that get the 'other' properties
-        checked?: boolean;
-        checkedIcon?: React.ReactElement<{ style?: React.CSSProperties }>; // Normally an SvgIcon
-        disabled?: boolean;
-        iconStyle?: React.CSSProperties;
-        inputStyle?: React.CSSProperties;
-        labelPosition?: string; // oneOf(['left', 'right'])
-        labelStyle?: React.CSSProperties;
-        onCheck?: (e: React.FormEvent, selected: string) => void;
-        style?: React.CSSProperties;
-        uncheckedIcon?: React.ReactElement<{ style?: React.CSSProperties }>; // Normally an SvgIcon
-        value?: string;
-    }
-    export class RadioButton extends React.Component<RadioButtonProps, {}> {
-        isChecked(): boolean;
-        getValue(): string;
-    }
+        interface RadioButtonProps extends CommonEnhancedSwitchProps<RadioButton> {
+            // <EnhancedSwitch/> is element that get the 'other' properties
+            checkedIcon?: React.ReactElement<{ style?: React.CSSProperties }>; // Normally an SvgIcon
+            disabled?: boolean;
+            iconStyle?: React.CSSProperties;
+            inputStyle?: React.CSSProperties;
+            labelStyle?: React.CSSProperties;
+            style?: React.CSSProperties;
+            uncheckedIcon?: React.ReactElement<{ style?: React.CSSProperties }>; // Normally an SvgIcon
+            value?: string;
+        }
+        export class RadioButton extends React.Component<RadioButtonProps, {}> {
+            isChecked(): boolean;
+            getValue(): string;
+        }
 
-    interface RadioButtonGroupProps extends React.Props<RadioButtonGroup> {
-        className?: string;
-        defaultSelected?: string;
-        labelPosition?: string; // oneOf(['left', 'right'])
-        name: string;
-        onChange?: (e: React.FormEvent, selected: string) => void;
-        style?: React.CSSProperties;
-        valueSelected?: string;
-    }
-    export class RadioButtonGroup extends React.Component<RadioButtonGroupProps, {}> {
-        clearValue(): void;
-        getSelectedValue(): string;
-        setSelectedValue(newSelectionValue: string): void;
-    }
+        interface RadioButtonGroupProps extends React.Props<RadioButtonGroup> {
+            className?: string;
+            defaultSelected?: string;
+            labelPosition?: "left" | "right";
+            name: string;
+            onChange?: (e: React.FormEvent, selected: string) => void;
+            style?: React.CSSProperties;
+            valueSelected?: string;
+        }
+        export class RadioButtonGroup extends React.Component<RadioButtonGroupProps, {}> {
+            clearValue(): void;
+            getSelectedValue(): string;
+            setSelectedValue(newSelectionValue: string): void;
+        }
 
-    interface ToggleProps extends CommonEnhancedSwitchProps<Toggle> {
-        // <EnhancedSwitch/> is element that get the 'other' properties
-        defaultToggled?: boolean;
-        disabled?: boolean;
-        elementStyle?: React.CSSProperties;
-        iconStyle?: React.CSSProperties;
-        inputStyle?: React.CSSProperties;
-        labelPosition?: string; // oneOf(['left', 'right'])
-        labelStyle?: React.CSSProperties;
-        onToggle?: (e: React.MouseEvent, isInputChecked: boolean) => void;
-        rippleStyle?: React.CSSProperties;
-        style?: React.CSSProperties;
-        thumbStyle?: React.CSSProperties;
-        toggled?: boolean;
-        trackStyle?: React.CSSProperties;
-        valueLink?: ReactLink<boolean>;
-    }
-    export class Toggle extends React.Component<ToggleProps, {}> {
-        isToggled(): boolean;
-        setToggled(newToggledValue: boolean): void;
+        interface ToggleProps extends CommonEnhancedSwitchProps<Toggle> {
+            // <EnhancedSwitch/> is element that get the 'other' properties
+            defaultToggled?: boolean;
+            disabled?: boolean;
+            elementStyle?: React.CSSProperties;
+            iconStyle?: React.CSSProperties;
+            inputStyle?: React.CSSProperties;
+            label?: string;
+            labelPosition?: "left" | "right";
+            labelStyle?: React.CSSProperties;
+            onToggle?: (e: React.MouseEvent, isInputChecked: boolean) => void;
+            rippleStyle?: React.CSSProperties;
+            style?: React.CSSProperties;
+            thumbStyle?: React.CSSProperties;
+            toggled?: boolean;
+            trackStyle?: React.CSSProperties;
+            valueLink?: ReactLink<boolean>;
+        }
+        export class Toggle extends React.Component<ToggleProps, {}> {
+            isToggled(): boolean;
+            setToggled(newToggledValue: boolean): void;
+        }
     }
 
     interface SnackbarProps extends React.Props<Snackbar> {
@@ -1434,22 +1418,73 @@ declare namespace __MaterialUI {
         autoHideDuration?: number;
         bodyStyle?: React.CSSProperties;
         className?: string;
-        message: string | JSX.Element;
+        message: React.ReactNode;
         onActionTouchTap?: React.TouchEventHandler;
-        /** @deprecated Use the open property to control the component instead */
-        onDismiss?: () => void; // DEPRECATED
         onRequestClose: (reason: string) => void;
-        /** @deprecated Use the open property to control the component instead */
-        onShow?: () => void; // DEPRECATED
         open: boolean;
-        /** @deprecated Use the open property to control the component instead */
-        openOnMount?: boolean; // DEPRECATED
         style?: React.CSSProperties;
-
     }
     export class Snackbar extends React.Component<SnackbarProps, {}> {
     }
 
+    namespace Stepper {
+        interface StepProps extends React.Props<Step> {
+            active?: boolean;
+            completed?: boolean;
+            disabled?: boolean;
+            style?: React.CSSProperties;
+        }
+        export class Step extends React.Component<StepProps, {}>{
+        }
+
+        interface StepButtonProps extends SharedEnhancedButtonProps<StepButton> {
+            active?: boolean;
+            completed?: boolean;
+            disabled?: boolean;
+            icon?: React.ReactNode | string | number;
+            onMouseEnter?: React.MouseEventHandler;
+            onMouseLeave?: React.MouseEventHandler;
+            onTouchStart?: React.TouchEventHandler;
+            style?: React.CSSProperties;
+        }
+        export class StepButton extends React.Component<StepButtonProps, {}>{
+        }
+
+        interface StepContentProps extends React.Props<StepContent> {
+            active?: boolean;
+            last?: boolean;
+            style?: React.CSSProperties;
+        }
+        export class StepContent extends React.Component<StepContentProps, {}>{
+        }
+
+        interface StepLabelProps extends React.Props<StepLabel> {
+            active?: boolean;
+            completed?: boolean;
+            disabled?: boolean;
+            icon?: React.ReactNode | string | number;
+            style?: React.CSSProperties;
+        }
+        export class StepLabel extends React.Component<StepLabelProps, {}>{
+        }
+
+        interface StepperProps extends React.Props<Stepper> {
+            activeStep?: number;
+            linear?: boolean;
+            orientation?: "horizontal" | "vertical";
+            style?: React.CSSProperties;
+        }
+        export class Stepper extends React.Component<StepperProps, {}>{
+        }
+    }
+
+    interface SubheaderProps extends React.Props<Subheader> {
+        inset?: boolean;
+        style?: React.CSSProperties;
+    }
+    export class Subheader extends React.Component<SubheaderProps, {}>{
+    }
+
     namespace Table {
         interface TableProps extends React.Props<Table> {
             allRowsSelected?: boolean;
@@ -1480,11 +1515,17 @@ declare namespace __MaterialUI {
             displayBorder?: boolean;
             hoverable?: boolean;
             hovered?: boolean;
+            /** @deprecated Instead, use event handler on Table */
             onCellClick?: (e: React.MouseEvent, row: number, column: number) => void;
+            /** @deprecated Instead, use event handler on Table */
             onCellHover?: (e: React.MouseEvent, row: number, column: number) => void;
+            /** @deprecated Instead, use event handler on Table */
             onCellHoverExit?: (e: React.MouseEvent, row: number, column: number) => void;
+            /** @deprecated Instead, use event handler on Table */
             onRowClick?: (e: React.MouseEvent, row: number) => void;
+            /** @deprecated Instead, use event handler on Table */
             onRowHover?: (e: React.MouseEvent, row: number) => void;
+            /** @deprecated Instead, use event handler on Table */
             onRowHoverExit?: (e: React.MouseEvent, row: number) => void;
             rowNumber?: number;
             selectable?: boolean;
@@ -1501,8 +1542,11 @@ declare namespace __MaterialUI {
             columnNumber?: number;
             hoverable?: boolean;
             key?: string;
+            /** @deprecated Instead, use event handler on Table */
             onClick?: (e: React.MouseEvent, column: number) => void;
+            /** @deprecated Instead, use event handler on Table */
             onHover?: (e: React.MouseEvent, column: number) => void;
+            /** @deprecated Instead, use event handler on Table */
             onHoverExit?: (e: React.MouseEvent, column: number) => void;
             style?: React.CSSProperties;
 
@@ -1517,7 +1561,9 @@ declare namespace __MaterialUI {
             className?: string;
             displaySelectAll?: boolean;
             enableSelectAll?: boolean;
+            /** @deprecated Instead, use event handler on Table */
             onSelectAll?: (checked: boolean) => void;
+            /** @deprecated Instead, use event handler on Table */
             selectAllSelected?: boolean;
             style?: React.CSSProperties;
         }
@@ -1528,7 +1574,6 @@ declare namespace __MaterialUI {
             // <th/> is element that get the 'other' properties
             className?: string;
             columnNumber?: number;
-            key?: string;
             onClick?: (e: React.MouseEvent, column: number) => void;
             style?: React.CSSProperties;
             tooltip?: string;
@@ -1541,18 +1586,27 @@ declare namespace __MaterialUI {
         }
 
         interface TableBodyProps extends React.Props<TableBody> {
+            /** @deprecated Instead, use property on Table */
             allRowsSelected?: boolean;
             className?: string;
             deselectOnClickaway?: boolean;
             displayRowCheckbox?: boolean;
+            /** @deprecated Instead, use property on Table */
             multiSelectable?: boolean;
+            /** @deprecated Instead, use event handler on Table */
             onCellClick?: (row: number, column: number) => void;
+            /** @deprecated Instead, use event handler on Table */
             onCellHover?: (row: number, column: number) => void;
+            /** @deprecated Instead, use event handler on Table */
             onCellHoverExit?: (row: number, column: number) => void;
+            /** @deprecated Instead, use event handler on Table */
             onRowHover?: (row: number) => void;
+            /** @deprecated Instead, use event handler on Table */
             onRowHoverExit?: (row: number) => void;
+            /** @deprecated Instead, use event handler on Table */
             onRowSelection?: (selectedRows: number[] | string) => void;
             preScanRows?: boolean;
+            /** @deprecated Instead, use property on Table */
             selectable?: boolean;
             showRowHover?: boolean;
             stripedRows?: boolean;
@@ -1592,11 +1646,8 @@ declare namespace __MaterialUI {
             icon?: React.ReactNode;
             label?: React.ReactNode;
             onActive?: (tab: Tab) => void;
-            onTouchTap?: (value: any, e?: TouchTapEvent, tab?: Tab) => void;
-            selected?: boolean;
             style?: React.CSSProperties;
             value?: any;
-            width?: string;
             disabled?: boolean;
         }
         export class Tab extends React.Component<
@@ -1610,6 +1661,8 @@ declare namespace __MaterialUI {
         disabled?: boolean;
         errorStyle?: React.CSSProperties;
         errorText?: React.ReactNode;
+        floatingLabelFixed?: boolean;
+        floatingLabelFocusStyle?: React.CSSProperties;
         floatingLabelStyle?: React.CSSProperties;
         floatingLabelText?: React.ReactNode;
         fullWidth?: boolean;
@@ -1618,38 +1671,40 @@ declare namespace __MaterialUI {
         id?: string;
         inputStyle?: React.CSSProperties;
         multiLine?: boolean;
+        name?: string;
         onBlur?: React.FocusEventHandler;
         onChange?: React.FormEventHandler;
+        /** @deprecated Use onKeyDown and check for keycode instead. */
         onEnterKeyDown?: React.KeyboardEventHandler;
         onFocus?: React.FocusEventHandler;
         onKeyDown?: React.KeyboardEventHandler;
         rows?: number,
         rowsMax?: number,
         style?: React.CSSProperties;
+        textareaStyle?: React.CSSProperties;
         type?: string;
         underlineDisabledStyle?: React.CSSProperties;
         underlineFocusStyle?: React.CSSProperties;
         underlineShow?: boolean;
         underlineStyle?: React.CSSProperties;
         value?: string | number;
-        valueLink?: ReactLink<string | number>;
     }
     export class TextField extends React.Component<TextFieldProps, {}> {
         blur(): void;
-        clearValue(): void;
         focus(): void;
+        select(): void;
         getValue(): string;
-        /** @deprecated Use the errorText property instead. */
-        setErrorText(newErrorText: string): void;
-        /** @deprecated Use the defaultValue or value property instead. */
-        setValue(newValue: string | number): void;
+        getInputNode(): Element;
     }
 
     interface TimePickerProps extends React.Props<TimePicker> {
         // <TextField/> is element that get the 'other' properties
         autoOk?: boolean;
+        cancelLabel?: React.ReactNode;
         defaultTime?: Date;
-        format?: string; // 'ampm' or '24hr'
+        disabled?: boolean;
+        format?: "ampm" | "24hr";
+        okLabel?: React.ReactNode;
         onChange?: (e: any, time: Date) => void;
         onDismiss?: () => void;
         onFocus?: React.FocusEventHandler;
@@ -1658,12 +1713,15 @@ declare namespace __MaterialUI {
         pedantic?: boolean;
         style?: React.CSSProperties;
         textFieldStyle?: React.CSSProperties;
+        value?: Date;
 
         // From <TextField />
         className?: string;
-        defaultValue?: string;
+        defaultValue?: string | number;
         errorStyle?: React.CSSProperties;
         errorText?: React.ReactNode;
+        floatingLabelFixed?: boolean;
+        floatingLabelFocusStyle?: React.CSSProperties;
         floatingLabelStyle?: React.CSSProperties;
         floatingLabelText?: React.ReactNode;
         fullWidth?: boolean;
@@ -1671,10 +1729,13 @@ declare namespace __MaterialUI {
         hintText?: React.ReactNode;
         id?: string;
         inputStyle?: React.CSSProperties;
+        multiLine?: boolean;
+        name?: string;
         onBlur?: React.FocusEventHandler;
         onKeyDown?: React.KeyboardEventHandler;
         rows?: number,
         rowsMax?: number,
+        textareaStyle?: React.CSSProperties;
         type?: string;
         underlineDisabledStyle?: React.CSSProperties;
         underlineFocusStyle?: React.CSSProperties;
@@ -1682,8 +1743,11 @@ declare namespace __MaterialUI {
         underlineStyle?: React.CSSProperties;
     }
     export class TimePicker extends React.Component<TimePickerProps, {}> {
+        /** @deprecated Use defaultTime instead. */
         getTime(): Date;
+        /** @deprecated Use defaultTime instead. */
         setTime(time: Date): void;
+        focus(): void;
         openDialog(): void;
     }
 
@@ -1699,7 +1763,7 @@ declare namespace __MaterialUI {
         interface ToolbarGroupProps extends React.Props<ToolbarGroup> {
             className?: string;
             firstChild?: boolean;
-            float?: string; // oneOf(['left', 'right'])
+            float?: "left" | "right";
             lastChild?: boolean;
             style?: React.CSSProperties;
         }
@@ -1722,106 +1786,22 @@ declare namespace __MaterialUI {
         }
     }
 
-    namespace Ripples {
-        interface CircleRippleProps extends React.Props<CircleRipple> {
-            color?: string;
-            muiTheme: Styles.MuiTheme;
-            opacity?: number;
-            style?: React.CSSProperties;
-        }
-        export class CircleRipple extends React.Component<CircleRippleProps, {}> {
-        }
-
-        interface FocusRippleProps extends React.Props<FocusRipple> {
-            color?: string;
-            innerStyle?: React.CSSProperties;
-            muiTheme: Styles.MuiTheme;
-            opacity?: number;
-            show?: boolean;
-            style?: React.CSSProperties;
-        }
-        export class FocusRipple extends React.Component<FocusRippleProps, {}> {
-        }
-
-        interface TouchRippleProps extends React.Props<TouchRipple> {
-            centerRipple?: boolean;
-            color?: string;
-            muiTheme: Styles.MuiTheme;
-            opacity?: number;
-            style?: React.CSSProperties;
-        }
-        export class TouchRipple extends React.Component<TouchRippleProps, {}> {
-        }
-    }
-
-    interface ClearFixProps extends React.Props<ClearFix> {
-    }
-    export class ClearFix extends React.Component<ClearFixProps, {}> {
-    }
-
-    interface TooltipProps extends React.Props<Tooltip> {
-        className?: string;
-        horizontalPosition?: string; // oneOf(['left', 'right', 'center'])
-        label: string;
-        show?: boolean;
-        style?: React.CSSProperties;
-        touch?: boolean;
-        verticalPosition?: string; // oneOf(['top', 'bottom'])
-    }
-    export class Tooltip extends React.Component<TooltipProps, {}> {
-    }
-
-    namespace Hoc {
-        interface SelectableProps {
-            onChange?: (e: TouchTapEvent, value: any) => void;
-            selectedItemStyle?: React.CSSProperties;
-            value?: any;
-            valueLink?: { value: any; requestChange: (e: TouchTapEvent, value: any) => void };
-        }
-
-        // union types for higher order components in TypeScript 1.8: https://github.com/Microsoft/TypeScript/issues/4362
-        export function SelectableContainerEnhance<P extends {}>(component: React.ComponentClass<P>): React.ComponentClass<P & SelectableProps>;
-    }
-
-    export namespace Mixins {
-        interface ClickAwayable extends React.Mixin<any, any> {
-        }
-        var ClickAwayable: ClickAwayable;
-
-        interface WindowListenable extends React.Mixin<any, any> {
-        }
-        var WindowListenable: WindowListenable;
-
-        interface StylePropable extends React.Mixin<any, any> {
-        }
-        var StylePropable: StylePropable
-
-        interface StyleResizable extends React.Mixin<any, any> {
-        }
-        var StyleResizable: StyleResizable
-    }
-
     export namespace Utils {
-        interface ContrastLevel {
-            color: string;
-            range: [number, number];
+        export namespace ColorManipulator {
+            interface MuiColorObject {
+                type: string;
+                values: number[];
+            }
+            function convertColorToString(color: any): string;
+            function convertHexToRGB(color: string): string;
+            function decomposeColor(color: string): MuiColorObject;
+            function getContrastRatio(foreground: string, background: string): number;
+            function getLuminance(color: string): number;
+            function emphasize(color: string, coefficient?: number): string;
+            function fade(color: string, value: number): string;
+            function darken(color: string, coefficient: number): string;
+            function lighten(color: string, coefficient: number): string;
         }
-        interface ColorManipulator {
-            contrastRatio(background: string, foreground: string): number;
-            contrastRatioLevel(background: string, foreground: string): ContrastLevel;
-            darken(color: string, amount: string | number): string;
-            fade(color: string, amount: string | number): string;
-            lighten(color: string, amount: string | number): string;
-        }
-        export var ColorManipulator: ColorManipulator;
-
-        interface CssEvent {
-            animationEndEventName(): string;
-            onAnimationEnd(el: Element, callback: () => void): void;
-            onTransitionEnd(el: Element, callback: () => void): void;
-            transitionEndEventName(): string;
-        }
-        export var CssEvent: CssEvent;
 
         interface Dom {
             addClass(el: Element, className: string): void;
@@ -1843,5193 +1823,5379 @@ declare namespace __MaterialUI {
             once(el: Element, type: string, callback: EventListener): void;
         }
         export var Events: Events;
-
-        function Extend<T, S1>(base: T, override: S1): (T & S1);
-
-        interface ImmutabilityHelper {
-            merge(base: any, ...args: any[]): any;
-            mergeItem(obj: any, key: any, newValueObject: any): any;
-            push(array: any[], obj: any): any[];
-            shift(array: any[]): any[];
-        }
-        export var ImmutabilityHelper: ImmutabilityHelper;
-
-        interface KeyCode {
-            DOWN: number;
-            ESC: number;
-            ENTER: number;
-            LEFT: number;
-            RIGHT: number;
-            SPACE: number;
-            TAB: number;
-            UP: number;
-        }
-        var KeyCode: KeyCode;
-
-        interface KeyLine {
-            Desktop: {
-                GUTTER: number;
-                GUTTER_LESS: number;
-                INCREMENT: number;
-                MENU_ITEM_HEIGHT: number;
-            };
-
-            getIncrementalDim(dim: number): number;
-        }
-        export var KeyLine: KeyLine;
-
-        interface UniqueId {
-            generate(): string;
-        }
-        export var UniqueId: UniqueId;
-
-        interface Styles {
-            mergeAndPrefix(base: any, ...args: any[]): React.CSSProperties;
-        }
-        export var Styles: Styles;
     }
 }    // __MaterialUI
 
-declare module 'material-ui/lib/app-bar' {
+declare module 'material-ui/AppBar' {
     export import AppBar = __MaterialUI.AppBar;
     export default AppBar;
 }
 
-declare module 'material-ui/lib/auto-complete' {
+declare module 'material-ui/AutoComplete' {
     export import AutoComplete = __MaterialUI.AutoComplete;
     export default AutoComplete;
 }
 
-declare module 'material-ui/lib/app-canvas' {
-    export import AppCanvas = __MaterialUI.AppCanvas;
-    export default AppCanvas;
-}
-
-declare module 'material-ui/lib/avatar' {
+declare module 'material-ui/Avatar' {
     export import Avatar = __MaterialUI.Avatar;
     export default Avatar;
 }
 
-declare module "material-ui/lib/badge" {
+declare module "material-ui/Badge" {
     export import Badge = __MaterialUI.Badge;
     export default Badge;
 }
 
-declare module 'material-ui/lib/before-after-wrapper' {
-    export import BeforeAfterWrapper = __MaterialUI.BeforeAfterWrapper;
-    export default BeforeAfterWrapper;
+declare module 'material-ui/Card' {
+    export import Card = __MaterialUI.Card.Card;
+    export import CardActions = __MaterialUI.Card.CardActions;
+    export import CardExpandable = __MaterialUI.Card.CardExpandable;
+    export import CardHeader = __MaterialUI.Card.CardHeader;
+    export import CardMedia = __MaterialUI.Card.CardMedia;
+    export import CardText = __MaterialUI.Card.CardText;
+    export import CardTitle = __MaterialUI.Card.CardTitle;
+    export default Card;
 }
 
-declare module 'material-ui/lib/card/card' {
+declare module 'material-ui/Card/Card' {
     export import Card = __MaterialUI.Card.Card;
     export default Card;
 }
 
-declare module 'material-ui/lib/card/card-actions' {
+declare module 'material-ui/Card/CardActions' {
     export import CardActions = __MaterialUI.Card.CardActions;
     export default CardActions;
 }
 
-declare module 'material-ui/lib/card/card-expandable' {
+declare module 'material-ui/Card/CardExpandable' {
     export import CardExpandable = __MaterialUI.Card.CardExpandable;
     export default CardExpandable;
 }
 
-declare module 'material-ui/lib/card/card-header' {
+declare module 'material-ui/Card/CardHeader' {
     export import CardHeader = __MaterialUI.Card.CardHeader;
     export default CardHeader;
 }
 
-declare module 'material-ui/lib/card/card-media' {
+declare module 'material-ui/Card/CardMedia' {
     export import CardMedia = __MaterialUI.Card.CardMedia;
     export default CardMedia;
 }
 
-declare module 'material-ui/lib/card/card-text' {
+declare module 'material-ui/Card/CardText' {
     export import CardText = __MaterialUI.Card.CardText;
     export default CardText;
 }
 
-declare module 'material-ui/lib/card/card-title' {
+declare module 'material-ui/Card/CardTitle' {
     export import CardTitle = __MaterialUI.Card.CardTitle;
     export default CardTitle;
 }
 
-declare module 'material-ui/lib/checkbox' {
-    export import Checkbox = __MaterialUI.Checkbox;
+declare module 'material-ui/Checkbox' {
+    export import Checkbox = __MaterialUI.Switches.Checkbox;
     export default Checkbox;
 }
 
-declare module 'material-ui/lib/circular-progress' {
+declare module 'material-ui/CircularProgress' {
     export import CircularProgress = __MaterialUI.CircularProgress;
     export default CircularProgress;
 }
 
-declare module 'material-ui/lib/clearfix' {
-    export import ClearFix = __MaterialUI.ClearFix;
-    export default ClearFix;
-}
-
-declare module 'material-ui/lib/date-picker/date-picker' {
+declare module 'material-ui/DatePicker' {
     export import DatePicker = __MaterialUI.DatePicker.DatePicker;
     export default DatePicker;
 }
 
-declare module 'material-ui/lib/date-picker/date-picker-dialog' {
-    export import DatePickerDialog = __MaterialUI.DatePicker.DatePickerDialog;
-    export default DatePickerDialog;
-}
-
-declare module 'material-ui/lib/dialog' {
+declare module 'material-ui/Dialog' {
     export import Dialog = __MaterialUI.Dialog;
     export default Dialog;
 }
 
-declare module 'material-ui/lib/drop-down-menu' {
+declare module "material-ui/Divider" {
+    export import Divider = __MaterialUI.Divider;
+    export default Divider;
+}
+
+declare module 'material-ui/Drawer' {
+    export import Drawer = __MaterialUI.Drawer;
+    export default Drawer;
+}
+
+declare module 'material-ui/DropDownMenu' {
     export import DropDownMenu = __MaterialUI.Menus.DropDownMenu;
     export default DropDownMenu;
 }
 
-declare module 'material-ui/lib/DropDownMenu' {
-    export import DropDownMenu = __MaterialUI.Menus.DropDownMenu;
-    export default DropDownMenu;
-}
-
-declare module 'material-ui/lib/DropDownMenu/DropDownMenu' {
-    export import DropDownMenu = __MaterialUI.Menus.DropDownMenu;
-    export default DropDownMenu;
-}
-
-declare module 'material-ui/lib/enhanced-button' {
-    export import EnhancedButton = __MaterialUI.EnhancedButton;
-    export default EnhancedButton;
-}
-
-declare module 'material-ui/lib/flat-button' {
+declare module 'material-ui/FlatButton' {
     export import FlatButton = __MaterialUI.FlatButton;
     export default FlatButton;
 }
 
-declare module 'material-ui/lib/floating-action-button' {
+declare module 'material-ui/FloatingActionButton' {
     export import FloatingActionButton = __MaterialUI.FloatingActionButton;
     export default FloatingActionButton;
 }
 
-declare module 'material-ui/lib/font-icon' {
+declare module 'material-ui/FontIcon' {
     export import FontIcon = __MaterialUI.FontIcon;
     export default FontIcon;
 }
 
-declare module 'material-ui/lib/hoc/selectable-enhance' {
-    export import SelectableContainerEnhance = __MaterialUI.Hoc.SelectableContainerEnhance;
-    export default SelectableContainerEnhance;
+declare module "material-ui/GridList" {
+    export import GridList = __MaterialUI.GridList.GridList;
+    export import GridTile = __MaterialUI.GridList.GridTile;
+    export default GridList;
 }
 
-declare module 'material-ui/lib/icon-button' {
+declare module "material-ui/GridList/GridList" {
+    export import GridList = __MaterialUI.GridList.GridList;
+    export default GridList;
+}
+
+declare module "material-ui/GridList/GridTile" {
+    export import GridTile = __MaterialUI.GridList.GridTile;
+    export default GridTile;
+}
+
+declare module 'material-ui/IconButton' {
     export import IconButton = __MaterialUI.IconButton;
     export default IconButton;
 }
 
-declare module 'material-ui/lib/left-nav' {
-    export import LeftNav = __MaterialUI.LeftNav;
-    export default LeftNav;
+declare module "material-ui/IconMenu" {
+    export import IconMenu = __MaterialUI.Menus.IconMenu;
+    export default IconMenu;
 }
 
-declare module 'material-ui/lib/linear-progress' {
+declare module 'material-ui/LinearProgress' {
     export import LinearProgress = __MaterialUI.LinearProgress;
     export default LinearProgress;
 }
 
-declare module 'material-ui/lib/lists/list' {
-    export import List = __MaterialUI.Lists.List;
+declare module 'material-ui/List' {
+    export import List = __MaterialUI.List.List;
+    export import ListItem = __MaterialUI.List.ListItem;
+    export import MakeSelectable = __MaterialUI.List.MakeSelectable;
     export default List;
 }
 
-declare module 'material-ui/lib/lists/list-divider' {
-    export import ListDivider = __MaterialUI.Lists.ListDivider;
-    export default ListDivider;
+declare module 'material-ui/List/List' {
+    export import List = __MaterialUI.List.List;
+    export default List;
 }
 
-declare module 'material-ui/lib/lists/list-item' {
-    export import ListItem = __MaterialUI.Lists.ListItem;
+declare module 'material-ui/List/ListItem' {
+    export import ListItem = __MaterialUI.List.ListItem;
     export default ListItem;
 }
 
-declare module 'material-ui/lib/mixins' {
-    export import ClickAwayable = __MaterialUI.Mixins.ClickAwayable; // require('material-ui/lib/mixins/click-awayable');
-    export import WindowListenable = __MaterialUI.Mixins.WindowListenable; // require('material-ui/lib/mixins/window-listenable');
-    export import StylePropable = __MaterialUI.Mixins.StylePropable; // require('material-ui/lib/mixins/style-propable');
-    export import StyleResizable = __MaterialUI.Mixins.StyleResizable; // require('material-ui/lib/mixins/style-resizable');
+declare module 'material-ui/List/MakeSelectable' {
+    export import MakeSelectable = __MaterialUI.List.MakeSelectable;
+    export default MakeSelectable;
 }
 
-declare module 'material-ui/lib/mixins/click-awayable' {
-    export import ClickAwayable = __MaterialUI.Mixins.ClickAwayable;
-    export default ClickAwayable;
+declare module "material-ui/Menu" {
+    export import Menu = __MaterialUI.Menus.Menu;
+    export import MenuItem = __MaterialUI.Menus.MenuItem;
+    export default Menu;
 }
 
-declare module 'material-ui/lib/mixins/window-listenable' {
-    export import WindowListenable = __MaterialUI.Mixins.WindowListenable;
-    export default WindowListenable;
+declare module "material-ui/MenuItem" {
+    export import MenuItem = __MaterialUI.Menus.MenuItem;
+    export default MenuItem;
 }
 
-declare module 'material-ui/lib/mixins/style-propable' {
-    export import StylePropable = __MaterialUI.Mixins.StylePropable;
-    export default StylePropable;
-}
-
-declare module 'material-ui/lib/mixins/style-resizable' {
-    export import StyleResizable = __MaterialUI.Mixins.StyleResizable;
-    export default StyleResizable;
-}
-
-declare module 'material-ui/lib/overlay' {
-    export import Overlay = __MaterialUI.Overlay;
-    export default Overlay;
-}
-
-declare module 'material-ui/lib/paper' {
+declare module 'material-ui/Paper' {
     export import Paper = __MaterialUI.Paper;
     export default Paper;
 }
 
-declare module 'material-ui/lib/popover/popover' {
+declare module 'material-ui/Popover' {
+    export import Popover = __MaterialUI.Popover.Popover;
+    export import PopoverAnimationVertical = __MaterialUI.Popover.PopoverAnimationVertical;
+    export default Popover;
+}
+
+declare module 'material-ui/Popover/Popover' {
     export import Popover = __MaterialUI.Popover.Popover;
     export default Popover;
 }
 
-declare module 'material-ui/lib/popover/popover-default-animation' {
-    export import PopoverDefaultAnimation = __MaterialUI.Popover.PopoverDefaultAnimation;
-    export default PopoverDefaultAnimation;
+declare module 'material-ui/Popover/PopoverAnimationDefault' {
+    export import PopoverAnimationDefault = __MaterialUI.Popover.PopoverAnimationDefault;
+    export default PopoverAnimationDefault;
 }
 
-declare module 'material-ui/lib/popover/popover-animation-from-top' {
-    export import PopoverAnimationFromTop = __MaterialUI.Popover.PopoverAnimationFromTop;
-    export default PopoverAnimationFromTop;
+declare module 'material-ui/Popover/PopoverAnimationVertical' {
+    export import PopoverAnimationVertical = __MaterialUI.Popover.PopoverAnimationVertical;
+    export default PopoverAnimationVertical;
 }
 
-declare module 'material-ui/lib/radio-button' {
-    export import RadioButton = __MaterialUI.RadioButton;
+declare module 'material-ui/RadioButton' {
+    export import RadioButton = __MaterialUI.Switches.RadioButton;
+    export import RadioButtonGroup = __MaterialUI.Switches.RadioButtonGroup;
     export default RadioButton;
 }
 
-declare module 'material-ui/lib/radio-button-group' {
-    export import RadioButtonGroup = __MaterialUI.RadioButtonGroup;
+declare module 'material-ui/RadioButton/RadioButtonGroup' {
+    export import RadioButtonGroup = __MaterialUI.Switches.RadioButtonGroup;
     export default RadioButtonGroup;
 }
 
-declare module 'material-ui/lib/raised-button' {
+declare module 'material-ui/RaisedButton' {
     export import RaisedButton = __MaterialUI.RaisedButton;
     export default RaisedButton;
 }
 
-declare module 'material-ui/lib/refresh-indicator' {
+declare module 'material-ui/RefreshIndicator' {
     export import RefreshIndicator = __MaterialUI.RefreshIndicator;
     export default RefreshIndicator;
 }
 
-declare module 'material-ui/lib/ripples' {
-    export import CircleRipple = __MaterialUI.Ripples.CircleRipple;
-    export import FocusRipple = __MaterialUI.Ripples.FocusRipple;
-    export import TouchRipple = __MaterialUI.Ripples.TouchRipple;
-}
-
-declare module 'material-ui/lib/select-field' {
+declare module 'material-ui/SelectField' {
     export import SelectField = __MaterialUI.SelectField;
     export default SelectField;
 }
 
-declare module 'material-ui/lib/slider' {
+declare module 'material-ui/Slider' {
     export import Slider = __MaterialUI.Slider;
     export default Slider;
 }
 
-declare module 'material-ui/lib/svg-icon' {
+declare module 'material-ui/Snackbar' {
+    export import Snackbar = __MaterialUI.Snackbar;
+    export default Snackbar;
+}
+
+declare module 'material-ui/Stepper' {
+    export import Step = __MaterialUI.Stepper.Step;
+    export import StepButton = __MaterialUI.Stepper.StepButton;
+    export import StepContent = __MaterialUI.Stepper.StepContent;
+    export import StepLabel = __MaterialUI.Stepper.StepLabel;
+    export import Stepper = __MaterialUI.Stepper.Stepper;
+}
+
+declare module 'material-ui/Subheader' {
+    export import Subheader = __MaterialUI.Subheader;
+    export default Subheader;
+}
+
+declare module 'material-ui/SvgIcon' {
     export import SvgIcon = __MaterialUI.SvgIcon;
     export default SvgIcon;
 }
 
-declare module 'material-ui/lib/svg-icons/action/work' {
+declare module 'material-ui/svg-icons/action/work' {
   export import ActionWork = __MaterialUI.SvgIcon;
   export default ActionWork;
 }
 
-declare module 'material-ui/lib/svg-icons/action/camera-enhance' {
+declare module 'material-ui/svg-icons/action/camera-enhance' {
   export import ActionCameraEnhance = __MaterialUI.SvgIcon;
   export default ActionCameraEnhance;
 }
 
-declare module 'material-ui/lib/svg-icons/action/flip-to-back' {
+declare module 'material-ui/svg-icons/action/flip-to-back' {
   export import ActionFlipToBack = __MaterialUI.SvgIcon;
   export default ActionFlipToBack;
 }
 
-declare module 'material-ui/lib/svg-icons/action/feedback' {
+declare module 'material-ui/svg-icons/action/feedback' {
   export import ActionFeedback = __MaterialUI.SvgIcon;
   export default ActionFeedback;
 }
 
-declare module 'material-ui/lib/svg-icons/action/assignment-turned-in' {
+declare module 'material-ui/svg-icons/action/assignment-turned-in' {
   export import ActionAssignmentTurnedIn = __MaterialUI.SvgIcon;
   export default ActionAssignmentTurnedIn;
 }
 
-declare module 'material-ui/lib/svg-icons/action/track-changes' {
+declare module 'material-ui/svg-icons/action/track-changes' {
   export import ActionTrackChanges = __MaterialUI.SvgIcon;
   export default ActionTrackChanges;
 }
 
-declare module 'material-ui/lib/svg-icons/action/view-stream' {
+declare module 'material-ui/svg-icons/action/view-stream' {
   export import ActionViewStream = __MaterialUI.SvgIcon;
   export default ActionViewStream;
 }
 
-declare module 'material-ui/lib/svg-icons/action/open-in-browser' {
+declare module 'material-ui/svg-icons/action/open-in-browser' {
   export import ActionOpenInBrowser = __MaterialUI.SvgIcon;
   export default ActionOpenInBrowser;
 }
 
-declare module 'material-ui/lib/svg-icons/action/view-headline' {
+declare module 'material-ui/svg-icons/action/view-headline' {
   export import ActionViewHeadline = __MaterialUI.SvgIcon;
   export default ActionViewHeadline;
 }
 
-declare module 'material-ui/lib/svg-icons/action/alarm-add' {
+declare module 'material-ui/svg-icons/action/alarm-add' {
   export import ActionAlarmAdd = __MaterialUI.SvgIcon;
   export default ActionAlarmAdd;
 }
 
-declare module 'material-ui/lib/svg-icons/action/history' {
+declare module 'material-ui/svg-icons/action/history' {
   export import ActionHistory = __MaterialUI.SvgIcon;
   export default ActionHistory;
 }
 
-declare module 'material-ui/lib/svg-icons/action/perm-device-information' {
+declare module 'material-ui/svg-icons/action/perm-device-information' {
   export import ActionPermDeviceInformation = __MaterialUI.SvgIcon;
   export default ActionPermDeviceInformation;
 }
 
-declare module 'material-ui/lib/svg-icons/action/reorder' {
+declare module 'material-ui/svg-icons/action/reorder' {
   export import ActionReorder = __MaterialUI.SvgIcon;
   export default ActionReorder;
 }
 
-declare module 'material-ui/lib/svg-icons/action/assignment' {
+declare module 'material-ui/svg-icons/action/assignment' {
   export import ActionAssignment = __MaterialUI.SvgIcon;
   export default ActionAssignment;
 }
 
-declare module 'material-ui/lib/svg-icons/action/shopping-cart' {
+declare module 'material-ui/svg-icons/action/shopping-cart' {
   export import ActionShoppingCart = __MaterialUI.SvgIcon;
   export default ActionShoppingCart;
 }
 
-declare module 'material-ui/lib/svg-icons/action/face' {
+declare module 'material-ui/svg-icons/action/face' {
   export import ActionFace = __MaterialUI.SvgIcon;
   export default ActionFace;
 }
 
-declare module 'material-ui/lib/svg-icons/action/event' {
+declare module 'material-ui/svg-icons/action/event' {
   export import ActionEvent = __MaterialUI.SvgIcon;
   export default ActionEvent;
 }
 
-declare module 'material-ui/lib/svg-icons/action/view-week' {
+declare module 'material-ui/svg-icons/action/view-week' {
   export import ActionViewWeek = __MaterialUI.SvgIcon;
   export default ActionViewWeek;
 }
 
-declare module 'material-ui/lib/svg-icons/action/rounded-corner' {
+declare module 'material-ui/svg-icons/action/rounded-corner' {
   export import ActionRoundedCorner = __MaterialUI.SvgIcon;
   export default ActionRoundedCorner;
 }
 
-declare module 'material-ui/lib/svg-icons/action/view-carousel' {
+declare module 'material-ui/svg-icons/action/view-carousel' {
   export import ActionViewCarousel = __MaterialUI.SvgIcon;
   export default ActionViewCarousel;
 }
 
-declare module 'material-ui/lib/svg-icons/action/toll' {
+declare module 'material-ui/svg-icons/action/toll' {
   export import ActionToll = __MaterialUI.SvgIcon;
   export default ActionToll;
 }
 
-declare module 'material-ui/lib/svg-icons/action/home' {
+declare module 'material-ui/svg-icons/action/home' {
   export import ActionHome = __MaterialUI.SvgIcon;
   export default ActionHome;
 }
 
-declare module 'material-ui/lib/svg-icons/action/subject' {
+declare module 'material-ui/svg-icons/action/subject' {
   export import ActionSubject = __MaterialUI.SvgIcon;
   export default ActionSubject;
 }
 
-declare module 'material-ui/lib/svg-icons/action/lock' {
+declare module 'material-ui/svg-icons/action/lock' {
   export import ActionLock = __MaterialUI.SvgIcon;
   export default ActionLock;
 }
 
-declare module 'material-ui/lib/svg-icons/action/visibility-off' {
+declare module 'material-ui/svg-icons/action/visibility-off' {
   export import ActionVisibilityOff = __MaterialUI.SvgIcon;
   export default ActionVisibilityOff;
 }
 
-declare module 'material-ui/lib/svg-icons/action/opacity' {
+declare module 'material-ui/svg-icons/action/opacity' {
   export import ActionOpacity = __MaterialUI.SvgIcon;
   export default ActionOpacity;
 }
 
-declare module 'material-ui/lib/svg-icons/action/dns' {
+declare module 'material-ui/svg-icons/action/dns' {
   export import ActionDns = __MaterialUI.SvgIcon;
   export default ActionDns;
 }
 
-declare module 'material-ui/lib/svg-icons/action/open-with' {
+declare module 'material-ui/svg-icons/action/open-with' {
   export import ActionOpenWith = __MaterialUI.SvgIcon;
   export default ActionOpenWith;
 }
 
-declare module 'material-ui/lib/svg-icons/action/system-update-alt' {
+declare module 'material-ui/svg-icons/action/system-update-alt' {
   export import ActionSystemUpdateAlt = __MaterialUI.SvgIcon;
   export default ActionSystemUpdateAlt;
 }
 
-declare module 'material-ui/lib/svg-icons/action/picture-in-picture-alt' {
+declare module 'material-ui/svg-icons/action/picture-in-picture-alt' {
   export import ActionPictureInPictureAlt = __MaterialUI.SvgIcon;
   export default ActionPictureInPictureAlt;
 }
 
-declare module 'material-ui/lib/svg-icons/action/bookmark-border' {
+declare module 'material-ui/svg-icons/action/bookmark-border' {
   export import ActionBookmarkBorder = __MaterialUI.SvgIcon;
   export default ActionBookmarkBorder;
 }
 
-declare module 'material-ui/lib/svg-icons/action/settings' {
+declare module 'material-ui/svg-icons/action/settings' {
   export import ActionSettings = __MaterialUI.SvgIcon;
   export default ActionSettings;
 }
 
-declare module 'material-ui/lib/svg-icons/action/dashboard' {
+declare module 'material-ui/svg-icons/action/dashboard' {
   export import ActionDashboard = __MaterialUI.SvgIcon;
   export default ActionDashboard;
 }
 
-declare module 'material-ui/lib/svg-icons/action/done-all' {
+declare module 'material-ui/svg-icons/action/done-all' {
   export import ActionDoneAll = __MaterialUI.SvgIcon;
   export default ActionDoneAll;
 }
 
-declare module 'material-ui/lib/svg-icons/action/aspect-ratio' {
+declare module 'material-ui/svg-icons/action/aspect-ratio' {
   export import ActionAspectRatio = __MaterialUI.SvgIcon;
   export default ActionAspectRatio;
 }
 
-declare module 'material-ui/lib/svg-icons/action/verified-user' {
+declare module 'material-ui/svg-icons/action/verified-user' {
   export import ActionVerifiedUser = __MaterialUI.SvgIcon;
   export default ActionVerifiedUser;
 }
 
-declare module 'material-ui/lib/svg-icons/action/update' {
+declare module 'material-ui/svg-icons/action/update' {
   export import ActionUpdate = __MaterialUI.SvgIcon;
   export default ActionUpdate;
 }
 
-declare module 'material-ui/lib/svg-icons/action/query-builder' {
+declare module 'material-ui/svg-icons/action/query-builder' {
   export import ActionQueryBuilder = __MaterialUI.SvgIcon;
   export default ActionQueryBuilder;
 }
 
-declare module 'material-ui/lib/svg-icons/action/supervisor-account' {
+declare module 'material-ui/svg-icons/action/supervisor-account' {
   export import ActionSupervisorAccount = __MaterialUI.SvgIcon;
   export default ActionSupervisorAccount;
 }
 
-declare module 'material-ui/lib/svg-icons/action/polymer' {
+declare module 'material-ui/svg-icons/action/polymer' {
   export import ActionPolymer = __MaterialUI.SvgIcon;
   export default ActionPolymer;
 }
 
-declare module 'material-ui/lib/svg-icons/action/accessible' {
+declare module 'material-ui/svg-icons/action/accessible' {
   export import ActionAccessible = __MaterialUI.SvgIcon;
   export default ActionAccessible;
 }
 
-declare module 'material-ui/lib/svg-icons/action/highlight-off' {
+declare module 'material-ui/svg-icons/action/highlight-off' {
   export import ActionHighlightOff = __MaterialUI.SvgIcon;
   export default ActionHighlightOff;
 }
 
-declare module 'material-ui/lib/svg-icons/action/power-settings-new' {
+declare module 'material-ui/svg-icons/action/power-settings-new' {
   export import ActionPowerSettingsNew = __MaterialUI.SvgIcon;
   export default ActionPowerSettingsNew;
 }
 
-declare module 'material-ui/lib/svg-icons/action/chrome-reader-mode' {
+declare module 'material-ui/svg-icons/action/chrome-reader-mode' {
   export import ActionChromeReaderMode = __MaterialUI.SvgIcon;
   export default ActionChromeReaderMode;
 }
 
-declare module 'material-ui/lib/svg-icons/action/perm-camera-mic' {
+declare module 'material-ui/svg-icons/action/perm-camera-mic' {
   export import ActionPermCameraMic = __MaterialUI.SvgIcon;
   export default ActionPermCameraMic;
 }
 
-declare module 'material-ui/lib/svg-icons/action/touch-app' {
+declare module 'material-ui/svg-icons/action/touch-app' {
   export import ActionTouchApp = __MaterialUI.SvgIcon;
   export default ActionTouchApp;
 }
 
-declare module 'material-ui/lib/svg-icons/action/receipt' {
+declare module 'material-ui/svg-icons/action/receipt' {
   export import ActionReceipt = __MaterialUI.SvgIcon;
   export default ActionReceipt;
 }
 
-declare module 'material-ui/lib/svg-icons/action/assignment-late' {
+declare module 'material-ui/svg-icons/action/assignment-late' {
   export import ActionAssignmentLate = __MaterialUI.SvgIcon;
   export default ActionAssignmentLate;
 }
 
-declare module 'material-ui/lib/svg-icons/action/alarm-off' {
+declare module 'material-ui/svg-icons/action/alarm-off' {
   export import ActionAlarmOff = __MaterialUI.SvgIcon;
   export default ActionAlarmOff;
 }
 
-declare module 'material-ui/lib/svg-icons/action/toc' {
+declare module 'material-ui/svg-icons/action/toc' {
   export import ActionToc = __MaterialUI.SvgIcon;
   export default ActionToc;
 }
 
-declare module 'material-ui/lib/svg-icons/action/settings-bluetooth' {
+declare module 'material-ui/svg-icons/action/settings-bluetooth' {
   export import ActionSettingsBluetooth = __MaterialUI.SvgIcon;
   export default ActionSettingsBluetooth;
 }
 
-declare module 'material-ui/lib/svg-icons/action/settings-brightness' {
+declare module 'material-ui/svg-icons/action/settings-brightness' {
   export import ActionSettingsBrightness = __MaterialUI.SvgIcon;
   export default ActionSettingsBrightness;
 }
 
-declare module 'material-ui/lib/svg-icons/action/donut-small' {
+declare module 'material-ui/svg-icons/action/donut-small' {
   export import ActionDonutSmall = __MaterialUI.SvgIcon;
   export default ActionDonutSmall;
 }
 
-declare module 'material-ui/lib/svg-icons/action/zoom-out' {
+declare module 'material-ui/svg-icons/action/zoom-out' {
   export import ActionZoomOut = __MaterialUI.SvgIcon;
   export default ActionZoomOut;
 }
 
-declare module 'material-ui/lib/svg-icons/action/loyalty' {
+declare module 'material-ui/svg-icons/action/loyalty' {
   export import ActionLoyalty = __MaterialUI.SvgIcon;
   export default ActionLoyalty;
 }
 
-declare module 'material-ui/lib/svg-icons/action/search' {
+declare module 'material-ui/svg-icons/action/search' {
   export import ActionSearch = __MaterialUI.SvgIcon;
   export default ActionSearch;
 }
 
-declare module 'material-ui/lib/svg-icons/action/account-balance-wallet' {
+declare module 'material-ui/svg-icons/action/account-balance-wallet' {
   export import ActionAccountBalanceWallet = __MaterialUI.SvgIcon;
   export default ActionAccountBalanceWallet;
 }
 
-declare module 'material-ui/lib/svg-icons/action/date-range' {
+declare module 'material-ui/svg-icons/action/date-range' {
   export import ActionDateRange = __MaterialUI.SvgIcon;
   export default ActionDateRange;
 }
 
-declare module 'material-ui/lib/svg-icons/action/alarm-on' {
+declare module 'material-ui/svg-icons/action/alarm-on' {
   export import ActionAlarmOn = __MaterialUI.SvgIcon;
   export default ActionAlarmOn;
 }
 
-declare module 'material-ui/lib/svg-icons/action/view-quilt' {
+declare module 'material-ui/svg-icons/action/view-quilt' {
   export import ActionViewQuilt = __MaterialUI.SvgIcon;
   export default ActionViewQuilt;
 }
 
-declare module 'material-ui/lib/svg-icons/action/launch' {
+declare module 'material-ui/svg-icons/action/launch' {
   export import ActionLaunch = __MaterialUI.SvgIcon;
   export default ActionLaunch;
 }
 
-declare module 'material-ui/lib/svg-icons/action/visibility' {
+declare module 'material-ui/svg-icons/action/visibility' {
   export import ActionVisibility = __MaterialUI.SvgIcon;
   export default ActionVisibility;
 }
 
-declare module 'material-ui/lib/svg-icons/action/flight-land' {
+declare module 'material-ui/svg-icons/action/flight-land' {
   export import ActionFlightLand = __MaterialUI.SvgIcon;
   export default ActionFlightLand;
 }
 
-declare module 'material-ui/lib/svg-icons/action/card-travel' {
+declare module 'material-ui/svg-icons/action/card-travel' {
   export import ActionCardTravel = __MaterialUI.SvgIcon;
   export default ActionCardTravel;
 }
 
-declare module 'material-ui/lib/svg-icons/action/get-app' {
+declare module 'material-ui/svg-icons/action/get-app' {
   export import ActionGetApp = __MaterialUI.SvgIcon;
   export default ActionGetApp;
 }
 
-declare module 'material-ui/lib/svg-icons/action/markunread-mailbox' {
+declare module 'material-ui/svg-icons/action/markunread-mailbox' {
   export import ActionMarkunreadMailbox = __MaterialUI.SvgIcon;
   export default ActionMarkunreadMailbox;
 }
 
-declare module 'material-ui/lib/svg-icons/action/view-agenda' {
+declare module 'material-ui/svg-icons/action/view-agenda' {
   export import ActionViewAgenda = __MaterialUI.SvgIcon;
   export default ActionViewAgenda;
 }
 
-declare module 'material-ui/lib/svg-icons/action/timeline' {
+declare module 'material-ui/svg-icons/action/timeline' {
   export import ActionTimeline = __MaterialUI.SvgIcon;
   export default ActionTimeline;
 }
 
-declare module 'material-ui/lib/svg-icons/action/settings-remote' {
+declare module 'material-ui/svg-icons/action/settings-remote' {
   export import ActionSettingsRemote = __MaterialUI.SvgIcon;
   export default ActionSettingsRemote;
 }
 
-declare module 'material-ui/lib/svg-icons/action/input' {
+declare module 'material-ui/svg-icons/action/input' {
   export import ActionInput = __MaterialUI.SvgIcon;
   export default ActionInput;
 }
 
-declare module 'material-ui/lib/svg-icons/action/record-voice-over' {
+declare module 'material-ui/svg-icons/action/record-voice-over' {
   export import ActionRecordVoiceOver = __MaterialUI.SvgIcon;
   export default ActionRecordVoiceOver;
 }
 
-declare module 'material-ui/lib/svg-icons/action/backup' {
+declare module 'material-ui/svg-icons/action/backup' {
   export import ActionBackup = __MaterialUI.SvgIcon;
   export default ActionBackup;
 }
 
-declare module 'material-ui/lib/svg-icons/action/language' {
+declare module 'material-ui/svg-icons/action/language' {
   export import ActionLanguage = __MaterialUI.SvgIcon;
   export default ActionLanguage;
 }
 
-declare module 'material-ui/lib/svg-icons/action/play-for-work' {
+declare module 'material-ui/svg-icons/action/play-for-work' {
   export import ActionPlayForWork = __MaterialUI.SvgIcon;
   export default ActionPlayForWork;
 }
 
-declare module 'material-ui/lib/svg-icons/action/gif' {
+declare module 'material-ui/svg-icons/action/gif' {
   export import ActionGif = __MaterialUI.SvgIcon;
   export default ActionGif;
 }
 
-declare module 'material-ui/lib/svg-icons/action/theaters' {
+declare module 'material-ui/svg-icons/action/theaters' {
   export import ActionTheaters = __MaterialUI.SvgIcon;
   export default ActionTheaters;
 }
 
-declare module 'material-ui/lib/svg-icons/action/offline-pin' {
+declare module 'material-ui/svg-icons/action/offline-pin' {
   export import ActionOfflinePin = __MaterialUI.SvgIcon;
   export default ActionOfflinePin;
 }
 
-declare module 'material-ui/lib/svg-icons/action/assignment-return' {
+declare module 'material-ui/svg-icons/action/assignment-return' {
   export import ActionAssignmentReturn = __MaterialUI.SvgIcon;
   export default ActionAssignmentReturn;
 }
 
-declare module 'material-ui/lib/svg-icons/action/print' {
+declare module 'material-ui/svg-icons/action/print' {
   export import ActionPrint = __MaterialUI.SvgIcon;
   export default ActionPrint;
 }
 
-declare module 'material-ui/lib/svg-icons/action/settings-overscan' {
+declare module 'material-ui/svg-icons/action/settings-overscan' {
   export import ActionSettingsOverscan = __MaterialUI.SvgIcon;
   export default ActionSettingsOverscan;
 }
 
-declare module 'material-ui/lib/svg-icons/action/store' {
+declare module 'material-ui/svg-icons/action/store' {
   export import ActionStore = __MaterialUI.SvgIcon;
   export default ActionStore;
 }
 
-declare module 'material-ui/lib/svg-icons/action/exit-to-app' {
+declare module 'material-ui/svg-icons/action/exit-to-app' {
   export import ActionExitToApp = __MaterialUI.SvgIcon;
   export default ActionExitToApp;
 }
 
-declare module 'material-ui/lib/svg-icons/action/account-balance' {
+declare module 'material-ui/svg-icons/action/account-balance' {
   export import ActionAccountBalance = __MaterialUI.SvgIcon;
   export default ActionAccountBalance;
 }
 
-declare module 'material-ui/lib/svg-icons/action/grade' {
+declare module 'material-ui/svg-icons/action/grade' {
   export import ActionGrade = __MaterialUI.SvgIcon;
   export default ActionGrade;
 }
 
-declare module 'material-ui/lib/svg-icons/action/picture-in-picture' {
+declare module 'material-ui/svg-icons/action/picture-in-picture' {
   export import ActionPictureInPicture = __MaterialUI.SvgIcon;
   export default ActionPictureInPicture;
 }
 
-declare module 'material-ui/lib/svg-icons/action/copyright' {
+declare module 'material-ui/svg-icons/action/copyright' {
   export import ActionCopyright = __MaterialUI.SvgIcon;
   export default ActionCopyright;
 }
 
-declare module 'material-ui/lib/svg-icons/action/donut-large' {
+declare module 'material-ui/svg-icons/action/donut-large' {
   export import ActionDonutLarge = __MaterialUI.SvgIcon;
   export default ActionDonutLarge;
 }
 
-declare module 'material-ui/lib/svg-icons/action/lock-open' {
+declare module 'material-ui/svg-icons/action/lock-open' {
   export import ActionLockOpen = __MaterialUI.SvgIcon;
   export default ActionLockOpen;
 }
 
-declare module 'material-ui/lib/svg-icons/action/perm-media' {
+declare module 'material-ui/svg-icons/action/perm-media' {
   export import ActionPermMedia = __MaterialUI.SvgIcon;
   export default ActionPermMedia;
 }
 
-declare module 'material-ui/lib/svg-icons/action/all-out' {
+declare module 'material-ui/svg-icons/action/all-out' {
   export import ActionAllOut = __MaterialUI.SvgIcon;
   export default ActionAllOut;
 }
 
-declare module 'material-ui/lib/svg-icons/action/check-circle' {
+declare module 'material-ui/svg-icons/action/check-circle' {
   export import ActionCheckCircle = __MaterialUI.SvgIcon;
   export default ActionCheckCircle;
 }
 
-declare module 'material-ui/lib/svg-icons/action/swap-vertical-circle' {
+declare module 'material-ui/svg-icons/action/swap-vertical-circle' {
   export import ActionSwapVerticalCircle = __MaterialUI.SvgIcon;
   export default ActionSwapVerticalCircle;
 }
 
-declare module 'material-ui/lib/svg-icons/action/settings-input-svideo' {
+declare module 'material-ui/svg-icons/action/settings-input-svideo' {
   export import ActionSettingsInputSvideo = __MaterialUI.SvgIcon;
   export default ActionSettingsInputSvideo;
 }
 
-declare module 'material-ui/lib/svg-icons/action/watch-later' {
+declare module 'material-ui/svg-icons/action/watch-later' {
   export import ActionWatchLater = __MaterialUI.SvgIcon;
   export default ActionWatchLater;
 }
 
-declare module 'material-ui/lib/svg-icons/action/question-answer' {
+declare module 'material-ui/svg-icons/action/question-answer' {
   export import ActionQuestionAnswer = __MaterialUI.SvgIcon;
   export default ActionQuestionAnswer;
 }
 
-declare module 'material-ui/lib/svg-icons/action/assignment-ind' {
+declare module 'material-ui/svg-icons/action/assignment-ind' {
   export import ActionAssignmentInd = __MaterialUI.SvgIcon;
   export default ActionAssignmentInd;
 }
 
-declare module 'material-ui/lib/svg-icons/action/code' {
+declare module 'material-ui/svg-icons/action/code' {
   export import ActionCode = __MaterialUI.SvgIcon;
   export default ActionCode;
 }
 
-declare module 'material-ui/lib/svg-icons/action/turned-in-not' {
+declare module 'material-ui/svg-icons/action/turned-in-not' {
   export import ActionTurnedInNot = __MaterialUI.SvgIcon;
   export default ActionTurnedInNot;
 }
 
-declare module 'material-ui/lib/svg-icons/action/line-weight' {
+declare module 'material-ui/svg-icons/action/line-weight' {
   export import ActionLineWeight = __MaterialUI.SvgIcon;
   export default ActionLineWeight;
 }
 
-declare module 'material-ui/lib/svg-icons/action/restore' {
+declare module 'material-ui/svg-icons/action/restore' {
   export import ActionRestore = __MaterialUI.SvgIcon;
   export default ActionRestore;
 }
 
-declare module 'material-ui/lib/svg-icons/action/tab' {
+declare module 'material-ui/svg-icons/action/tab' {
   export import ActionTab = __MaterialUI.SvgIcon;
   export default ActionTab;
 }
 
-declare module 'material-ui/lib/svg-icons/action/open-in-new' {
+declare module 'material-ui/svg-icons/action/open-in-new' {
   export import ActionOpenInNew = __MaterialUI.SvgIcon;
   export default ActionOpenInNew;
 }
 
-declare module 'material-ui/lib/svg-icons/action/turned-in' {
+declare module 'material-ui/svg-icons/action/turned-in' {
   export import ActionTurnedIn = __MaterialUI.SvgIcon;
   export default ActionTurnedIn;
 }
 
-declare module 'material-ui/lib/svg-icons/action/settings-input-hdmi' {
+declare module 'material-ui/svg-icons/action/settings-input-hdmi' {
   export import ActionSettingsInputHdmi = __MaterialUI.SvgIcon;
   export default ActionSettingsInputHdmi;
 }
 
-declare module 'material-ui/lib/svg-icons/action/favorite-border' {
+declare module 'material-ui/svg-icons/action/favorite-border' {
   export import ActionFavoriteBorder = __MaterialUI.SvgIcon;
   export default ActionFavoriteBorder;
 }
 
-declare module 'material-ui/lib/svg-icons/action/done' {
+declare module 'material-ui/svg-icons/action/done' {
   export import ActionDone = __MaterialUI.SvgIcon;
   export default ActionDone;
 }
 
-declare module 'material-ui/lib/svg-icons/action/payment' {
+declare module 'material-ui/svg-icons/action/payment' {
   export import ActionPayment = __MaterialUI.SvgIcon;
   export default ActionPayment;
 }
 
-declare module 'material-ui/lib/svg-icons/action/announcement' {
+declare module 'material-ui/svg-icons/action/announcement' {
   export import ActionAnnouncement = __MaterialUI.SvgIcon;
   export default ActionAnnouncement;
 }
 
-declare module 'material-ui/lib/svg-icons/action/find-in-page' {
+declare module 'material-ui/svg-icons/action/find-in-page' {
   export import ActionFindInPage = __MaterialUI.SvgIcon;
   export default ActionFindInPage;
 }
 
-declare module 'material-ui/lib/svg-icons/action/thumbs-up-down' {
+declare module 'material-ui/svg-icons/action/thumbs-up-down' {
   export import ActionThumbsUpDown = __MaterialUI.SvgIcon;
   export default ActionThumbsUpDown;
 }
 
-declare module 'material-ui/lib/svg-icons/action/explore' {
+declare module 'material-ui/svg-icons/action/explore' {
   export import ActionExplore = __MaterialUI.SvgIcon;
   export default ActionExplore;
 }
 
-declare module 'material-ui/lib/svg-icons/action/today' {
+declare module 'material-ui/svg-icons/action/today' {
   export import ActionToday = __MaterialUI.SvgIcon;
   export default ActionToday;
 }
 
-declare module 'material-ui/lib/svg-icons/action/settings-power' {
+declare module 'material-ui/svg-icons/action/settings-power' {
   export import ActionSettingsPower = __MaterialUI.SvgIcon;
   export default ActionSettingsPower;
 }
 
-declare module 'material-ui/lib/svg-icons/action/gavel' {
+declare module 'material-ui/svg-icons/action/gavel' {
   export import ActionGavel = __MaterialUI.SvgIcon;
   export default ActionGavel;
 }
 
-declare module 'material-ui/lib/svg-icons/action/build' {
+declare module 'material-ui/svg-icons/action/build' {
   export import ActionBuild = __MaterialUI.SvgIcon;
   export default ActionBuild;
 }
 
-declare module 'material-ui/lib/svg-icons/action/rowing' {
+declare module 'material-ui/svg-icons/action/rowing' {
   export import ActionRowing = __MaterialUI.SvgIcon;
   export default ActionRowing;
 }
 
-declare module 'material-ui/lib/svg-icons/action/label' {
+declare module 'material-ui/svg-icons/action/label' {
   export import ActionLabel = __MaterialUI.SvgIcon;
   export default ActionLabel;
 }
 
-declare module 'material-ui/lib/svg-icons/action/card-giftcard' {
+declare module 'material-ui/svg-icons/action/card-giftcard' {
   export import ActionCardGiftcard = __MaterialUI.SvgIcon;
   export default ActionCardGiftcard;
 }
 
-declare module 'material-ui/lib/svg-icons/action/thumb-up' {
+declare module 'material-ui/svg-icons/action/thumb-up' {
   export import ActionThumbUp = __MaterialUI.SvgIcon;
   export default ActionThumbUp;
 }
 
-declare module 'material-ui/lib/svg-icons/action/shopping-basket' {
+declare module 'material-ui/svg-icons/action/shopping-basket' {
   export import ActionShoppingBasket = __MaterialUI.SvgIcon;
   export default ActionShoppingBasket;
 }
 
-declare module 'material-ui/lib/svg-icons/action/swap-horiz' {
+declare module 'material-ui/svg-icons/action/swap-horiz' {
   export import ActionSwapHoriz = __MaterialUI.SvgIcon;
   export default ActionSwapHoriz;
 }
 
-declare module 'material-ui/lib/svg-icons/action/help-outline' {
+declare module 'material-ui/svg-icons/action/help-outline' {
   export import ActionHelpOutline = __MaterialUI.SvgIcon;
   export default ActionHelpOutline;
 }
 
-declare module 'material-ui/lib/svg-icons/action/pregnant-woman' {
+declare module 'material-ui/svg-icons/action/pregnant-woman' {
   export import ActionPregnantWoman = __MaterialUI.SvgIcon;
   export default ActionPregnantWoman;
 }
 
-declare module 'material-ui/lib/svg-icons/action/help' {
+declare module 'material-ui/svg-icons/action/help' {
   export import ActionHelp = __MaterialUI.SvgIcon;
   export default ActionHelp;
 }
 
-declare module 'material-ui/lib/svg-icons/action/settings-input-antenna' {
+declare module 'material-ui/svg-icons/action/settings-input-antenna' {
   export import ActionSettingsInputAntenna = __MaterialUI.SvgIcon;
   export default ActionSettingsInputAntenna;
 }
 
-declare module 'material-ui/lib/svg-icons/action/find-replace' {
+declare module 'material-ui/svg-icons/action/find-replace' {
   export import ActionFindReplace = __MaterialUI.SvgIcon;
   export default ActionFindReplace;
 }
 
-declare module 'material-ui/lib/svg-icons/action/shop' {
+declare module 'material-ui/svg-icons/action/shop' {
   export import ActionShop = __MaterialUI.SvgIcon;
   export default ActionShop;
 }
 
-declare module 'material-ui/lib/svg-icons/action/change-history' {
+declare module 'material-ui/svg-icons/action/change-history' {
   export import ActionChangeHistory = __MaterialUI.SvgIcon;
   export default ActionChangeHistory;
 }
 
-declare module 'material-ui/lib/svg-icons/action/info' {
+declare module 'material-ui/svg-icons/action/info' {
   export import ActionInfo = __MaterialUI.SvgIcon;
   export default ActionInfo;
 }
 
-declare module 'material-ui/lib/svg-icons/action/trending-down' {
+declare module 'material-ui/svg-icons/action/trending-down' {
   export import ActionTrendingDown = __MaterialUI.SvgIcon;
   export default ActionTrendingDown;
 }
 
-declare module 'material-ui/lib/svg-icons/action/flight-takeoff' {
+declare module 'material-ui/svg-icons/action/flight-takeoff' {
   export import ActionFlightTakeoff = __MaterialUI.SvgIcon;
   export default ActionFlightTakeoff;
 }
 
-declare module 'material-ui/lib/svg-icons/action/alarm' {
+declare module 'material-ui/svg-icons/action/alarm' {
   export import ActionAlarm = __MaterialUI.SvgIcon;
   export default ActionAlarm;
 }
 
-declare module 'material-ui/lib/svg-icons/action/spellcheck' {
+declare module 'material-ui/svg-icons/action/spellcheck' {
   export import ActionSpellcheck = __MaterialUI.SvgIcon;
   export default ActionSpellcheck;
 }
 
-declare module 'material-ui/lib/svg-icons/action/settings-input-component' {
+declare module 'material-ui/svg-icons/action/settings-input-component' {
   export import ActionSettingsInputComponent = __MaterialUI.SvgIcon;
   export default ActionSettingsInputComponent;
 }
 
-declare module 'material-ui/lib/svg-icons/action/settings-applications' {
+declare module 'material-ui/svg-icons/action/settings-applications' {
   export import ActionSettingsApplications = __MaterialUI.SvgIcon;
   export default ActionSettingsApplications;
 }
 
-declare module 'material-ui/lib/svg-icons/action/room' {
+declare module 'material-ui/svg-icons/action/room' {
   export import ActionRoom = __MaterialUI.SvgIcon;
   export default ActionRoom;
 }
 
-declare module 'material-ui/lib/svg-icons/action/book' {
+declare module 'material-ui/svg-icons/action/book' {
   export import ActionBook = __MaterialUI.SvgIcon;
   export default ActionBook;
 }
 
-declare module 'material-ui/lib/svg-icons/action/class' {
+declare module 'material-ui/svg-icons/action/class' {
   export import ActionClass = __MaterialUI.SvgIcon;
   export default ActionClass;
 }
 
-declare module 'material-ui/lib/svg-icons/action/group-work' {
+declare module 'material-ui/svg-icons/action/group-work' {
   export import ActionGroupWork = __MaterialUI.SvgIcon;
   export default ActionGroupWork;
 }
 
-declare module 'material-ui/lib/svg-icons/action/hourglass-full' {
+declare module 'material-ui/svg-icons/action/hourglass-full' {
   export import ActionHourglassFull = __MaterialUI.SvgIcon;
   export default ActionHourglassFull;
 }
 
-declare module 'material-ui/lib/svg-icons/action/assessment' {
+declare module 'material-ui/svg-icons/action/assessment' {
   export import ActionAssessment = __MaterialUI.SvgIcon;
   export default ActionAssessment;
 }
 
-declare module 'material-ui/lib/svg-icons/action/youtube-searched-for' {
+declare module 'material-ui/svg-icons/action/youtube-searched-for' {
   export import ActionYoutubeSearchedFor = __MaterialUI.SvgIcon;
   export default ActionYoutubeSearchedFor;
 }
 
-declare module 'material-ui/lib/svg-icons/action/eject' {
+declare module 'material-ui/svg-icons/action/eject' {
   export import ActionEject = __MaterialUI.SvgIcon;
   export default ActionEject;
 }
 
-declare module 'material-ui/lib/svg-icons/action/trending-up' {
+declare module 'material-ui/svg-icons/action/trending-up' {
   export import ActionTrendingUp = __MaterialUI.SvgIcon;
   export default ActionTrendingUp;
 }
 
-declare module 'material-ui/lib/svg-icons/action/http' {
+declare module 'material-ui/svg-icons/action/http' {
   export import ActionHttp = __MaterialUI.SvgIcon;
   export default ActionHttp;
 }
 
-declare module 'material-ui/lib/svg-icons/action/stars' {
+declare module 'material-ui/svg-icons/action/stars' {
   export import ActionStars = __MaterialUI.SvgIcon;
   export default ActionStars;
 }
 
-declare module 'material-ui/lib/svg-icons/action/autorenew' {
+declare module 'material-ui/svg-icons/action/autorenew' {
   export import ActionAutorenew = __MaterialUI.SvgIcon;
   export default ActionAutorenew;
 }
 
-declare module 'material-ui/lib/svg-icons/action/settings-ethernet' {
+declare module 'material-ui/svg-icons/action/settings-ethernet' {
   export import ActionSettingsEthernet = __MaterialUI.SvgIcon;
   export default ActionSettingsEthernet;
 }
 
-declare module 'material-ui/lib/svg-icons/action/label-outline' {
+declare module 'material-ui/svg-icons/action/label-outline' {
   export import ActionLabelOutline = __MaterialUI.SvgIcon;
   export default ActionLabelOutline;
 }
 
-declare module 'material-ui/lib/svg-icons/action/settings-phone' {
+declare module 'material-ui/svg-icons/action/settings-phone' {
   export import ActionSettingsPhone = __MaterialUI.SvgIcon;
   export default ActionSettingsPhone;
 }
 
-declare module 'material-ui/lib/svg-icons/action/info-outline' {
+declare module 'material-ui/svg-icons/action/info-outline' {
   export import ActionInfoOutline = __MaterialUI.SvgIcon;
   export default ActionInfoOutline;
 }
 
-declare module 'material-ui/lib/svg-icons/action/lock-outline' {
+declare module 'material-ui/svg-icons/action/lock-outline' {
   export import ActionLockOutline = __MaterialUI.SvgIcon;
   export default ActionLockOutline;
 }
 
-declare module 'material-ui/lib/svg-icons/action/settings-input-composite' {
+declare module 'material-ui/svg-icons/action/settings-input-composite' {
   export import ActionSettingsInputComposite = __MaterialUI.SvgIcon;
   export default ActionSettingsInputComposite;
 }
 
-declare module 'material-ui/lib/svg-icons/action/invert-colors' {
+declare module 'material-ui/svg-icons/action/invert-colors' {
   export import ActionInvertColors = __MaterialUI.SvgIcon;
   export default ActionInvertColors;
 }
 
-declare module 'material-ui/lib/svg-icons/action/bookmark' {
+declare module 'material-ui/svg-icons/action/bookmark' {
   export import ActionBookmark = __MaterialUI.SvgIcon;
   export default ActionBookmark;
 }
 
-declare module 'material-ui/lib/svg-icons/action/add-shopping-cart' {
+declare module 'material-ui/svg-icons/action/add-shopping-cart' {
   export import ActionAddShoppingCart = __MaterialUI.SvgIcon;
   export default ActionAddShoppingCart;
 }
 
-declare module 'material-ui/lib/svg-icons/action/bug-report' {
+declare module 'material-ui/svg-icons/action/bug-report' {
   export import ActionBugReport = __MaterialUI.SvgIcon;
   export default ActionBugReport;
 }
 
-declare module 'material-ui/lib/svg-icons/action/cached' {
+declare module 'material-ui/svg-icons/action/cached' {
   export import ActionCached = __MaterialUI.SvgIcon;
   export default ActionCached;
 }
 
-declare module 'material-ui/lib/svg-icons/action/view-day' {
+declare module 'material-ui/svg-icons/action/view-day' {
   export import ActionViewDay = __MaterialUI.SvgIcon;
   export default ActionViewDay;
 }
 
-declare module 'material-ui/lib/svg-icons/action/fingerprint' {
+declare module 'material-ui/svg-icons/action/fingerprint' {
   export import ActionFingerprint = __MaterialUI.SvgIcon;
   export default ActionFingerprint;
 }
 
-declare module 'material-ui/lib/svg-icons/action/accessibility' {
+declare module 'material-ui/svg-icons/action/accessibility' {
   export import ActionAccessibility = __MaterialUI.SvgIcon;
   export default ActionAccessibility;
 }
 
-declare module 'material-ui/lib/svg-icons/action/perm-data-setting' {
+declare module 'material-ui/svg-icons/action/perm-data-setting' {
   export import ActionPermDataSetting = __MaterialUI.SvgIcon;
   export default ActionPermDataSetting;
 }
 
-declare module 'material-ui/lib/svg-icons/action/settings-backup-restore' {
+declare module 'material-ui/svg-icons/action/settings-backup-restore' {
   export import ActionSettingsBackupRestore = __MaterialUI.SvgIcon;
   export default ActionSettingsBackupRestore;
 }
 
-declare module 'material-ui/lib/svg-icons/action/zoom-in' {
+declare module 'material-ui/svg-icons/action/zoom-in' {
   export import ActionZoomIn = __MaterialUI.SvgIcon;
   export default ActionZoomIn;
 }
 
-declare module 'material-ui/lib/svg-icons/action/perm-identity' {
+declare module 'material-ui/svg-icons/action/perm-identity' {
   export import ActionPermIdentity = __MaterialUI.SvgIcon;
   export default ActionPermIdentity;
 }
 
-declare module 'material-ui/lib/svg-icons/action/favorite' {
+declare module 'material-ui/svg-icons/action/favorite' {
   export import ActionFavorite = __MaterialUI.SvgIcon;
   export default ActionFavorite;
 }
 
-declare module 'material-ui/lib/svg-icons/action/thumb-down' {
+declare module 'material-ui/svg-icons/action/thumb-down' {
   export import ActionThumbDown = __MaterialUI.SvgIcon;
   export default ActionThumbDown;
 }
 
-declare module 'material-ui/lib/svg-icons/action/assignment-returned' {
+declare module 'material-ui/svg-icons/action/assignment-returned' {
   export import ActionAssignmentReturned = __MaterialUI.SvgIcon;
   export default ActionAssignmentReturned;
 }
 
-declare module 'material-ui/lib/svg-icons/action/account-box' {
+declare module 'material-ui/svg-icons/action/account-box' {
   export import ActionAccountBox = __MaterialUI.SvgIcon;
   export default ActionAccountBox;
 }
 
-declare module 'material-ui/lib/svg-icons/action/extension' {
+declare module 'material-ui/svg-icons/action/extension' {
   export import ActionExtension = __MaterialUI.SvgIcon;
   export default ActionExtension;
 }
 
-declare module 'material-ui/lib/svg-icons/action/pageview' {
+declare module 'material-ui/svg-icons/action/pageview' {
   export import ActionPageview = __MaterialUI.SvgIcon;
   export default ActionPageview;
 }
 
-declare module 'material-ui/lib/svg-icons/action/https' {
+declare module 'material-ui/svg-icons/action/https' {
   export import ActionHttps = __MaterialUI.SvgIcon;
   export default ActionHttps;
 }
 
-declare module 'material-ui/lib/svg-icons/action/translate' {
+declare module 'material-ui/svg-icons/action/translate' {
   export import ActionTranslate = __MaterialUI.SvgIcon;
   export default ActionTranslate;
 }
 
-declare module 'material-ui/lib/svg-icons/action/three-d-rotation' {
+declare module 'material-ui/svg-icons/action/three-d-rotation' {
   export import ActionThreeDRotation = __MaterialUI.SvgIcon;
   export default ActionThreeDRotation;
 }
 
-declare module 'material-ui/lib/svg-icons/action/tab-unselected' {
+declare module 'material-ui/svg-icons/action/tab-unselected' {
   export import ActionTabUnselected = __MaterialUI.SvgIcon;
   export default ActionTabUnselected;
 }
 
-declare module 'material-ui/lib/svg-icons/action/description' {
+declare module 'material-ui/svg-icons/action/description' {
   export import ActionDescription = __MaterialUI.SvgIcon;
   export default ActionDescription;
 }
 
-declare module 'material-ui/lib/svg-icons/action/note-add' {
+declare module 'material-ui/svg-icons/action/note-add' {
   export import ActionNoteAdd = __MaterialUI.SvgIcon;
   export default ActionNoteAdd;
 }
 
-declare module 'material-ui/lib/svg-icons/action/perm-scan-wifi' {
+declare module 'material-ui/svg-icons/action/perm-scan-wifi' {
   export import ActionPermScanWifi = __MaterialUI.SvgIcon;
   export default ActionPermScanWifi;
 }
 
-declare module 'material-ui/lib/svg-icons/action/pets' {
+declare module 'material-ui/svg-icons/action/pets' {
   export import ActionPets = __MaterialUI.SvgIcon;
   export default ActionPets;
 }
 
-declare module 'material-ui/lib/svg-icons/action/view-array' {
+declare module 'material-ui/svg-icons/action/view-array' {
   export import ActionViewArray = __MaterialUI.SvgIcon;
   export default ActionViewArray;
 }
 
-declare module 'material-ui/lib/svg-icons/action/shop-two' {
+declare module 'material-ui/svg-icons/action/shop-two' {
   export import ActionShopTwo = __MaterialUI.SvgIcon;
   export default ActionShopTwo;
 }
 
-declare module 'material-ui/lib/svg-icons/action/line-style' {
+declare module 'material-ui/svg-icons/action/line-style' {
   export import ActionLineStyle = __MaterialUI.SvgIcon;
   export default ActionLineStyle;
 }
 
-declare module 'material-ui/lib/svg-icons/action/lightbulb-outline' {
+declare module 'material-ui/svg-icons/action/lightbulb-outline' {
   export import ActionLightbulbOutline = __MaterialUI.SvgIcon;
   export default ActionLightbulbOutline;
 }
 
-declare module 'material-ui/lib/svg-icons/action/report-problem' {
+declare module 'material-ui/svg-icons/action/report-problem' {
   export import ActionReportProblem = __MaterialUI.SvgIcon;
   export default ActionReportProblem;
 }
 
-declare module 'material-ui/lib/svg-icons/action/swap-vert' {
+declare module 'material-ui/svg-icons/action/swap-vert' {
   export import ActionSwapVert = __MaterialUI.SvgIcon;
   export default ActionSwapVert;
 }
 
-declare module 'material-ui/lib/svg-icons/action/list' {
+declare module 'material-ui/svg-icons/action/list' {
   export import ActionList = __MaterialUI.SvgIcon;
   export default ActionList;
 }
 
-declare module 'material-ui/lib/svg-icons/action/settings-voice' {
+declare module 'material-ui/svg-icons/action/settings-voice' {
   export import ActionSettingsVoice = __MaterialUI.SvgIcon;
   export default ActionSettingsVoice;
 }
 
-declare module 'material-ui/lib/svg-icons/action/view-list' {
+declare module 'material-ui/svg-icons/action/view-list' {
   export import ActionViewList = __MaterialUI.SvgIcon;
   export default ActionViewList;
 }
 
-declare module 'material-ui/lib/svg-icons/action/pan-tool' {
+declare module 'material-ui/svg-icons/action/pan-tool' {
   export import ActionPanTool = __MaterialUI.SvgIcon;
   export default ActionPanTool;
 }
 
-declare module 'material-ui/lib/svg-icons/action/important-devices' {
+declare module 'material-ui/svg-icons/action/important-devices' {
   export import ActionImportantDevices = __MaterialUI.SvgIcon;
   export default ActionImportantDevices;
 }
 
-declare module 'material-ui/lib/svg-icons/action/redeem' {
+declare module 'material-ui/svg-icons/action/redeem' {
   export import ActionRedeem = __MaterialUI.SvgIcon;
   export default ActionRedeem;
 }
 
-declare module 'material-ui/lib/svg-icons/action/flip-to-front' {
+declare module 'material-ui/svg-icons/action/flip-to-front' {
   export import ActionFlipToFront = __MaterialUI.SvgIcon;
   export default ActionFlipToFront;
 }
 
-declare module 'material-ui/lib/svg-icons/action/android' {
+declare module 'material-ui/svg-icons/action/android' {
   export import ActionAndroid = __MaterialUI.SvgIcon;
   export default ActionAndroid;
 }
 
-declare module 'material-ui/lib/svg-icons/action/account-circle' {
+declare module 'material-ui/svg-icons/action/account-circle' {
   export import ActionAccountCircle = __MaterialUI.SvgIcon;
   export default ActionAccountCircle;
 }
 
-declare module 'material-ui/lib/svg-icons/action/event-seat' {
+declare module 'material-ui/svg-icons/action/event-seat' {
   export import ActionEventSeat = __MaterialUI.SvgIcon;
   export default ActionEventSeat;
 }
 
-declare module 'material-ui/lib/svg-icons/action/perm-contact-calendar' {
+declare module 'material-ui/svg-icons/action/perm-contact-calendar' {
   export import ActionPermContactCalendar = __MaterialUI.SvgIcon;
   export default ActionPermContactCalendar;
 }
 
-declare module 'material-ui/lib/svg-icons/action/perm-phone-msg' {
+declare module 'material-ui/svg-icons/action/perm-phone-msg' {
   export import ActionPermPhoneMsg = __MaterialUI.SvgIcon;
   export default ActionPermPhoneMsg;
 }
 
-declare module 'material-ui/lib/svg-icons/action/delete' {
+declare module 'material-ui/svg-icons/action/delete' {
   export import ActionDelete = __MaterialUI.SvgIcon;
   export default ActionDelete;
 }
 
-declare module 'material-ui/lib/svg-icons/action/card-membership' {
+declare module 'material-ui/svg-icons/action/card-membership' {
   export import ActionCardMembership = __MaterialUI.SvgIcon;
   export default ActionCardMembership;
 }
 
-declare module 'material-ui/lib/svg-icons/action/hourglass-empty' {
+declare module 'material-ui/svg-icons/action/hourglass-empty' {
   export import ActionHourglassEmpty = __MaterialUI.SvgIcon;
   export default ActionHourglassEmpty;
 }
 
-declare module 'material-ui/lib/svg-icons/action/schedule' {
+declare module 'material-ui/svg-icons/action/schedule' {
   export import ActionSchedule = __MaterialUI.SvgIcon;
   export default ActionSchedule;
 }
 
-declare module 'material-ui/lib/svg-icons/action/trending-flat' {
+declare module 'material-ui/svg-icons/action/trending-flat' {
   export import ActionTrendingFlat = __MaterialUI.SvgIcon;
   export default ActionTrendingFlat;
 }
 
-declare module 'material-ui/lib/svg-icons/action/motorcycle' {
+declare module 'material-ui/svg-icons/action/motorcycle' {
   export import ActionMotorcycle = __MaterialUI.SvgIcon;
   export default ActionMotorcycle;
 }
 
-declare module 'material-ui/lib/svg-icons/action/view-column' {
+declare module 'material-ui/svg-icons/action/view-column' {
   export import ActionViewColumn = __MaterialUI.SvgIcon;
   export default ActionViewColumn;
 }
 
-declare module 'material-ui/lib/svg-icons/action/settings-cell' {
+declare module 'material-ui/svg-icons/action/settings-cell' {
   export import ActionSettingsCell = __MaterialUI.SvgIcon;
   export default ActionSettingsCell;
 }
 
-declare module 'material-ui/lib/svg-icons/action/credit-card' {
+declare module 'material-ui/svg-icons/action/credit-card' {
   export import ActionCreditCard = __MaterialUI.SvgIcon;
   export default ActionCreditCard;
 }
 
-declare module 'material-ui/lib/svg-icons/action/view-module' {
+declare module 'material-ui/svg-icons/action/view-module' {
   export import ActionViewModule = __MaterialUI.SvgIcon;
   export default ActionViewModule;
 }
 
-declare module 'material-ui/lib/svg-icons/action/compare-arrows' {
+declare module 'material-ui/svg-icons/action/compare-arrows' {
   export import ActionCompareArrows = __MaterialUI.SvgIcon;
   export default ActionCompareArrows;
 }
 
-declare module 'material-ui/lib/svg-icons/action/speaker-notes' {
+declare module 'material-ui/svg-icons/action/speaker-notes' {
   export import ActionSpeakerNotes = __MaterialUI.SvgIcon;
   export default ActionSpeakerNotes;
 }
 
-declare module 'material-ui/lib/svg-icons/social/person' {
+declare module 'material-ui/svg-icons/social/person' {
   export import SocialPerson = __MaterialUI.SvgIcon;
   export default SocialPerson;
 }
 
-declare module 'material-ui/lib/svg-icons/social/notifications-none' {
+declare module 'material-ui/svg-icons/social/notifications-none' {
   export import SocialNotificationsNone = __MaterialUI.SvgIcon;
   export default SocialNotificationsNone;
 }
 
-declare module 'material-ui/lib/svg-icons/social/domain' {
+declare module 'material-ui/svg-icons/social/domain' {
   export import SocialDomain = __MaterialUI.SvgIcon;
   export default SocialDomain;
 }
 
-declare module 'material-ui/lib/svg-icons/social/notifications-paused' {
+declare module 'material-ui/svg-icons/social/notifications-paused' {
   export import SocialNotificationsPaused = __MaterialUI.SvgIcon;
   export default SocialNotificationsPaused;
 }
 
-declare module 'material-ui/lib/svg-icons/social/person-outline' {
+declare module 'material-ui/svg-icons/social/person-outline' {
   export import SocialPersonOutline = __MaterialUI.SvgIcon;
   export default SocialPersonOutline;
 }
 
-declare module 'material-ui/lib/svg-icons/social/plus-one' {
+declare module 'material-ui/svg-icons/social/plus-one' {
   export import SocialPlusOne = __MaterialUI.SvgIcon;
   export default SocialPlusOne;
 }
 
-declare module 'material-ui/lib/svg-icons/social/notifications-active' {
+declare module 'material-ui/svg-icons/social/notifications-active' {
   export import SocialNotificationsActive = __MaterialUI.SvgIcon;
   export default SocialNotificationsActive;
 }
 
-declare module 'material-ui/lib/svg-icons/social/share' {
+declare module 'material-ui/svg-icons/social/share' {
   export import SocialShare = __MaterialUI.SvgIcon;
   export default SocialShare;
 }
 
-declare module 'material-ui/lib/svg-icons/social/whatshot' {
+declare module 'material-ui/svg-icons/social/whatshot' {
   export import SocialWhatshot = __MaterialUI.SvgIcon;
   export default SocialWhatshot;
 }
 
-declare module 'material-ui/lib/svg-icons/social/poll' {
+declare module 'material-ui/svg-icons/social/poll' {
   export import SocialPoll = __MaterialUI.SvgIcon;
   export default SocialPoll;
 }
 
-declare module 'material-ui/lib/svg-icons/social/pages' {
+declare module 'material-ui/svg-icons/social/pages' {
   export import SocialPages = __MaterialUI.SvgIcon;
   export default SocialPages;
 }
 
-declare module 'material-ui/lib/svg-icons/social/notifications-off' {
+declare module 'material-ui/svg-icons/social/notifications-off' {
   export import SocialNotificationsOff = __MaterialUI.SvgIcon;
   export default SocialNotificationsOff;
 }
 
-declare module 'material-ui/lib/svg-icons/social/notifications' {
+declare module 'material-ui/svg-icons/social/notifications' {
   export import SocialNotifications = __MaterialUI.SvgIcon;
   export default SocialNotifications;
 }
 
-declare module 'material-ui/lib/svg-icons/social/school' {
+declare module 'material-ui/svg-icons/social/school' {
   export import SocialSchool = __MaterialUI.SvgIcon;
   export default SocialSchool;
 }
 
-declare module 'material-ui/lib/svg-icons/social/cake' {
+declare module 'material-ui/svg-icons/social/cake' {
   export import SocialCake = __MaterialUI.SvgIcon;
   export default SocialCake;
 }
 
-declare module 'material-ui/lib/svg-icons/social/people-outline' {
+declare module 'material-ui/svg-icons/social/people-outline' {
   export import SocialPeopleOutline = __MaterialUI.SvgIcon;
   export default SocialPeopleOutline;
 }
 
-declare module 'material-ui/lib/svg-icons/social/location-city' {
+declare module 'material-ui/svg-icons/social/location-city' {
   export import SocialLocationCity = __MaterialUI.SvgIcon;
   export default SocialLocationCity;
 }
 
-declare module 'material-ui/lib/svg-icons/social/public' {
+declare module 'material-ui/svg-icons/social/public' {
   export import SocialPublic = __MaterialUI.SvgIcon;
   export default SocialPublic;
 }
 
-declare module 'material-ui/lib/svg-icons/social/mood-bad' {
+declare module 'material-ui/svg-icons/social/mood-bad' {
   export import SocialMoodBad = __MaterialUI.SvgIcon;
   export default SocialMoodBad;
 }
 
-declare module 'material-ui/lib/svg-icons/social/people' {
+declare module 'material-ui/svg-icons/social/people' {
   export import SocialPeople = __MaterialUI.SvgIcon;
   export default SocialPeople;
 }
 
-declare module 'material-ui/lib/svg-icons/social/mood' {
+declare module 'material-ui/svg-icons/social/mood' {
   export import SocialMood = __MaterialUI.SvgIcon;
   export default SocialMood;
 }
 
-declare module 'material-ui/lib/svg-icons/social/party-mode' {
+declare module 'material-ui/svg-icons/social/party-mode' {
   export import SocialPartyMode = __MaterialUI.SvgIcon;
   export default SocialPartyMode;
 }
 
-declare module 'material-ui/lib/svg-icons/social/group' {
+declare module 'material-ui/svg-icons/social/group' {
   export import SocialGroup = __MaterialUI.SvgIcon;
   export default SocialGroup;
 }
 
-declare module 'material-ui/lib/svg-icons/social/person-add' {
+declare module 'material-ui/svg-icons/social/person-add' {
   export import SocialPersonAdd = __MaterialUI.SvgIcon;
   export default SocialPersonAdd;
 }
 
-declare module 'material-ui/lib/svg-icons/social/group-add' {
+declare module 'material-ui/svg-icons/social/group-add' {
   export import SocialGroupAdd = __MaterialUI.SvgIcon;
   export default SocialGroupAdd;
 }
 
-declare module 'material-ui/lib/svg-icons/maps/edit-location' {
+declare module 'material-ui/svg-icons/maps/edit-location' {
   export import MapsEditLocation = __MaterialUI.SvgIcon;
   export default MapsEditLocation;
 }
 
-declare module 'material-ui/lib/svg-icons/maps/local-airport' {
+declare module 'material-ui/svg-icons/maps/local-airport' {
   export import MapsLocalAirport = __MaterialUI.SvgIcon;
   export default MapsLocalAirport;
 }
 
-declare module 'material-ui/lib/svg-icons/maps/local-phone' {
+declare module 'material-ui/svg-icons/maps/local-phone' {
   export import MapsLocalPhone = __MaterialUI.SvgIcon;
   export default MapsLocalPhone;
 }
 
-declare module 'material-ui/lib/svg-icons/maps/directions-car' {
+declare module 'material-ui/svg-icons/maps/directions-car' {
   export import MapsDirectionsCar = __MaterialUI.SvgIcon;
   export default MapsDirectionsCar;
 }
 
-declare module 'material-ui/lib/svg-icons/maps/local-drink' {
+declare module 'material-ui/svg-icons/maps/local-drink' {
   export import MapsLocalDrink = __MaterialUI.SvgIcon;
   export default MapsLocalDrink;
 }
 
-declare module 'material-ui/lib/svg-icons/maps/local-gas-station' {
+declare module 'material-ui/svg-icons/maps/local-gas-station' {
   export import MapsLocalGasStation = __MaterialUI.SvgIcon;
   export default MapsLocalGasStation;
 }
 
-declare module 'material-ui/lib/svg-icons/maps/store-mall-directory' {
+declare module 'material-ui/svg-icons/maps/store-mall-directory' {
   export import MapsStoreMallDirectory = __MaterialUI.SvgIcon;
   export default MapsStoreMallDirectory;
 }
 
-declare module 'material-ui/lib/svg-icons/maps/add-location' {
+declare module 'material-ui/svg-icons/maps/add-location' {
   export import MapsAddLocation = __MaterialUI.SvgIcon;
   export default MapsAddLocation;
 }
 
-declare module 'material-ui/lib/svg-icons/maps/local-laundry-service' {
+declare module 'material-ui/svg-icons/maps/local-laundry-service' {
   export import MapsLocalLaundryService = __MaterialUI.SvgIcon;
   export default MapsLocalLaundryService;
 }
 
-declare module 'material-ui/lib/svg-icons/maps/local-hotel' {
+declare module 'material-ui/svg-icons/maps/local-hotel' {
   export import MapsLocalHotel = __MaterialUI.SvgIcon;
   export default MapsLocalHotel;
 }
 
-declare module 'material-ui/lib/svg-icons/maps/local-pizza' {
+declare module 'material-ui/svg-icons/maps/local-pizza' {
   export import MapsLocalPizza = __MaterialUI.SvgIcon;
   export default MapsLocalPizza;
 }
 
-declare module 'material-ui/lib/svg-icons/maps/person-pin-circle' {
+declare module 'material-ui/svg-icons/maps/person-pin-circle' {
   export import MapsPersonPinCircle = __MaterialUI.SvgIcon;
   export default MapsPersonPinCircle;
 }
 
-declare module 'material-ui/lib/svg-icons/maps/terrain' {
+declare module 'material-ui/svg-icons/maps/terrain' {
   export import MapsTerrain = __MaterialUI.SvgIcon;
   export default MapsTerrain;
 }
 
-declare module 'material-ui/lib/svg-icons/maps/directions-subway' {
+declare module 'material-ui/svg-icons/maps/directions-subway' {
   export import MapsDirectionsSubway = __MaterialUI.SvgIcon;
   export default MapsDirectionsSubway;
 }
 
-declare module 'material-ui/lib/svg-icons/maps/local-bar' {
+declare module 'material-ui/svg-icons/maps/local-bar' {
   export import MapsLocalBar = __MaterialUI.SvgIcon;
   export default MapsLocalBar;
 }
 
-declare module 'material-ui/lib/svg-icons/maps/local-car-wash' {
+declare module 'material-ui/svg-icons/maps/local-car-wash' {
   export import MapsLocalCarWash = __MaterialUI.SvgIcon;
   export default MapsLocalCarWash;
 }
 
-declare module 'material-ui/lib/svg-icons/maps/restaurant-menu' {
+declare module 'material-ui/svg-icons/maps/restaurant-menu' {
   export import MapsRestaurantMenu = __MaterialUI.SvgIcon;
   export default MapsRestaurantMenu;
 }
 
-declare module 'material-ui/lib/svg-icons/maps/near-me' {
+declare module 'material-ui/svg-icons/maps/near-me' {
   export import MapsNearMe = __MaterialUI.SvgIcon;
   export default MapsNearMe;
 }
 
-declare module 'material-ui/lib/svg-icons/maps/directions' {
+declare module 'material-ui/svg-icons/maps/directions' {
   export import MapsDirections = __MaterialUI.SvgIcon;
   export default MapsDirections;
 }
 
-declare module 'material-ui/lib/svg-icons/maps/my-location' {
+declare module 'material-ui/svg-icons/maps/my-location' {
   export import MapsMyLocation = __MaterialUI.SvgIcon;
   export default MapsMyLocation;
 }
 
-declare module 'material-ui/lib/svg-icons/maps/local-convenience-store' {
+declare module 'material-ui/svg-icons/maps/local-convenience-store' {
   export import MapsLocalConvenienceStore = __MaterialUI.SvgIcon;
   export default MapsLocalConvenienceStore;
 }
 
-declare module 'material-ui/lib/svg-icons/maps/local-offer' {
+declare module 'material-ui/svg-icons/maps/local-offer' {
   export import MapsLocalOffer = __MaterialUI.SvgIcon;
   export default MapsLocalOffer;
 }
 
-declare module 'material-ui/lib/svg-icons/maps/local-florist' {
+declare module 'material-ui/svg-icons/maps/local-florist' {
   export import MapsLocalFlorist = __MaterialUI.SvgIcon;
   export default MapsLocalFlorist;
 }
 
-declare module 'material-ui/lib/svg-icons/maps/local-shipping' {
+declare module 'material-ui/svg-icons/maps/local-shipping' {
   export import MapsLocalShipping = __MaterialUI.SvgIcon;
   export default MapsLocalShipping;
 }
 
-declare module 'material-ui/lib/svg-icons/maps/local-taxi' {
+declare module 'material-ui/svg-icons/maps/local-taxi' {
   export import MapsLocalTaxi = __MaterialUI.SvgIcon;
   export default MapsLocalTaxi;
 }
 
-declare module 'material-ui/lib/svg-icons/maps/directions-walk' {
+declare module 'material-ui/svg-icons/maps/directions-walk' {
   export import MapsDirectionsWalk = __MaterialUI.SvgIcon;
   export default MapsDirectionsWalk;
 }
 
-declare module 'material-ui/lib/svg-icons/maps/local-hospital' {
+declare module 'material-ui/svg-icons/maps/local-hospital' {
   export import MapsLocalHospital = __MaterialUI.SvgIcon;
   export default MapsLocalHospital;
 }
 
-declare module 'material-ui/lib/svg-icons/maps/layers' {
+declare module 'material-ui/svg-icons/maps/layers' {
   export import MapsLayers = __MaterialUI.SvgIcon;
   export default MapsLayers;
 }
 
-declare module 'material-ui/lib/svg-icons/maps/directions-run' {
+declare module 'material-ui/svg-icons/maps/directions-run' {
   export import MapsDirectionsRun = __MaterialUI.SvgIcon;
   export default MapsDirectionsRun;
 }
 
-declare module 'material-ui/lib/svg-icons/maps/rate-review' {
+declare module 'material-ui/svg-icons/maps/rate-review' {
   export import MapsRateReview = __MaterialUI.SvgIcon;
   export default MapsRateReview;
 }
 
-declare module 'material-ui/lib/svg-icons/maps/local-dining' {
+declare module 'material-ui/svg-icons/maps/local-dining' {
   export import MapsLocalDining = __MaterialUI.SvgIcon;
   export default MapsLocalDining;
 }
 
-declare module 'material-ui/lib/svg-icons/maps/local-post-office' {
+declare module 'material-ui/svg-icons/maps/local-post-office' {
   export import MapsLocalPostOffice = __MaterialUI.SvgIcon;
   export default MapsLocalPostOffice;
 }
 
-declare module 'material-ui/lib/svg-icons/maps/pin-drop' {
+declare module 'material-ui/svg-icons/maps/pin-drop' {
   export import MapsPinDrop = __MaterialUI.SvgIcon;
   export default MapsPinDrop;
 }
 
-declare module 'material-ui/lib/svg-icons/maps/directions-boat' {
+declare module 'material-ui/svg-icons/maps/directions-boat' {
   export import MapsDirectionsBoat = __MaterialUI.SvgIcon;
   export default MapsDirectionsBoat;
 }
 
-declare module 'material-ui/lib/svg-icons/maps/local-see' {
+declare module 'material-ui/svg-icons/maps/local-see' {
   export import MapsLocalSee = __MaterialUI.SvgIcon;
   export default MapsLocalSee;
 }
 
-declare module 'material-ui/lib/svg-icons/maps/map' {
+declare module 'material-ui/svg-icons/maps/map' {
   export import MapsMap = __MaterialUI.SvgIcon;
   export default MapsMap;
 }
 
-declare module 'material-ui/lib/svg-icons/maps/flight' {
+declare module 'material-ui/svg-icons/maps/flight' {
   export import MapsFlight = __MaterialUI.SvgIcon;
   export default MapsFlight;
 }
 
-declare module 'material-ui/lib/svg-icons/maps/person-pin' {
+declare module 'material-ui/svg-icons/maps/person-pin' {
   export import MapsPersonPin = __MaterialUI.SvgIcon;
   export default MapsPersonPin;
 }
 
-declare module 'material-ui/lib/svg-icons/maps/satellite' {
+declare module 'material-ui/svg-icons/maps/satellite' {
   export import MapsSatellite = __MaterialUI.SvgIcon;
   export default MapsSatellite;
 }
 
-declare module 'material-ui/lib/svg-icons/maps/local-printshop' {
+declare module 'material-ui/svg-icons/maps/local-printshop' {
   export import MapsLocalPrintshop = __MaterialUI.SvgIcon;
   export default MapsLocalPrintshop;
 }
 
-declare module 'material-ui/lib/svg-icons/maps/navigation' {
+declare module 'material-ui/svg-icons/maps/navigation' {
   export import MapsNavigation = __MaterialUI.SvgIcon;
   export default MapsNavigation;
 }
 
-declare module 'material-ui/lib/svg-icons/maps/directions-railway' {
+declare module 'material-ui/svg-icons/maps/directions-railway' {
   export import MapsDirectionsRailway = __MaterialUI.SvgIcon;
   export default MapsDirectionsRailway;
 }
 
-declare module 'material-ui/lib/svg-icons/maps/local-atm' {
+declare module 'material-ui/svg-icons/maps/local-atm' {
   export import MapsLocalAtm = __MaterialUI.SvgIcon;
   export default MapsLocalAtm;
 }
 
-declare module 'material-ui/lib/svg-icons/maps/directions-transit' {
+declare module 'material-ui/svg-icons/maps/directions-transit' {
   export import MapsDirectionsTransit = __MaterialUI.SvgIcon;
   export default MapsDirectionsTransit;
 }
 
-declare module 'material-ui/lib/svg-icons/maps/local-parking' {
+declare module 'material-ui/svg-icons/maps/local-parking' {
   export import MapsLocalParking = __MaterialUI.SvgIcon;
   export default MapsLocalParking;
 }
 
-declare module 'material-ui/lib/svg-icons/maps/local-cafe' {
+declare module 'material-ui/svg-icons/maps/local-cafe' {
   export import MapsLocalCafe = __MaterialUI.SvgIcon;
   export default MapsLocalCafe;
 }
 
-declare module 'material-ui/lib/svg-icons/maps/local-mall' {
+declare module 'material-ui/svg-icons/maps/local-mall' {
   export import MapsLocalMall = __MaterialUI.SvgIcon;
   export default MapsLocalMall;
 }
 
-declare module 'material-ui/lib/svg-icons/maps/zoom-out-map' {
+declare module 'material-ui/svg-icons/maps/zoom-out-map' {
   export import MapsZoomOutMap = __MaterialUI.SvgIcon;
   export default MapsZoomOutMap;
 }
 
-declare module 'material-ui/lib/svg-icons/maps/local-activity' {
+declare module 'material-ui/svg-icons/maps/local-activity' {
   export import MapsLocalActivity = __MaterialUI.SvgIcon;
   export default MapsLocalActivity;
 }
 
-declare module 'material-ui/lib/svg-icons/maps/local-grocery-store' {
+declare module 'material-ui/svg-icons/maps/local-grocery-store' {
   export import MapsLocalGroceryStore = __MaterialUI.SvgIcon;
   export default MapsLocalGroceryStore;
 }
 
-declare module 'material-ui/lib/svg-icons/maps/local-pharmacy' {
+declare module 'material-ui/svg-icons/maps/local-pharmacy' {
   export import MapsLocalPharmacy = __MaterialUI.SvgIcon;
   export default MapsLocalPharmacy;
 }
 
-declare module 'material-ui/lib/svg-icons/maps/local-movies' {
+declare module 'material-ui/svg-icons/maps/local-movies' {
   export import MapsLocalMovies = __MaterialUI.SvgIcon;
   export default MapsLocalMovies;
 }
 
-declare module 'material-ui/lib/svg-icons/maps/place' {
+declare module 'material-ui/svg-icons/maps/place' {
   export import MapsPlace = __MaterialUI.SvgIcon;
   export default MapsPlace;
 }
 
-declare module 'material-ui/lib/svg-icons/maps/layers-clear' {
+declare module 'material-ui/svg-icons/maps/layers-clear' {
   export import MapsLayersClear = __MaterialUI.SvgIcon;
   export default MapsLayersClear;
 }
 
-declare module 'material-ui/lib/svg-icons/maps/hotel' {
+declare module 'material-ui/svg-icons/maps/hotel' {
   export import MapsHotel = __MaterialUI.SvgIcon;
   export default MapsHotel;
 }
 
-declare module 'material-ui/lib/svg-icons/maps/directions-bike' {
+declare module 'material-ui/svg-icons/maps/directions-bike' {
   export import MapsDirectionsBike = __MaterialUI.SvgIcon;
   export default MapsDirectionsBike;
 }
 
-declare module 'material-ui/lib/svg-icons/maps/local-library' {
+declare module 'material-ui/svg-icons/maps/local-library' {
   export import MapsLocalLibrary = __MaterialUI.SvgIcon;
   export default MapsLocalLibrary;
 }
 
-declare module 'material-ui/lib/svg-icons/maps/local-play' {
+declare module 'material-ui/svg-icons/maps/local-play' {
   export import MapsLocalPlay = __MaterialUI.SvgIcon;
   export default MapsLocalPlay;
 }
 
-declare module 'material-ui/lib/svg-icons/maps/directions-bus' {
+declare module 'material-ui/svg-icons/maps/directions-bus' {
   export import MapsDirectionsBus = __MaterialUI.SvgIcon;
   export default MapsDirectionsBus;
 }
 
-declare module 'material-ui/lib/svg-icons/maps/traffic' {
+declare module 'material-ui/svg-icons/maps/traffic' {
   export import MapsTraffic = __MaterialUI.SvgIcon;
   export default MapsTraffic;
 }
 
-declare module 'material-ui/lib/svg-icons/maps/beenhere' {
+declare module 'material-ui/svg-icons/maps/beenhere' {
   export import MapsBeenhere = __MaterialUI.SvgIcon;
   export default MapsBeenhere;
 }
 
-declare module 'material-ui/lib/svg-icons/communication/call-received' {
+declare module 'material-ui/svg-icons/communication/call-received' {
   export import CommunicationCallReceived = __MaterialUI.SvgIcon;
   export default CommunicationCallReceived;
 }
 
-declare module 'material-ui/lib/svg-icons/communication/dialpad' {
+declare module 'material-ui/svg-icons/communication/dialpad' {
   export import CommunicationDialpad = __MaterialUI.SvgIcon;
   export default CommunicationDialpad;
 }
 
-declare module 'material-ui/lib/svg-icons/communication/forum' {
+declare module 'material-ui/svg-icons/communication/forum' {
   export import CommunicationForum = __MaterialUI.SvgIcon;
   export default CommunicationForum;
 }
 
-declare module 'material-ui/lib/svg-icons/communication/no-sim' {
+declare module 'material-ui/svg-icons/communication/no-sim' {
   export import CommunicationNoSim = __MaterialUI.SvgIcon;
   export default CommunicationNoSim;
 }
 
-declare module 'material-ui/lib/svg-icons/communication/chat' {
+declare module 'material-ui/svg-icons/communication/chat' {
   export import CommunicationChat = __MaterialUI.SvgIcon;
   export default CommunicationChat;
 }
 
-declare module 'material-ui/lib/svg-icons/communication/stay-primary-landscape' {
+declare module 'material-ui/svg-icons/communication/stay-primary-landscape' {
   export import CommunicationStayPrimaryLandscape = __MaterialUI.SvgIcon;
   export default CommunicationStayPrimaryLandscape;
 }
 
-declare module 'material-ui/lib/svg-icons/communication/phonelink-setup' {
+declare module 'material-ui/svg-icons/communication/phonelink-setup' {
   export import CommunicationPhonelinkSetup = __MaterialUI.SvgIcon;
   export default CommunicationPhonelinkSetup;
 }
 
-declare module 'material-ui/lib/svg-icons/communication/ring-volume' {
+declare module 'material-ui/svg-icons/communication/ring-volume' {
   export import CommunicationRingVolume = __MaterialUI.SvgIcon;
   export default CommunicationRingVolume;
 }
 
-declare module 'material-ui/lib/svg-icons/communication/phonelink-lock' {
+declare module 'material-ui/svg-icons/communication/phonelink-lock' {
   export import CommunicationPhonelinkLock = __MaterialUI.SvgIcon;
   export default CommunicationPhonelinkLock;
 }
 
-declare module 'material-ui/lib/svg-icons/communication/contacts' {
+declare module 'material-ui/svg-icons/communication/contacts' {
   export import CommunicationContacts = __MaterialUI.SvgIcon;
   export default CommunicationContacts;
 }
 
-declare module 'material-ui/lib/svg-icons/communication/call-missed' {
+declare module 'material-ui/svg-icons/communication/call-missed' {
   export import CommunicationCallMissed = __MaterialUI.SvgIcon;
   export default CommunicationCallMissed;
 }
 
-declare module 'material-ui/lib/svg-icons/communication/contact-mail' {
+declare module 'material-ui/svg-icons/communication/contact-mail' {
   export import CommunicationContactMail = __MaterialUI.SvgIcon;
   export default CommunicationContactMail;
 }
 
-declare module 'material-ui/lib/svg-icons/communication/portable-wifi-off' {
+declare module 'material-ui/svg-icons/communication/portable-wifi-off' {
   export import CommunicationPortableWifiOff = __MaterialUI.SvgIcon;
   export default CommunicationPortableWifiOff;
 }
 
-declare module 'material-ui/lib/svg-icons/communication/call-merge' {
+declare module 'material-ui/svg-icons/communication/call-merge' {
   export import CommunicationCallMerge = __MaterialUI.SvgIcon;
   export default CommunicationCallMerge;
 }
 
-declare module 'material-ui/lib/svg-icons/communication/tact-mail' {
+declare module 'material-ui/svg-icons/communication/tact-mail' {
   export import CommunicationTactMail = __MaterialUI.SvgIcon;
   export default CommunicationTactMail;
 }
 
-declare module 'material-ui/lib/svg-icons/communication/stop-screen-share' {
+declare module 'material-ui/svg-icons/communication/stop-screen-share' {
   export import CommunicationStopScreenShare = __MaterialUI.SvgIcon;
   export default CommunicationStopScreenShare;
 }
 
-declare module 'material-ui/lib/svg-icons/communication/vpn-key' {
+declare module 'material-ui/svg-icons/communication/vpn-key' {
   export import CommunicationVpnKey = __MaterialUI.SvgIcon;
   export default CommunicationVpnKey;
 }
 
-declare module 'material-ui/lib/svg-icons/communication/swap-calls' {
+declare module 'material-ui/svg-icons/communication/swap-calls' {
   export import CommunicationSwapCalls = __MaterialUI.SvgIcon;
   export default CommunicationSwapCalls;
 }
 
-declare module 'material-ui/lib/svg-icons/communication/dialer-sip' {
+declare module 'material-ui/svg-icons/communication/dialer-sip' {
   export import CommunicationDialerSip = __MaterialUI.SvgIcon;
   export default CommunicationDialerSip;
 }
 
-declare module 'material-ui/lib/svg-icons/communication/business' {
+declare module 'material-ui/svg-icons/communication/business' {
   export import CommunicationBusiness = __MaterialUI.SvgIcon;
   export default CommunicationBusiness;
 }
 
-declare module 'material-ui/lib/svg-icons/communication/phonelink-erase' {
+declare module 'material-ui/svg-icons/communication/phonelink-erase' {
   export import CommunicationPhonelinkErase = __MaterialUI.SvgIcon;
   export default CommunicationPhonelinkErase;
 }
 
-declare module 'material-ui/lib/svg-icons/communication/call' {
+declare module 'material-ui/svg-icons/communication/call' {
   export import CommunicationCall = __MaterialUI.SvgIcon;
   export default CommunicationCall;
 }
 
-declare module 'material-ui/lib/svg-icons/communication/screen-share' {
+declare module 'material-ui/svg-icons/communication/screen-share' {
   export import CommunicationScreenShare = __MaterialUI.SvgIcon;
   export default CommunicationScreenShare;
 }
 
-declare module 'material-ui/lib/svg-icons/communication/clear-all' {
+declare module 'material-ui/svg-icons/communication/clear-all' {
   export import CommunicationClearAll = __MaterialUI.SvgIcon;
   export default CommunicationClearAll;
 }
 
-declare module 'material-ui/lib/svg-icons/communication/chat-bubble-outline' {
+declare module 'material-ui/svg-icons/communication/chat-bubble-outline' {
   export import CommunicationChatBubbleOutline = __MaterialUI.SvgIcon;
   export default CommunicationChatBubbleOutline;
 }
 
-declare module 'material-ui/lib/svg-icons/communication/call-missed-outgoing' {
+declare module 'material-ui/svg-icons/communication/call-missed-outgoing' {
   export import CommunicationCallMissedOutgoing = __MaterialUI.SvgIcon;
   export default CommunicationCallMissedOutgoing;
 }
 
-declare module 'material-ui/lib/svg-icons/communication/stay-primary-portrait' {
+declare module 'material-ui/svg-icons/communication/stay-primary-portrait' {
   export import CommunicationStayPrimaryPortrait = __MaterialUI.SvgIcon;
   export default CommunicationStayPrimaryPortrait;
 }
 
-declare module 'material-ui/lib/svg-icons/communication/stay-current-portrait' {
+declare module 'material-ui/svg-icons/communication/stay-current-portrait' {
   export import CommunicationStayCurrentPortrait = __MaterialUI.SvgIcon;
   export default CommunicationStayCurrentPortrait;
 }
 
-declare module 'material-ui/lib/svg-icons/communication/voicemail' {
+declare module 'material-ui/svg-icons/communication/voicemail' {
   export import CommunicationVoicemail = __MaterialUI.SvgIcon;
   export default CommunicationVoicemail;
 }
 
-declare module 'material-ui/lib/svg-icons/communication/speaker-phone' {
+declare module 'material-ui/svg-icons/communication/speaker-phone' {
   export import CommunicationSpeakerPhone = __MaterialUI.SvgIcon;
   export default CommunicationSpeakerPhone;
 }
 
-declare module 'material-ui/lib/svg-icons/communication/call-split' {
+declare module 'material-ui/svg-icons/communication/call-split' {
   export import CommunicationCallSplit = __MaterialUI.SvgIcon;
   export default CommunicationCallSplit;
 }
 
-declare module 'material-ui/lib/svg-icons/communication/live-help' {
+declare module 'material-ui/svg-icons/communication/live-help' {
   export import CommunicationLiveHelp = __MaterialUI.SvgIcon;
   export default CommunicationLiveHelp;
 }
 
-declare module 'material-ui/lib/svg-icons/communication/call-made' {
+declare module 'material-ui/svg-icons/communication/call-made' {
   export import CommunicationCallMade = __MaterialUI.SvgIcon;
   export default CommunicationCallMade;
 }
 
-declare module 'material-ui/lib/svg-icons/communication/phone' {
+declare module 'material-ui/svg-icons/communication/phone' {
   export import CommunicationPhone = __MaterialUI.SvgIcon;
   export default CommunicationPhone;
 }
 
-declare module 'material-ui/lib/svg-icons/communication/textsms' {
+declare module 'material-ui/svg-icons/communication/textsms' {
   export import CommunicationTextsms = __MaterialUI.SvgIcon;
   export default CommunicationTextsms;
 }
 
-declare module 'material-ui/lib/svg-icons/communication/message' {
+declare module 'material-ui/svg-icons/communication/message' {
   export import CommunicationMessage = __MaterialUI.SvgIcon;
   export default CommunicationMessage;
 }
 
-declare module 'material-ui/lib/svg-icons/communication/import-export' {
+declare module 'material-ui/svg-icons/communication/import-export' {
   export import CommunicationImportExport = __MaterialUI.SvgIcon;
   export default CommunicationImportExport;
 }
 
-declare module 'material-ui/lib/svg-icons/communication/import-contacts' {
+declare module 'material-ui/svg-icons/communication/import-contacts' {
   export import CommunicationImportContacts = __MaterialUI.SvgIcon;
   export default CommunicationImportContacts;
 }
 
-declare module 'material-ui/lib/svg-icons/communication/phonelink-ring' {
+declare module 'material-ui/svg-icons/communication/phonelink-ring' {
   export import CommunicationPhonelinkRing = __MaterialUI.SvgIcon;
   export default CommunicationPhonelinkRing;
 }
 
-declare module 'material-ui/lib/svg-icons/communication/present-to-all' {
+declare module 'material-ui/svg-icons/communication/present-to-all' {
   export import CommunicationPresentToAll = __MaterialUI.SvgIcon;
   export default CommunicationPresentToAll;
 }
 
-declare module 'material-ui/lib/svg-icons/communication/contact-phone' {
+declare module 'material-ui/svg-icons/communication/contact-phone' {
   export import CommunicationContactPhone = __MaterialUI.SvgIcon;
   export default CommunicationContactPhone;
 }
 
-declare module 'material-ui/lib/svg-icons/communication/invert-colors-off' {
+declare module 'material-ui/svg-icons/communication/invert-colors-off' {
   export import CommunicationInvertColorsOff = __MaterialUI.SvgIcon;
   export default CommunicationInvertColorsOff;
 }
 
-declare module 'material-ui/lib/svg-icons/communication/comment' {
+declare module 'material-ui/svg-icons/communication/comment' {
   export import CommunicationComment = __MaterialUI.SvgIcon;
   export default CommunicationComment;
 }
 
-declare module 'material-ui/lib/svg-icons/communication/chat-bubble' {
+declare module 'material-ui/svg-icons/communication/chat-bubble' {
   export import CommunicationChatBubble = __MaterialUI.SvgIcon;
   export default CommunicationChatBubble;
 }
 
-declare module 'material-ui/lib/svg-icons/communication/mail-outline' {
+declare module 'material-ui/svg-icons/communication/mail-outline' {
   export import CommunicationMailOutline = __MaterialUI.SvgIcon;
   export default CommunicationMailOutline;
 }
 
-declare module 'material-ui/lib/svg-icons/communication/location-on' {
+declare module 'material-ui/svg-icons/communication/location-on' {
   export import CommunicationLocationOn = __MaterialUI.SvgIcon;
   export default CommunicationLocationOn;
 }
 
-declare module 'material-ui/lib/svg-icons/communication/stay-current-landscape' {
+declare module 'material-ui/svg-icons/communication/stay-current-landscape' {
   export import CommunicationStayCurrentLandscape = __MaterialUI.SvgIcon;
   export default CommunicationStayCurrentLandscape;
 }
 
-declare module 'material-ui/lib/svg-icons/communication/location-off' {
+declare module 'material-ui/svg-icons/communication/location-off' {
   export import CommunicationLocationOff = __MaterialUI.SvgIcon;
   export default CommunicationLocationOff;
 }
 
-declare module 'material-ui/lib/svg-icons/communication/email' {
+declare module 'material-ui/svg-icons/communication/email' {
   export import CommunicationEmail = __MaterialUI.SvgIcon;
   export default CommunicationEmail;
 }
 
-declare module 'material-ui/lib/svg-icons/communication/call-end' {
+declare module 'material-ui/svg-icons/communication/call-end' {
   export import CommunicationCallEnd = __MaterialUI.SvgIcon;
   export default CommunicationCallEnd;
 }
 
-declare module 'material-ui/lib/svg-icons/toggle/check-box' {
+declare module 'material-ui/svg-icons/toggle/check-box' {
   export import ToggleCheckBox = __MaterialUI.SvgIcon;
   export default ToggleCheckBox;
 }
 
-declare module 'material-ui/lib/svg-icons/toggle/star-half' {
+declare module 'material-ui/svg-icons/toggle/star-half' {
   export import ToggleStarHalf = __MaterialUI.SvgIcon;
   export default ToggleStarHalf;
 }
 
-declare module 'material-ui/lib/svg-icons/toggle/check-box-outline-blank' {
+declare module 'material-ui/svg-icons/toggle/check-box-outline-blank' {
   export import ToggleCheckBoxOutlineBlank = __MaterialUI.SvgIcon;
   export default ToggleCheckBoxOutlineBlank;
 }
 
-declare module 'material-ui/lib/svg-icons/toggle/star' {
+declare module 'material-ui/svg-icons/toggle/star' {
   export import ToggleStar = __MaterialUI.SvgIcon;
   export default ToggleStar;
 }
 
-declare module 'material-ui/lib/svg-icons/toggle/star-border' {
+declare module 'material-ui/svg-icons/toggle/star-border' {
   export import ToggleStarBorder = __MaterialUI.SvgIcon;
   export default ToggleStarBorder;
 }
 
-declare module 'material-ui/lib/svg-icons/toggle/radio-button-unchecked' {
+declare module 'material-ui/svg-icons/toggle/radio-button-unchecked' {
   export import ToggleRadioButtonUnchecked = __MaterialUI.SvgIcon;
   export default ToggleRadioButtonUnchecked;
 }
 
-declare module 'material-ui/lib/svg-icons/toggle/indeterminate-check-box' {
+declare module 'material-ui/svg-icons/toggle/indeterminate-check-box' {
   export import ToggleIndeterminateCheckBox = __MaterialUI.SvgIcon;
   export default ToggleIndeterminateCheckBox;
 }
 
-declare module 'material-ui/lib/svg-icons/toggle/radio-button-checked' {
+declare module 'material-ui/svg-icons/toggle/radio-button-checked' {
   export import ToggleRadioButtonChecked = __MaterialUI.SvgIcon;
   export default ToggleRadioButtonChecked;
 }
 
-declare module 'material-ui/lib/svg-icons/index' {
+declare module 'material-ui/svg-icons/index' {
   export import Index = __MaterialUI.SvgIcon;
   export default Index;
 }
 
-declare module 'material-ui/lib/svg-icons/index-generator' {
+declare module 'material-ui/svg-icons/index-generator' {
   export import IndexGenerator = __MaterialUI.SvgIcon;
   export default IndexGenerator;
 }
 
-declare module 'material-ui/lib/svg-icons/alert/warning' {
+declare module 'material-ui/svg-icons/alert/warning' {
   export import AlertWarning = __MaterialUI.SvgIcon;
   export default AlertWarning;
 }
 
-declare module 'material-ui/lib/svg-icons/alert/add-alert' {
+declare module 'material-ui/svg-icons/alert/add-alert' {
   export import AlertAddAlert = __MaterialUI.SvgIcon;
   export default AlertAddAlert;
 }
 
-declare module 'material-ui/lib/svg-icons/alert/error-outline' {
+declare module 'material-ui/svg-icons/alert/error-outline' {
   export import AlertErrorOutline = __MaterialUI.SvgIcon;
   export default AlertErrorOutline;
 }
 
-declare module 'material-ui/lib/svg-icons/alert/error' {
+declare module 'material-ui/svg-icons/alert/error' {
   export import AlertError = __MaterialUI.SvgIcon;
   export default AlertError;
 }
 
-declare module 'material-ui/lib/svg-icons/file/file-upload' {
+declare module 'material-ui/svg-icons/file/file-upload' {
   export import FileFileUpload = __MaterialUI.SvgIcon;
   export default FileFileUpload;
 }
 
-declare module 'material-ui/lib/svg-icons/file/cloud-upload' {
+declare module 'material-ui/svg-icons/file/cloud-upload' {
   export import FileCloudUpload = __MaterialUI.SvgIcon;
   export default FileCloudUpload;
 }
 
-declare module 'material-ui/lib/svg-icons/file/cloud-done' {
+declare module 'material-ui/svg-icons/file/cloud-done' {
   export import FileCloudDone = __MaterialUI.SvgIcon;
   export default FileCloudDone;
 }
 
-declare module 'material-ui/lib/svg-icons/file/folder-open' {
+declare module 'material-ui/svg-icons/file/folder-open' {
   export import FileFolderOpen = __MaterialUI.SvgIcon;
   export default FileFolderOpen;
 }
 
-declare module 'material-ui/lib/svg-icons/file/cloud-off' {
+declare module 'material-ui/svg-icons/file/cloud-off' {
   export import FileCloudOff = __MaterialUI.SvgIcon;
   export default FileCloudOff;
 }
 
-declare module 'material-ui/lib/svg-icons/file/cloud-queue' {
+declare module 'material-ui/svg-icons/file/cloud-queue' {
   export import FileCloudQueue = __MaterialUI.SvgIcon;
   export default FileCloudQueue;
 }
 
-declare module 'material-ui/lib/svg-icons/file/folder-shared' {
+declare module 'material-ui/svg-icons/file/folder-shared' {
   export import FileFolderShared = __MaterialUI.SvgIcon;
   export default FileFolderShared;
 }
 
-declare module 'material-ui/lib/svg-icons/file/cloud-circle' {
+declare module 'material-ui/svg-icons/file/cloud-circle' {
   export import FileCloudCircle = __MaterialUI.SvgIcon;
   export default FileCloudCircle;
 }
 
-declare module 'material-ui/lib/svg-icons/file/folder' {
+declare module 'material-ui/svg-icons/file/folder' {
   export import FileFolder = __MaterialUI.SvgIcon;
   export default FileFolder;
 }
 
-declare module 'material-ui/lib/svg-icons/file/attachment' {
+declare module 'material-ui/svg-icons/file/attachment' {
   export import FileAttachment = __MaterialUI.SvgIcon;
   export default FileAttachment;
 }
 
-declare module 'material-ui/lib/svg-icons/file/create-new-folder' {
+declare module 'material-ui/svg-icons/file/create-new-folder' {
   export import FileCreateNewFolder = __MaterialUI.SvgIcon;
   export default FileCreateNewFolder;
 }
 
-declare module 'material-ui/lib/svg-icons/file/cloud-download' {
+declare module 'material-ui/svg-icons/file/cloud-download' {
   export import FileCloudDownload = __MaterialUI.SvgIcon;
   export default FileCloudDownload;
 }
 
-declare module 'material-ui/lib/svg-icons/file/cloud' {
+declare module 'material-ui/svg-icons/file/cloud' {
   export import FileCloud = __MaterialUI.SvgIcon;
   export default FileCloud;
 }
 
-declare module 'material-ui/lib/svg-icons/file/file-download' {
+declare module 'material-ui/svg-icons/file/file-download' {
   export import FileFileDownload = __MaterialUI.SvgIcon;
   export default FileFileDownload;
 }
 
-declare module 'material-ui/lib/svg-icons/navigation-arrow-drop-right' {
+declare module 'material-ui/svg-icons/navigation-arrow-drop-right' {
   export import NavigationArrowDropRight = __MaterialUI.SvgIcon;
   export default NavigationArrowDropRight;
 }
 
-declare module 'material-ui/lib/svg-icons/hardware/keyboard' {
+declare module 'material-ui/svg-icons/hardware/keyboard' {
   export import HardwareKeyboard = __MaterialUI.SvgIcon;
   export default HardwareKeyboard;
 }
 
-declare module 'material-ui/lib/svg-icons/hardware/toys' {
+declare module 'material-ui/svg-icons/hardware/toys' {
   export import HardwareToys = __MaterialUI.SvgIcon;
   export default HardwareToys;
 }
 
-declare module 'material-ui/lib/svg-icons/hardware/dock' {
+declare module 'material-ui/svg-icons/hardware/dock' {
   export import HardwareDock = __MaterialUI.SvgIcon;
   export default HardwareDock;
 }
 
-declare module 'material-ui/lib/svg-icons/hardware/headset' {
+declare module 'material-ui/svg-icons/hardware/headset' {
   export import HardwareHeadset = __MaterialUI.SvgIcon;
   export default HardwareHeadset;
 }
 
-declare module 'material-ui/lib/svg-icons/hardware/keyboard-voice' {
+declare module 'material-ui/svg-icons/hardware/keyboard-voice' {
   export import HardwareKeyboardVoice = __MaterialUI.SvgIcon;
   export default HardwareKeyboardVoice;
 }
 
-declare module 'material-ui/lib/svg-icons/hardware/phonelink-off' {
+declare module 'material-ui/svg-icons/hardware/phonelink-off' {
   export import HardwarePhonelinkOff = __MaterialUI.SvgIcon;
   export default HardwarePhonelinkOff;
 }
 
-declare module 'material-ui/lib/svg-icons/hardware/speaker-group' {
+declare module 'material-ui/svg-icons/hardware/speaker-group' {
   export import HardwareSpeakerGroup = __MaterialUI.SvgIcon;
   export default HardwareSpeakerGroup;
 }
 
-declare module 'material-ui/lib/svg-icons/hardware/desktop-windows' {
+declare module 'material-ui/svg-icons/hardware/desktop-windows' {
   export import HardwareDesktopWindows = __MaterialUI.SvgIcon;
   export default HardwareDesktopWindows;
 }
 
-declare module 'material-ui/lib/svg-icons/hardware/laptop-mac' {
+declare module 'material-ui/svg-icons/hardware/laptop-mac' {
   export import HardwareLaptopMac = __MaterialUI.SvgIcon;
   export default HardwareLaptopMac;
 }
 
-declare module 'material-ui/lib/svg-icons/hardware/keyboard-return' {
+declare module 'material-ui/svg-icons/hardware/keyboard-return' {
   export import HardwareKeyboardReturn = __MaterialUI.SvgIcon;
   export default HardwareKeyboardReturn;
 }
 
-declare module 'material-ui/lib/svg-icons/hardware/gamepad' {
+declare module 'material-ui/svg-icons/hardware/gamepad' {
   export import HardwareGamepad = __MaterialUI.SvgIcon;
   export default HardwareGamepad;
 }
 
-declare module 'material-ui/lib/svg-icons/hardware/keyboard-arrow-up' {
+declare module 'material-ui/svg-icons/hardware/keyboard-arrow-up' {
   export import HardwareKeyboardArrowUp = __MaterialUI.SvgIcon;
   export default HardwareKeyboardArrowUp;
 }
 
-declare module 'material-ui/lib/svg-icons/hardware/laptop' {
+declare module 'material-ui/svg-icons/hardware/laptop' {
   export import HardwareLaptop = __MaterialUI.SvgIcon;
   export default HardwareLaptop;
 }
 
-declare module 'material-ui/lib/svg-icons/hardware/phone-iphone' {
+declare module 'material-ui/svg-icons/hardware/phone-iphone' {
   export import HardwarePhoneIphone = __MaterialUI.SvgIcon;
   export default HardwarePhoneIphone;
 }
 
-declare module 'material-ui/lib/svg-icons/hardware/memory' {
+declare module 'material-ui/svg-icons/hardware/memory' {
   export import HardwareMemory = __MaterialUI.SvgIcon;
   export default HardwareMemory;
 }
 
-declare module 'material-ui/lib/svg-icons/hardware/security' {
+declare module 'material-ui/svg-icons/hardware/security' {
   export import HardwareSecurity = __MaterialUI.SvgIcon;
   export default HardwareSecurity;
 }
 
-declare module 'material-ui/lib/svg-icons/hardware/keyboard-capslock' {
+declare module 'material-ui/svg-icons/hardware/keyboard-capslock' {
   export import HardwareKeyboardCapslock = __MaterialUI.SvgIcon;
   export default HardwareKeyboardCapslock;
 }
 
-declare module 'material-ui/lib/svg-icons/hardware/sim-card' {
+declare module 'material-ui/svg-icons/hardware/sim-card' {
   export import HardwareSimCard = __MaterialUI.SvgIcon;
   export default HardwareSimCard;
 }
 
-declare module 'material-ui/lib/svg-icons/hardware/devices-other' {
+declare module 'material-ui/svg-icons/hardware/devices-other' {
   export import HardwareDevicesOther = __MaterialUI.SvgIcon;
   export default HardwareDevicesOther;
 }
 
-declare module 'material-ui/lib/svg-icons/hardware/tablet-android' {
+declare module 'material-ui/svg-icons/hardware/tablet-android' {
   export import HardwareTabletAndroid = __MaterialUI.SvgIcon;
   export default HardwareTabletAndroid;
 }
 
-declare module 'material-ui/lib/svg-icons/hardware/keyboard-arrow-right' {
+declare module 'material-ui/svg-icons/hardware/keyboard-arrow-right' {
   export import HardwareKeyboardArrowRight = __MaterialUI.SvgIcon;
   export default HardwareKeyboardArrowRight;
 }
 
-declare module 'material-ui/lib/svg-icons/hardware/keyboard-tab' {
+declare module 'material-ui/svg-icons/hardware/keyboard-tab' {
   export import HardwareKeyboardTab = __MaterialUI.SvgIcon;
   export default HardwareKeyboardTab;
 }
 
-declare module 'material-ui/lib/svg-icons/hardware/watch' {
+declare module 'material-ui/svg-icons/hardware/watch' {
   export import HardwareWatch = __MaterialUI.SvgIcon;
   export default HardwareWatch;
 }
 
-declare module 'material-ui/lib/svg-icons/hardware/speaker' {
+declare module 'material-ui/svg-icons/hardware/speaker' {
   export import HardwareSpeaker = __MaterialUI.SvgIcon;
   export default HardwareSpeaker;
 }
 
-declare module 'material-ui/lib/svg-icons/hardware/phonelink' {
+declare module 'material-ui/svg-icons/hardware/phonelink' {
   export import HardwarePhonelink = __MaterialUI.SvgIcon;
   export default HardwarePhonelink;
 }
 
-declare module 'material-ui/lib/svg-icons/hardware/laptop-windows' {
+declare module 'material-ui/svg-icons/hardware/laptop-windows' {
   export import HardwareLaptopWindows = __MaterialUI.SvgIcon;
   export default HardwareLaptopWindows;
 }
 
-declare module 'material-ui/lib/svg-icons/hardware/tv' {
+declare module 'material-ui/svg-icons/hardware/tv' {
   export import HardwareTv = __MaterialUI.SvgIcon;
   export default HardwareTv;
 }
 
-declare module 'material-ui/lib/svg-icons/hardware/headset-mic' {
+declare module 'material-ui/svg-icons/hardware/headset-mic' {
   export import HardwareHeadsetMic = __MaterialUI.SvgIcon;
   export default HardwareHeadsetMic;
 }
 
-declare module 'material-ui/lib/svg-icons/hardware/videogame-asset' {
+declare module 'material-ui/svg-icons/hardware/videogame-asset' {
   export import HardwareVideogameAsset = __MaterialUI.SvgIcon;
   export default HardwareVideogameAsset;
 }
 
-declare module 'material-ui/lib/svg-icons/hardware/keyboard-arrow-down' {
+declare module 'material-ui/svg-icons/hardware/keyboard-arrow-down' {
   export import HardwareKeyboardArrowDown = __MaterialUI.SvgIcon;
   export default HardwareKeyboardArrowDown;
 }
 
-declare module 'material-ui/lib/svg-icons/hardware/keyboard-hide' {
+declare module 'material-ui/svg-icons/hardware/keyboard-hide' {
   export import HardwareKeyboardHide = __MaterialUI.SvgIcon;
   export default HardwareKeyboardHide;
 }
 
-declare module 'material-ui/lib/svg-icons/hardware/scanner' {
+declare module 'material-ui/svg-icons/hardware/scanner' {
   export import HardwareScanner = __MaterialUI.SvgIcon;
   export default HardwareScanner;
 }
 
-declare module 'material-ui/lib/svg-icons/hardware/laptop-chromebook' {
+declare module 'material-ui/svg-icons/hardware/laptop-chromebook' {
   export import HardwareLaptopChromebook = __MaterialUI.SvgIcon;
   export default HardwareLaptopChromebook;
 }
 
-declare module 'material-ui/lib/svg-icons/hardware/tablet-mac' {
+declare module 'material-ui/svg-icons/hardware/tablet-mac' {
   export import HardwareTabletMac = __MaterialUI.SvgIcon;
   export default HardwareTabletMac;
 }
 
-declare module 'material-ui/lib/svg-icons/hardware/cast' {
+declare module 'material-ui/svg-icons/hardware/cast' {
   export import HardwareCast = __MaterialUI.SvgIcon;
   export default HardwareCast;
 }
 
-declare module 'material-ui/lib/svg-icons/hardware/cast-connected' {
+declare module 'material-ui/svg-icons/hardware/cast-connected' {
   export import HardwareCastConnected = __MaterialUI.SvgIcon;
   export default HardwareCastConnected;
 }
 
-declare module 'material-ui/lib/svg-icons/hardware/keyboard-arrow-left' {
+declare module 'material-ui/svg-icons/hardware/keyboard-arrow-left' {
   export import HardwareKeyboardArrowLeft = __MaterialUI.SvgIcon;
   export default HardwareKeyboardArrowLeft;
 }
 
-declare module 'material-ui/lib/svg-icons/hardware/phone-android' {
+declare module 'material-ui/svg-icons/hardware/phone-android' {
   export import HardwarePhoneAndroid = __MaterialUI.SvgIcon;
   export default HardwarePhoneAndroid;
 }
 
-declare module 'material-ui/lib/svg-icons/hardware/computer' {
+declare module 'material-ui/svg-icons/hardware/computer' {
   export import HardwareComputer = __MaterialUI.SvgIcon;
   export default HardwareComputer;
 }
 
-declare module 'material-ui/lib/svg-icons/hardware/power-input' {
+declare module 'material-ui/svg-icons/hardware/power-input' {
   export import HardwarePowerInput = __MaterialUI.SvgIcon;
   export default HardwarePowerInput;
 }
 
-declare module 'material-ui/lib/svg-icons/hardware/smartphone' {
+declare module 'material-ui/svg-icons/hardware/smartphone' {
   export import HardwareSmartphone = __MaterialUI.SvgIcon;
   export default HardwareSmartphone;
 }
 
-declare module 'material-ui/lib/svg-icons/hardware/router' {
+declare module 'material-ui/svg-icons/hardware/router' {
   export import HardwareRouter = __MaterialUI.SvgIcon;
   export default HardwareRouter;
 }
 
-declare module 'material-ui/lib/svg-icons/hardware/keyboard-backspace' {
+declare module 'material-ui/svg-icons/hardware/keyboard-backspace' {
   export import HardwareKeyboardBackspace = __MaterialUI.SvgIcon;
   export default HardwareKeyboardBackspace;
 }
 
-declare module 'material-ui/lib/svg-icons/hardware/developer-board' {
+declare module 'material-ui/svg-icons/hardware/developer-board' {
   export import HardwareDeveloperBoard = __MaterialUI.SvgIcon;
   export default HardwareDeveloperBoard;
 }
 
-declare module 'material-ui/lib/svg-icons/hardware/device-hub' {
+declare module 'material-ui/svg-icons/hardware/device-hub' {
   export import HardwareDeviceHub = __MaterialUI.SvgIcon;
   export default HardwareDeviceHub;
 }
 
-declare module 'material-ui/lib/svg-icons/hardware/mouse' {
+declare module 'material-ui/svg-icons/hardware/mouse' {
   export import HardwareMouse = __MaterialUI.SvgIcon;
   export default HardwareMouse;
 }
 
-declare module 'material-ui/lib/svg-icons/hardware/desktop-mac' {
+declare module 'material-ui/svg-icons/hardware/desktop-mac' {
   export import HardwareDesktopMac = __MaterialUI.SvgIcon;
   export default HardwareDesktopMac;
 }
 
-declare module 'material-ui/lib/svg-icons/hardware/tablet' {
+declare module 'material-ui/svg-icons/hardware/tablet' {
   export import HardwareTablet = __MaterialUI.SvgIcon;
   export default HardwareTablet;
 }
 
-declare module 'material-ui/lib/svg-icons/content/add-box' {
+declare module 'material-ui/svg-icons/content/add-box' {
   export import ContentAddBox = __MaterialUI.SvgIcon;
   export default ContentAddBox;
 }
 
-declare module 'material-ui/lib/svg-icons/content/filter-list' {
+declare module 'material-ui/svg-icons/content/filter-list' {
   export import ContentFilterList = __MaterialUI.SvgIcon;
   export default ContentFilterList;
 }
 
-declare module 'material-ui/lib/svg-icons/content/save' {
+declare module 'material-ui/svg-icons/content/save' {
   export import ContentSave = __MaterialUI.SvgIcon;
   export default ContentSave;
 }
 
-declare module 'material-ui/lib/svg-icons/content/unarchive' {
+declare module 'material-ui/svg-icons/content/unarchive' {
   export import ContentUnarchive = __MaterialUI.SvgIcon;
   export default ContentUnarchive;
 }
 
-declare module 'material-ui/lib/svg-icons/content/link' {
+declare module 'material-ui/svg-icons/content/link' {
   export import ContentLink = __MaterialUI.SvgIcon;
   export default ContentLink;
 }
 
-declare module 'material-ui/lib/svg-icons/content/sort' {
+declare module 'material-ui/svg-icons/content/sort' {
   export import ContentSort = __MaterialUI.SvgIcon;
   export default ContentSort;
 }
 
-declare module 'material-ui/lib/svg-icons/content/text-format' {
+declare module 'material-ui/svg-icons/content/text-format' {
   export import ContentTextFormat = __MaterialUI.SvgIcon;
   export default ContentTextFormat;
 }
 
-declare module 'material-ui/lib/svg-icons/content/add' {
+declare module 'material-ui/svg-icons/content/add' {
   export import ContentAdd = __MaterialUI.SvgIcon;
   export default ContentAdd;
 }
 
-declare module 'material-ui/lib/svg-icons/content/send' {
+declare module 'material-ui/svg-icons/content/send' {
   export import ContentSend = __MaterialUI.SvgIcon;
   export default ContentSend;
 }
 
-declare module 'material-ui/lib/svg-icons/content/gesture' {
+declare module 'material-ui/svg-icons/content/gesture' {
   export import ContentGesture = __MaterialUI.SvgIcon;
   export default ContentGesture;
 }
 
-declare module 'material-ui/lib/svg-icons/content/archive' {
+declare module 'material-ui/svg-icons/content/archive' {
   export import ContentArchive = __MaterialUI.SvgIcon;
   export default ContentArchive;
 }
 
-declare module 'material-ui/lib/svg-icons/content/weekend' {
+declare module 'material-ui/svg-icons/content/weekend' {
   export import ContentWeekend = __MaterialUI.SvgIcon;
   export default ContentWeekend;
 }
 
-declare module 'material-ui/lib/svg-icons/content/markunread' {
+declare module 'material-ui/svg-icons/content/markunread' {
   export import ContentMarkunread = __MaterialUI.SvgIcon;
   export default ContentMarkunread;
 }
 
-declare module 'material-ui/lib/svg-icons/content/create' {
+declare module 'material-ui/svg-icons/content/create' {
   export import ContentCreate = __MaterialUI.SvgIcon;
   export default ContentCreate;
 }
 
-declare module 'material-ui/lib/svg-icons/content/content-cut' {
+declare module 'material-ui/svg-icons/content/content-cut' {
   export import ContentContentCut = __MaterialUI.SvgIcon;
   export default ContentContentCut;
 }
 
-declare module 'material-ui/lib/svg-icons/content/clear' {
+declare module 'material-ui/svg-icons/content/clear' {
   export import ContentClear = __MaterialUI.SvgIcon;
   export default ContentClear;
 }
 
-declare module 'material-ui/lib/svg-icons/content/redo' {
+declare module 'material-ui/svg-icons/content/redo' {
   export import ContentRedo = __MaterialUI.SvgIcon;
   export default ContentRedo;
 }
 
-declare module 'material-ui/lib/svg-icons/content/block' {
+declare module 'material-ui/svg-icons/content/block' {
   export import ContentBlock = __MaterialUI.SvgIcon;
   export default ContentBlock;
 }
 
-declare module 'material-ui/lib/svg-icons/content/forward' {
+declare module 'material-ui/svg-icons/content/forward' {
   export import ContentForward = __MaterialUI.SvgIcon;
   export default ContentForward;
 }
 
-declare module 'material-ui/lib/svg-icons/content/mail' {
+declare module 'material-ui/svg-icons/content/mail' {
   export import ContentMail = __MaterialUI.SvgIcon;
   export default ContentMail;
 }
 
-declare module 'material-ui/lib/svg-icons/content/inbox' {
+declare module 'material-ui/svg-icons/content/inbox' {
   export import ContentInbox = __MaterialUI.SvgIcon;
   export default ContentInbox;
 }
 
-declare module 'material-ui/lib/svg-icons/content/remove-circle' {
+declare module 'material-ui/svg-icons/content/remove-circle' {
   export import ContentRemoveCircle = __MaterialUI.SvgIcon;
   export default ContentRemoveCircle;
 }
 
-declare module 'material-ui/lib/svg-icons/content/move-to-inbox' {
+declare module 'material-ui/svg-icons/content/move-to-inbox' {
   export import ContentMoveToInbox = __MaterialUI.SvgIcon;
   export default ContentMoveToInbox;
 }
 
-declare module 'material-ui/lib/svg-icons/content/flag' {
+declare module 'material-ui/svg-icons/content/flag' {
   export import ContentFlag = __MaterialUI.SvgIcon;
   export default ContentFlag;
 }
 
-declare module 'material-ui/lib/svg-icons/content/reply-all' {
+declare module 'material-ui/svg-icons/content/reply-all' {
   export import ContentReplyAll = __MaterialUI.SvgIcon;
   export default ContentReplyAll;
 }
 
-declare module 'material-ui/lib/svg-icons/content/remove' {
+declare module 'material-ui/svg-icons/content/remove' {
   export import ContentRemove = __MaterialUI.SvgIcon;
   export default ContentRemove;
 }
 
-declare module 'material-ui/lib/svg-icons/content/next-week' {
+declare module 'material-ui/svg-icons/content/next-week' {
   export import ContentNextWeek = __MaterialUI.SvgIcon;
   export default ContentNextWeek;
 }
 
-declare module 'material-ui/lib/svg-icons/content/undo' {
+declare module 'material-ui/svg-icons/content/undo' {
   export import ContentUndo = __MaterialUI.SvgIcon;
   export default ContentUndo;
 }
 
-declare module 'material-ui/lib/svg-icons/content/font-download' {
+declare module 'material-ui/svg-icons/content/font-download' {
   export import ContentFontDownload = __MaterialUI.SvgIcon;
   export default ContentFontDownload;
 }
 
-declare module 'material-ui/lib/svg-icons/content/remove-circle-outline' {
+declare module 'material-ui/svg-icons/content/remove-circle-outline' {
   export import ContentRemoveCircleOutline = __MaterialUI.SvgIcon;
   export default ContentRemoveCircleOutline;
 }
 
-declare module 'material-ui/lib/svg-icons/content/backspace' {
+declare module 'material-ui/svg-icons/content/backspace' {
   export import ContentBackspace = __MaterialUI.SvgIcon;
   export default ContentBackspace;
 }
 
-declare module 'material-ui/lib/svg-icons/content/reply' {
+declare module 'material-ui/svg-icons/content/reply' {
   export import ContentReply = __MaterialUI.SvgIcon;
   export default ContentReply;
 }
 
-declare module 'material-ui/lib/svg-icons/content/report' {
+declare module 'material-ui/svg-icons/content/report' {
   export import ContentReport = __MaterialUI.SvgIcon;
   export default ContentReport;
 }
 
-declare module 'material-ui/lib/svg-icons/content/add-circle' {
+declare module 'material-ui/svg-icons/content/add-circle' {
   export import ContentAddCircle = __MaterialUI.SvgIcon;
   export default ContentAddCircle;
 }
 
-declare module 'material-ui/lib/svg-icons/content/content-copy' {
+declare module 'material-ui/svg-icons/content/content-copy' {
   export import ContentContentCopy = __MaterialUI.SvgIcon;
   export default ContentContentCopy;
 }
 
-declare module 'material-ui/lib/svg-icons/content/content-paste' {
+declare module 'material-ui/svg-icons/content/content-paste' {
   export import ContentContentPaste = __MaterialUI.SvgIcon;
   export default ContentContentPaste;
 }
 
-declare module 'material-ui/lib/svg-icons/content/select-all' {
+declare module 'material-ui/svg-icons/content/select-all' {
   export import ContentSelectAll = __MaterialUI.SvgIcon;
   export default ContentSelectAll;
 }
 
-declare module 'material-ui/lib/svg-icons/content/add-circle-outline' {
+declare module 'material-ui/svg-icons/content/add-circle-outline' {
   export import ContentAddCircleOutline = __MaterialUI.SvgIcon;
   export default ContentAddCircleOutline;
 }
 
-declare module 'material-ui/lib/svg-icons/content/drafts' {
+declare module 'material-ui/svg-icons/content/drafts' {
   export import ContentDrafts = __MaterialUI.SvgIcon;
   export default ContentDrafts;
 }
 
-declare module 'material-ui/lib/svg-icons/editor/wrap-text' {
+declare module 'material-ui/svg-icons/editor/wrap-text' {
   export import EditorWrapText = __MaterialUI.SvgIcon;
   export default EditorWrapText;
 }
 
-declare module 'material-ui/lib/svg-icons/editor/format-size' {
+declare module 'material-ui/svg-icons/editor/format-size' {
   export import EditorFormatSize = __MaterialUI.SvgIcon;
   export default EditorFormatSize;
 }
 
-declare module 'material-ui/lib/svg-icons/editor/functions' {
+declare module 'material-ui/svg-icons/editor/functions' {
   export import EditorFunctions = __MaterialUI.SvgIcon;
   export default EditorFunctions;
 }
 
-declare module 'material-ui/lib/svg-icons/editor/format-bold' {
+declare module 'material-ui/svg-icons/editor/format-bold' {
   export import EditorFormatBold = __MaterialUI.SvgIcon;
   export default EditorFormatBold;
 }
 
-declare module 'material-ui/lib/svg-icons/editor/format-align-center' {
+declare module 'material-ui/svg-icons/editor/format-align-center' {
   export import EditorFormatAlignCenter = __MaterialUI.SvgIcon;
   export default EditorFormatAlignCenter;
 }
 
-declare module 'material-ui/lib/svg-icons/editor/mode-comment' {
+declare module 'material-ui/svg-icons/editor/mode-comment' {
   export import EditorModeComment = __MaterialUI.SvgIcon;
   export default EditorModeComment;
 }
 
-declare module 'material-ui/lib/svg-icons/editor/money-off' {
+declare module 'material-ui/svg-icons/editor/money-off' {
   export import EditorMoneyOff = __MaterialUI.SvgIcon;
   export default EditorMoneyOff;
 }
 
-declare module 'material-ui/lib/svg-icons/editor/format-textdirection-r-to-l' {
+declare module 'material-ui/svg-icons/editor/format-textdirection-r-to-l' {
   export import EditorFormatTextdirectionRToL = __MaterialUI.SvgIcon;
   export default EditorFormatTextdirectionRToL;
 }
 
-declare module 'material-ui/lib/svg-icons/editor/insert-drive-file' {
+declare module 'material-ui/svg-icons/editor/insert-drive-file' {
   export import EditorInsertDriveFile = __MaterialUI.SvgIcon;
   export default EditorInsertDriveFile;
 }
 
-declare module 'material-ui/lib/svg-icons/editor/highlight' {
+declare module 'material-ui/svg-icons/editor/highlight' {
   export import EditorHighlight = __MaterialUI.SvgIcon;
   export default EditorHighlight;
 }
 
-declare module 'material-ui/lib/svg-icons/editor/format-clear' {
+declare module 'material-ui/svg-icons/editor/format-clear' {
   export import EditorFormatClear = __MaterialUI.SvgIcon;
   export default EditorFormatClear;
 }
 
-declare module 'material-ui/lib/svg-icons/editor/border-style' {
+declare module 'material-ui/svg-icons/editor/border-style' {
   export import EditorBorderStyle = __MaterialUI.SvgIcon;
   export default EditorBorderStyle;
 }
 
-declare module 'material-ui/lib/svg-icons/editor/format-shapes' {
+declare module 'material-ui/svg-icons/editor/format-shapes' {
   export import EditorFormatShapes = __MaterialUI.SvgIcon;
   export default EditorFormatShapes;
 }
 
-declare module 'material-ui/lib/svg-icons/editor/format-paint' {
+declare module 'material-ui/svg-icons/editor/format-paint' {
   export import EditorFormatPaint = __MaterialUI.SvgIcon;
   export default EditorFormatPaint;
 }
 
-declare module 'material-ui/lib/svg-icons/editor/linear-scale' {
+declare module 'material-ui/svg-icons/editor/linear-scale' {
   export import EditorLinearScale = __MaterialUI.SvgIcon;
   export default EditorLinearScale;
 }
 
-declare module 'material-ui/lib/svg-icons/editor/insert-photo' {
+declare module 'material-ui/svg-icons/editor/insert-photo' {
   export import EditorInsertPhoto = __MaterialUI.SvgIcon;
   export default EditorInsertPhoto;
 }
 
-declare module 'material-ui/lib/svg-icons/editor/drag-handle' {
+declare module 'material-ui/svg-icons/editor/drag-handle' {
   export import EditorDragHandle = __MaterialUI.SvgIcon;
   export default EditorDragHandle;
 }
 
-declare module 'material-ui/lib/svg-icons/editor/merge-type' {
+declare module 'material-ui/svg-icons/editor/merge-type' {
   export import EditorMergeType = __MaterialUI.SvgIcon;
   export default EditorMergeType;
 }
 
-declare module 'material-ui/lib/svg-icons/editor/attach-money' {
+declare module 'material-ui/svg-icons/editor/attach-money' {
   export import EditorAttachMoney = __MaterialUI.SvgIcon;
   export default EditorAttachMoney;
 }
 
-declare module 'material-ui/lib/svg-icons/editor/border-vertical' {
+declare module 'material-ui/svg-icons/editor/border-vertical' {
   export import EditorBorderVertical = __MaterialUI.SvgIcon;
   export default EditorBorderVertical;
 }
 
-declare module 'material-ui/lib/svg-icons/editor/format-indent-decrease' {
+declare module 'material-ui/svg-icons/editor/format-indent-decrease' {
   export import EditorFormatIndentDecrease = __MaterialUI.SvgIcon;
   export default EditorFormatIndentDecrease;
 }
 
-declare module 'material-ui/lib/svg-icons/editor/insert-emoticon' {
+declare module 'material-ui/svg-icons/editor/insert-emoticon' {
   export import EditorInsertEmoticon = __MaterialUI.SvgIcon;
   export default EditorInsertEmoticon;
 }
 
-declare module 'material-ui/lib/svg-icons/editor/insert-invitation' {
+declare module 'material-ui/svg-icons/editor/insert-invitation' {
   export import EditorInsertInvitation = __MaterialUI.SvgIcon;
   export default EditorInsertInvitation;
 }
 
-declare module 'material-ui/lib/svg-icons/editor/format-color-fill' {
+declare module 'material-ui/svg-icons/editor/format-color-fill' {
   export import EditorFormatColorFill = __MaterialUI.SvgIcon;
   export default EditorFormatColorFill;
 }
 
-declare module 'material-ui/lib/svg-icons/editor/mode-edit' {
+declare module 'material-ui/svg-icons/editor/mode-edit' {
   export import EditorModeEdit = __MaterialUI.SvgIcon;
   export default EditorModeEdit;
 }
 
-declare module 'material-ui/lib/svg-icons/editor/vertical-align-bottom' {
+declare module 'material-ui/svg-icons/editor/vertical-align-bottom' {
   export import EditorVerticalAlignBottom = __MaterialUI.SvgIcon;
   export default EditorVerticalAlignBottom;
 }
 
-declare module 'material-ui/lib/svg-icons/editor/format-align-justify' {
+declare module 'material-ui/svg-icons/editor/format-align-justify' {
   export import EditorFormatAlignJustify = __MaterialUI.SvgIcon;
   export default EditorFormatAlignJustify;
 }
 
-declare module 'material-ui/lib/svg-icons/editor/attach-file' {
+declare module 'material-ui/svg-icons/editor/attach-file' {
   export import EditorAttachFile = __MaterialUI.SvgIcon;
   export default EditorAttachFile;
 }
 
-declare module 'material-ui/lib/svg-icons/editor/space-bar' {
+declare module 'material-ui/svg-icons/editor/space-bar' {
   export import EditorSpaceBar = __MaterialUI.SvgIcon;
   export default EditorSpaceBar;
 }
 
-declare module 'material-ui/lib/svg-icons/editor/border-clear' {
+declare module 'material-ui/svg-icons/editor/border-clear' {
   export import EditorBorderClear = __MaterialUI.SvgIcon;
   export default EditorBorderClear;
 }
 
-declare module 'material-ui/lib/svg-icons/editor/short-text' {
+declare module 'material-ui/svg-icons/editor/short-text' {
   export import EditorShortText = __MaterialUI.SvgIcon;
   export default EditorShortText;
 }
 
-declare module 'material-ui/lib/svg-icons/editor/insert-link' {
+declare module 'material-ui/svg-icons/editor/insert-link' {
   export import EditorInsertLink = __MaterialUI.SvgIcon;
   export default EditorInsertLink;
 }
 
-declare module 'material-ui/lib/svg-icons/editor/format-list-numbered' {
+declare module 'material-ui/svg-icons/editor/format-list-numbered' {
   export import EditorFormatListNumbered = __MaterialUI.SvgIcon;
   export default EditorFormatListNumbered;
 }
 
-declare module 'material-ui/lib/svg-icons/editor/format-quote' {
+declare module 'material-ui/svg-icons/editor/format-quote' {
   export import EditorFormatQuote = __MaterialUI.SvgIcon;
   export default EditorFormatQuote;
 }
 
-declare module 'material-ui/lib/svg-icons/editor/border-left' {
+declare module 'material-ui/svg-icons/editor/border-left' {
   export import EditorBorderLeft = __MaterialUI.SvgIcon;
   export default EditorBorderLeft;
 }
 
-declare module 'material-ui/lib/svg-icons/editor/format-underlined' {
+declare module 'material-ui/svg-icons/editor/format-underlined' {
   export import EditorFormatUnderlined = __MaterialUI.SvgIcon;
   export default EditorFormatUnderlined;
 }
 
-declare module 'material-ui/lib/svg-icons/editor/text-fields' {
+declare module 'material-ui/svg-icons/editor/text-fields' {
   export import EditorTextFields = __MaterialUI.SvgIcon;
   export default EditorTextFields;
 }
 
-declare module 'material-ui/lib/svg-icons/editor/format-italic' {
+declare module 'material-ui/svg-icons/editor/format-italic' {
   export import EditorFormatItalic = __MaterialUI.SvgIcon;
   export default EditorFormatItalic;
 }
 
-declare module 'material-ui/lib/svg-icons/editor/publish' {
+declare module 'material-ui/svg-icons/editor/publish' {
   export import EditorPublish = __MaterialUI.SvgIcon;
   export default EditorPublish;
 }
 
-declare module 'material-ui/lib/svg-icons/editor/border-top' {
+declare module 'material-ui/svg-icons/editor/border-top' {
   export import EditorBorderTop = __MaterialUI.SvgIcon;
   export default EditorBorderTop;
 }
 
-declare module 'material-ui/lib/svg-icons/editor/format-indent-increase' {
+declare module 'material-ui/svg-icons/editor/format-indent-increase' {
   export import EditorFormatIndentIncrease = __MaterialUI.SvgIcon;
   export default EditorFormatIndentIncrease;
 }
 
-declare module 'material-ui/lib/svg-icons/editor/border-bottom' {
+declare module 'material-ui/svg-icons/editor/border-bottom' {
   export import EditorBorderBottom = __MaterialUI.SvgIcon;
   export default EditorBorderBottom;
 }
 
-declare module 'material-ui/lib/svg-icons/editor/format-align-right' {
+declare module 'material-ui/svg-icons/editor/format-align-right' {
   export import EditorFormatAlignRight = __MaterialUI.SvgIcon;
   export default EditorFormatAlignRight;
 }
 
-declare module 'material-ui/lib/svg-icons/editor/border-right' {
+declare module 'material-ui/svg-icons/editor/border-right' {
   export import EditorBorderRight = __MaterialUI.SvgIcon;
   export default EditorBorderRight;
 }
 
-declare module 'material-ui/lib/svg-icons/editor/insert-comment' {
+declare module 'material-ui/svg-icons/editor/insert-comment' {
   export import EditorInsertComment = __MaterialUI.SvgIcon;
   export default EditorInsertComment;
 }
 
-declare module 'material-ui/lib/svg-icons/editor/strikethrough-s' {
+declare module 'material-ui/svg-icons/editor/strikethrough-s' {
   export import EditorStrikethroughS = __MaterialUI.SvgIcon;
   export default EditorStrikethroughS;
 }
 
-declare module 'material-ui/lib/svg-icons/editor/format-strikethrough' {
+declare module 'material-ui/svg-icons/editor/format-strikethrough' {
   export import EditorFormatStrikethrough = __MaterialUI.SvgIcon;
   export default EditorFormatStrikethrough;
 }
 
-declare module 'material-ui/lib/svg-icons/editor/insert-chart' {
+declare module 'material-ui/svg-icons/editor/insert-chart' {
   export import EditorInsertChart = __MaterialUI.SvgIcon;
   export default EditorInsertChart;
 }
 
-declare module 'material-ui/lib/svg-icons/editor/format-color-reset' {
+declare module 'material-ui/svg-icons/editor/format-color-reset' {
   export import EditorFormatColorReset = __MaterialUI.SvgIcon;
   export default EditorFormatColorReset;
 }
 
-declare module 'material-ui/lib/svg-icons/editor/border-inner' {
+declare module 'material-ui/svg-icons/editor/border-inner' {
   export import EditorBorderInner = __MaterialUI.SvgIcon;
   export default EditorBorderInner;
 }
 
-declare module 'material-ui/lib/svg-icons/editor/format-color-text' {
+declare module 'material-ui/svg-icons/editor/format-color-text' {
   export import EditorFormatColorText = __MaterialUI.SvgIcon;
   export default EditorFormatColorText;
 }
 
-declare module 'material-ui/lib/svg-icons/editor/border-horizontal' {
+declare module 'material-ui/svg-icons/editor/border-horizontal' {
   export import EditorBorderHorizontal = __MaterialUI.SvgIcon;
   export default EditorBorderHorizontal;
 }
 
-declare module 'material-ui/lib/svg-icons/editor/format-list-bulleted' {
+declare module 'material-ui/svg-icons/editor/format-list-bulleted' {
   export import EditorFormatListBulleted = __MaterialUI.SvgIcon;
   export default EditorFormatListBulleted;
 }
 
-declare module 'material-ui/lib/svg-icons/editor/border-outer' {
+declare module 'material-ui/svg-icons/editor/border-outer' {
   export import EditorBorderOuter = __MaterialUI.SvgIcon;
   export default EditorBorderOuter;
 }
 
-declare module 'material-ui/lib/svg-icons/editor/format-align-left' {
+declare module 'material-ui/svg-icons/editor/format-align-left' {
   export import EditorFormatAlignLeft = __MaterialUI.SvgIcon;
   export default EditorFormatAlignLeft;
 }
 
-declare module 'material-ui/lib/svg-icons/editor/border-color' {
+declare module 'material-ui/svg-icons/editor/border-color' {
   export import EditorBorderColor = __MaterialUI.SvgIcon;
   export default EditorBorderColor;
 }
 
-declare module 'material-ui/lib/svg-icons/editor/format-textdirection-l-to-r' {
+declare module 'material-ui/svg-icons/editor/format-textdirection-l-to-r' {
   export import EditorFormatTextdirectionLToR = __MaterialUI.SvgIcon;
   export default EditorFormatTextdirectionLToR;
 }
 
-declare module 'material-ui/lib/svg-icons/editor/vertical-align-center' {
+declare module 'material-ui/svg-icons/editor/vertical-align-center' {
   export import EditorVerticalAlignCenter = __MaterialUI.SvgIcon;
   export default EditorVerticalAlignCenter;
 }
 
-declare module 'material-ui/lib/svg-icons/editor/vertical-align-top' {
+declare module 'material-ui/svg-icons/editor/vertical-align-top' {
   export import EditorVerticalAlignTop = __MaterialUI.SvgIcon;
   export default EditorVerticalAlignTop;
 }
 
-declare module 'material-ui/lib/svg-icons/editor/format-line-spacing' {
+declare module 'material-ui/svg-icons/editor/format-line-spacing' {
   export import EditorFormatLineSpacing = __MaterialUI.SvgIcon;
   export default EditorFormatLineSpacing;
 }
 
-declare module 'material-ui/lib/svg-icons/editor/border-all' {
+declare module 'material-ui/svg-icons/editor/border-all' {
   export import EditorBorderAll = __MaterialUI.SvgIcon;
   export default EditorBorderAll;
 }
 
-declare module 'material-ui/lib/svg-icons/device/screen-lock-portrait' {
+declare module 'material-ui/svg-icons/device/screen-lock-portrait' {
   export import DeviceScreenLockPortrait = __MaterialUI.SvgIcon;
   export default DeviceScreenLockPortrait;
 }
 
-declare module 'material-ui/lib/svg-icons/device/signal-cellular-off' {
+declare module 'material-ui/svg-icons/device/signal-cellular-off' {
   export import DeviceSignalCellularOff = __MaterialUI.SvgIcon;
   export default DeviceSignalCellularOff;
 }
 
-declare module 'material-ui/lib/svg-icons/device/bluetooth-searching' {
+declare module 'material-ui/svg-icons/device/bluetooth-searching' {
   export import DeviceBluetoothSearching = __MaterialUI.SvgIcon;
   export default DeviceBluetoothSearching;
 }
 
-declare module 'material-ui/lib/svg-icons/device/signal-cellular-3-bar' {
+declare module 'material-ui/svg-icons/device/signal-cellular-3-bar' {
   export import DeviceSignalCellular3Bar = __MaterialUI.SvgIcon;
   export default DeviceSignalCellular3Bar;
 }
 
-declare module 'material-ui/lib/svg-icons/device/network-cell' {
+declare module 'material-ui/svg-icons/device/network-cell' {
   export import DeviceNetworkCell = __MaterialUI.SvgIcon;
   export default DeviceNetworkCell;
 }
 
-declare module 'material-ui/lib/svg-icons/device/signal-cellular-no-sim' {
+declare module 'material-ui/svg-icons/device/signal-cellular-no-sim' {
   export import DeviceSignalCellularNoSim = __MaterialUI.SvgIcon;
   export default DeviceSignalCellularNoSim;
 }
 
-declare module 'material-ui/lib/svg-icons/device/signal-wifi-2-bar' {
+declare module 'material-ui/svg-icons/device/signal-wifi-2-bar' {
   export import DeviceSignalWifi2Bar = __MaterialUI.SvgIcon;
   export default DeviceSignalWifi2Bar;
 }
 
-declare module 'material-ui/lib/svg-icons/device/devices' {
+declare module 'material-ui/svg-icons/device/devices' {
   export import DeviceDevices = __MaterialUI.SvgIcon;
   export default DeviceDevices;
 }
 
-declare module 'material-ui/lib/svg-icons/device/battery-90' {
+declare module 'material-ui/svg-icons/device/battery-90' {
   export import DeviceBattery90 = __MaterialUI.SvgIcon;
   export default DeviceBattery90;
 }
 
-declare module 'material-ui/lib/svg-icons/device/battery-charging-80' {
+declare module 'material-ui/svg-icons/device/battery-charging-80' {
   export import DeviceBatteryCharging80 = __MaterialUI.SvgIcon;
   export default DeviceBatteryCharging80;
 }
 
-declare module 'material-ui/lib/svg-icons/device/location-searching' {
+declare module 'material-ui/svg-icons/device/location-searching' {
   export import DeviceLocationSearching = __MaterialUI.SvgIcon;
   export default DeviceLocationSearching;
 }
 
-declare module 'material-ui/lib/svg-icons/device/wallpaper' {
+declare module 'material-ui/svg-icons/device/wallpaper' {
   export import DeviceWallpaper = __MaterialUI.SvgIcon;
   export default DeviceWallpaper;
 }
 
-declare module 'material-ui/lib/svg-icons/device/screen-lock-rotation' {
+declare module 'material-ui/svg-icons/device/screen-lock-rotation' {
   export import DeviceScreenLockRotation = __MaterialUI.SvgIcon;
   export default DeviceScreenLockRotation;
 }
 
-declare module 'material-ui/lib/svg-icons/device/screen-lock-landscape' {
+declare module 'material-ui/svg-icons/device/screen-lock-landscape' {
   export import DeviceScreenLockLandscape = __MaterialUI.SvgIcon;
   export default DeviceScreenLockLandscape;
 }
 
-declare module 'material-ui/lib/svg-icons/device/battery-charging-20' {
+declare module 'material-ui/svg-icons/device/battery-charging-20' {
   export import DeviceBatteryCharging20 = __MaterialUI.SvgIcon;
   export default DeviceBatteryCharging20;
 }
 
-declare module 'material-ui/lib/svg-icons/device/usb' {
+declare module 'material-ui/svg-icons/device/usb' {
   export import DeviceUsb = __MaterialUI.SvgIcon;
   export default DeviceUsb;
 }
 
-declare module 'material-ui/lib/svg-icons/device/airplanemode-active' {
+declare module 'material-ui/svg-icons/device/airplanemode-active' {
   export import DeviceAirplanemodeActive = __MaterialUI.SvgIcon;
   export default DeviceAirplanemodeActive;
 }
 
-declare module 'material-ui/lib/svg-icons/device/network-wifi' {
+declare module 'material-ui/svg-icons/device/network-wifi' {
   export import DeviceNetworkWifi = __MaterialUI.SvgIcon;
   export default DeviceNetworkWifi;
 }
 
-declare module 'material-ui/lib/svg-icons/device/graphic-eq' {
+declare module 'material-ui/svg-icons/device/graphic-eq' {
   export import DeviceGraphicEq = __MaterialUI.SvgIcon;
   export default DeviceGraphicEq;
 }
 
-declare module 'material-ui/lib/svg-icons/device/bluetooth-connected' {
+declare module 'material-ui/svg-icons/device/bluetooth-connected' {
   export import DeviceBluetoothConnected = __MaterialUI.SvgIcon;
   export default DeviceBluetoothConnected;
 }
 
-declare module 'material-ui/lib/svg-icons/device/gps-fixed' {
+declare module 'material-ui/svg-icons/device/gps-fixed' {
   export import DeviceGpsFixed = __MaterialUI.SvgIcon;
   export default DeviceGpsFixed;
 }
 
-declare module 'material-ui/lib/svg-icons/device/signal-cellular-connected-no-internet-4-bar' {
+declare module 'material-ui/svg-icons/device/signal-cellular-connected-no-internet-4-bar' {
   export import DeviceSignalCellularConnectedNoInternet4Bar = __MaterialUI.SvgIcon;
   export default DeviceSignalCellularConnectedNoInternet4Bar;
 }
 
-declare module 'material-ui/lib/svg-icons/device/brightness-medium' {
+declare module 'material-ui/svg-icons/device/brightness-medium' {
   export import DeviceBrightnessMedium = __MaterialUI.SvgIcon;
   export default DeviceBrightnessMedium;
 }
 
-declare module 'material-ui/lib/svg-icons/device/signal-cellular-connected-no-internet-3-bar' {
+declare module 'material-ui/svg-icons/device/signal-cellular-connected-no-internet-3-bar' {
   export import DeviceSignalCellularConnectedNoInternet3Bar = __MaterialUI.SvgIcon;
   export default DeviceSignalCellularConnectedNoInternet3Bar;
 }
 
-declare module 'material-ui/lib/svg-icons/device/signal-wifi-3-bar-lock' {
+declare module 'material-ui/svg-icons/device/signal-wifi-3-bar-lock' {
   export import DeviceSignalWifi3BarLock = __MaterialUI.SvgIcon;
   export default DeviceSignalWifi3BarLock;
 }
 
-declare module 'material-ui/lib/svg-icons/device/battery-80' {
+declare module 'material-ui/svg-icons/device/battery-80' {
   export import DeviceBattery80 = __MaterialUI.SvgIcon;
   export default DeviceBattery80;
 }
 
-declare module 'material-ui/lib/svg-icons/device/wifi-lock' {
+declare module 'material-ui/svg-icons/device/wifi-lock' {
   export import DeviceWifiLock = __MaterialUI.SvgIcon;
   export default DeviceWifiLock;
 }
 
-declare module 'material-ui/lib/svg-icons/device/signal-wifi-2-bar-lock' {
+declare module 'material-ui/svg-icons/device/signal-wifi-2-bar-lock' {
   export import DeviceSignalWifi2BarLock = __MaterialUI.SvgIcon;
   export default DeviceSignalWifi2BarLock;
 }
 
-declare module 'material-ui/lib/svg-icons/device/bluetooth' {
+declare module 'material-ui/svg-icons/device/bluetooth' {
   export import DeviceBluetooth = __MaterialUI.SvgIcon;
   export default DeviceBluetooth;
 }
 
-declare module 'material-ui/lib/svg-icons/device/access-time' {
+declare module 'material-ui/svg-icons/device/access-time' {
   export import DeviceAccessTime = __MaterialUI.SvgIcon;
   export default DeviceAccessTime;
 }
 
-declare module 'material-ui/lib/svg-icons/device/battery-charging-30' {
+declare module 'material-ui/svg-icons/device/battery-charging-30' {
   export import DeviceBatteryCharging30 = __MaterialUI.SvgIcon;
   export default DeviceBatteryCharging30;
 }
 
-declare module 'material-ui/lib/svg-icons/device/signal-wifi-off' {
+declare module 'material-ui/svg-icons/device/signal-wifi-off' {
   export import DeviceSignalWifiOff = __MaterialUI.SvgIcon;
   export default DeviceSignalWifiOff;
 }
 
-declare module 'material-ui/lib/svg-icons/device/dvr' {
+declare module 'material-ui/svg-icons/device/dvr' {
   export import DeviceDvr = __MaterialUI.SvgIcon;
   export default DeviceDvr;
 }
 
-declare module 'material-ui/lib/svg-icons/device/battery-60' {
+declare module 'material-ui/svg-icons/device/battery-60' {
   export import DeviceBattery60 = __MaterialUI.SvgIcon;
   export default DeviceBattery60;
 }
 
-declare module 'material-ui/lib/svg-icons/device/access-alarm' {
+declare module 'material-ui/svg-icons/device/access-alarm' {
   export import DeviceAccessAlarm = __MaterialUI.SvgIcon;
   export default DeviceAccessAlarm;
 }
 
-declare module 'material-ui/lib/svg-icons/device/nfc' {
+declare module 'material-ui/svg-icons/device/nfc' {
   export import DeviceNfc = __MaterialUI.SvgIcon;
   export default DeviceNfc;
 }
 
-declare module 'material-ui/lib/svg-icons/device/data-usage' {
+declare module 'material-ui/svg-icons/device/data-usage' {
   export import DeviceDataUsage = __MaterialUI.SvgIcon;
   export default DeviceDataUsage;
 }
 
-declare module 'material-ui/lib/svg-icons/device/access-alarms' {
+declare module 'material-ui/svg-icons/device/access-alarms' {
   export import DeviceAccessAlarms = __MaterialUI.SvgIcon;
   export default DeviceAccessAlarms;
 }
 
-declare module 'material-ui/lib/svg-icons/device/battery-full' {
+declare module 'material-ui/svg-icons/device/battery-full' {
   export import DeviceBatteryFull = __MaterialUI.SvgIcon;
   export default DeviceBatteryFull;
 }
 
-declare module 'material-ui/lib/svg-icons/device/battery-charging-full' {
+declare module 'material-ui/svg-icons/device/battery-charging-full' {
   export import DeviceBatteryChargingFull = __MaterialUI.SvgIcon;
   export default DeviceBatteryChargingFull;
 }
 
-declare module 'material-ui/lib/svg-icons/device/settings-system-daydream' {
+declare module 'material-ui/svg-icons/device/settings-system-daydream' {
   export import DeviceSettingsSystemDaydream = __MaterialUI.SvgIcon;
   export default DeviceSettingsSystemDaydream;
 }
 
-declare module 'material-ui/lib/svg-icons/device/battery-std' {
+declare module 'material-ui/svg-icons/device/battery-std' {
   export import DeviceBatteryStd = __MaterialUI.SvgIcon;
   export default DeviceBatteryStd;
 }
 
-declare module 'material-ui/lib/svg-icons/device/battery-unknown' {
+declare module 'material-ui/svg-icons/device/battery-unknown' {
   export import DeviceBatteryUnknown = __MaterialUI.SvgIcon;
   export default DeviceBatteryUnknown;
 }
 
-declare module 'material-ui/lib/svg-icons/device/add-alarm' {
+declare module 'material-ui/svg-icons/device/add-alarm' {
   export import DeviceAddAlarm = __MaterialUI.SvgIcon;
   export default DeviceAddAlarm;
 }
 
-declare module 'material-ui/lib/svg-icons/device/storage' {
+declare module 'material-ui/svg-icons/device/storage' {
   export import DeviceStorage = __MaterialUI.SvgIcon;
   export default DeviceStorage;
 }
 
-declare module 'material-ui/lib/svg-icons/device/battery-charging-90' {
+declare module 'material-ui/svg-icons/device/battery-charging-90' {
   export import DeviceBatteryCharging90 = __MaterialUI.SvgIcon;
   export default DeviceBatteryCharging90;
 }
 
-declare module 'material-ui/lib/svg-icons/device/screen-rotation' {
+declare module 'material-ui/svg-icons/device/screen-rotation' {
   export import DeviceScreenRotation = __MaterialUI.SvgIcon;
   export default DeviceScreenRotation;
 }
 
-declare module 'material-ui/lib/svg-icons/device/signal-wifi-4-bar' {
+declare module 'material-ui/svg-icons/device/signal-wifi-4-bar' {
   export import DeviceSignalWifi4Bar = __MaterialUI.SvgIcon;
   export default DeviceSignalWifi4Bar;
 }
 
-declare module 'material-ui/lib/svg-icons/device/battery-charging-50' {
+declare module 'material-ui/svg-icons/device/battery-charging-50' {
   export import DeviceBatteryCharging50 = __MaterialUI.SvgIcon;
   export default DeviceBatteryCharging50;
 }
 
-declare module 'material-ui/lib/svg-icons/device/battery-30' {
+declare module 'material-ui/svg-icons/device/battery-30' {
   export import DeviceBattery30 = __MaterialUI.SvgIcon;
   export default DeviceBattery30;
 }
 
-declare module 'material-ui/lib/svg-icons/device/signal-cellular-connected-no-internet-0-bar' {
+declare module 'material-ui/svg-icons/device/signal-cellular-connected-no-internet-0-bar' {
   export import DeviceSignalCellularConnectedNoInternet0Bar = __MaterialUI.SvgIcon;
   export default DeviceSignalCellularConnectedNoInternet0Bar;
 }
 
-declare module 'material-ui/lib/svg-icons/device/battery-alert' {
+declare module 'material-ui/svg-icons/device/battery-alert' {
   export import DeviceBatteryAlert = __MaterialUI.SvgIcon;
   export default DeviceBatteryAlert;
 }
 
-declare module 'material-ui/lib/svg-icons/device/signal-wifi-1-bar' {
+declare module 'material-ui/svg-icons/device/signal-wifi-1-bar' {
   export import DeviceSignalWifi1Bar = __MaterialUI.SvgIcon;
   export default DeviceSignalWifi1Bar;
 }
 
-declare module 'material-ui/lib/svg-icons/device/signal-cellular-4-bar' {
+declare module 'material-ui/svg-icons/device/signal-cellular-4-bar' {
   export import DeviceSignalCellular4Bar = __MaterialUI.SvgIcon;
   export default DeviceSignalCellular4Bar;
 }
 
-declare module 'material-ui/lib/svg-icons/device/wifi-tethering' {
+declare module 'material-ui/svg-icons/device/wifi-tethering' {
   export import DeviceWifiTethering = __MaterialUI.SvgIcon;
   export default DeviceWifiTethering;
 }
 
-declare module 'material-ui/lib/svg-icons/device/signal-wifi-0-bar' {
+declare module 'material-ui/svg-icons/device/signal-wifi-0-bar' {
   export import DeviceSignalWifi0Bar = __MaterialUI.SvgIcon;
   export default DeviceSignalWifi0Bar;
 }
 
-declare module 'material-ui/lib/svg-icons/device/brightness-auto' {
+declare module 'material-ui/svg-icons/device/brightness-auto' {
   export import DeviceBrightnessAuto = __MaterialUI.SvgIcon;
   export default DeviceBrightnessAuto;
 }
 
-declare module 'material-ui/lib/svg-icons/device/location-disabled' {
+declare module 'material-ui/svg-icons/device/location-disabled' {
   export import DeviceLocationDisabled = __MaterialUI.SvgIcon;
   export default DeviceLocationDisabled;
 }
 
-declare module 'material-ui/lib/svg-icons/device/signal-wifi-3-bar' {
+declare module 'material-ui/svg-icons/device/signal-wifi-3-bar' {
   export import DeviceSignalWifi3Bar = __MaterialUI.SvgIcon;
   export default DeviceSignalWifi3Bar;
 }
 
-declare module 'material-ui/lib/svg-icons/device/gps-not-fixed' {
+declare module 'material-ui/svg-icons/device/gps-not-fixed' {
   export import DeviceGpsNotFixed = __MaterialUI.SvgIcon;
   export default DeviceGpsNotFixed;
 }
 
-declare module 'material-ui/lib/svg-icons/device/signal-cellular-1-bar' {
+declare module 'material-ui/svg-icons/device/signal-cellular-1-bar' {
   export import DeviceSignalCellular1Bar = __MaterialUI.SvgIcon;
   export default DeviceSignalCellular1Bar;
 }
 
-declare module 'material-ui/lib/svg-icons/device/battery-charging-60' {
+declare module 'material-ui/svg-icons/device/battery-charging-60' {
   export import DeviceBatteryCharging60 = __MaterialUI.SvgIcon;
   export default DeviceBatteryCharging60;
 }
 
-declare module 'material-ui/lib/svg-icons/device/gps-off' {
+declare module 'material-ui/svg-icons/device/gps-off' {
   export import DeviceGpsOff = __MaterialUI.SvgIcon;
   export default DeviceGpsOff;
 }
 
-declare module 'material-ui/lib/svg-icons/device/signal-cellular-null' {
+declare module 'material-ui/svg-icons/device/signal-cellular-null' {
   export import DeviceSignalCellularNull = __MaterialUI.SvgIcon;
   export default DeviceSignalCellularNull;
 }
 
-declare module 'material-ui/lib/svg-icons/device/brightness-low' {
+declare module 'material-ui/svg-icons/device/brightness-low' {
   export import DeviceBrightnessLow = __MaterialUI.SvgIcon;
   export default DeviceBrightnessLow;
 }
 
-declare module 'material-ui/lib/svg-icons/device/sd-storage' {
+declare module 'material-ui/svg-icons/device/sd-storage' {
   export import DeviceSdStorage = __MaterialUI.SvgIcon;
   export default DeviceSdStorage;
 }
 
-declare module 'material-ui/lib/svg-icons/device/airplanemode-inactive' {
+declare module 'material-ui/svg-icons/device/airplanemode-inactive' {
   export import DeviceAirplanemodeInactive = __MaterialUI.SvgIcon;
   export default DeviceAirplanemodeInactive;
 }
 
-declare module 'material-ui/lib/svg-icons/device/widgets' {
+declare module 'material-ui/svg-icons/device/widgets' {
   export import DeviceWidgets = __MaterialUI.SvgIcon;
   export default DeviceWidgets;
 }
 
-declare module 'material-ui/lib/svg-icons/device/brightness-high' {
+declare module 'material-ui/svg-icons/device/brightness-high' {
   export import DeviceBrightnessHigh = __MaterialUI.SvgIcon;
   export default DeviceBrightnessHigh;
 }
 
-declare module 'material-ui/lib/svg-icons/device/battery-20' {
+declare module 'material-ui/svg-icons/device/battery-20' {
   export import DeviceBattery20 = __MaterialUI.SvgIcon;
   export default DeviceBattery20;
 }
 
-declare module 'material-ui/lib/svg-icons/device/bluetooth-disabled' {
+declare module 'material-ui/svg-icons/device/bluetooth-disabled' {
   export import DeviceBluetoothDisabled = __MaterialUI.SvgIcon;
   export default DeviceBluetoothDisabled;
 }
 
-declare module 'material-ui/lib/svg-icons/device/signal-wifi-4-bar-lock' {
+declare module 'material-ui/svg-icons/device/signal-wifi-4-bar-lock' {
   export import DeviceSignalWifi4BarLock = __MaterialUI.SvgIcon;
   export default DeviceSignalWifi4BarLock;
 }
 
-declare module 'material-ui/lib/svg-icons/device/developer-mode' {
+declare module 'material-ui/svg-icons/device/developer-mode' {
   export import DeviceDeveloperMode = __MaterialUI.SvgIcon;
   export default DeviceDeveloperMode;
 }
 
-declare module 'material-ui/lib/svg-icons/device/battery-50' {
+declare module 'material-ui/svg-icons/device/battery-50' {
   export import DeviceBattery50 = __MaterialUI.SvgIcon;
   export default DeviceBattery50;
 }
 
-declare module 'material-ui/lib/svg-icons/device/signal-cellular-connected-no-internet-1-bar' {
+declare module 'material-ui/svg-icons/device/signal-cellular-connected-no-internet-1-bar' {
   export import DeviceSignalCellularConnectedNoInternet1Bar = __MaterialUI.SvgIcon;
   export default DeviceSignalCellularConnectedNoInternet1Bar;
 }
 
-declare module 'material-ui/lib/svg-icons/device/signal-cellular-2-bar' {
+declare module 'material-ui/svg-icons/device/signal-cellular-2-bar' {
   export import DeviceSignalCellular2Bar = __MaterialUI.SvgIcon;
   export default DeviceSignalCellular2Bar;
 }
 
-declare module 'material-ui/lib/svg-icons/device/signal-cellular-connected-no-internet-2-bar' {
+declare module 'material-ui/svg-icons/device/signal-cellular-connected-no-internet-2-bar' {
   export import DeviceSignalCellularConnectedNoInternet2Bar = __MaterialUI.SvgIcon;
   export default DeviceSignalCellularConnectedNoInternet2Bar;
 }
 
-declare module 'material-ui/lib/svg-icons/device/signal-cellular-0-bar' {
+declare module 'material-ui/svg-icons/device/signal-cellular-0-bar' {
   export import DeviceSignalCellular0Bar = __MaterialUI.SvgIcon;
   export default DeviceSignalCellular0Bar;
 }
 
-declare module 'material-ui/lib/svg-icons/device/signal-wifi-1-bar-lock' {
+declare module 'material-ui/svg-icons/device/signal-wifi-1-bar-lock' {
   export import DeviceSignalWifi1BarLock = __MaterialUI.SvgIcon;
   export default DeviceSignalWifi1BarLock;
 }
 
-declare module 'material-ui/lib/svg-icons/navigation/arrow-forward' {
+declare module 'material-ui/svg-icons/navigation/arrow-forward' {
   export import NavigationArrowForward = __MaterialUI.SvgIcon;
   export default NavigationArrowForward;
 }
 
-declare module 'material-ui/lib/svg-icons/navigation/unfold-more' {
+declare module 'material-ui/svg-icons/navigation/unfold-more' {
   export import NavigationUnfoldMore = __MaterialUI.SvgIcon;
   export default NavigationUnfoldMore;
 }
 
-declare module 'material-ui/lib/svg-icons/navigation/arrow-drop-down' {
+declare module 'material-ui/svg-icons/navigation/arrow-drop-down' {
   export import NavigationArrowDropDown = __MaterialUI.SvgIcon;
   export default NavigationArrowDropDown;
 }
 
-declare module 'material-ui/lib/svg-icons/navigation/arrow-back' {
+declare module 'material-ui/svg-icons/navigation/arrow-back' {
   export import NavigationArrowBack = __MaterialUI.SvgIcon;
   export default NavigationArrowBack;
 }
 
-declare module 'material-ui/lib/svg-icons/navigation/arrow-downward' {
+declare module 'material-ui/svg-icons/navigation/arrow-downward' {
   export import NavigationArrowDownward = __MaterialUI.SvgIcon;
   export default NavigationArrowDownward;
 }
 
-declare module 'material-ui/lib/svg-icons/navigation/fullscreen' {
+declare module 'material-ui/svg-icons/navigation/fullscreen' {
   export import NavigationFullscreen = __MaterialUI.SvgIcon;
   export default NavigationFullscreen;
 }
 
-declare module 'material-ui/lib/svg-icons/navigation/unfold-less' {
+declare module 'material-ui/svg-icons/navigation/unfold-less' {
   export import NavigationUnfoldLess = __MaterialUI.SvgIcon;
   export default NavigationUnfoldLess;
 }
 
-declare module 'material-ui/lib/svg-icons/navigation/chevron-right' {
+declare module 'material-ui/svg-icons/navigation/chevron-right' {
   export import NavigationChevronRight = __MaterialUI.SvgIcon;
   export default NavigationChevronRight;
 }
 
-declare module 'material-ui/lib/svg-icons/navigation/arrow-drop-down-circle' {
+declare module 'material-ui/svg-icons/navigation/arrow-drop-down-circle' {
   export import NavigationArrowDropDownCircle = __MaterialUI.SvgIcon;
   export default NavigationArrowDropDownCircle;
 }
 
-declare module 'material-ui/lib/svg-icons/navigation/check' {
+declare module 'material-ui/svg-icons/navigation/check' {
   export import NavigationCheck = __MaterialUI.SvgIcon;
   export default NavigationCheck;
 }
 
-declare module 'material-ui/lib/svg-icons/navigation/fullscreen-exit' {
+declare module 'material-ui/svg-icons/navigation/fullscreen-exit' {
   export import NavigationFullscreenExit = __MaterialUI.SvgIcon;
   export default NavigationFullscreenExit;
 }
 
-declare module 'material-ui/lib/svg-icons/navigation/chevron-left' {
+declare module 'material-ui/svg-icons/navigation/chevron-left' {
   export import NavigationChevronLeft = __MaterialUI.SvgIcon;
   export default NavigationChevronLeft;
 }
 
-declare module 'material-ui/lib/svg-icons/navigation/menu' {
+declare module 'material-ui/svg-icons/navigation/menu' {
   export import NavigationMenu = __MaterialUI.SvgIcon;
   export default NavigationMenu;
 }
 
-declare module 'material-ui/lib/svg-icons/navigation/apps' {
+declare module 'material-ui/svg-icons/navigation/apps' {
   export import NavigationApps = __MaterialUI.SvgIcon;
   export default NavigationApps;
 }
 
-declare module 'material-ui/lib/svg-icons/navigation/arrow-upward' {
+declare module 'material-ui/svg-icons/navigation/arrow-upward' {
   export import NavigationArrowUpward = __MaterialUI.SvgIcon;
   export default NavigationArrowUpward;
 }
 
-declare module 'material-ui/lib/svg-icons/navigation/close' {
+declare module 'material-ui/svg-icons/navigation/close' {
   export import NavigationClose = __MaterialUI.SvgIcon;
   export default NavigationClose;
 }
 
-declare module 'material-ui/lib/svg-icons/navigation/more-horiz' {
+declare module 'material-ui/svg-icons/navigation/more-horiz' {
   export import NavigationMoreHoriz = __MaterialUI.SvgIcon;
   export default NavigationMoreHoriz;
 }
 
-declare module 'material-ui/lib/svg-icons/navigation/cancel' {
+declare module 'material-ui/svg-icons/navigation/cancel' {
   export import NavigationCancel = __MaterialUI.SvgIcon;
   export default NavigationCancel;
 }
 
-declare module 'material-ui/lib/svg-icons/navigation/subdirectory-arrow-right' {
+declare module 'material-ui/svg-icons/navigation/subdirectory-arrow-right' {
   export import NavigationSubdirectoryArrowRight = __MaterialUI.SvgIcon;
   export default NavigationSubdirectoryArrowRight;
 }
 
-declare module 'material-ui/lib/svg-icons/navigation/expand-more' {
+declare module 'material-ui/svg-icons/navigation/expand-more' {
   export import NavigationExpandMore = __MaterialUI.SvgIcon;
   export default NavigationExpandMore;
 }
 
-declare module 'material-ui/lib/svg-icons/navigation/arrow-drop-up' {
+declare module 'material-ui/svg-icons/navigation/arrow-drop-up' {
   export import NavigationArrowDropUp = __MaterialUI.SvgIcon;
   export default NavigationArrowDropUp;
 }
 
-declare module 'material-ui/lib/svg-icons/navigation/subdirectory-arrow-left' {
+declare module 'material-ui/svg-icons/navigation/subdirectory-arrow-left' {
   export import NavigationSubdirectoryArrowLeft = __MaterialUI.SvgIcon;
   export default NavigationSubdirectoryArrowLeft;
 }
 
-declare module 'material-ui/lib/svg-icons/navigation/expand-less' {
+declare module 'material-ui/svg-icons/navigation/expand-less' {
   export import NavigationExpandLess = __MaterialUI.SvgIcon;
   export default NavigationExpandLess;
 }
 
-declare module 'material-ui/lib/svg-icons/navigation/refresh' {
+declare module 'material-ui/svg-icons/navigation/refresh' {
   export import NavigationRefresh = __MaterialUI.SvgIcon;
   export default NavigationRefresh;
 }
 
-declare module 'material-ui/lib/svg-icons/navigation/more-vert' {
+declare module 'material-ui/svg-icons/navigation/more-vert' {
   export import NavigationMoreVert = __MaterialUI.SvgIcon;
   export default NavigationMoreVert;
 }
 
-declare module 'material-ui/lib/svg-icons/notification/rv-hookup' {
+declare module 'material-ui/svg-icons/notification/rv-hookup' {
   export import NotificationRvHookup = __MaterialUI.SvgIcon;
   export default NotificationRvHookup;
 }
 
-declare module 'material-ui/lib/svg-icons/notification/no-encryption' {
+declare module 'material-ui/svg-icons/notification/no-encryption' {
   export import NotificationNoEncryption = __MaterialUI.SvgIcon;
   export default NotificationNoEncryption;
 }
 
-declare module 'material-ui/lib/svg-icons/notification/phone-forwarded' {
+declare module 'material-ui/svg-icons/notification/phone-forwarded' {
   export import NotificationPhoneForwarded = __MaterialUI.SvgIcon;
   export default NotificationPhoneForwarded;
 }
 
-declare module 'material-ui/lib/svg-icons/notification/airline-seat-flat-angled' {
+declare module 'material-ui/svg-icons/notification/airline-seat-flat-angled' {
   export import NotificationAirlineSeatFlatAngled = __MaterialUI.SvgIcon;
   export default NotificationAirlineSeatFlatAngled;
 }
 
-declare module 'material-ui/lib/svg-icons/notification/time-to-leave' {
+declare module 'material-ui/svg-icons/notification/time-to-leave' {
   export import NotificationTimeToLeave = __MaterialUI.SvgIcon;
   export default NotificationTimeToLeave;
 }
 
-declare module 'material-ui/lib/svg-icons/notification/airline-seat-legroom-extra' {
+declare module 'material-ui/svg-icons/notification/airline-seat-legroom-extra' {
   export import NotificationAirlineSeatLegroomExtra = __MaterialUI.SvgIcon;
   export default NotificationAirlineSeatLegroomExtra;
 }
 
-declare module 'material-ui/lib/svg-icons/notification/airline-seat-recline-extra' {
+declare module 'material-ui/svg-icons/notification/airline-seat-recline-extra' {
   export import NotificationAirlineSeatReclineExtra = __MaterialUI.SvgIcon;
   export default NotificationAirlineSeatReclineExtra;
 }
 
-declare module 'material-ui/lib/svg-icons/notification/airline-seat-individual-suite' {
+declare module 'material-ui/svg-icons/notification/airline-seat-individual-suite' {
   export import NotificationAirlineSeatIndividualSuite = __MaterialUI.SvgIcon;
   export default NotificationAirlineSeatIndividualSuite;
 }
 
-declare module 'material-ui/lib/svg-icons/notification/vibration' {
+declare module 'material-ui/svg-icons/notification/vibration' {
   export import NotificationVibration = __MaterialUI.SvgIcon;
   export default NotificationVibration;
 }
 
-declare module 'material-ui/lib/svg-icons/notification/sim-card-alert' {
+declare module 'material-ui/svg-icons/notification/sim-card-alert' {
   export import NotificationSimCardAlert = __MaterialUI.SvgIcon;
   export default NotificationSimCardAlert;
 }
 
-declare module 'material-ui/lib/svg-icons/notification/sms-failed' {
+declare module 'material-ui/svg-icons/notification/sms-failed' {
   export import NotificationSmsFailed = __MaterialUI.SvgIcon;
   export default NotificationSmsFailed;
 }
 
-declare module 'material-ui/lib/svg-icons/notification/airline-seat-flat' {
+declare module 'material-ui/svg-icons/notification/airline-seat-flat' {
   export import NotificationAirlineSeatFlat = __MaterialUI.SvgIcon;
   export default NotificationAirlineSeatFlat;
 }
 
-declare module 'material-ui/lib/svg-icons/notification/do-not-disturb' {
+declare module 'material-ui/svg-icons/notification/do-not-disturb' {
   export import NotificationDoNotDisturb = __MaterialUI.SvgIcon;
   export default NotificationDoNotDisturb;
 }
 
-declare module 'material-ui/lib/svg-icons/notification/sync-problem' {
+declare module 'material-ui/svg-icons/notification/sync-problem' {
   export import NotificationSyncProblem = __MaterialUI.SvgIcon;
   export default NotificationSyncProblem;
 }
 
-declare module 'material-ui/lib/svg-icons/notification/event-available' {
+declare module 'material-ui/svg-icons/notification/event-available' {
   export import NotificationEventAvailable = __MaterialUI.SvgIcon;
   export default NotificationEventAvailable;
 }
 
-declare module 'material-ui/lib/svg-icons/notification/network-check' {
+declare module 'material-ui/svg-icons/notification/network-check' {
   export import NotificationNetworkCheck = __MaterialUI.SvgIcon;
   export default NotificationNetworkCheck;
 }
 
-declare module 'material-ui/lib/svg-icons/notification/sms' {
+declare module 'material-ui/svg-icons/notification/sms' {
   export import NotificationSms = __MaterialUI.SvgIcon;
   export default NotificationSms;
 }
 
-declare module 'material-ui/lib/svg-icons/notification/disc-full' {
+declare module 'material-ui/svg-icons/notification/disc-full' {
   export import NotificationDiscFull = __MaterialUI.SvgIcon;
   export default NotificationDiscFull;
 }
 
-declare module 'material-ui/lib/svg-icons/notification/do-not-disturb-alt' {
+declare module 'material-ui/svg-icons/notification/do-not-disturb-alt' {
   export import NotificationDoNotDisturbAlt = __MaterialUI.SvgIcon;
   export default NotificationDoNotDisturbAlt;
 }
 
-declare module 'material-ui/lib/svg-icons/notification/system-update' {
+declare module 'material-ui/svg-icons/notification/system-update' {
   export import NotificationSystemUpdate = __MaterialUI.SvgIcon;
   export default NotificationSystemUpdate;
 }
 
-declare module 'material-ui/lib/svg-icons/notification/phone-bluetooth-speaker' {
+declare module 'material-ui/svg-icons/notification/phone-bluetooth-speaker' {
   export import NotificationPhoneBluetoothSpeaker = __MaterialUI.SvgIcon;
   export default NotificationPhoneBluetoothSpeaker;
 }
 
-declare module 'material-ui/lib/svg-icons/notification/ondemand-video' {
+declare module 'material-ui/svg-icons/notification/ondemand-video' {
   export import NotificationOndemandVideo = __MaterialUI.SvgIcon;
   export default NotificationOndemandVideo;
 }
 
-declare module 'material-ui/lib/svg-icons/notification/power' {
+declare module 'material-ui/svg-icons/notification/power' {
   export import NotificationPower = __MaterialUI.SvgIcon;
   export default NotificationPower;
 }
 
-declare module 'material-ui/lib/svg-icons/notification/phone-locked' {
+declare module 'material-ui/svg-icons/notification/phone-locked' {
   export import NotificationPhoneLocked = __MaterialUI.SvgIcon;
   export default NotificationPhoneLocked;
 }
 
-declare module 'material-ui/lib/svg-icons/notification/sd-card' {
+declare module 'material-ui/svg-icons/notification/sd-card' {
   export import NotificationSdCard = __MaterialUI.SvgIcon;
   export default NotificationSdCard;
 }
 
-declare module 'material-ui/lib/svg-icons/notification/event-busy' {
+declare module 'material-ui/svg-icons/notification/event-busy' {
   export import NotificationEventBusy = __MaterialUI.SvgIcon;
   export default NotificationEventBusy;
 }
 
-declare module 'material-ui/lib/svg-icons/notification/personal-video' {
+declare module 'material-ui/svg-icons/notification/personal-video' {
   export import NotificationPersonalVideo = __MaterialUI.SvgIcon;
   export default NotificationPersonalVideo;
 }
 
-declare module 'material-ui/lib/svg-icons/notification/airline-seat-legroom-normal' {
+declare module 'material-ui/svg-icons/notification/airline-seat-legroom-normal' {
   export import NotificationAirlineSeatLegroomNormal = __MaterialUI.SvgIcon;
   export default NotificationAirlineSeatLegroomNormal;
 }
 
-declare module 'material-ui/lib/svg-icons/notification/phone-in-talk' {
+declare module 'material-ui/svg-icons/notification/phone-in-talk' {
   export import NotificationPhoneInTalk = __MaterialUI.SvgIcon;
   export default NotificationPhoneInTalk;
 }
 
-declare module 'material-ui/lib/svg-icons/notification/airline-seat-legroom-reduced' {
+declare module 'material-ui/svg-icons/notification/airline-seat-legroom-reduced' {
   export import NotificationAirlineSeatLegroomReduced = __MaterialUI.SvgIcon;
   export default NotificationAirlineSeatLegroomReduced;
 }
 
-declare module 'material-ui/lib/svg-icons/notification/phone-paused' {
+declare module 'material-ui/svg-icons/notification/phone-paused' {
   export import NotificationPhonePaused = __MaterialUI.SvgIcon;
   export default NotificationPhonePaused;
 }
 
-declare module 'material-ui/lib/svg-icons/notification/sync-disabled' {
+declare module 'material-ui/svg-icons/notification/sync-disabled' {
   export import NotificationSyncDisabled = __MaterialUI.SvgIcon;
   export default NotificationSyncDisabled;
 }
 
-declare module 'material-ui/lib/svg-icons/notification/enhanced-encryption' {
+declare module 'material-ui/svg-icons/notification/enhanced-encryption' {
   export import NotificationEnhancedEncryption = __MaterialUI.SvgIcon;
   export default NotificationEnhancedEncryption;
 }
 
-declare module 'material-ui/lib/svg-icons/notification/mms' {
+declare module 'material-ui/svg-icons/notification/mms' {
   export import NotificationMms = __MaterialUI.SvgIcon;
   export default NotificationMms;
 }
 
-declare module 'material-ui/lib/svg-icons/notification/drive-eta' {
+declare module 'material-ui/svg-icons/notification/drive-eta' {
   export import NotificationDriveEta = __MaterialUI.SvgIcon;
   export default NotificationDriveEta;
 }
 
-declare module 'material-ui/lib/svg-icons/notification/voice-chat' {
+declare module 'material-ui/svg-icons/notification/voice-chat' {
   export import NotificationVoiceChat = __MaterialUI.SvgIcon;
   export default NotificationVoiceChat;
 }
 
-declare module 'material-ui/lib/svg-icons/notification/wifi' {
+declare module 'material-ui/svg-icons/notification/wifi' {
   export import NotificationWifi = __MaterialUI.SvgIcon;
   export default NotificationWifi;
 }
 
-declare module 'material-ui/lib/svg-icons/notification/airline-seat-recline-normal' {
+declare module 'material-ui/svg-icons/notification/airline-seat-recline-normal' {
   export import NotificationAirlineSeatReclineNormal = __MaterialUI.SvgIcon;
   export default NotificationAirlineSeatReclineNormal;
 }
 
-declare module 'material-ui/lib/svg-icons/notification/more' {
+declare module 'material-ui/svg-icons/notification/more' {
   export import NotificationMore = __MaterialUI.SvgIcon;
   export default NotificationMore;
 }
 
-declare module 'material-ui/lib/svg-icons/notification/vpn-lock' {
+declare module 'material-ui/svg-icons/notification/vpn-lock' {
   export import NotificationVpnLock = __MaterialUI.SvgIcon;
   export default NotificationVpnLock;
 }
 
-declare module 'material-ui/lib/svg-icons/notification/event-note' {
+declare module 'material-ui/svg-icons/notification/event-note' {
   export import NotificationEventNote = __MaterialUI.SvgIcon;
   export default NotificationEventNote;
 }
 
-declare module 'material-ui/lib/svg-icons/notification/confirmation-number' {
+declare module 'material-ui/svg-icons/notification/confirmation-number' {
   export import NotificationConfirmationNumber = __MaterialUI.SvgIcon;
   export default NotificationConfirmationNumber;
 }
 
-declare module 'material-ui/lib/svg-icons/notification/network-locked' {
+declare module 'material-ui/svg-icons/notification/network-locked' {
   export import NotificationNetworkLocked = __MaterialUI.SvgIcon;
   export default NotificationNetworkLocked;
 }
 
-declare module 'material-ui/lib/svg-icons/notification/adb' {
+declare module 'material-ui/svg-icons/notification/adb' {
   export import NotificationAdb = __MaterialUI.SvgIcon;
   export default NotificationAdb;
 }
 
-declare module 'material-ui/lib/svg-icons/notification/bluetooth-audio' {
+declare module 'material-ui/svg-icons/notification/bluetooth-audio' {
   export import NotificationBluetoothAudio = __MaterialUI.SvgIcon;
   export default NotificationBluetoothAudio;
 }
 
-declare module 'material-ui/lib/svg-icons/notification/wc' {
+declare module 'material-ui/svg-icons/notification/wc' {
   export import NotificationWc = __MaterialUI.SvgIcon;
   export default NotificationWc;
 }
 
-declare module 'material-ui/lib/svg-icons/notification/tap-and-play' {
+declare module 'material-ui/svg-icons/notification/tap-and-play' {
   export import NotificationTapAndPlay = __MaterialUI.SvgIcon;
   export default NotificationTapAndPlay;
 }
 
-declare module 'material-ui/lib/svg-icons/notification/folder-special' {
+declare module 'material-ui/svg-icons/notification/folder-special' {
   export import NotificationFolderSpecial = __MaterialUI.SvgIcon;
   export default NotificationFolderSpecial;
 }
 
-declare module 'material-ui/lib/svg-icons/notification/live-tv' {
+declare module 'material-ui/svg-icons/notification/live-tv' {
   export import NotificationLiveTv = __MaterialUI.SvgIcon;
   export default NotificationLiveTv;
 }
 
-declare module 'material-ui/lib/svg-icons/notification/sync' {
+declare module 'material-ui/svg-icons/notification/sync' {
   export import NotificationSync = __MaterialUI.SvgIcon;
   export default NotificationSync;
 }
 
-declare module 'material-ui/lib/svg-icons/notification/phone-missed' {
+declare module 'material-ui/svg-icons/notification/phone-missed' {
   export import NotificationPhoneMissed = __MaterialUI.SvgIcon;
   export default NotificationPhoneMissed;
 }
 
-declare module 'material-ui/lib/svg-icons/av/skip-previous' {
+declare module 'material-ui/svg-icons/av/skip-previous' {
   export import AvSkipPrevious = __MaterialUI.SvgIcon;
   export default AvSkipPrevious;
 }
 
-declare module 'material-ui/lib/svg-icons/av/volume-off' {
+declare module 'material-ui/svg-icons/av/volume-off' {
   export import AvVolumeOff = __MaterialUI.SvgIcon;
   export default AvVolumeOff;
 }
 
-declare module 'material-ui/lib/svg-icons/av/subscriptions' {
+declare module 'material-ui/svg-icons/av/subscriptions' {
   export import AvSubscriptions = __MaterialUI.SvgIcon;
   export default AvSubscriptions;
 }
 
-declare module 'material-ui/lib/svg-icons/av/play-arrow' {
+declare module 'material-ui/svg-icons/av/play-arrow' {
   export import AvPlayArrow = __MaterialUI.SvgIcon;
   export default AvPlayArrow;
 }
 
-declare module 'material-ui/lib/svg-icons/av/play-circle-outline' {
+declare module 'material-ui/svg-icons/av/play-circle-outline' {
   export import AvPlayCircleOutline = __MaterialUI.SvgIcon;
   export default AvPlayCircleOutline;
 }
 
-declare module 'material-ui/lib/svg-icons/av/replay-30' {
+declare module 'material-ui/svg-icons/av/replay-30' {
   export import AvReplay30 = __MaterialUI.SvgIcon;
   export default AvReplay30;
 }
 
-declare module 'material-ui/lib/svg-icons/av/videocam' {
+declare module 'material-ui/svg-icons/av/videocam' {
   export import AvVideocam = __MaterialUI.SvgIcon;
   export default AvVideocam;
 }
 
-declare module 'material-ui/lib/svg-icons/av/replay-5' {
+declare module 'material-ui/svg-icons/av/replay-5' {
   export import AvReplay5 = __MaterialUI.SvgIcon;
   export default AvReplay5;
 }
 
-declare module 'material-ui/lib/svg-icons/av/forward-10' {
+declare module 'material-ui/svg-icons/av/forward-10' {
   export import AvForward10 = __MaterialUI.SvgIcon;
   export default AvForward10;
 }
 
-declare module 'material-ui/lib/svg-icons/av/recent-actors' {
+declare module 'material-ui/svg-icons/av/recent-actors' {
   export import AvRecentActors = __MaterialUI.SvgIcon;
   export default AvRecentActors;
 }
 
-declare module 'material-ui/lib/svg-icons/av/replay-10' {
+declare module 'material-ui/svg-icons/av/replay-10' {
   export import AvReplay10 = __MaterialUI.SvgIcon;
   export default AvReplay10;
 }
 
-declare module 'material-ui/lib/svg-icons/av/repeat' {
+declare module 'material-ui/svg-icons/av/repeat' {
   export import AvRepeat = __MaterialUI.SvgIcon;
   export default AvRepeat;
 }
 
-declare module 'material-ui/lib/svg-icons/av/queue-music' {
+declare module 'material-ui/svg-icons/av/queue-music' {
   export import AvQueueMusic = __MaterialUI.SvgIcon;
   export default AvQueueMusic;
 }
 
-declare module 'material-ui/lib/svg-icons/av/fiber-pin' {
+declare module 'material-ui/svg-icons/av/fiber-pin' {
   export import AvFiberPin = __MaterialUI.SvgIcon;
   export default AvFiberPin;
 }
 
-declare module 'material-ui/lib/svg-icons/av/new-releases' {
+declare module 'material-ui/svg-icons/av/new-releases' {
   export import AvNewReleases = __MaterialUI.SvgIcon;
   export default AvNewReleases;
 }
 
-declare module 'material-ui/lib/svg-icons/av/fiber-new' {
+declare module 'material-ui/svg-icons/av/fiber-new' {
   export import AvFiberNew = __MaterialUI.SvgIcon;
   export default AvFiberNew;
 }
 
-declare module 'material-ui/lib/svg-icons/av/fiber-manual-record' {
+declare module 'material-ui/svg-icons/av/fiber-manual-record' {
   export import AvFiberManualRecord = __MaterialUI.SvgIcon;
   export default AvFiberManualRecord;
 }
 
-declare module 'material-ui/lib/svg-icons/av/hearing' {
+declare module 'material-ui/svg-icons/av/hearing' {
   export import AvHearing = __MaterialUI.SvgIcon;
   export default AvHearing;
 }
 
-declare module 'material-ui/lib/svg-icons/av/loop' {
+declare module 'material-ui/svg-icons/av/loop' {
   export import AvLoop = __MaterialUI.SvgIcon;
   export default AvLoop;
 }
 
-declare module 'material-ui/lib/svg-icons/av/volume-up' {
+declare module 'material-ui/svg-icons/av/volume-up' {
   export import AvVolumeUp = __MaterialUI.SvgIcon;
   export default AvVolumeUp;
 }
 
-declare module 'material-ui/lib/svg-icons/av/high-quality' {
+declare module 'material-ui/svg-icons/av/high-quality' {
   export import AvHighQuality = __MaterialUI.SvgIcon;
   export default AvHighQuality;
 }
 
-declare module 'material-ui/lib/svg-icons/av/surround-sound' {
+declare module 'material-ui/svg-icons/av/surround-sound' {
   export import AvSurroundSound = __MaterialUI.SvgIcon;
   export default AvSurroundSound;
 }
 
-declare module 'material-ui/lib/svg-icons/av/equalizer' {
+declare module 'material-ui/svg-icons/av/equalizer' {
   export import AvEqualizer = __MaterialUI.SvgIcon;
   export default AvEqualizer;
 }
 
-declare module 'material-ui/lib/svg-icons/av/music-video' {
+declare module 'material-ui/svg-icons/av/music-video' {
   export import AvMusicVideo = __MaterialUI.SvgIcon;
   export default AvMusicVideo;
 }
 
-declare module 'material-ui/lib/svg-icons/av/shuffle' {
+declare module 'material-ui/svg-icons/av/shuffle' {
   export import AvShuffle = __MaterialUI.SvgIcon;
   export default AvShuffle;
 }
 
-declare module 'material-ui/lib/svg-icons/av/volume-down' {
+declare module 'material-ui/svg-icons/av/volume-down' {
   export import AvVolumeDown = __MaterialUI.SvgIcon;
   export default AvVolumeDown;
 }
 
-declare module 'material-ui/lib/svg-icons/av/radio' {
+declare module 'material-ui/svg-icons/av/radio' {
   export import AvRadio = __MaterialUI.SvgIcon;
   export default AvRadio;
 }
 
-declare module 'material-ui/lib/svg-icons/av/web-asset' {
+declare module 'material-ui/svg-icons/av/web-asset' {
   export import AvWebAsset = __MaterialUI.SvgIcon;
   export default AvWebAsset;
 }
 
-declare module 'material-ui/lib/svg-icons/av/replay' {
+declare module 'material-ui/svg-icons/av/replay' {
   export import AvReplay = __MaterialUI.SvgIcon;
   export default AvReplay;
 }
 
-declare module 'material-ui/lib/svg-icons/av/queue-play-next' {
+declare module 'material-ui/svg-icons/av/queue-play-next' {
   export import AvQueuePlayNext = __MaterialUI.SvgIcon;
   export default AvQueuePlayNext;
 }
 
-declare module 'material-ui/lib/svg-icons/av/closed-caption' {
+declare module 'material-ui/svg-icons/av/closed-caption' {
   export import AvClosedCaption = __MaterialUI.SvgIcon;
   export default AvClosedCaption;
 }
 
-declare module 'material-ui/lib/svg-icons/av/fiber-dvr' {
+declare module 'material-ui/svg-icons/av/fiber-dvr' {
   export import AvFiberDvr = __MaterialUI.SvgIcon;
   export default AvFiberDvr;
 }
 
-declare module 'material-ui/lib/svg-icons/av/explicit' {
+declare module 'material-ui/svg-icons/av/explicit' {
   export import AvExplicit = __MaterialUI.SvgIcon;
   export default AvExplicit;
 }
 
-declare module 'material-ui/lib/svg-icons/av/games' {
+declare module 'material-ui/svg-icons/av/games' {
   export import AvGames = __MaterialUI.SvgIcon;
   export default AvGames;
 }
 
-declare module 'material-ui/lib/svg-icons/av/videocam-off' {
+declare module 'material-ui/svg-icons/av/videocam-off' {
   export import AvVideocamOff = __MaterialUI.SvgIcon;
   export default AvVideocamOff;
 }
 
-declare module 'material-ui/lib/svg-icons/av/hd' {
+declare module 'material-ui/svg-icons/av/hd' {
   export import AvHd = __MaterialUI.SvgIcon;
   export default AvHd;
 }
 
-declare module 'material-ui/lib/svg-icons/av/fast-rewind' {
+declare module 'material-ui/svg-icons/av/fast-rewind' {
   export import AvFastRewind = __MaterialUI.SvgIcon;
   export default AvFastRewind;
 }
 
-declare module 'material-ui/lib/svg-icons/av/add-to-queue' {
+declare module 'material-ui/svg-icons/av/add-to-queue' {
   export import AvAddToQueue = __MaterialUI.SvgIcon;
   export default AvAddToQueue;
 }
 
-declare module 'material-ui/lib/svg-icons/av/movie' {
+declare module 'material-ui/svg-icons/av/movie' {
   export import AvMovie = __MaterialUI.SvgIcon;
   export default AvMovie;
 }
 
-declare module 'material-ui/lib/svg-icons/av/library-books' {
+declare module 'material-ui/svg-icons/av/library-books' {
   export import AvLibraryBooks = __MaterialUI.SvgIcon;
   export default AvLibraryBooks;
 }
 
-declare module 'material-ui/lib/svg-icons/av/art-track' {
+declare module 'material-ui/svg-icons/av/art-track' {
   export import AvArtTrack = __MaterialUI.SvgIcon;
   export default AvArtTrack;
 }
 
-declare module 'material-ui/lib/svg-icons/av/web' {
+declare module 'material-ui/svg-icons/av/web' {
   export import AvWeb = __MaterialUI.SvgIcon;
   export default AvWeb;
 }
 
-declare module 'material-ui/lib/svg-icons/av/play-circle-filled' {
+declare module 'material-ui/svg-icons/av/play-circle-filled' {
   export import AvPlayCircleFilled = __MaterialUI.SvgIcon;
   export default AvPlayCircleFilled;
 }
 
-declare module 'material-ui/lib/svg-icons/av/snooze' {
+declare module 'material-ui/svg-icons/av/snooze' {
   export import AvSnooze = __MaterialUI.SvgIcon;
   export default AvSnooze;
 }
 
-declare module 'material-ui/lib/svg-icons/av/forward-5' {
+declare module 'material-ui/svg-icons/av/forward-5' {
   export import AvForward5 = __MaterialUI.SvgIcon;
   export default AvForward5;
 }
 
-declare module 'material-ui/lib/svg-icons/av/sort-by-alpha' {
+declare module 'material-ui/svg-icons/av/sort-by-alpha' {
   export import AvSortByAlpha = __MaterialUI.SvgIcon;
   export default AvSortByAlpha;
 }
 
-declare module 'material-ui/lib/svg-icons/av/pause-circle-filled' {
+declare module 'material-ui/svg-icons/av/pause-circle-filled' {
   export import AvPauseCircleFilled = __MaterialUI.SvgIcon;
   export default AvPauseCircleFilled;
 }
 
-declare module 'material-ui/lib/svg-icons/av/fiber-smart-record' {
+declare module 'material-ui/svg-icons/av/fiber-smart-record' {
   export import AvFiberSmartRecord = __MaterialUI.SvgIcon;
   export default AvFiberSmartRecord;
 }
 
-declare module 'material-ui/lib/svg-icons/av/stop' {
+declare module 'material-ui/svg-icons/av/stop' {
   export import AvStop = __MaterialUI.SvgIcon;
   export default AvStop;
 }
 
-declare module 'material-ui/lib/svg-icons/av/playlist-play' {
+declare module 'material-ui/svg-icons/av/playlist-play' {
   export import AvPlaylistPlay = __MaterialUI.SvgIcon;
   export default AvPlaylistPlay;
 }
 
-declare module 'material-ui/lib/svg-icons/av/library-add' {
+declare module 'material-ui/svg-icons/av/library-add' {
   export import AvLibraryAdd = __MaterialUI.SvgIcon;
   export default AvLibraryAdd;
 }
 
-declare module 'material-ui/lib/svg-icons/av/volume-mute' {
+declare module 'material-ui/svg-icons/av/volume-mute' {
   export import AvVolumeMute = __MaterialUI.SvgIcon;
   export default AvVolumeMute;
 }
 
-declare module 'material-ui/lib/svg-icons/av/skip-next' {
+declare module 'material-ui/svg-icons/av/skip-next' {
   export import AvSkipNext = __MaterialUI.SvgIcon;
   export default AvSkipNext;
 }
 
-declare module 'material-ui/lib/svg-icons/av/forward-30' {
+declare module 'material-ui/svg-icons/av/forward-30' {
   export import AvForward30 = __MaterialUI.SvgIcon;
   export default AvForward30;
 }
 
-declare module 'material-ui/lib/svg-icons/av/playlist-add' {
+declare module 'material-ui/svg-icons/av/playlist-add' {
   export import AvPlaylistAdd = __MaterialUI.SvgIcon;
   export default AvPlaylistAdd;
 }
 
-declare module 'material-ui/lib/svg-icons/av/album' {
+declare module 'material-ui/svg-icons/av/album' {
   export import AvAlbum = __MaterialUI.SvgIcon;
   export default AvAlbum;
 }
 
-declare module 'material-ui/lib/svg-icons/av/video-library' {
+declare module 'material-ui/svg-icons/av/video-library' {
   export import AvVideoLibrary = __MaterialUI.SvgIcon;
   export default AvVideoLibrary;
 }
 
-declare module 'material-ui/lib/svg-icons/av/library-music' {
+declare module 'material-ui/svg-icons/av/library-music' {
   export import AvLibraryMusic = __MaterialUI.SvgIcon;
   export default AvLibraryMusic;
 }
 
-declare module 'material-ui/lib/svg-icons/av/not-interested' {
+declare module 'material-ui/svg-icons/av/not-interested' {
   export import AvNotInterested = __MaterialUI.SvgIcon;
   export default AvNotInterested;
 }
 
-declare module 'material-ui/lib/svg-icons/av/playlist-add-check' {
+declare module 'material-ui/svg-icons/av/playlist-add-check' {
   export import AvPlaylistAddCheck = __MaterialUI.SvgIcon;
   export default AvPlaylistAddCheck;
 }
 
-declare module 'material-ui/lib/svg-icons/av/mic-none' {
+declare module 'material-ui/svg-icons/av/mic-none' {
   export import AvMicNone = __MaterialUI.SvgIcon;
   export default AvMicNone;
 }
 
-declare module 'material-ui/lib/svg-icons/av/pause' {
+declare module 'material-ui/svg-icons/av/pause' {
   export import AvPause = __MaterialUI.SvgIcon;
   export default AvPause;
 }
 
-declare module 'material-ui/lib/svg-icons/av/remove-from-queue' {
+declare module 'material-ui/svg-icons/av/remove-from-queue' {
   export import AvRemoveFromQueue = __MaterialUI.SvgIcon;
   export default AvRemoveFromQueue;
 }
 
-declare module 'material-ui/lib/svg-icons/av/slow-motion-video' {
+declare module 'material-ui/svg-icons/av/slow-motion-video' {
   export import AvSlowMotionVideo = __MaterialUI.SvgIcon;
   export default AvSlowMotionVideo;
 }
 
-declare module 'material-ui/lib/svg-icons/av/subtitles' {
+declare module 'material-ui/svg-icons/av/subtitles' {
   export import AvSubtitles = __MaterialUI.SvgIcon;
   export default AvSubtitles;
 }
 
-declare module 'material-ui/lib/svg-icons/av/mic-off' {
+declare module 'material-ui/svg-icons/av/mic-off' {
   export import AvMicOff = __MaterialUI.SvgIcon;
   export default AvMicOff;
 }
 
-declare module 'material-ui/lib/svg-icons/av/repeat-one' {
+declare module 'material-ui/svg-icons/av/repeat-one' {
   export import AvRepeatOne = __MaterialUI.SvgIcon;
   export default AvRepeatOne;
 }
 
-declare module 'material-ui/lib/svg-icons/av/queue' {
+declare module 'material-ui/svg-icons/av/queue' {
   export import AvQueue = __MaterialUI.SvgIcon;
   export default AvQueue;
 }
 
-declare module 'material-ui/lib/svg-icons/av/fast-forward' {
+declare module 'material-ui/svg-icons/av/fast-forward' {
   export import AvFastForward = __MaterialUI.SvgIcon;
   export default AvFastForward;
 }
 
-declare module 'material-ui/lib/svg-icons/av/mic' {
+declare module 'material-ui/svg-icons/av/mic' {
   export import AvMic = __MaterialUI.SvgIcon;
   export default AvMic;
 }
 
-declare module 'material-ui/lib/svg-icons/av/av-timer' {
+declare module 'material-ui/svg-icons/av/av-timer' {
   export import AvAvTimer = __MaterialUI.SvgIcon;
   export default AvAvTimer;
 }
 
-declare module 'material-ui/lib/svg-icons/av/pause-circle-outline' {
+declare module 'material-ui/svg-icons/av/pause-circle-outline' {
   export import AvPauseCircleOutline = __MaterialUI.SvgIcon;
   export default AvPauseCircleOutline;
 }
 
-declare module 'material-ui/lib/svg-icons/av/airplay' {
+declare module 'material-ui/svg-icons/av/airplay' {
   export import AvAirplay = __MaterialUI.SvgIcon;
   export default AvAirplay;
 }
 
-declare module 'material-ui/lib/svg-icons/image/camera-rear' {
+declare module 'material-ui/svg-icons/image/camera-rear' {
   export import ImageCameraRear = __MaterialUI.SvgIcon;
   export default ImageCameraRear;
 }
 
-declare module 'material-ui/lib/svg-icons/image/add-a-photo' {
+declare module 'material-ui/svg-icons/image/add-a-photo' {
   export import ImageAddAPhoto = __MaterialUI.SvgIcon;
   export default ImageAddAPhoto;
 }
 
-declare module 'material-ui/lib/svg-icons/image/portrait' {
+declare module 'material-ui/svg-icons/image/portrait' {
   export import ImagePortrait = __MaterialUI.SvgIcon;
   export default ImagePortrait;
 }
 
-declare module 'material-ui/lib/svg-icons/image/looks' {
+declare module 'material-ui/svg-icons/image/looks' {
   export import ImageLooks = __MaterialUI.SvgIcon;
   export default ImageLooks;
 }
 
-declare module 'material-ui/lib/svg-icons/image/exposure-neg-2' {
+declare module 'material-ui/svg-icons/image/exposure-neg-2' {
   export import ImageExposureNeg2 = __MaterialUI.SvgIcon;
   export default ImageExposureNeg2;
 }
 
-declare module 'material-ui/lib/svg-icons/image/wb-cloudy' {
+declare module 'material-ui/svg-icons/image/wb-cloudy' {
   export import ImageWbCloudy = __MaterialUI.SvgIcon;
   export default ImageWbCloudy;
 }
 
-declare module 'material-ui/lib/svg-icons/image/switch-video' {
+declare module 'material-ui/svg-icons/image/switch-video' {
   export import ImageSwitchVideo = __MaterialUI.SvgIcon;
   export default ImageSwitchVideo;
 }
 
-declare module 'material-ui/lib/svg-icons/image/wb-auto' {
+declare module 'material-ui/svg-icons/image/wb-auto' {
   export import ImageWbAuto = __MaterialUI.SvgIcon;
   export default ImageWbAuto;
 }
 
-declare module 'material-ui/lib/svg-icons/image/filter-center-focus' {
+declare module 'material-ui/svg-icons/image/filter-center-focus' {
   export import ImageFilterCenterFocus = __MaterialUI.SvgIcon;
   export default ImageFilterCenterFocus;
 }
 
-declare module 'material-ui/lib/svg-icons/image/crop-7-5' {
+declare module 'material-ui/svg-icons/image/crop-7-5' {
   export import ImageCrop75 = __MaterialUI.SvgIcon;
   export default ImageCrop75;
 }
 
-declare module 'material-ui/lib/svg-icons/image/crop-3-2' {
+declare module 'material-ui/svg-icons/image/crop-3-2' {
   export import ImageCrop32 = __MaterialUI.SvgIcon;
   export default ImageCrop32;
 }
 
-declare module 'material-ui/lib/svg-icons/image/assistant-photo' {
+declare module 'material-ui/svg-icons/image/assistant-photo' {
   export import ImageAssistantPhoto = __MaterialUI.SvgIcon;
   export default ImageAssistantPhoto;
 }
 
-declare module 'material-ui/lib/svg-icons/image/looks-one' {
+declare module 'material-ui/svg-icons/image/looks-one' {
   export import ImageLooksOne = __MaterialUI.SvgIcon;
   export default ImageLooksOne;
 }
 
-declare module 'material-ui/lib/svg-icons/image/collections-bookmark' {
+declare module 'material-ui/svg-icons/image/collections-bookmark' {
   export import ImageCollectionsBookmark = __MaterialUI.SvgIcon;
   export default ImageCollectionsBookmark;
 }
 
-declare module 'material-ui/lib/svg-icons/image/image-aspect-ratio' {
+declare module 'material-ui/svg-icons/image/image-aspect-ratio' {
   export import ImageImageAspectRatio = __MaterialUI.SvgIcon;
   export default ImageImageAspectRatio;
 }
 
-declare module 'material-ui/lib/svg-icons/image/brush' {
+declare module 'material-ui/svg-icons/image/brush' {
   export import ImageBrush = __MaterialUI.SvgIcon;
   export default ImageBrush;
 }
 
-declare module 'material-ui/lib/svg-icons/image/linked-camera' {
+declare module 'material-ui/svg-icons/image/linked-camera' {
   export import ImageLinkedCamera = __MaterialUI.SvgIcon;
   export default ImageLinkedCamera;
 }
 
-declare module 'material-ui/lib/svg-icons/image/filter-1' {
+declare module 'material-ui/svg-icons/image/filter-1' {
   export import ImageFilter1 = __MaterialUI.SvgIcon;
   export default ImageFilter1;
 }
 
-declare module 'material-ui/lib/svg-icons/image/edit' {
+declare module 'material-ui/svg-icons/image/edit' {
   export import ImageEdit = __MaterialUI.SvgIcon;
   export default ImageEdit;
 }
 
-declare module 'material-ui/lib/svg-icons/image/timelapse' {
+declare module 'material-ui/svg-icons/image/timelapse' {
   export import ImageTimelapse = __MaterialUI.SvgIcon;
   export default ImageTimelapse;
 }
 
-declare module 'material-ui/lib/svg-icons/image/nature' {
+declare module 'material-ui/svg-icons/image/nature' {
   export import ImageNature = __MaterialUI.SvgIcon;
   export default ImageNature;
 }
 
-declare module 'material-ui/lib/svg-icons/image/monochrome-photos' {
+declare module 'material-ui/svg-icons/image/monochrome-photos' {
   export import ImageMonochromePhotos = __MaterialUI.SvgIcon;
   export default ImageMonochromePhotos;
 }
 
-declare module 'material-ui/lib/svg-icons/image/brightness-6' {
+declare module 'material-ui/svg-icons/image/brightness-6' {
   export import ImageBrightness6 = __MaterialUI.SvgIcon;
   export default ImageBrightness6;
 }
 
-declare module 'material-ui/lib/svg-icons/image/music-note' {
+declare module 'material-ui/svg-icons/image/music-note' {
   export import ImageMusicNote = __MaterialUI.SvgIcon;
   export default ImageMusicNote;
 }
 
-declare module 'material-ui/lib/svg-icons/image/collections' {
+declare module 'material-ui/svg-icons/image/collections' {
   export import ImageCollections = __MaterialUI.SvgIcon;
   export default ImageCollections;
 }
 
-declare module 'material-ui/lib/svg-icons/image/wb-sunny' {
+declare module 'material-ui/svg-icons/image/wb-sunny' {
   export import ImageWbSunny = __MaterialUI.SvgIcon;
   export default ImageWbSunny;
 }
 
-declare module 'material-ui/lib/svg-icons/image/hdr-strong' {
+declare module 'material-ui/svg-icons/image/hdr-strong' {
   export import ImageHdrStrong = __MaterialUI.SvgIcon;
   export default ImageHdrStrong;
 }
 
-declare module 'material-ui/lib/svg-icons/image/panorama-vertical' {
+declare module 'material-ui/svg-icons/image/panorama-vertical' {
   export import ImagePanoramaVertical = __MaterialUI.SvgIcon;
   export default ImagePanoramaVertical;
 }
 
-declare module 'material-ui/lib/svg-icons/image/navigate-next' {
+declare module 'material-ui/svg-icons/image/navigate-next' {
   export import ImageNavigateNext = __MaterialUI.SvgIcon;
   export default ImageNavigateNext;
 }
 
-declare module 'material-ui/lib/svg-icons/image/looks-4' {
+declare module 'material-ui/svg-icons/image/looks-4' {
   export import ImageLooks4 = __MaterialUI.SvgIcon;
   export default ImageLooks4;
 }
 
-declare module 'material-ui/lib/svg-icons/image/filter-4' {
+declare module 'material-ui/svg-icons/image/filter-4' {
   export import ImageFilter4 = __MaterialUI.SvgIcon;
   export default ImageFilter4;
 }
 
-declare module 'material-ui/lib/svg-icons/image/brightness-1' {
+declare module 'material-ui/svg-icons/image/brightness-1' {
   export import ImageBrightness1 = __MaterialUI.SvgIcon;
   export default ImageBrightness1;
 }
 
-declare module 'material-ui/lib/svg-icons/image/exposure-plus-1' {
+declare module 'material-ui/svg-icons/image/exposure-plus-1' {
   export import ImageExposurePlus1 = __MaterialUI.SvgIcon;
   export default ImageExposurePlus1;
 }
 
-declare module 'material-ui/lib/svg-icons/image/timer-3' {
+declare module 'material-ui/svg-icons/image/timer-3' {
   export import ImageTimer3 = __MaterialUI.SvgIcon;
   export default ImageTimer3;
 }
 
-declare module 'material-ui/lib/svg-icons/image/exposure-zero' {
+declare module 'material-ui/svg-icons/image/exposure-zero' {
   export import ImageExposureZero = __MaterialUI.SvgIcon;
   export default ImageExposureZero;
 }
 
-declare module 'material-ui/lib/svg-icons/image/blur-linear' {
+declare module 'material-ui/svg-icons/image/blur-linear' {
   export import ImageBlurLinear = __MaterialUI.SvgIcon;
   export default ImageBlurLinear;
 }
 
-declare module 'material-ui/lib/svg-icons/image/photo-library' {
+declare module 'material-ui/svg-icons/image/photo-library' {
   export import ImagePhotoLibrary = __MaterialUI.SvgIcon;
   export default ImagePhotoLibrary;
 }
 
-declare module 'material-ui/lib/svg-icons/image/filter-drama' {
+declare module 'material-ui/svg-icons/image/filter-drama' {
   export import ImageFilterDrama = __MaterialUI.SvgIcon;
   export default ImageFilterDrama;
 }
 
-declare module 'material-ui/lib/svg-icons/image/dehaze' {
+declare module 'material-ui/svg-icons/image/dehaze' {
   export import ImageDehaze = __MaterialUI.SvgIcon;
   export default ImageDehaze;
 }
 
-declare module 'material-ui/lib/svg-icons/image/control-point-duplicate' {
+declare module 'material-ui/svg-icons/image/control-point-duplicate' {
   export import ImageControlPointDuplicate = __MaterialUI.SvgIcon;
   export default ImageControlPointDuplicate;
 }
 
-declare module 'material-ui/lib/svg-icons/image/image' {
+declare module 'material-ui/svg-icons/image/image' {
   export import ImageImage = __MaterialUI.SvgIcon;
   export default ImageImage;
 }
 
-declare module 'material-ui/lib/svg-icons/image/flash-auto' {
+declare module 'material-ui/svg-icons/image/flash-auto' {
   export import ImageFlashAuto = __MaterialUI.SvgIcon;
   export default ImageFlashAuto;
 }
 
-declare module 'material-ui/lib/svg-icons/image/rotate-90-degrees-ccw' {
+declare module 'material-ui/svg-icons/image/rotate-90-degrees-ccw' {
   export import ImageRotate90DegreesCcw = __MaterialUI.SvgIcon;
   export default ImageRotate90DegreesCcw;
 }
 
-declare module 'material-ui/lib/svg-icons/image/blur-circular' {
+declare module 'material-ui/svg-icons/image/blur-circular' {
   export import ImageBlurCircular = __MaterialUI.SvgIcon;
   export default ImageBlurCircular;
 }
 
-declare module 'material-ui/lib/svg-icons/image/filter-3' {
+declare module 'material-ui/svg-icons/image/filter-3' {
   export import ImageFilter3 = __MaterialUI.SvgIcon;
   export default ImageFilter3;
 }
 
-declare module 'material-ui/lib/svg-icons/image/exposure-plus-2' {
+declare module 'material-ui/svg-icons/image/exposure-plus-2' {
   export import ImageExposurePlus2 = __MaterialUI.SvgIcon;
   export default ImageExposurePlus2;
 }
 
-declare module 'material-ui/lib/svg-icons/image/flash-on' {
+declare module 'material-ui/svg-icons/image/flash-on' {
   export import ImageFlashOn = __MaterialUI.SvgIcon;
   export default ImageFlashOn;
 }
 
-declare module 'material-ui/lib/svg-icons/image/view-comfy' {
+declare module 'material-ui/svg-icons/image/view-comfy' {
   export import ImageViewComfy = __MaterialUI.SvgIcon;
   export default ImageViewComfy;
 }
 
-declare module 'material-ui/lib/svg-icons/image/colorize' {
+declare module 'material-ui/svg-icons/image/colorize' {
   export import ImageColorize = __MaterialUI.SvgIcon;
   export default ImageColorize;
 }
 
-declare module 'material-ui/lib/svg-icons/image/brightness-4' {
+declare module 'material-ui/svg-icons/image/brightness-4' {
   export import ImageBrightness4 = __MaterialUI.SvgIcon;
   export default ImageBrightness4;
 }
 
-declare module 'material-ui/lib/svg-icons/image/crop-free' {
+declare module 'material-ui/svg-icons/image/crop-free' {
   export import ImageCropFree = __MaterialUI.SvgIcon;
   export default ImageCropFree;
 }
 
-declare module 'material-ui/lib/svg-icons/image/vignette' {
+declare module 'material-ui/svg-icons/image/vignette' {
   export import ImageVignette = __MaterialUI.SvgIcon;
   export default ImageVignette;
 }
 
-declare module 'material-ui/lib/svg-icons/image/tag-faces' {
+declare module 'material-ui/svg-icons/image/tag-faces' {
   export import ImageTagFaces = __MaterialUI.SvgIcon;
   export default ImageTagFaces;
 }
 
-declare module 'material-ui/lib/svg-icons/image/brightness-7' {
+declare module 'material-ui/svg-icons/image/brightness-7' {
   export import ImageBrightness7 = __MaterialUI.SvgIcon;
   export default ImageBrightness7;
 }
 
-declare module 'material-ui/lib/svg-icons/image/healing' {
+declare module 'material-ui/svg-icons/image/healing' {
   export import ImageHealing = __MaterialUI.SvgIcon;
   export default ImageHealing;
 }
 
-declare module 'material-ui/lib/svg-icons/image/nature-people' {
+declare module 'material-ui/svg-icons/image/nature-people' {
   export import ImageNaturePeople = __MaterialUI.SvgIcon;
   export default ImageNaturePeople;
 }
 
-declare module 'material-ui/lib/svg-icons/image/gradient' {
+declare module 'material-ui/svg-icons/image/gradient' {
   export import ImageGradient = __MaterialUI.SvgIcon;
   export default ImageGradient;
 }
 
-declare module 'material-ui/lib/svg-icons/image/flash-off' {
+declare module 'material-ui/svg-icons/image/flash-off' {
   export import ImageFlashOff = __MaterialUI.SvgIcon;
   export default ImageFlashOff;
 }
 
-declare module 'material-ui/lib/svg-icons/image/movie-creation' {
+declare module 'material-ui/svg-icons/image/movie-creation' {
   export import ImageMovieCreation = __MaterialUI.SvgIcon;
   export default ImageMovieCreation;
 }
 
-declare module 'material-ui/lib/svg-icons/image/leak-add' {
+declare module 'material-ui/svg-icons/image/leak-add' {
   export import ImageLeakAdd = __MaterialUI.SvgIcon;
   export default ImageLeakAdd;
 }
 
-declare module 'material-ui/lib/svg-icons/image/filter-5' {
+declare module 'material-ui/svg-icons/image/filter-5' {
   export import ImageFilter5 = __MaterialUI.SvgIcon;
   export default ImageFilter5;
 }
 
-declare module 'material-ui/lib/svg-icons/image/photo' {
+declare module 'material-ui/svg-icons/image/photo' {
   export import ImagePhoto = __MaterialUI.SvgIcon;
   export default ImagePhoto;
 }
 
-declare module 'material-ui/lib/svg-icons/image/color-lens' {
+declare module 'material-ui/svg-icons/image/color-lens' {
   export import ImageColorLens = __MaterialUI.SvgIcon;
   export default ImageColorLens;
 }
 
-declare module 'material-ui/lib/svg-icons/image/broken-image' {
+declare module 'material-ui/svg-icons/image/broken-image' {
   export import ImageBrokenImage = __MaterialUI.SvgIcon;
   export default ImageBrokenImage;
 }
 
-declare module 'material-ui/lib/svg-icons/image/looks-6' {
+declare module 'material-ui/svg-icons/image/looks-6' {
   export import ImageLooks6 = __MaterialUI.SvgIcon;
   export default ImageLooks6;
 }
 
-declare module 'material-ui/lib/svg-icons/image/picture-as-pdf' {
+declare module 'material-ui/svg-icons/image/picture-as-pdf' {
   export import ImagePictureAsPdf = __MaterialUI.SvgIcon;
   export default ImagePictureAsPdf;
 }
 
-declare module 'material-ui/lib/svg-icons/image/palette' {
+declare module 'material-ui/svg-icons/image/palette' {
   export import ImagePalette = __MaterialUI.SvgIcon;
   export default ImagePalette;
 }
 
-declare module 'material-ui/lib/svg-icons/image/crop-landscape' {
+declare module 'material-ui/svg-icons/image/crop-landscape' {
   export import ImageCropLandscape = __MaterialUI.SvgIcon;
   export default ImageCropLandscape;
 }
 
-declare module 'material-ui/lib/svg-icons/image/grid-on' {
+declare module 'material-ui/svg-icons/image/grid-on' {
   export import ImageGridOn = __MaterialUI.SvgIcon;
   export default ImageGridOn;
 }
 
-declare module 'material-ui/lib/svg-icons/image/slideshow' {
+declare module 'material-ui/svg-icons/image/slideshow' {
   export import ImageSlideshow = __MaterialUI.SvgIcon;
   export default ImageSlideshow;
 }
 
-declare module 'material-ui/lib/svg-icons/image/brightness-3' {
+declare module 'material-ui/svg-icons/image/brightness-3' {
   export import ImageBrightness3 = __MaterialUI.SvgIcon;
   export default ImageBrightness3;
 }
 
-declare module 'material-ui/lib/svg-icons/image/style' {
+declare module 'material-ui/svg-icons/image/style' {
   export import ImageStyle = __MaterialUI.SvgIcon;
   export default ImageStyle;
 }
 
-declare module 'material-ui/lib/svg-icons/image/filter-vintage' {
+declare module 'material-ui/svg-icons/image/filter-vintage' {
   export import ImageFilterVintage = __MaterialUI.SvgIcon;
   export default ImageFilterVintage;
 }
 
-declare module 'material-ui/lib/svg-icons/image/tune' {
+declare module 'material-ui/svg-icons/image/tune' {
   export import ImageTune = __MaterialUI.SvgIcon;
   export default ImageTune;
 }
 
-declare module 'material-ui/lib/svg-icons/image/camera' {
+declare module 'material-ui/svg-icons/image/camera' {
   export import ImageCamera = __MaterialUI.SvgIcon;
   export default ImageCamera;
 }
 
-declare module 'material-ui/lib/svg-icons/image/timer' {
+declare module 'material-ui/svg-icons/image/timer' {
   export import ImageTimer = __MaterialUI.SvgIcon;
   export default ImageTimer;
 }
 
-declare module 'material-ui/lib/svg-icons/image/landscape' {
+declare module 'material-ui/svg-icons/image/landscape' {
   export import ImageLandscape = __MaterialUI.SvgIcon;
   export default ImageLandscape;
 }
 
-declare module 'material-ui/lib/svg-icons/image/crop-16-9' {
+declare module 'material-ui/svg-icons/image/crop-16-9' {
   export import ImageCrop169 = __MaterialUI.SvgIcon;
   export default ImageCrop169;
 }
 
-declare module 'material-ui/lib/svg-icons/image/add-to-photos' {
+declare module 'material-ui/svg-icons/image/add-to-photos' {
   export import ImageAddToPhotos = __MaterialUI.SvgIcon;
   export default ImageAddToPhotos;
 }
 
-declare module 'material-ui/lib/svg-icons/image/wb-incandescent' {
+declare module 'material-ui/svg-icons/image/wb-incandescent' {
   export import ImageWbIncandescent = __MaterialUI.SvgIcon;
   export default ImageWbIncandescent;
 }
 
-declare module 'material-ui/lib/svg-icons/image/hdr-weak' {
+declare module 'material-ui/svg-icons/image/hdr-weak' {
   export import ImageHdrWeak = __MaterialUI.SvgIcon;
   export default ImageHdrWeak;
 }
 
-declare module 'material-ui/lib/svg-icons/image/details' {
+declare module 'material-ui/svg-icons/image/details' {
   export import ImageDetails = __MaterialUI.SvgIcon;
   export default ImageDetails;
 }
 
-declare module 'material-ui/lib/svg-icons/image/view-compact' {
+declare module 'material-ui/svg-icons/image/view-compact' {
   export import ImageViewCompact = __MaterialUI.SvgIcon;
   export default ImageViewCompact;
 }
 
-declare module 'material-ui/lib/svg-icons/image/brightness-5' {
+declare module 'material-ui/svg-icons/image/brightness-5' {
   export import ImageBrightness5 = __MaterialUI.SvgIcon;
   export default ImageBrightness5;
 }
 
-declare module 'material-ui/lib/svg-icons/image/center-focus-weak' {
+declare module 'material-ui/svg-icons/image/center-focus-weak' {
   export import ImageCenterFocusWeak = __MaterialUI.SvgIcon;
   export default ImageCenterFocusWeak;
 }
 
-declare module 'material-ui/lib/svg-icons/image/adjust' {
+declare module 'material-ui/svg-icons/image/adjust' {
   export import ImageAdjust = __MaterialUI.SvgIcon;
   export default ImageAdjust;
 }
 
-declare module 'material-ui/lib/svg-icons/image/camera-front' {
+declare module 'material-ui/svg-icons/image/camera-front' {
   export import ImageCameraFront = __MaterialUI.SvgIcon;
   export default ImageCameraFront;
 }
 
-declare module 'material-ui/lib/svg-icons/image/transform' {
+declare module 'material-ui/svg-icons/image/transform' {
   export import ImageTransform = __MaterialUI.SvgIcon;
   export default ImageTransform;
 }
 
-declare module 'material-ui/lib/svg-icons/image/filter' {
+declare module 'material-ui/svg-icons/image/filter' {
   export import ImageFilter = __MaterialUI.SvgIcon;
   export default ImageFilter;
 }
 
-declare module 'material-ui/lib/svg-icons/image/grain' {
+declare module 'material-ui/svg-icons/image/grain' {
   export import ImageGrain = __MaterialUI.SvgIcon;
   export default ImageGrain;
 }
 
-declare module 'material-ui/lib/svg-icons/image/filter-9-plus' {
+declare module 'material-ui/svg-icons/image/filter-9-plus' {
   export import ImageFilter9Plus = __MaterialUI.SvgIcon;
   export default ImageFilter9Plus;
 }
 
-declare module 'material-ui/lib/svg-icons/image/looks-5' {
+declare module 'material-ui/svg-icons/image/looks-5' {
   export import ImageLooks5 = __MaterialUI.SvgIcon;
   export default ImageLooks5;
 }
 
-declare module 'material-ui/lib/svg-icons/image/hdr-on' {
+declare module 'material-ui/svg-icons/image/hdr-on' {
   export import ImageHdrOn = __MaterialUI.SvgIcon;
   export default ImageHdrOn;
 }
 
-declare module 'material-ui/lib/svg-icons/image/audiotrack' {
+declare module 'material-ui/svg-icons/image/audiotrack' {
   export import ImageAudiotrack = __MaterialUI.SvgIcon;
   export default ImageAudiotrack;
 }
 
-declare module 'material-ui/lib/svg-icons/image/compare' {
+declare module 'material-ui/svg-icons/image/compare' {
   export import ImageCompare = __MaterialUI.SvgIcon;
   export default ImageCompare;
 }
 
-declare module 'material-ui/lib/svg-icons/image/crop' {
+declare module 'material-ui/svg-icons/image/crop' {
   export import ImageCrop = __MaterialUI.SvgIcon;
   export default ImageCrop;
 }
 
-declare module 'material-ui/lib/svg-icons/image/texture' {
+declare module 'material-ui/svg-icons/image/texture' {
   export import ImageTexture = __MaterialUI.SvgIcon;
   export default ImageTexture;
 }
 
-declare module 'material-ui/lib/svg-icons/image/movie-filter' {
+declare module 'material-ui/svg-icons/image/movie-filter' {
   export import ImageMovieFilter = __MaterialUI.SvgIcon;
   export default ImageMovieFilter;
 }
 
-declare module 'material-ui/lib/svg-icons/image/exposure' {
+declare module 'material-ui/svg-icons/image/exposure' {
   export import ImageExposure = __MaterialUI.SvgIcon;
   export default ImageExposure;
 }
 
-declare module 'material-ui/lib/svg-icons/image/filter-b-and-w' {
+declare module 'material-ui/svg-icons/image/filter-b-and-w' {
   export import ImageFilterBAndW = __MaterialUI.SvgIcon;
   export default ImageFilterBAndW;
 }
 
-declare module 'material-ui/lib/svg-icons/image/photo-size-select-actual' {
+declare module 'material-ui/svg-icons/image/photo-size-select-actual' {
   export import ImagePhotoSizeSelectActual = __MaterialUI.SvgIcon;
   export default ImagePhotoSizeSelectActual;
 }
 
-declare module 'material-ui/lib/svg-icons/image/crop-5-4' {
+declare module 'material-ui/svg-icons/image/crop-5-4' {
   export import ImageCrop54 = __MaterialUI.SvgIcon;
   export default ImageCrop54;
 }
 
-declare module 'material-ui/lib/svg-icons/image/brightness-2' {
+declare module 'material-ui/svg-icons/image/brightness-2' {
   export import ImageBrightness2 = __MaterialUI.SvgIcon;
   export default ImageBrightness2;
 }
 
-declare module 'material-ui/lib/svg-icons/image/tonality' {
+declare module 'material-ui/svg-icons/image/tonality' {
   export import ImageTonality = __MaterialUI.SvgIcon;
   export default ImageTonality;
 }
 
-declare module 'material-ui/lib/svg-icons/image/panorama-wide-angle' {
+declare module 'material-ui/svg-icons/image/panorama-wide-angle' {
   export import ImagePanoramaWideAngle = __MaterialUI.SvgIcon;
   export default ImagePanoramaWideAngle;
 }
 
-declare module 'material-ui/lib/svg-icons/image/flip' {
+declare module 'material-ui/svg-icons/image/flip' {
   export import ImageFlip = __MaterialUI.SvgIcon;
   export default ImageFlip;
 }
 
-declare module 'material-ui/lib/svg-icons/image/filter-9' {
+declare module 'material-ui/svg-icons/image/filter-9' {
   export import ImageFilter9 = __MaterialUI.SvgIcon;
   export default ImageFilter9;
 }
 
-declare module 'material-ui/lib/svg-icons/image/blur-on' {
+declare module 'material-ui/svg-icons/image/blur-on' {
   export import ImageBlurOn = __MaterialUI.SvgIcon;
   export default ImageBlurOn;
 }
 
-declare module 'material-ui/lib/svg-icons/image/assistant' {
+declare module 'material-ui/svg-icons/image/assistant' {
   export import ImageAssistant = __MaterialUI.SvgIcon;
   export default ImageAssistant;
 }
 
-declare module 'material-ui/lib/svg-icons/image/lens' {
+declare module 'material-ui/svg-icons/image/lens' {
   export import ImageLens = __MaterialUI.SvgIcon;
   export default ImageLens;
 }
 
-declare module 'material-ui/lib/svg-icons/image/switch-camera' {
+declare module 'material-ui/svg-icons/image/switch-camera' {
   export import ImageSwitchCamera = __MaterialUI.SvgIcon;
   export default ImageSwitchCamera;
 }
 
-declare module 'material-ui/lib/svg-icons/image/photo-filter' {
+declare module 'material-ui/svg-icons/image/photo-filter' {
   export import ImagePhotoFilter = __MaterialUI.SvgIcon;
   export default ImagePhotoFilter;
 }
 
-declare module 'material-ui/lib/svg-icons/image/wb-iridescent' {
+declare module 'material-ui/svg-icons/image/wb-iridescent' {
   export import ImageWbIridescent = __MaterialUI.SvgIcon;
   export default ImageWbIridescent;
 }
 
-declare module 'material-ui/lib/svg-icons/image/crop-square' {
+declare module 'material-ui/svg-icons/image/crop-square' {
   export import ImageCropSquare = __MaterialUI.SvgIcon;
   export default ImageCropSquare;
 }
 
-declare module 'material-ui/lib/svg-icons/image/timer-10' {
+declare module 'material-ui/svg-icons/image/timer-10' {
   export import ImageTimer10 = __MaterialUI.SvgIcon;
   export default ImageTimer10;
 }
 
-declare module 'material-ui/lib/svg-icons/image/rotate-right' {
+declare module 'material-ui/svg-icons/image/rotate-right' {
   export import ImageRotateRight = __MaterialUI.SvgIcon;
   export default ImageRotateRight;
 }
 
-declare module 'material-ui/lib/svg-icons/image/grid-off' {
+declare module 'material-ui/svg-icons/image/grid-off' {
   export import ImageGridOff = __MaterialUI.SvgIcon;
   export default ImageGridOff;
 }
 
-declare module 'material-ui/lib/svg-icons/image/filter-7' {
+declare module 'material-ui/svg-icons/image/filter-7' {
   export import ImageFilter7 = __MaterialUI.SvgIcon;
   export default ImageFilter7;
 }
 
-declare module 'material-ui/lib/svg-icons/image/loupe' {
+declare module 'material-ui/svg-icons/image/loupe' {
   export import ImageLoupe = __MaterialUI.SvgIcon;
   export default ImageLoupe;
 }
 
-declare module 'material-ui/lib/svg-icons/image/filter-6' {
+declare module 'material-ui/svg-icons/image/filter-6' {
   export import ImageFilter6 = __MaterialUI.SvgIcon;
   export default ImageFilter6;
 }
 
-declare module 'material-ui/lib/svg-icons/image/filter-tilt-shift' {
+declare module 'material-ui/svg-icons/image/filter-tilt-shift' {
   export import ImageFilterTiltShift = __MaterialUI.SvgIcon;
   export default ImageFilterTiltShift;
 }
 
-declare module 'material-ui/lib/svg-icons/image/crop-din' {
+declare module 'material-ui/svg-icons/image/crop-din' {
   export import ImageCropDin = __MaterialUI.SvgIcon;
   export default ImageCropDin;
 }
 
-declare module 'material-ui/lib/svg-icons/image/center-focus-strong' {
+declare module 'material-ui/svg-icons/image/center-focus-strong' {
   export import ImageCenterFocusStrong = __MaterialUI.SvgIcon;
   export default ImageCenterFocusStrong;
 }
 
-declare module 'material-ui/lib/svg-icons/image/rotate-left' {
+declare module 'material-ui/svg-icons/image/rotate-left' {
   export import ImageRotateLeft = __MaterialUI.SvgIcon;
   export default ImageRotateLeft;
 }
 
-declare module 'material-ui/lib/svg-icons/image/filter-hdr' {
+declare module 'material-ui/svg-icons/image/filter-hdr' {
   export import ImageFilterHdr = __MaterialUI.SvgIcon;
   export default ImageFilterHdr;
 }
 
-declare module 'material-ui/lib/svg-icons/image/timer-off' {
+declare module 'material-ui/svg-icons/image/timer-off' {
   export import ImageTimerOff = __MaterialUI.SvgIcon;
   export default ImageTimerOff;
 }
 
-declare module 'material-ui/lib/svg-icons/image/straighten' {
+declare module 'material-ui/svg-icons/image/straighten' {
   export import ImageStraighten = __MaterialUI.SvgIcon;
   export default ImageStraighten;
 }
 
-declare module 'material-ui/lib/svg-icons/image/exposure-neg-1' {
+declare module 'material-ui/svg-icons/image/exposure-neg-1' {
   export import ImageExposureNeg1 = __MaterialUI.SvgIcon;
   export default ImageExposureNeg1;
 }
 
-declare module 'material-ui/lib/svg-icons/image/navigate-before' {
+declare module 'material-ui/svg-icons/image/navigate-before' {
   export import ImageNavigateBefore = __MaterialUI.SvgIcon;
   export default ImageNavigateBefore;
 }
 
-declare module 'material-ui/lib/svg-icons/image/iso' {
+declare module 'material-ui/svg-icons/image/iso' {
   export import ImageIso = __MaterialUI.SvgIcon;
   export default ImageIso;
 }
 
-declare module 'material-ui/lib/svg-icons/image/photo-album' {
+declare module 'material-ui/svg-icons/image/photo-album' {
   export import ImagePhotoAlbum = __MaterialUI.SvgIcon;
   export default ImagePhotoAlbum;
 }
 
-declare module 'material-ui/lib/svg-icons/image/crop-rotate' {
+declare module 'material-ui/svg-icons/image/crop-rotate' {
   export import ImageCropRotate = __MaterialUI.SvgIcon;
   export default ImageCropRotate;
 }
 
-declare module 'material-ui/lib/svg-icons/image/remove-red-eye' {
+declare module 'material-ui/svg-icons/image/remove-red-eye' {
   export import ImageRemoveRedEye = __MaterialUI.SvgIcon;
   export default ImageRemoveRedEye;
 }
 
-declare module 'material-ui/lib/svg-icons/image/crop-portrait' {
+declare module 'material-ui/svg-icons/image/crop-portrait' {
   export import ImageCropPortrait = __MaterialUI.SvgIcon;
   export default ImageCropPortrait;
 }
 
-declare module 'material-ui/lib/svg-icons/image/camera-alt' {
+declare module 'material-ui/svg-icons/image/camera-alt' {
   export import ImageCameraAlt = __MaterialUI.SvgIcon;
   export default ImageCameraAlt;
 }
 
-declare module 'material-ui/lib/svg-icons/image/control-point' {
+declare module 'material-ui/svg-icons/image/control-point' {
   export import ImageControlPoint = __MaterialUI.SvgIcon;
   export default ImageControlPoint;
 }
 
-declare module 'material-ui/lib/svg-icons/image/panorama' {
+declare module 'material-ui/svg-icons/image/panorama' {
   export import ImagePanorama = __MaterialUI.SvgIcon;
   export default ImagePanorama;
 }
 
-declare module 'material-ui/lib/svg-icons/image/panorama-fish-eye' {
+declare module 'material-ui/svg-icons/image/panorama-fish-eye' {
   export import ImagePanoramaFishEye = __MaterialUI.SvgIcon;
   export default ImagePanoramaFishEye;
 }
 
-declare module 'material-ui/lib/svg-icons/image/filter-8' {
+declare module 'material-ui/svg-icons/image/filter-8' {
   export import ImageFilter8 = __MaterialUI.SvgIcon;
   export default ImageFilter8;
 }
 
-declare module 'material-ui/lib/svg-icons/image/looks-two' {
+declare module 'material-ui/svg-icons/image/looks-two' {
   export import ImageLooksTwo = __MaterialUI.SvgIcon;
   export default ImageLooksTwo;
 }
 
-declare module 'material-ui/lib/svg-icons/image/panorama-horizontal' {
+declare module 'material-ui/svg-icons/image/panorama-horizontal' {
   export import ImagePanoramaHorizontal = __MaterialUI.SvgIcon;
   export default ImagePanoramaHorizontal;
 }
 
-declare module 'material-ui/lib/svg-icons/image/looks-3' {
+declare module 'material-ui/svg-icons/image/looks-3' {
   export import ImageLooks3 = __MaterialUI.SvgIcon;
   export default ImageLooks3;
 }
 
-declare module 'material-ui/lib/svg-icons/image/filter-none' {
+declare module 'material-ui/svg-icons/image/filter-none' {
   export import ImageFilterNone = __MaterialUI.SvgIcon;
   export default ImageFilterNone;
 }
 
-declare module 'material-ui/lib/svg-icons/image/photo-size-select-large' {
+declare module 'material-ui/svg-icons/image/photo-size-select-large' {
   export import ImagePhotoSizeSelectLarge = __MaterialUI.SvgIcon;
   export default ImagePhotoSizeSelectLarge;
 }
 
-declare module 'material-ui/lib/svg-icons/image/blur-off' {
+declare module 'material-ui/svg-icons/image/blur-off' {
   export import ImageBlurOff = __MaterialUI.SvgIcon;
   export default ImageBlurOff;
 }
 
-declare module 'material-ui/lib/svg-icons/image/camera-roll' {
+declare module 'material-ui/svg-icons/image/camera-roll' {
   export import ImageCameraRoll = __MaterialUI.SvgIcon;
   export default ImageCameraRoll;
 }
 
-declare module 'material-ui/lib/svg-icons/image/leak-remove' {
+declare module 'material-ui/svg-icons/image/leak-remove' {
   export import ImageLeakRemove = __MaterialUI.SvgIcon;
   export default ImageLeakRemove;
 }
 
-declare module 'material-ui/lib/svg-icons/image/filter-frames' {
+declare module 'material-ui/svg-icons/image/filter-frames' {
   export import ImageFilterFrames = __MaterialUI.SvgIcon;
   export default ImageFilterFrames;
 }
 
-declare module 'material-ui/lib/svg-icons/image/flare' {
+declare module 'material-ui/svg-icons/image/flare' {
   export import ImageFlare = __MaterialUI.SvgIcon;
   export default ImageFlare;
 }
 
-declare module 'material-ui/lib/svg-icons/image/photo-size-select-small' {
+declare module 'material-ui/svg-icons/image/photo-size-select-small' {
   export import ImagePhotoSizeSelectSmall = __MaterialUI.SvgIcon;
   export default ImagePhotoSizeSelectSmall;
 }
 
-declare module 'material-ui/lib/svg-icons/image/photo-camera' {
+declare module 'material-ui/svg-icons/image/photo-camera' {
   export import ImagePhotoCamera = __MaterialUI.SvgIcon;
   export default ImagePhotoCamera;
 }
 
-declare module 'material-ui/lib/svg-icons/image/hdr-off' {
+declare module 'material-ui/svg-icons/image/hdr-off' {
   export import ImageHdrOff = __MaterialUI.SvgIcon;
   export default ImageHdrOff;
 }
 
-declare module 'material-ui/lib/svg-icons/image/filter-2' {
+declare module 'material-ui/svg-icons/image/filter-2' {
   export import ImageFilter2 = __MaterialUI.SvgIcon;
   export default ImageFilter2;
 }
 
-declare module 'material-ui/lib/svg-icons/image/crop-original' {
+declare module 'material-ui/svg-icons/image/crop-original' {
   export import ImageCropOriginal = __MaterialUI.SvgIcon;
   export default ImageCropOriginal;
 }
 
-declare module 'material-ui/lib/svg-icons/places/kitchen' {
+declare module 'material-ui/svg-icons/places/kitchen' {
   export import PlacesKitchen = __MaterialUI.SvgIcon;
   export default PlacesKitchen;
 }
 
-declare module 'material-ui/lib/svg-icons/places/spa' {
+declare module 'material-ui/svg-icons/places/spa' {
   export import PlacesSpa = __MaterialUI.SvgIcon;
   export default PlacesSpa;
 }
 
-declare module 'material-ui/lib/svg-icons/places/all-inclusive' {
+declare module 'material-ui/svg-icons/places/all-inclusive' {
   export import PlacesAllInclusive = __MaterialUI.SvgIcon;
   export default PlacesAllInclusive;
 }
 
-declare module 'material-ui/lib/svg-icons/places/ac-unit' {
+declare module 'material-ui/svg-icons/places/ac-unit' {
   export import PlacesAcUnit = __MaterialUI.SvgIcon;
   export default PlacesAcUnit;
 }
 
-declare module 'material-ui/lib/svg-icons/places/child-care' {
+declare module 'material-ui/svg-icons/places/child-care' {
   export import PlacesChildCare = __MaterialUI.SvgIcon;
   export default PlacesChildCare;
 }
 
-declare module 'material-ui/lib/svg-icons/places/golf-course' {
+declare module 'material-ui/svg-icons/places/golf-course' {
   export import PlacesGolfCourse = __MaterialUI.SvgIcon;
   export default PlacesGolfCourse;
 }
 
-declare module 'material-ui/lib/svg-icons/places/business-center' {
+declare module 'material-ui/svg-icons/places/business-center' {
   export import PlacesBusinessCenter = __MaterialUI.SvgIcon;
   export default PlacesBusinessCenter;
 }
 
-declare module 'material-ui/lib/svg-icons/places/free-breakfast' {
+declare module 'material-ui/svg-icons/places/free-breakfast' {
   export import PlacesFreeBreakfast = __MaterialUI.SvgIcon;
   export default PlacesFreeBreakfast;
 }
 
-declare module 'material-ui/lib/svg-icons/places/fitness-center' {
+declare module 'material-ui/svg-icons/places/fitness-center' {
   export import PlacesFitnessCenter = __MaterialUI.SvgIcon;
   export default PlacesFitnessCenter;
 }
 
-declare module 'material-ui/lib/svg-icons/places/pool' {
+declare module 'material-ui/svg-icons/places/pool' {
   export import PlacesPool = __MaterialUI.SvgIcon;
   export default PlacesPool;
 }
 
-declare module 'material-ui/lib/svg-icons/places/child-friendly' {
+declare module 'material-ui/svg-icons/places/child-friendly' {
   export import PlacesChildFriendly = __MaterialUI.SvgIcon;
   export default PlacesChildFriendly;
 }
 
-declare module 'material-ui/lib/svg-icons/places/casino' {
+declare module 'material-ui/svg-icons/places/casino' {
   export import PlacesCasino = __MaterialUI.SvgIcon;
   export default PlacesCasino;
 }
 
-declare module 'material-ui/lib/svg-icons/places/hot-tub' {
+declare module 'material-ui/svg-icons/places/hot-tub' {
   export import PlacesHotTub = __MaterialUI.SvgIcon;
   export default PlacesHotTub;
 }
 
-declare module 'material-ui/lib/svg-icons/places/smoke-free' {
+declare module 'material-ui/svg-icons/places/smoke-free' {
   export import PlacesSmokeFree = __MaterialUI.SvgIcon;
   export default PlacesSmokeFree;
 }
 
-declare module 'material-ui/lib/svg-icons/places/room-service' {
+declare module 'material-ui/svg-icons/places/room-service' {
   export import PlacesRoomService = __MaterialUI.SvgIcon;
   export default PlacesRoomService;
 }
 
-declare module 'material-ui/lib/svg-icons/places/smoking-rooms' {
+declare module 'material-ui/svg-icons/places/smoking-rooms' {
   export import PlacesSmokingRooms = __MaterialUI.SvgIcon;
   export default PlacesSmokingRooms;
 }
 
-declare module 'material-ui/lib/svg-icons/places/beach-access' {
+declare module 'material-ui/svg-icons/places/beach-access' {
   export import PlacesBeachAccess = __MaterialUI.SvgIcon;
   export default PlacesBeachAccess;
 }
 
-declare module 'material-ui/lib/svg-icons/places/airport-shuttle' {
+declare module 'material-ui/svg-icons/places/airport-shuttle' {
   export import PlacesAirportShuttle = __MaterialUI.SvgIcon;
   export default PlacesAirportShuttle;
 }
 
-declare module 'material-ui/lib/styles' {
-    export import AutoPrefix = __MaterialUI.Styles.AutoPrefix; // require('material-ui/lib/styles/auto-prefix');
-    export import Colors = __MaterialUI.Styles.Colors; // require('material-ui/lib/styles/colors');
-    export import Spacing = require('material-ui/lib/styles/spacing');
-    export import ThemeManager = __MaterialUI.Styles.ThemeManager; // require('material-ui/lib/styles/theme-manager');
-    export import Transitions = __MaterialUI.Styles.Transitions; // require('material-ui/lib/styles/transitions');
-    export import Typography = __MaterialUI.Styles.Typography; // require('material-ui/lib/styles/typography');
-    export import LightRawTheme = __MaterialUI.Styles.LightRawTheme; // require('material-ui/lib/styles/raw-themes/light-raw-theme'),
-    export import lightBaseTheme = __MaterialUI.Styles.lightBaseTheme;
-    export import DarkRawTheme = __MaterialUI.Styles.DarkRawTheme; // require('material-ui/lib/styles/raw-themes/dark-raw-theme'),
+declare module 'material-ui/styles' {
+    export import MuiThemeProvider = __MaterialUI.Styles.MuiThemeProvider;
+    export import colors = __MaterialUI.Styles.Colors;
     export import darkBaseTheme = __MaterialUI.Styles.darkBaseTheme;
-    export import ThemeDecorator = __MaterialUI.Styles.ThemeDecorator; //require('material-ui/lib/styles/theme-decorator');
-    export import ZIndex = __MaterialUI.Styles.zIndex; //require('material-ui/lib/styles/zIndex');
+    export import DarkRawTheme = __MaterialUI.Styles.darkBaseTheme;
+    export import lightBaseTheme = __MaterialUI.Styles.lightBaseTheme;
+    export import LightRawTheme = __MaterialUI.Styles.lightBaseTheme;
     export import getMuiTheme = __MaterialUI.Styles.getMuiTheme;
+    export import spacing = __MaterialUI.Styles.Spacing;
+    export import themeManager = __MaterialUI.Styles.ThemeManager;
+    export import transitions = __MaterialUI.Styles.Transitions;
+    export import typography = __MaterialUI.Styles.Typography;
+    export import zIndex = __MaterialUI.Styles.zIndex;
 
-    export default {
-        AutoPrefix,
-        Colors,
-        Spacing,
-        ThemeManager,
-        Transitions,
-        Typography,
-        lightBaseTheme,
-        LightRawTheme,
-        darkBaseTheme,
-        DarkRawTheme,
-        ThemeDecorator,
-        getMuiTheme,
-        ZIndex,
-    };
+    export type MuiTheme = __MaterialUI.Styles.MuiTheme;
 }
 
-declare module 'material-ui/lib/styles/auto-prefix' {
-    export import AutoPrefix = __MaterialUI.Styles.AutoPrefix;
-    export default AutoPrefix;
+declare module 'material-ui/styles/getMuiTheme' {
+    export import getMuiTheme = __MaterialUI.Styles.getMuiTheme;
+    export default getMuiTheme;
 }
 
-declare module 'material-ui/lib/styles/spacing' {
+declare module 'material-ui/styles/muiThemeable' {
+    export import muiThemeable = __MaterialUI.Styles.muiThemeable;
+    export default muiThemeable;
+}
+
+declare module 'material-ui/styles/MuiThemeProvider' {
+    export import MuiThemeProvider = __MaterialUI.Styles.MuiThemeProvider;
+    export default MuiThemeProvider;
+}
+
+declare module 'material-ui/styles/spacing' {
     type Spacing = __MaterialUI.Styles.Spacing;
     var Spacing: Spacing;
     export default Spacing;
 }
 
-declare module 'material-ui/lib/styles/theme-manager' {
+declare module 'material-ui/styles/themeManager' {
     export import ThemeManager = __MaterialUI.Styles.ThemeManager;
     export default ThemeManager;
 }
 
-declare module 'material-ui/lib/styles/transitions' {
+declare module 'material-ui/styles/transitions' {
     export import Transitions = __MaterialUI.Styles.Transitions;
     export default Transitions;
 }
 
-declare module 'material-ui/lib/styles/typography' {
+declare module 'material-ui/styles/typography' {
     export import Typography = __MaterialUI.Styles.Typography;
     export default Typography;
 }
 
-declare module 'material-ui/lib/styles/raw-themes/light-raw-theme' {
+declare module 'material-ui/styles/baseThemes/lightBaseTheme' {
+    export import lightBaseTheme = __MaterialUI.Styles.lightBaseTheme;
+    export default lightBaseTheme;
+}
+
+//** @deprecated use lightBaseTheme instead **/
+declare module 'material-ui/styles/raw-themes/light-raw-theme' {
     export import LightRawTheme = __MaterialUI.Styles.LightRawTheme;
     export default LightRawTheme;
 }
 
-declare module 'material-ui/lib/styles/raw-themes/dark-raw-theme' {
+declare module 'material-ui/styles/baseThemes/darkBaseTheme' {
+    export import darkBaseTheme = __MaterialUI.Styles.darkBaseTheme;
+    export default darkBaseTheme;
+}
+
+//** @deprecated use darkBaseTheme instead **/
+declare module 'material-ui/styles/raw-themes/dark-raw-theme' {
     export import DarkRawTheme = __MaterialUI.Styles.DarkRawTheme;
     export default DarkRawTheme;
 }
 
-declare module 'material-ui/lib/styles/theme-decorator' {
-    export import ThemeDecorator = __MaterialUI.Styles.ThemeDecorator;
-    export default ThemeDecorator;
+declare module 'material-ui/styles/themeDecorator' {
+    export import themeDecorator = __MaterialUI.Styles.themeDecorator;
+    export default themeDecorator;
 }
 
-
-declare module 'material-ui/lib/snackbar' {
-    export import Snackbar = __MaterialUI.Snackbar;
-    export default Snackbar;
+declare module 'material-ui/styles/zIndex' {
+    export import zIndex = __MaterialUI.Styles.zIndex;
+    export default zIndex;
 }
 
-declare module 'material-ui/lib/tabs/tab' {
-    export import Tab = __MaterialUI.Tabs.Tab;
-    export default Tab;
+declare module "material-ui/styles/colors" {
+    export const red50: string;
+export const red100: string;
+export const red200: string;
+export const red300: string;
+export const red400: string;
+export const red500: string;
+export const red600: string;
+export const red700: string;
+export const red800: string;
+export const red900: string;
+export const redA100: string;
+export const redA200: string;
+export const redA400: string;
+export const redA700: string;
+
+export const pink50: string;
+export const pink100: string;
+export const pink200: string;
+export const pink300: string;
+export const pink400: string;
+export const pink500: string;
+export const pink600: string;
+export const pink700: string;
+export const pink800: string;
+export const pink900: string;
+export const pinkA100: string;
+export const pinkA200: string;
+export const pinkA400: string;
+export const pinkA700: string;
+
+export const purple50: string;
+export const purple100: string;
+export const purple200: string;
+export const purple300: string;
+export const purple400: string;
+export const purple500: string;
+export const purple600: string;
+export const purple700: string;
+export const purple800: string;
+export const purple900: string;
+export const purpleA100: string;
+export const purpleA200: string;
+export const purpleA400: string;
+export const purpleA700: string;
+
+export const deepPurple50: string;
+export const deepPurple100: string;
+export const deepPurple200: string;
+export const deepPurple300: string;
+export const deepPurple400: string;
+export const deepPurple500: string;
+export const deepPurple600: string;
+export const deepPurple700: string;
+export const deepPurple800: string;
+export const deepPurple900: string;
+export const deepPurpleA100: string;
+export const deepPurpleA200: string;
+export const deepPurpleA400: string;
+export const deepPurpleA700: string;
+
+export const indigo50: string;
+export const indigo100: string;
+export const indigo200: string;
+export const indigo300: string;
+export const indigo400: string;
+export const indigo500: string;
+export const indigo600: string;
+export const indigo700: string;
+export const indigo800: string;
+export const indigo900: string;
+export const indigoA100: string;
+export const indigoA200: string;
+export const indigoA400: string;
+export const indigoA700: string;
+
+export const blue50: string;
+export const blue100: string;
+export const blue200: string;
+export const blue300: string;
+export const blue400: string;
+export const blue500: string;
+export const blue600: string;
+export const blue700: string;
+export const blue800: string;
+export const blue900: string;
+export const blueA100: string;
+export const blueA200: string;
+export const blueA400: string;
+export const blueA700: string;
+
+export const lightBlue50: string;
+export const lightBlue100: string;
+export const lightBlue200: string;
+export const lightBlue300: string;
+export const lightBlue400: string;
+export const lightBlue500: string;
+export const lightBlue600: string;
+export const lightBlue700: string;
+export const lightBlue800: string;
+export const lightBlue900: string;
+export const lightBlueA100: string;
+export const lightBlueA200: string;
+export const lightBlueA400: string;
+export const lightBlueA700: string;
+
+export const cyan50: string;
+export const cyan100: string;
+export const cyan200: string;
+export const cyan300: string;
+export const cyan400: string;
+export const cyan500: string;
+export const cyan600: string;
+export const cyan700: string;
+export const cyan800: string;
+export const cyan900: string;
+export const cyanA100: string;
+export const cyanA200: string;
+export const cyanA400: string;
+export const cyanA700: string;
+
+export const teal50: string;
+export const teal100: string;
+export const teal200: string;
+export const teal300: string;
+export const teal400: string;
+export const teal500: string;
+export const teal600: string;
+export const teal700: string;
+export const teal800: string;
+export const teal900: string;
+export const tealA100: string;
+export const tealA200: string;
+export const tealA400: string;
+export const tealA700: string;
+
+export const green50: string;
+export const green100: string;
+export const green200: string;
+export const green300: string;
+export const green400: string;
+export const green500: string;
+export const green600: string;
+export const green700: string;
+export const green800: string;
+export const green900: string;
+export const greenA100: string;
+export const greenA200: string;
+export const greenA400: string;
+export const greenA700: string;
+
+export const lightGreen50: string;
+export const lightGreen100: string;
+export const lightGreen200: string;
+export const lightGreen300: string;
+export const lightGreen400: string;
+export const lightGreen500: string;
+export const lightGreen600: string;
+export const lightGreen700: string;
+export const lightGreen800: string;
+export const lightGreen900: string;
+export const lightGreenA100: string;
+export const lightGreenA200: string;
+export const lightGreenA400: string;
+export const lightGreenA700: string;
+
+export const lime50: string;
+export const lime100: string;
+export const lime200: string;
+export const lime300: string;
+export const lime400: string;
+export const lime500: string;
+export const lime600: string;
+export const lime700: string;
+export const lime800: string;
+export const lime900: string;
+export const limeA100: string;
+export const limeA200: string;
+export const limeA400: string;
+export const limeA700: string;
+
+export const yellow50: string;
+export const yellow100: string;
+export const yellow200: string;
+export const yellow300: string;
+export const yellow400: string;
+export const yellow500: string;
+export const yellow600: string;
+export const yellow700: string;
+export const yellow800: string;
+export const yellow900: string;
+export const yellowA100: string;
+export const yellowA200: string;
+export const yellowA400: string;
+export const yellowA700: string;
+
+export const amber50: string;
+export const amber100: string;
+export const amber200: string;
+export const amber300: string;
+export const amber400: string;
+export const amber500: string;
+export const amber600: string;
+export const amber700: string;
+export const amber800: string;
+export const amber900: string;
+export const amberA100: string;
+export const amberA200: string;
+export const amberA400: string;
+export const amberA700: string;
+
+export const orange50: string;
+export const orange100: string;
+export const orange200: string;
+export const orange300: string;
+export const orange400: string;
+export const orange500: string;
+export const orange600: string;
+export const orange700: string;
+export const orange800: string;
+export const orange900: string;
+export const orangeA100: string;
+export const orangeA200: string;
+export const orangeA400: string;
+export const orangeA700: string;
+
+export const deepOrange50: string;
+export const deepOrange100: string;
+export const deepOrange200: string;
+export const deepOrange300: string;
+export const deepOrange400: string;
+export const deepOrange500: string;
+export const deepOrange600: string;
+export const deepOrange700: string;
+export const deepOrange800: string;
+export const deepOrange900: string;
+export const deepOrangeA100: string;
+export const deepOrangeA200: string;
+export const deepOrangeA400: string;
+export const deepOrangeA700: string;
+
+export const brown50: string;
+export const brown100: string;
+export const brown200: string;
+export const brown300: string;
+export const brown400: string;
+export const brown500: string;
+export const brown600: string;
+export const brown700: string;
+export const brown800: string;
+export const brown900: string;
+
+export const blueGrey50: string;
+export const blueGrey100: string;
+export const blueGrey200: string;
+export const blueGrey300: string;
+export const blueGrey400: string;
+export const blueGrey500: string;
+export const blueGrey600: string;
+export const blueGrey700: string;
+export const blueGrey800: string;
+export const blueGrey900: string;
+
+export const grey50: string;
+export const grey100: string;
+export const grey200: string;
+export const grey300: string;
+export const grey400: string;
+export const grey500: string;
+export const grey600: string;
+export const grey700: string;
+export const grey800: string;
+export const grey900: string;
+
+export const black: string;
+export const white: string;
+
+export const transparent: string;
+export const fullBlack: string;
+export const darkBlack: string;
+export const lightBlack: string;
+export const minBlack: string;
+export const faintBlack: string;
+export const fullWhite: string;
+export const darkWhite: string;
+export const lightWhite: string;
 }
 
-declare module 'material-ui/lib/tabs/tabs' {
-    export import Tabs = __MaterialUI.Tabs.Tabs;
-    export default Tabs;
+declare module 'material-ui/Table' {
+    export import Table = __MaterialUI.Table.Table;
+    export import TableBody = __MaterialUI.Table.TableBody;
+    export import TableFooter = __MaterialUI.Table.TableFooter;
+    export import TableHeader = __MaterialUI.Table.TableHeader;
+    export import TableHeaderColumn = __MaterialUI.Table.TableHeaderColumn;
+    export import TableRow = __MaterialUI.Table.TableRow;
+    export import TableRowColumn = __MaterialUI.Table.TableRowColumn;
+    export default Table;
 }
 
-declare module 'material-ui/lib/table/table' {
+declare module 'material-ui/Table/Table' {
     export import Table = __MaterialUI.Table.Table;
     export default Table;
 }
 
-declare module 'material-ui/lib/table/table-body' {
+declare module 'material-ui/Table/TableBody' {
     export import TableBody = __MaterialUI.Table.TableBody;
     export default TableBody;
 }
 
-declare module 'material-ui/lib/table/table-footer' {
+declare module 'material-ui/Table/TableFooter' {
     export import TableFooter = __MaterialUI.Table.TableFooter;
     export default TableFooter;
 }
 
-declare module 'material-ui/lib/table/table-header' {
+declare module 'material-ui/Table/TableHeader' {
     export import TableHeader = __MaterialUI.Table.TableHeader;
     export default TableHeader;
 }
 
-declare module 'material-ui/lib/table/table-header-column' {
+declare module 'material-ui/Table/TableHeaderColumn' {
     export import TableHeaderColumn = __MaterialUI.Table.TableHeaderColumn;
     export default TableHeaderColumn;
 }
 
-declare module 'material-ui/lib/table/table-row' {
+declare module 'material-ui/Table/TableRow' {
     export import TableRow = __MaterialUI.Table.TableRow;
     export default TableRow;
 }
 
-declare module 'material-ui/lib/table/table-row-column' {
+declare module 'material-ui/Table/TableRowColumn' {
     export import TableRowColumn = __MaterialUI.Table.TableRowColumn;
     export default TableRowColumn;
 }
 
-declare module 'material-ui/lib/theme-wrapper' {
-    export import ThemeWrapper = __MaterialUI.ThemeWrapper;
-    export default ThemeWrapper;
+declare module 'material-ui/Tabs' {
+    export import Tab = __MaterialUI.Tabs.Tab;
+    export import Tabs = __MaterialUI.Tabs.Tabs;
+    export default Tabs;
 }
 
-declare module 'material-ui/lib/toggle' {
-    export import Toggle = __MaterialUI.Toggle;
-    export default Toggle;
+declare module 'material-ui/Tabs/Tab' {
+    export import Tab = __MaterialUI.Tabs.Tab;
+    export default Tab;
 }
 
-declare module 'material-ui/lib/time-picker' {
-    export import TimePicker = __MaterialUI.TimePicker;
-    export default TimePicker;
+declare module 'material-ui/Tabs/Tabs' {
+    export import Tabs = __MaterialUI.Tabs.Tabs;
+    export default Tabs;
 }
 
-declare module 'material-ui/lib/text-field' {
+declare module 'material-ui/TextField' {
     export import TextField = __MaterialUI.TextField;
     export default TextField;
 }
 
-declare module 'material-ui/lib/toolbar/toolbar' {
+declare module 'material-ui/TimePicker' {
+    export import TimePicker = __MaterialUI.TimePicker;
+    export default TimePicker;
+}
+
+declare module 'material-ui/Toggle' {
+    export import Toggle = __MaterialUI.Switches.Toggle;
+    export default Toggle;
+}
+
+declare module 'material-ui/Toolbar' {
+    export import Toolbar = __MaterialUI.Toolbar.Toolbar;
+    export import ToolbarGroup = __MaterialUI.Toolbar.ToolbarGroup;
+    export import ToolbarSeparator = __MaterialUI.Toolbar.ToolbarSeparator;
+    export import ToolbarTitle = __MaterialUI.Toolbar.ToolbarTitle;
+    export default Toolbar;
+}
+
+declare module 'material-ui/Toolbar/Toolbar' {
     export import Toolbar = __MaterialUI.Toolbar.Toolbar;
     export default Toolbar;
 }
 
-declare module 'material-ui/lib/toolbar/toolbar-group' {
+declare module 'material-ui/Toolbar/ToolbarGroup' {
     export import ToolbarGroup = __MaterialUI.Toolbar.ToolbarGroup;
     export default ToolbarGroup;
 }
 
-declare module 'material-ui/lib/toolbar/toolbar-separator' {
+declare module 'material-ui/Toolbar/ToolbarSeparator' {
     export import ToolbarSeparator = __MaterialUI.Toolbar.ToolbarSeparator;
     export default ToolbarSeparator;
 }
 
-declare module 'material-ui/lib/toolbar/toolbar-title' {
+declare module 'material-ui/Toolbar/ToolbarTitle' {
     export import ToolbarTitle = __MaterialUI.Toolbar.ToolbarTitle;
     export default ToolbarTitle;
 }
 
-declare module 'material-ui/lib/tooltip' {
-    export import Tooltip = __MaterialUI.Tooltip;
-    export default Tooltip;
+declare module 'material-ui/utils/colorManipulator' {
+    export import convertColorToString = __MaterialUI.Utils.ColorManipulator.convertColorToString;
+    export import convertHexToRGB = __MaterialUI.Utils.ColorManipulator.convertHexToRGB;
+    export import decomposeColor = __MaterialUI.Utils.ColorManipulator.decomposeColor;
+    export import getContrastRatio = __MaterialUI.Utils.ColorManipulator.getContrastRatio;
+    export import getLuminance = __MaterialUI.Utils.ColorManipulator.getLuminance;
+    export import emphasize = __MaterialUI.Utils.ColorManipulator.emphasize;
+    export import fade = __MaterialUI.Utils.ColorManipulator.fade;
+    export import darken = __MaterialUI.Utils.ColorManipulator.darken;
+    export import lighten = __MaterialUI.Utils.ColorManipulator.lighten;
 }
 
-declare module 'material-ui/lib/utils' {
-    export import ColorManipulator = __MaterialUI.Utils.ColorManipulator; // require('material-ui/lib/utils/color-manipulator');
-    export import CssEvent = __MaterialUI.Utils.CssEvent; // require('material-ui/lib/utils/css-event');
-    export import Dom = __MaterialUI.Utils.Dom; // require('material-ui/lib/utils/dom');
-    export import Events = __MaterialUI.Utils.Events; // require('material-ui/lib/utils/events');
-    export import Extend = __MaterialUI.Utils.Extend; // require('material-ui/lib/utils/extend');
-    export import ImmutabilityHelper = __MaterialUI.Utils.ImmutabilityHelper; // require('material-ui/lib/utils/immutability-helper');
-    export import KeyCode = __MaterialUI.Utils.KeyCode; // require('material-ui/lib/utils/key-code');
-    export import KeyLine = __MaterialUI.Utils.KeyLine; // require('material-ui/lib/utils/key-line');
-    export import UniqueId = __MaterialUI.Utils.UniqueId; // require('material-ui/lib/utils/unique-id');
-    export import Styles = __MaterialUI.Utils.Styles; // require('material-ui/lib/utils/styles');
-}
-
-declare module 'material-ui/lib/utils/color-manipulator' {
-    export import ColorManipulator = __MaterialUI.Utils.ColorManipulator;
-    export default ColorManipulator;
-}
-
-declare module 'material-ui/lib/utils/css-event' {
-    export import CssEvent = __MaterialUI.Utils.CssEvent;
-    export default CssEvent;
-}
-
-declare module 'material-ui/lib/utils/dom' {
+declare module 'material-ui/utils/dom' {
     export import Dom = __MaterialUI.Utils.Dom;
     export default Dom;
 }
 
-declare module 'material-ui/lib/utils/events' {
+declare module 'material-ui/utils/events' {
     export import Events = __MaterialUI.Utils.Events;
     export default Events;
 }
 
-declare module 'material-ui/lib/utils/extend' {
-    export import Extend = __MaterialUI.Utils.Extend;
-    export default Extend;
-}
-
-declare module 'material-ui/lib/utils/immutability-helper' {
-    export import ImmutabilityHelper = __MaterialUI.Utils.ImmutabilityHelper;
-    export default ImmutabilityHelper;
-}
-
-declare module 'material-ui/lib/utils/key-code' {
-    export import KeyCode = __MaterialUI.Utils.KeyCode;
-    export default KeyCode;
-}
-
-declare module 'material-ui/lib/utils/key-line' {
-    export import KeyLine = __MaterialUI.Utils.KeyLine;
-    export default KeyLine;
-}
-
-declare module 'material-ui/lib/utils/unique-id' {
-    export import UniqueId = __MaterialUI.Utils.UniqueId;
-    export default UniqueId;
-}
-
-declare module 'material-ui/lib/utils/styles' {
-    export import Styles = __MaterialUI.Utils.Styles;
-    export default Styles;
-}
-
-declare module "material-ui/lib/menus/icon-menu" {
-    export import IconMenu = __MaterialUI.Menus.IconMenu;
-    export default IconMenu;
-}
-
-declare module "material-ui/lib/menus/menu" {
-    export import Menu = __MaterialUI.Menus.Menu;
-    export default Menu;
-}
-
-declare module "material-ui/lib/menus/menu-item" {
-    export import MenuItem = __MaterialUI.Menus.MenuItem;
-    export default MenuItem;
-}
-
-declare module "material-ui/lib/divider" {
-    export import Divider = __MaterialUI.Divider;
-    export default Divider;
-}
-
-declare module "material-ui/lib/grid-list/grid-list" {
-    export import GridList = __MaterialUI.GridList.GridList;
-    export default GridList;
-}
-
-declare module "material-ui/lib/grid-list/grid-tile" {
-    export import GridTile = __MaterialUI.GridList.GridTile;
-    export default GridTile;
-}
-
-declare module "material-ui/lib/styles/colors" {
-    export import Colors = __MaterialUI.Styles.Colors;
-    export default Colors;
-}
-
-declare module "material-ui/lib/styles/zIndex" {
-    export import zIndex = __MaterialUI.Styles.zIndex;
-    export default zIndex;
-}
-
 declare namespace __MaterialUI.Styles {
     interface Colors {
         red50: string;
@@ -7321,927 +7487,927 @@ declare namespace __MaterialUI.Styles {
     export var Colors: Colors;
 }
 
-declare module "material-ui/lib/svg-icons" {
-    export import ActionAccessibility = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/accessibility');
-    export import ActionAccessible = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/accessible');
-    export import ActionAccountBalance = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/account-balance');
-    export import ActionAccountBalanceWallet = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/account-balance-wallet');
-    export import ActionAccountBox = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/account-box');
-    export import ActionAccountCircle = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/account-circle');
-    export import ActionAddShoppingCart = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/add-shopping-cart');
-    export import ActionAlarm = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/alarm');
-    export import ActionAlarmAdd = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/alarm-add');
-    export import ActionAlarmOff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/alarm-off');
-    export import ActionAlarmOn = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/alarm-on');
-    export import ActionAllOut = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/all-out');
-    export import ActionAndroid = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/android');
-    export import ActionAnnouncement = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/announcement');
-    export import ActionAspectRatio = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/aspect-ratio');
-    export import ActionAssessment = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/assessment');
-    export import ActionAssignment = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/assignment');
-    export import ActionAssignmentInd = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/assignment-ind');
-    export import ActionAssignmentLate = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/assignment-late');
-    export import ActionAssignmentReturn = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/assignment-return');
-    export import ActionAssignmentReturned = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/assignment-returned');
-    export import ActionAssignmentTurnedIn = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/assignment-turned-in');
-    export import ActionAutorenew = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/autorenew');
-    export import ActionBackup = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/backup');
-    export import ActionBook = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/book');
-    export import ActionBookmark = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/bookmark');
-    export import ActionBookmarkBorder = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/bookmark-border');
-    export import ActionBugReport = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/bug-report');
-    export import ActionBuild = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/build');
-    export import ActionCached = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/cached');
-    export import ActionCameraEnhance = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/camera-enhance');
-    export import ActionCardGiftcard = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/card-giftcard');
-    export import ActionCardMembership = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/card-membership');
-    export import ActionCardTravel = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/card-travel');
-    export import ActionChangeHistory = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/change-history');
-    export import ActionCheckCircle = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/check-circle');
-    export import ActionChromeReaderMode = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/chrome-reader-mode');
-    export import ActionClass = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/class');
-    export import ActionCode = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/code');
-    export import ActionCompareArrows = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/compare-arrows');
-    export import ActionCopyright = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/copyright');
-    export import ActionCreditCard = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/credit-card');
-    export import ActionDashboard = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/dashboard');
-    export import ActionDateRange = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/date-range');
-    export import ActionDelete = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/delete');
-    export import ActionDescription = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/description');
-    export import ActionDns = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/dns');
-    export import ActionDone = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/done');
-    export import ActionDoneAll = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/done-all');
-    export import ActionDonutLarge = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/donut-large');
-    export import ActionDonutSmall = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/donut-small');
-    export import ActionEject = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/eject');
-    export import ActionEvent = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/event');
-    export import ActionEventSeat = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/event-seat');
-    export import ActionExitToApp = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/exit-to-app');
-    export import ActionExplore = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/explore');
-    export import ActionExtension = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/extension');
-    export import ActionFace = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/face');
-    export import ActionFavorite = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/favorite');
-    export import ActionFavoriteBorder = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/favorite-border');
-    export import ActionFeedback = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/feedback');
-    export import ActionFindInPage = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/find-in-page');
-    export import ActionFindReplace = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/find-replace');
-    export import ActionFingerprint = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/fingerprint');
-    export import ActionFlightLand = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/flight-land');
-    export import ActionFlightTakeoff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/flight-takeoff');
-    export import ActionFlipToBack = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/flip-to-back');
-    export import ActionFlipToFront = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/flip-to-front');
-    export import ActionGavel = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/gavel');
-    export import ActionGetApp = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/get-app');
-    export import ActionGif = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/gif');
-    export import ActionGrade = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/grade');
-    export import ActionGroupWork = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/group-work');
-    export import ActionHelp = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/help');
-    export import ActionHelpOutline = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/help-outline');
-    export import ActionHighlightOff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/highlight-off');
-    export import ActionHistory = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/history');
-    export import ActionHome = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/home');
-    export import ActionHourglassEmpty = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/hourglass-empty');
-    export import ActionHourglassFull = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/hourglass-full');
-    export import ActionHttp = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/http');
-    export import ActionHttps = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/https');
-    export import ActionImportantDevices = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/important-devices');
-    export import ActionInfo = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/info');
-    export import ActionInfoOutline = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/info-outline');
-    export import ActionInput = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/input');
-    export import ActionInvertColors = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/invert-colors');
-    export import ActionLabel = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/label');
-    export import ActionLabelOutline = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/label-outline');
-    export import ActionLanguage = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/language');
-    export import ActionLaunch = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/launch');
-    export import ActionLightbulbOutline = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/lightbulb-outline');
-    export import ActionLineStyle = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/line-style');
-    export import ActionLineWeight = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/line-weight');
-    export import ActionList = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/list');
-    export import ActionLock = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/lock');
-    export import ActionLockOpen = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/lock-open');
-    export import ActionLockOutline = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/lock-outline');
-    export import ActionLoyalty = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/loyalty');
-    export import ActionMarkunreadMailbox = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/markunread-mailbox');
-    export import ActionMotorcycle = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/motorcycle');
-    export import ActionNoteAdd = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/note-add');
-    export import ActionOfflinePin = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/offline-pin');
-    export import ActionOpacity = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/opacity');
-    export import ActionOpenInBrowser = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/open-in-browser');
-    export import ActionOpenInNew = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/open-in-new');
-    export import ActionOpenWith = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/open-with');
-    export import ActionPageview = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/pageview');
-    export import ActionPanTool = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/pan-tool');
-    export import ActionPayment = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/payment');
-    export import ActionPermCameraMic = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/perm-camera-mic');
-    export import ActionPermContactCalendar = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/perm-contact-calendar');
-    export import ActionPermDataSetting = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/perm-data-setting');
-    export import ActionPermDeviceInformation = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/perm-device-information');
-    export import ActionPermIdentity = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/perm-identity');
-    export import ActionPermMedia = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/perm-media');
-    export import ActionPermPhoneMsg = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/perm-phone-msg');
-    export import ActionPermScanWifi = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/perm-scan-wifi');
-    export import ActionPets = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/pets');
-    export import ActionPictureInPicture = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/picture-in-picture');
-    export import ActionPictureInPictureAlt = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/picture-in-picture-alt');
-    export import ActionPlayForWork = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/play-for-work');
-    export import ActionPolymer = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/polymer');
-    export import ActionPowerSettingsNew = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/power-settings-new');
-    export import ActionPregnantWoman = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/pregnant-woman');
-    export import ActionPrint = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/print');
-    export import ActionQueryBuilder = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/query-builder');
-    export import ActionQuestionAnswer = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/question-answer');
-    export import ActionReceipt = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/receipt');
-    export import ActionRecordVoiceOver = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/record-voice-over');
-    export import ActionRedeem = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/redeem');
-    export import ActionReorder = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/reorder');
-    export import ActionReportProblem = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/report-problem');
-    export import ActionRestore = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/restore');
-    export import ActionRoom = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/room');
-    export import ActionRoundedCorner = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/rounded-corner');
-    export import ActionRowing = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/rowing');
-    export import ActionSchedule = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/schedule');
-    export import ActionSearch = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/search');
-    export import ActionSettings = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/settings');
-    export import ActionSettingsApplications = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/settings-applications');
-    export import ActionSettingsBackupRestore = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/settings-backup-restore');
-    export import ActionSettingsBluetooth = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/settings-bluetooth');
-    export import ActionSettingsBrightness = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/settings-brightness');
-    export import ActionSettingsCell = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/settings-cell');
-    export import ActionSettingsEthernet = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/settings-ethernet');
-    export import ActionSettingsInputAntenna = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/settings-input-antenna');
-    export import ActionSettingsInputComponent = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/settings-input-component');
-    export import ActionSettingsInputComposite = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/settings-input-composite');
-    export import ActionSettingsInputHdmi = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/settings-input-hdmi');
-    export import ActionSettingsInputSvideo = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/settings-input-svideo');
-    export import ActionSettingsOverscan = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/settings-overscan');
-    export import ActionSettingsPhone = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/settings-phone');
-    export import ActionSettingsPower = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/settings-power');
-    export import ActionSettingsRemote = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/settings-remote');
-    export import ActionSettingsVoice = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/settings-voice');
-    export import ActionShop = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/shop');
-    export import ActionShoppingBasket = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/shopping-basket');
-    export import ActionShoppingCart = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/shopping-cart');
-    export import ActionShopTwo = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/shop-two');
-    export import ActionSpeakerNotes = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/speaker-notes');
-    export import ActionSpellcheck = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/spellcheck');
-    export import ActionStars = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/stars');
-    export import ActionStore = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/store');
-    export import ActionSubject = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/subject');
-    export import ActionSupervisorAccount = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/supervisor-account');
-    export import ActionSwapHoriz = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/swap-horiz');
-    export import ActionSwapVert = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/swap-vert');
-    export import ActionSwapVerticalCircle = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/swap-vertical-circle');
-    export import ActionSystemUpdateAlt = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/system-update-alt');
-    export import ActionTab = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/tab');
-    export import ActionTabUnselected = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/tab-unselected');
-    export import ActionTheaters = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/theaters');
-    export import ActionThreeDRotation = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/three-d-rotation');
-    export import ActionThumbDown = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/thumb-down');
-    export import ActionThumbsUpDown = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/thumbs-up-down');
-    export import ActionThumbUp = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/thumb-up');
-    export import ActionTimeline = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/timeline');
-    export import ActionToc = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/toc');
-    export import ActionToday = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/today');
-    export import ActionToll = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/toll');
-    export import ActionTouchApp = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/touch-app');
-    export import ActionTrackChanges = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/track-changes');
-    export import ActionTranslate = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/translate');
-    export import ActionTrendingDown = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/trending-down');
-    export import ActionTrendingFlat = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/trending-flat');
-    export import ActionTrendingUp = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/trending-up');
-    export import ActionTurnedIn = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/turned-in');
-    export import ActionTurnedInNot = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/turned-in-not');
-    export import ActionUpdate = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/update');
-    export import ActionVerifiedUser = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/verified-user');
-    export import ActionViewAgenda = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/view-agenda');
-    export import ActionViewArray = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/view-array');
-    export import ActionViewCarousel = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/view-carousel');
-    export import ActionViewColumn = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/view-column');
-    export import ActionViewDay = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/view-day');
-    export import ActionViewHeadline = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/view-headline');
-    export import ActionViewList = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/view-list');
-    export import ActionViewModule = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/view-module');
-    export import ActionViewQuilt = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/view-quilt');
-    export import ActionViewStream = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/view-stream');
-    export import ActionViewWeek = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/view-week');
-    export import ActionVisibility = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/visibility');
-    export import ActionVisibilityOff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/visibility-off');
-    export import ActionWatchLater = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/watch-later');
-    export import ActionWork = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/work');
-    export import ActionYoutubeSearchedFor = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/youtube-searched-for');
-    export import ActionZoomIn = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/zoom-in');
-    export import ActionZoomOut = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/action/zoom-out');
-    export import AlertAddAlert = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/alert/add-alert');
-    export import AlertError = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/alert/error');
-    export import AlertErrorOutline = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/alert/error-outline');
-    export import AlertWarning = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/alert/warning');
-    export import AvAddToQueue = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/add-to-queue');
-    export import AvAirplay = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/airplay');
-    export import AvAlbum = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/album');
-    export import AvArtTrack = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/art-track');
-    export import AvAvTimer = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/av-timer');
-    export import AvClosedCaption = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/closed-caption');
-    export import AvEqualizer = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/equalizer');
-    export import AvExplicit = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/explicit');
-    export import AvFastForward = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/fast-forward');
-    export import AvFastRewind = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/fast-rewind');
-    export import AvFiberDvr = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/fiber-dvr');
-    export import AvFiberManualRecord = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/fiber-manual-record');
-    export import AvFiberNew = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/fiber-new');
-    export import AvFiberPin = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/fiber-pin');
-    export import AvFiberSmartRecord = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/fiber-smart-record');
-    export import AvForward10 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/forward-10');
-    export import AvForward30 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/forward-30');
-    export import AvForward5 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/forward-5');
-    export import AvGames = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/games');
-    export import AvHd = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/hd');
-    export import AvHearing = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/hearing');
-    export import AvHighQuality = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/high-quality');
-    export import AvLibraryAdd = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/library-add');
-    export import AvLibraryBooks = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/library-books');
-    export import AvLibraryMusic = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/library-music');
-    export import AvLoop = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/loop');
-    export import AvMic = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/mic');
-    export import AvMicNone = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/mic-none');
-    export import AvMicOff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/mic-off');
-    export import AvMovie = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/movie');
-    export import AvMusicVideo = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/music-video');
-    export import AvNewReleases = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/new-releases');
-    export import AvNotInterested = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/not-interested');
-    export import AvPause = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/pause');
-    export import AvPauseCircleFilled = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/pause-circle-filled');
-    export import AvPauseCircleOutline = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/pause-circle-outline');
-    export import AvPlayArrow = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/play-arrow');
-    export import AvPlayCircleFilled = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/play-circle-filled');
-    export import AvPlayCircleOutline = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/play-circle-outline');
-    export import AvPlaylistAdd = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/playlist-add');
-    export import AvPlaylistAddCheck = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/playlist-add-check');
-    export import AvPlaylistPlay = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/playlist-play');
-    export import AvQueue = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/queue');
-    export import AvQueueMusic = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/queue-music');
-    export import AvQueuePlayNext = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/queue-play-next');
-    export import AvRadio = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/radio');
-    export import AvRecentActors = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/recent-actors');
-    export import AvRemoveFromQueue = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/remove-from-queue');
-    export import AvRepeat = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/repeat');
-    export import AvRepeatOne = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/repeat-one');
-    export import AvReplay = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/replay');
-    export import AvReplay10 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/replay-10');
-    export import AvReplay30 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/replay-30');
-    export import AvReplay5 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/replay-5');
-    export import AvShuffle = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/shuffle');
-    export import AvSkipNext = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/skip-next');
-    export import AvSkipPrevious = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/skip-previous');
-    export import AvSlowMotionVideo = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/slow-motion-video');
-    export import AvSnooze = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/snooze');
-    export import AvSortByAlpha = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/sort-by-alpha');
-    export import AvStop = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/stop');
-    export import AvSubscriptions = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/subscriptions');
-    export import AvSubtitles = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/subtitles');
-    export import AvSurroundSound = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/surround-sound');
-    export import AvVideocam = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/videocam');
-    export import AvVideocamOff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/videocam-off');
-    export import AvVideoLibrary = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/video-library');
-    export import AvVolumeDown = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/volume-down');
-    export import AvVolumeMute = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/volume-mute');
-    export import AvVolumeOff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/volume-off');
-    export import AvVolumeUp = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/volume-up');
-    export import AvWeb = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/web');
-    export import AvWebAsset = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/av/web-asset');
-    export import CommunicationBusiness = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/business');
-    export import CommunicationCall = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/call');
-    export import CommunicationCallEnd = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/call-end');
-    export import CommunicationCallMade = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/call-made');
-    export import CommunicationCallMerge = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/call-merge');
-    export import CommunicationCallMissed = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/call-missed');
-    export import CommunicationCallMissedOutgoing = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/call-missed-outgoing');
-    export import CommunicationCallReceived = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/call-received');
-    export import CommunicationCallSplit = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/call-split');
-    export import CommunicationChat = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/chat');
-    export import CommunicationChatBubble = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/chat-bubble');
-    export import CommunicationChatBubbleOutline = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/chat-bubble-outline');
-    export import CommunicationClearAll = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/clear-all');
-    export import CommunicationComment = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/comment');
-    export import CommunicationContactMail = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/contact-mail');
-    export import CommunicationContactPhone = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/contact-phone');
-    export import CommunicationContacts = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/contacts');
-    export import CommunicationDialerSip = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/dialer-sip');
-    export import CommunicationDialpad = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/dialpad');
-    export import CommunicationEmail = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/email');
-    export import CommunicationForum = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/forum');
-    export import CommunicationImportContacts = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/import-contacts');
-    export import CommunicationImportExport = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/import-export');
-    export import CommunicationInvertColorsOff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/invert-colors-off');
-    export import CommunicationLiveHelp = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/live-help');
-    export import CommunicationLocationOff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/location-off');
-    export import CommunicationLocationOn = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/location-on');
-    export import CommunicationMailOutline = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/mail-outline');
-    export import CommunicationMessage = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/message');
-    export import CommunicationNoSim = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/no-sim');
-    export import CommunicationPhone = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/phone');
-    export import CommunicationPhonelinkErase = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/phonelink-erase');
-    export import CommunicationPhonelinkLock = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/phonelink-lock');
-    export import CommunicationPhonelinkRing = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/phonelink-ring');
-    export import CommunicationPhonelinkSetup = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/phonelink-setup');
-    export import CommunicationPortableWifiOff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/portable-wifi-off');
-    export import CommunicationPresentToAll = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/present-to-all');
-    export import CommunicationRingVolume = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/ring-volume');
-    export import CommunicationScreenShare = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/screen-share');
-    export import CommunicationSpeakerPhone = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/speaker-phone');
-    export import CommunicationStayCurrentLandscape = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/stay-current-landscape');
-    export import CommunicationStayCurrentPortrait = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/stay-current-portrait');
-    export import CommunicationStayPrimaryLandscape = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/stay-primary-landscape');
-    export import CommunicationStayPrimaryPortrait = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/stay-primary-portrait');
-    export import CommunicationStopScreenShare = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/stop-screen-share');
-    export import CommunicationSwapCalls = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/swap-calls');
-    export import CommunicationTactMail = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/tact-mail');
-    export import CommunicationTextsms = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/textsms');
-    export import CommunicationVoicemail = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/voicemail');
-    export import CommunicationVpnKey = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/communication/vpn-key');
-    export import ContentAdd = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/add');
-    export import ContentAddBox = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/add-box');
-    export import ContentAddCircle = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/add-circle');
-    export import ContentAddCircleOutline = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/add-circle-outline');
-    export import ContentArchive = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/archive');
-    export import ContentBackspace = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/backspace');
-    export import ContentBlock = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/block');
-    export import ContentClear = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/clear');
-    export import ContentContentCopy = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/content-copy');
-    export import ContentContentCut = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/content-cut');
-    export import ContentContentPaste = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/content-paste');
-    export import ContentCreate = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/create');
-    export import ContentDrafts = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/drafts');
-    export import ContentFilterList = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/filter-list');
-    export import ContentFlag = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/flag');
-    export import ContentFontDownload = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/font-download');
-    export import ContentForward = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/forward');
-    export import ContentGesture = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/gesture');
-    export import ContentInbox = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/inbox');
-    export import ContentLink = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/link');
-    export import ContentMail = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/mail');
-    export import ContentMarkunread = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/markunread');
-    export import ContentMoveToInbox = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/move-to-inbox');
-    export import ContentNextWeek = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/next-week');
-    export import ContentRedo = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/redo');
-    export import ContentRemove = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/remove');
-    export import ContentRemoveCircle = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/remove-circle');
-    export import ContentRemoveCircleOutline = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/remove-circle-outline');
-    export import ContentReply = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/reply');
-    export import ContentReplyAll = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/reply-all');
-    export import ContentReport = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/report');
-    export import ContentSave = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/save');
-    export import ContentSelectAll = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/select-all');
-    export import ContentSend = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/send');
-    export import ContentSort = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/sort');
-    export import ContentTextFormat = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/text-format');
-    export import ContentUnarchive = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/unarchive');
-    export import ContentUndo = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/undo');
-    export import ContentWeekend = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/content/weekend');
-    export import DeviceAccessAlarm = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/access-alarm');
-    export import DeviceAccessAlarms = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/access-alarms');
-    export import DeviceAccessTime = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/access-time');
-    export import DeviceAddAlarm = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/add-alarm');
-    export import DeviceAirplanemodeActive = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/airplanemode-active');
-    export import DeviceAirplanemodeInactive = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/airplanemode-inactive');
-    export import DeviceBattery20 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/battery-20');
-    export import DeviceBattery30 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/battery-30');
-    export import DeviceBattery50 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/battery-50');
-    export import DeviceBattery60 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/battery-60');
-    export import DeviceBattery80 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/battery-80');
-    export import DeviceBattery90 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/battery-90');
-    export import DeviceBatteryAlert = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/battery-alert');
-    export import DeviceBatteryCharging20 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/battery-charging-20');
-    export import DeviceBatteryCharging30 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/battery-charging-30');
-    export import DeviceBatteryCharging50 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/battery-charging-50');
-    export import DeviceBatteryCharging60 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/battery-charging-60');
-    export import DeviceBatteryCharging80 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/battery-charging-80');
-    export import DeviceBatteryCharging90 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/battery-charging-90');
-    export import DeviceBatteryChargingFull = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/battery-charging-full');
-    export import DeviceBatteryFull = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/battery-full');
-    export import DeviceBatteryStd = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/battery-std');
-    export import DeviceBatteryUnknown = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/battery-unknown');
-    export import DeviceBluetooth = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/bluetooth');
-    export import DeviceBluetoothConnected = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/bluetooth-connected');
-    export import DeviceBluetoothDisabled = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/bluetooth-disabled');
-    export import DeviceBluetoothSearching = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/bluetooth-searching');
-    export import DeviceBrightnessAuto = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/brightness-auto');
-    export import DeviceBrightnessHigh = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/brightness-high');
-    export import DeviceBrightnessLow = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/brightness-low');
-    export import DeviceBrightnessMedium = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/brightness-medium');
-    export import DeviceDataUsage = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/data-usage');
-    export import DeviceDeveloperMode = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/developer-mode');
-    export import DeviceDevices = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/devices');
-    export import DeviceDvr = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/dvr');
-    export import DeviceGpsFixed = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/gps-fixed');
-    export import DeviceGpsNotFixed = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/gps-not-fixed');
-    export import DeviceGpsOff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/gps-off');
-    export import DeviceGraphicEq = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/graphic-eq');
-    export import DeviceLocationDisabled = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/location-disabled');
-    export import DeviceLocationSearching = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/location-searching');
-    export import DeviceNetworkCell = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/network-cell');
-    export import DeviceNetworkWifi = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/network-wifi');
-    export import DeviceNfc = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/nfc');
-    export import DeviceScreenLockLandscape = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/screen-lock-landscape');
-    export import DeviceScreenLockPortrait = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/screen-lock-portrait');
-    export import DeviceScreenLockRotation = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/screen-lock-rotation');
-    export import DeviceScreenRotation = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/screen-rotation');
-    export import DeviceSdStorage = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/sd-storage');
-    export import DeviceSettingsSystemDaydream = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/settings-system-daydream');
-    export import DeviceSignalCellular0Bar = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-cellular-0-bar');
-    export import DeviceSignalCellular1Bar = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-cellular-1-bar');
-    export import DeviceSignalCellular2Bar = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-cellular-2-bar');
-    export import DeviceSignalCellular3Bar = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-cellular-3-bar');
-    export import DeviceSignalCellular4Bar = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-cellular-4-bar');
-    export import DeviceSignalCellularConnectedNoInternet0Bar = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-cellular-connected-no-internet-0-bar');
-    export import DeviceSignalCellularConnectedNoInternet1Bar = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-cellular-connected-no-internet-1-bar');
-    export import DeviceSignalCellularConnectedNoInternet2Bar = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-cellular-connected-no-internet-2-bar');
-    export import DeviceSignalCellularConnectedNoInternet3Bar = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-cellular-connected-no-internet-3-bar');
-    export import DeviceSignalCellularConnectedNoInternet4Bar = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-cellular-connected-no-internet-4-bar');
-    export import DeviceSignalCellularNoSim = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-cellular-no-sim');
-    export import DeviceSignalCellularNull = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-cellular-null');
-    export import DeviceSignalCellularOff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-cellular-off');
-    export import DeviceSignalWifi0Bar = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-wifi-0-bar');
-    export import DeviceSignalWifi1Bar = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-wifi-1-bar');
-    export import DeviceSignalWifi1BarLock = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-wifi-1-bar-lock');
-    export import DeviceSignalWifi2Bar = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-wifi-2-bar');
-    export import DeviceSignalWifi2BarLock = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-wifi-2-bar-lock');
-    export import DeviceSignalWifi3Bar = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-wifi-3-bar');
-    export import DeviceSignalWifi3BarLock = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-wifi-3-bar-lock');
-    export import DeviceSignalWifi4Bar = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-wifi-4-bar');
-    export import DeviceSignalWifi4BarLock = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-wifi-4-bar-lock');
-    export import DeviceSignalWifiOff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/signal-wifi-off');
-    export import DeviceStorage = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/storage');
-    export import DeviceUsb = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/usb');
-    export import DeviceWallpaper = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/wallpaper');
-    export import DeviceWidgets = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/widgets');
-    export import DeviceWifiLock = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/wifi-lock');
-    export import DeviceWifiTethering = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/device/wifi-tethering');
-    export import EditorAttachFile = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/attach-file');
-    export import EditorAttachMoney = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/attach-money');
-    export import EditorBorderAll = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/border-all');
-    export import EditorBorderBottom = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/border-bottom');
-    export import EditorBorderClear = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/border-clear');
-    export import EditorBorderColor = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/border-color');
-    export import EditorBorderHorizontal = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/border-horizontal');
-    export import EditorBorderInner = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/border-inner');
-    export import EditorBorderLeft = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/border-left');
-    export import EditorBorderOuter = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/border-outer');
-    export import EditorBorderRight = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/border-right');
-    export import EditorBorderStyle = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/border-style');
-    export import EditorBorderTop = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/border-top');
-    export import EditorBorderVertical = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/border-vertical');
-    export import EditorDragHandle = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/drag-handle');
-    export import EditorFormatAlignCenter = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-align-center');
-    export import EditorFormatAlignJustify = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-align-justify');
-    export import EditorFormatAlignLeft = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-align-left');
-    export import EditorFormatAlignRight = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-align-right');
-    export import EditorFormatBold = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-bold');
-    export import EditorFormatClear = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-clear');
-    export import EditorFormatColorFill = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-color-fill');
-    export import EditorFormatColorReset = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-color-reset');
-    export import EditorFormatColorText = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-color-text');
-    export import EditorFormatIndentDecrease = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-indent-decrease');
-    export import EditorFormatIndentIncrease = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-indent-increase');
-    export import EditorFormatItalic = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-italic');
-    export import EditorFormatLineSpacing = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-line-spacing');
-    export import EditorFormatListBulleted = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-list-bulleted');
-    export import EditorFormatListNumbered = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-list-numbered');
-    export import EditorFormatPaint = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-paint');
-    export import EditorFormatQuote = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-quote');
-    export import EditorFormatShapes = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-shapes');
-    export import EditorFormatSize = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-size');
-    export import EditorFormatStrikethrough = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-strikethrough');
-    export import EditorFormatTextdirectionLToR = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-textdirection-l-to-r');
-    export import EditorFormatTextdirectionRToL = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-textdirection-r-to-l');
-    export import EditorFormatUnderlined = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/format-underlined');
-    export import EditorFunctions = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/functions');
-    export import EditorHighlight = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/highlight');
-    export import EditorInsertChart = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/insert-chart');
-    export import EditorInsertComment = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/insert-comment');
-    export import EditorInsertDriveFile = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/insert-drive-file');
-    export import EditorInsertEmoticon = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/insert-emoticon');
-    export import EditorInsertInvitation = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/insert-invitation');
-    export import EditorInsertLink = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/insert-link');
-    export import EditorInsertPhoto = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/insert-photo');
-    export import EditorLinearScale = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/linear-scale');
-    export import EditorMergeType = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/merge-type');
-    export import EditorModeComment = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/mode-comment');
-    export import EditorModeEdit = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/mode-edit');
-    export import EditorMoneyOff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/money-off');
-    export import EditorPublish = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/publish');
-    export import EditorShortText = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/short-text');
-    export import EditorSpaceBar = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/space-bar');
-    export import EditorStrikethroughS = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/strikethrough-s');
-    export import EditorTextFields = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/text-fields');
-    export import EditorVerticalAlignBottom = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/vertical-align-bottom');
-    export import EditorVerticalAlignCenter = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/vertical-align-center');
-    export import EditorVerticalAlignTop = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/vertical-align-top');
-    export import EditorWrapText = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/editor/wrap-text');
-    export import FileAttachment = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/file/attachment');
-    export import FileCloud = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/file/cloud');
-    export import FileCloudCircle = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/file/cloud-circle');
-    export import FileCloudDone = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/file/cloud-done');
-    export import FileCloudDownload = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/file/cloud-download');
-    export import FileCloudOff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/file/cloud-off');
-    export import FileCloudQueue = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/file/cloud-queue');
-    export import FileCloudUpload = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/file/cloud-upload');
-    export import FileCreateNewFolder = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/file/create-new-folder');
-    export import FileFileDownload = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/file/file-download');
-    export import FileFileUpload = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/file/file-upload');
-    export import FileFolder = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/file/folder');
-    export import FileFolderOpen = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/file/folder-open');
-    export import FileFolderShared = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/file/folder-shared');
-    export import HardwareCast = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/cast');
-    export import HardwareCastConnected = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/cast-connected');
-    export import HardwareComputer = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/computer');
-    export import HardwareDesktopMac = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/desktop-mac');
-    export import HardwareDesktopWindows = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/desktop-windows');
-    export import HardwareDeveloperBoard = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/developer-board');
-    export import HardwareDeviceHub = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/device-hub');
-    export import HardwareDevicesOther = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/devices-other');
-    export import HardwareDock = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/dock');
-    export import HardwareGamepad = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/gamepad');
-    export import HardwareHeadset = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/headset');
-    export import HardwareHeadsetMic = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/headset-mic');
-    export import HardwareKeyboard = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/keyboard');
-    export import HardwareKeyboardArrowDown = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/keyboard-arrow-down');
-    export import HardwareKeyboardArrowLeft = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/keyboard-arrow-left');
-    export import HardwareKeyboardArrowRight = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/keyboard-arrow-right');
-    export import HardwareKeyboardArrowUp = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/keyboard-arrow-up');
-    export import HardwareKeyboardBackspace = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/keyboard-backspace');
-    export import HardwareKeyboardCapslock = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/keyboard-capslock');
-    export import HardwareKeyboardHide = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/keyboard-hide');
-    export import HardwareKeyboardReturn = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/keyboard-return');
-    export import HardwareKeyboardTab = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/keyboard-tab');
-    export import HardwareKeyboardVoice = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/keyboard-voice');
-    export import HardwareLaptop = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/laptop');
-    export import HardwareLaptopChromebook = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/laptop-chromebook');
-    export import HardwareLaptopMac = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/laptop-mac');
-    export import HardwareLaptopWindows = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/laptop-windows');
-    export import HardwareMemory = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/memory');
-    export import HardwareMouse = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/mouse');
-    export import HardwarePhoneAndroid = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/phone-android');
-    export import HardwarePhoneIphone = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/phone-iphone');
-    export import HardwarePhonelink = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/phonelink');
-    export import HardwarePhonelinkOff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/phonelink-off');
-    export import HardwarePowerInput = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/power-input');
-    export import HardwareRouter = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/router');
-    export import HardwareScanner = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/scanner');
-    export import HardwareSecurity = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/security');
-    export import HardwareSimCard = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/sim-card');
-    export import HardwareSmartphone = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/smartphone');
-    export import HardwareSpeaker = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/speaker');
-    export import HardwareSpeakerGroup = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/speaker-group');
-    export import HardwareTablet = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/tablet');
-    export import HardwareTabletAndroid = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/tablet-android');
-    export import HardwareTabletMac = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/tablet-mac');
-    export import HardwareToys = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/toys');
-    export import HardwareTv = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/tv');
-    export import HardwareVideogameAsset = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/videogame-asset');
-    export import HardwareWatch = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/hardware/watch');
-    export import ImageAddAPhoto = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/add-a-photo');
-    export import ImageAddToPhotos = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/add-to-photos');
-    export import ImageAdjust = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/adjust');
-    export import ImageAssistant = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/assistant');
-    export import ImageAssistantPhoto = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/assistant-photo');
-    export import ImageAudiotrack = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/audiotrack');
-    export import ImageBlurCircular = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/blur-circular');
-    export import ImageBlurLinear = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/blur-linear');
-    export import ImageBlurOff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/blur-off');
-    export import ImageBlurOn = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/blur-on');
-    export import ImageBrightness1 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/brightness-1');
-    export import ImageBrightness2 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/brightness-2');
-    export import ImageBrightness3 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/brightness-3');
-    export import ImageBrightness4 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/brightness-4');
-    export import ImageBrightness5 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/brightness-5');
-    export import ImageBrightness6 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/brightness-6');
-    export import ImageBrightness7 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/brightness-7');
-    export import ImageBrokenImage = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/broken-image');
-    export import ImageBrush = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/brush');
-    export import ImageCamera = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/camera');
-    export import ImageCameraAlt = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/camera-alt');
-    export import ImageCameraFront = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/camera-front');
-    export import ImageCameraRear = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/camera-rear');
-    export import ImageCameraRoll = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/camera-roll');
-    export import ImageCenterFocusStrong = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/center-focus-strong');
-    export import ImageCenterFocusWeak = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/center-focus-weak');
-    export import ImageCollections = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/collections');
-    export import ImageCollectionsBookmark = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/collections-bookmark');
-    export import ImageColorize = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/colorize');
-    export import ImageColorLens = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/color-lens');
-    export import ImageCompare = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/compare');
-    export import ImageControlPoint = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/control-point');
-    export import ImageControlPointDuplicate = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/control-point-duplicate');
-    export import ImageCrop = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/crop');
-    export import ImageCrop169 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/crop-16-9');
-    export import ImageCrop32 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/crop-3-2');
-    export import ImageCrop54 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/crop-5-4');
-    export import ImageCrop75 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/crop-7-5');
-    export import ImageCropDin = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/crop-din');
-    export import ImageCropFree = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/crop-free');
-    export import ImageCropLandscape = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/crop-landscape');
-    export import ImageCropOriginal = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/crop-original');
-    export import ImageCropPortrait = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/crop-portrait');
-    export import ImageCropRotate = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/crop-rotate');
-    export import ImageCropSquare = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/crop-square');
-    export import ImageDehaze = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/dehaze');
-    export import ImageDetails = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/details');
-    export import ImageEdit = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/edit');
-    export import ImageExposure = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/exposure');
-    export import ImageExposureNeg1 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/exposure-neg-1');
-    export import ImageExposureNeg2 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/exposure-neg-2');
-    export import ImageExposurePlus1 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/exposure-plus-1');
-    export import ImageExposurePlus2 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/exposure-plus-2');
-    export import ImageExposureZero = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/exposure-zero');
-    export import ImageFilter = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/filter');
-    export import ImageFilter1 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/filter-1');
-    export import ImageFilter2 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/filter-2');
-    export import ImageFilter3 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/filter-3');
-    export import ImageFilter4 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/filter-4');
-    export import ImageFilter5 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/filter-5');
-    export import ImageFilter6 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/filter-6');
-    export import ImageFilter7 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/filter-7');
-    export import ImageFilter8 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/filter-8');
-    export import ImageFilter9 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/filter-9');
-    export import ImageFilter9Plus = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/filter-9-plus');
-    export import ImageFilterBAndW = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/filter-b-and-w');
-    export import ImageFilterCenterFocus = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/filter-center-focus');
-    export import ImageFilterDrama = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/filter-drama');
-    export import ImageFilterFrames = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/filter-frames');
-    export import ImageFilterHdr = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/filter-hdr');
-    export import ImageFilterNone = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/filter-none');
-    export import ImageFilterTiltShift = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/filter-tilt-shift');
-    export import ImageFilterVintage = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/filter-vintage');
-    export import ImageFlare = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/flare');
-    export import ImageFlashAuto = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/flash-auto');
-    export import ImageFlashOff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/flash-off');
-    export import ImageFlashOn = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/flash-on');
-    export import ImageFlip = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/flip');
-    export import ImageGradient = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/gradient');
-    export import ImageGrain = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/grain');
-    export import ImageGridOff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/grid-off');
-    export import ImageGridOn = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/grid-on');
-    export import ImageHdrOff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/hdr-off');
-    export import ImageHdrOn = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/hdr-on');
-    export import ImageHdrStrong = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/hdr-strong');
-    export import ImageHdrWeak = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/hdr-weak');
-    export import ImageHealing = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/healing');
-    export import ImageImage = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/image');
-    export import ImageImageAspectRatio = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/image-aspect-ratio');
-    export import ImageIso = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/iso');
-    export import ImageLandscape = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/landscape');
-    export import ImageLeakAdd = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/leak-add');
-    export import ImageLeakRemove = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/leak-remove');
-    export import ImageLens = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/lens');
-    export import ImageLinkedCamera = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/linked-camera');
-    export import ImageLooks = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/looks');
-    export import ImageLooks3 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/looks-3');
-    export import ImageLooks4 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/looks-4');
-    export import ImageLooks5 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/looks-5');
-    export import ImageLooks6 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/looks-6');
-    export import ImageLooksOne = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/looks-one');
-    export import ImageLooksTwo = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/looks-two');
-    export import ImageLoupe = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/loupe');
-    export import ImageMonochromePhotos = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/monochrome-photos');
-    export import ImageMovieCreation = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/movie-creation');
-    export import ImageMovieFilter = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/movie-filter');
-    export import ImageMusicNote = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/music-note');
-    export import ImageNature = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/nature');
-    export import ImageNaturePeople = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/nature-people');
-    export import ImageNavigateBefore = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/navigate-before');
-    export import ImageNavigateNext = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/navigate-next');
-    export import ImagePalette = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/palette');
-    export import ImagePanorama = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/panorama');
-    export import ImagePanoramaFishEye = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/panorama-fish-eye');
-    export import ImagePanoramaHorizontal = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/panorama-horizontal');
-    export import ImagePanoramaVertical = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/panorama-vertical');
-    export import ImagePanoramaWideAngle = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/panorama-wide-angle');
-    export import ImagePhoto = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/photo');
-    export import ImagePhotoAlbum = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/photo-album');
-    export import ImagePhotoCamera = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/photo-camera');
-    export import ImagePhotoFilter = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/photo-filter');
-    export import ImagePhotoLibrary = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/photo-library');
-    export import ImagePhotoSizeSelectActual = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/photo-size-select-actual');
-    export import ImagePhotoSizeSelectLarge = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/photo-size-select-large');
-    export import ImagePhotoSizeSelectSmall = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/photo-size-select-small');
-    export import ImagePictureAsPdf = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/picture-as-pdf');
-    export import ImagePortrait = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/portrait');
-    export import ImageRemoveRedEye = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/remove-red-eye');
-    export import ImageRotate90DegreesCcw = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/rotate-90-degrees-ccw');
-    export import ImageRotateLeft = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/rotate-left');
-    export import ImageRotateRight = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/rotate-right');
-    export import ImageSlideshow = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/slideshow');
-    export import ImageStraighten = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/straighten');
-    export import ImageStyle = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/style');
-    export import ImageSwitchCamera = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/switch-camera');
-    export import ImageSwitchVideo = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/switch-video');
-    export import ImageTagFaces = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/tag-faces');
-    export import ImageTexture = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/texture');
-    export import ImageTimelapse = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/timelapse');
-    export import ImageTimer = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/timer');
-    export import ImageTimer10 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/timer-10');
-    export import ImageTimer3 = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/timer-3');
-    export import ImageTimerOff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/timer-off');
-    export import ImageTonality = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/tonality');
-    export import ImageTransform = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/transform');
-    export import ImageTune = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/tune');
-    export import ImageViewComfy = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/view-comfy');
-    export import ImageViewCompact = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/view-compact');
-    export import ImageVignette = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/vignette');
-    export import ImageWbAuto = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/wb-auto');
-    export import ImageWbCloudy = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/wb-cloudy');
-    export import ImageWbIncandescent = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/wb-incandescent');
-    export import ImageWbIridescent = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/wb-iridescent');
-    export import ImageWbSunny = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/image/wb-sunny');
-    export import Index = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/index');
-    export import IndexGenerator = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/index-generator');
-    export import MapsAddLocation = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/add-location');
-    export import MapsBeenhere = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/beenhere');
-    export import MapsDirections = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/directions');
-    export import MapsDirectionsBike = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/directions-bike');
-    export import MapsDirectionsBoat = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/directions-boat');
-    export import MapsDirectionsBus = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/directions-bus');
-    export import MapsDirectionsCar = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/directions-car');
-    export import MapsDirectionsRailway = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/directions-railway');
-    export import MapsDirectionsRun = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/directions-run');
-    export import MapsDirectionsSubway = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/directions-subway');
-    export import MapsDirectionsTransit = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/directions-transit');
-    export import MapsDirectionsWalk = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/directions-walk');
-    export import MapsEditLocation = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/edit-location');
-    export import MapsFlight = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/flight');
-    export import MapsHotel = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/hotel');
-    export import MapsLayers = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/layers');
-    export import MapsLayersClear = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/layers-clear');
-    export import MapsLocalActivity = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-activity');
-    export import MapsLocalAirport = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-airport');
-    export import MapsLocalAtm = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-atm');
-    export import MapsLocalBar = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-bar');
-    export import MapsLocalCafe = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-cafe');
-    export import MapsLocalCarWash = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-car-wash');
-    export import MapsLocalConvenienceStore = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-convenience-store');
-    export import MapsLocalDining = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-dining');
-    export import MapsLocalDrink = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-drink');
-    export import MapsLocalFlorist = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-florist');
-    export import MapsLocalGasStation = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-gas-station');
-    export import MapsLocalGroceryStore = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-grocery-store');
-    export import MapsLocalHospital = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-hospital');
-    export import MapsLocalHotel = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-hotel');
-    export import MapsLocalLaundryService = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-laundry-service');
-    export import MapsLocalLibrary = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-library');
-    export import MapsLocalMall = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-mall');
-    export import MapsLocalMovies = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-movies');
-    export import MapsLocalOffer = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-offer');
-    export import MapsLocalParking = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-parking');
-    export import MapsLocalPharmacy = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-pharmacy');
-    export import MapsLocalPhone = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-phone');
-    export import MapsLocalPizza = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-pizza');
-    export import MapsLocalPlay = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-play');
-    export import MapsLocalPostOffice = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-post-office');
-    export import MapsLocalPrintshop = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-printshop');
-    export import MapsLocalSee = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-see');
-    export import MapsLocalShipping = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-shipping');
-    export import MapsLocalTaxi = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/local-taxi');
-    export import MapsMap = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/map');
-    export import MapsMyLocation = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/my-location');
-    export import MapsNavigation = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/navigation');
-    export import MapsNearMe = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/near-me');
-    export import MapsPersonPin = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/person-pin');
-    export import MapsPersonPinCircle = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/person-pin-circle');
-    export import MapsPinDrop = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/pin-drop');
-    export import MapsPlace = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/place');
-    export import MapsRateReview = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/rate-review');
-    export import MapsRestaurantMenu = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/restaurant-menu');
-    export import MapsSatellite = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/satellite');
-    export import MapsStoreMallDirectory = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/store-mall-directory');
-    export import MapsTerrain = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/terrain');
-    export import MapsTraffic = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/traffic');
-    export import MapsZoomOutMap = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/maps/zoom-out-map');
-    export import NavigationApps = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/apps');
-    export import NavigationArrowBack = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/arrow-back');
-    export import NavigationArrowDownward = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/arrow-downward');
-    export import NavigationArrowDropDown = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/arrow-drop-down');
-    export import NavigationArrowDropDownCircle = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/arrow-drop-down-circle');
-    export import NavigationArrowDropRight = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation-arrow-drop-right');
-    export import NavigationArrowDropUp = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/arrow-drop-up');
-    export import NavigationArrowForward = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/arrow-forward');
-    export import NavigationArrowUpward = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/arrow-upward');
-    export import NavigationCancel = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/cancel');
-    export import NavigationCheck = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/check');
-    export import NavigationChevronLeft = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/chevron-left');
-    export import NavigationChevronRight = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/chevron-right');
-    export import NavigationClose = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/close');
-    export import NavigationExpandLess = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/expand-less');
-    export import NavigationExpandMore = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/expand-more');
-    export import NavigationFullscreen = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/fullscreen');
-    export import NavigationFullscreenExit = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/fullscreen-exit');
-    export import NavigationMenu = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/menu');
-    export import NavigationMoreHoriz = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/more-horiz');
-    export import NavigationMoreVert = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/more-vert');
-    export import NavigationRefresh = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/refresh');
-    export import NavigationSubdirectoryArrowLeft = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/subdirectory-arrow-left');
-    export import NavigationSubdirectoryArrowRight = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/subdirectory-arrow-right');
-    export import NavigationUnfoldLess = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/unfold-less');
-    export import NavigationUnfoldMore = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/navigation/unfold-more');
-    export import NotificationAdb = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/adb');
-    export import NotificationAirlineSeatFlat = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/airline-seat-flat');
-    export import NotificationAirlineSeatFlatAngled = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/airline-seat-flat-angled');
-    export import NotificationAirlineSeatIndividualSuite = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/airline-seat-individual-suite');
-    export import NotificationAirlineSeatLegroomExtra = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/airline-seat-legroom-extra');
-    export import NotificationAirlineSeatLegroomNormal = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/airline-seat-legroom-normal');
-    export import NotificationAirlineSeatLegroomReduced = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/airline-seat-legroom-reduced');
-    export import NotificationAirlineSeatReclineExtra = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/airline-seat-recline-extra');
-    export import NotificationAirlineSeatReclineNormal = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/airline-seat-recline-normal');
-    export import NotificationBluetoothAudio = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/bluetooth-audio');
-    export import NotificationConfirmationNumber = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/confirmation-number');
-    export import NotificationDiscFull = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/disc-full');
-    export import NotificationDoNotDisturb = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/do-not-disturb');
-    export import NotificationDoNotDisturbAlt = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/do-not-disturb-alt');
-    export import NotificationDriveEta = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/drive-eta');
-    export import NotificationEnhancedEncryption = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/enhanced-encryption');
-    export import NotificationEventAvailable = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/event-available');
-    export import NotificationEventBusy = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/event-busy');
-    export import NotificationEventNote = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/event-note');
-    export import NotificationFolderSpecial = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/folder-special');
-    export import NotificationLiveTv = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/live-tv');
-    export import NotificationMms = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/mms');
-    export import NotificationMore = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/more');
-    export import NotificationNetworkCheck = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/network-check');
-    export import NotificationNetworkLocked = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/network-locked');
-    export import NotificationNoEncryption = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/no-encryption');
-    export import NotificationOndemandVideo = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/ondemand-video');
-    export import NotificationPersonalVideo = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/personal-video');
-    export import NotificationPhoneBluetoothSpeaker = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/phone-bluetooth-speaker');
-    export import NotificationPhoneForwarded = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/phone-forwarded');
-    export import NotificationPhoneInTalk = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/phone-in-talk');
-    export import NotificationPhoneLocked = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/phone-locked');
-    export import NotificationPhoneMissed = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/phone-missed');
-    export import NotificationPhonePaused = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/phone-paused');
-    export import NotificationPower = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/power');
-    export import NotificationRvHookup = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/rv-hookup');
-    export import NotificationSdCard = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/sd-card');
-    export import NotificationSimCardAlert = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/sim-card-alert');
-    export import NotificationSms = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/sms');
-    export import NotificationSmsFailed = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/sms-failed');
-    export import NotificationSync = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/sync');
-    export import NotificationSyncDisabled = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/sync-disabled');
-    export import NotificationSyncProblem = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/sync-problem');
-    export import NotificationSystemUpdate = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/system-update');
-    export import NotificationTapAndPlay = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/tap-and-play');
-    export import NotificationTimeToLeave = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/time-to-leave');
-    export import NotificationVibration = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/vibration');
-    export import NotificationVoiceChat = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/voice-chat');
-    export import NotificationVpnLock = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/vpn-lock');
-    export import NotificationWc = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/wc');
-    export import NotificationWifi = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/notification/wifi');
-    export import PlacesAcUnit = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/places/ac-unit');
-    export import PlacesAirportShuttle = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/places/airport-shuttle');
-    export import PlacesAllInclusive = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/places/all-inclusive');
-    export import PlacesBeachAccess = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/places/beach-access');
-    export import PlacesBusinessCenter = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/places/business-center');
-    export import PlacesCasino = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/places/casino');
-    export import PlacesChildCare = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/places/child-care');
-    export import PlacesChildFriendly = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/places/child-friendly');
-    export import PlacesFitnessCenter = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/places/fitness-center');
-    export import PlacesFreeBreakfast = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/places/free-breakfast');
-    export import PlacesGolfCourse = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/places/golf-course');
-    export import PlacesHotTub = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/places/hot-tub');
-    export import PlacesKitchen = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/places/kitchen');
-    export import PlacesPool = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/places/pool');
-    export import PlacesRoomService = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/places/room-service');
-    export import PlacesSmokeFree = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/places/smoke-free');
-    export import PlacesSmokingRooms = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/places/smoking-rooms');
-    export import PlacesSpa = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/places/spa');
-    export import SocialCake = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/cake');
-    export import SocialDomain = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/domain');
-    export import SocialGroup = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/group');
-    export import SocialGroupAdd = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/group-add');
-    export import SocialLocationCity = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/location-city');
-    export import SocialMood = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/mood');
-    export import SocialMoodBad = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/mood-bad');
-    export import SocialNotifications = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/notifications');
-    export import SocialNotificationsActive = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/notifications-active');
-    export import SocialNotificationsNone = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/notifications-none');
-    export import SocialNotificationsOff = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/notifications-off');
-    export import SocialNotificationsPaused = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/notifications-paused');
-    export import SocialPages = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/pages');
-    export import SocialPartyMode = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/party-mode');
-    export import SocialPeople = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/people');
-    export import SocialPeopleOutline = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/people-outline');
-    export import SocialPerson = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/person');
-    export import SocialPersonAdd = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/person-add');
-    export import SocialPersonOutline = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/person-outline');
-    export import SocialPlusOne = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/plus-one');
-    export import SocialPoll = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/poll');
-    export import SocialPublic = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/public');
-    export import SocialSchool = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/school');
-    export import SocialShare = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/share');
-    export import SocialWhatshot = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/social/whatshot');
-    export import ToggleCheckBox = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/toggle/check-box');
-    export import ToggleCheckBoxOutlineBlank = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/toggle/check-box-outline-blank');
-    export import ToggleIndeterminateCheckBox = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/toggle/indeterminate-check-box');
-    export import ToggleRadioButtonChecked = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/toggle/radio-button-checked');
-    export import ToggleRadioButtonUnchecked = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/toggle/radio-button-unchecked');
-    export import ToggleStar = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/toggle/star');
-    export import ToggleStarBorder = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/toggle/star-border');
-    export import ToggleStarHalf = __MaterialUI.SvgIcon; // require('material-ui/lib/svg-icon/toggle/star-half');
+declare module "material-ui/svg-icons" {
+    export import ActionAccessibility = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/accessibility');
+    export import ActionAccessible = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/accessible');
+    export import ActionAccountBalance = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/account-balance');
+    export import ActionAccountBalanceWallet = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/account-balance-wallet');
+    export import ActionAccountBox = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/account-box');
+    export import ActionAccountCircle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/account-circle');
+    export import ActionAddShoppingCart = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/add-shopping-cart');
+    export import ActionAlarm = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/alarm');
+    export import ActionAlarmAdd = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/alarm-add');
+    export import ActionAlarmOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/alarm-off');
+    export import ActionAlarmOn = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/alarm-on');
+    export import ActionAllOut = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/all-out');
+    export import ActionAndroid = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/android');
+    export import ActionAnnouncement = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/announcement');
+    export import ActionAspectRatio = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/aspect-ratio');
+    export import ActionAssessment = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/assessment');
+    export import ActionAssignment = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/assignment');
+    export import ActionAssignmentInd = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/assignment-ind');
+    export import ActionAssignmentLate = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/assignment-late');
+    export import ActionAssignmentReturn = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/assignment-return');
+    export import ActionAssignmentReturned = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/assignment-returned');
+    export import ActionAssignmentTurnedIn = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/assignment-turned-in');
+    export import ActionAutorenew = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/autorenew');
+    export import ActionBackup = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/backup');
+    export import ActionBook = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/book');
+    export import ActionBookmark = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/bookmark');
+    export import ActionBookmarkBorder = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/bookmark-border');
+    export import ActionBugReport = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/bug-report');
+    export import ActionBuild = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/build');
+    export import ActionCached = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/cached');
+    export import ActionCameraEnhance = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/camera-enhance');
+    export import ActionCardGiftcard = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/card-giftcard');
+    export import ActionCardMembership = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/card-membership');
+    export import ActionCardTravel = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/card-travel');
+    export import ActionChangeHistory = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/change-history');
+    export import ActionCheckCircle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/check-circle');
+    export import ActionChromeReaderMode = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/chrome-reader-mode');
+    export import ActionClass = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/class');
+    export import ActionCode = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/code');
+    export import ActionCompareArrows = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/compare-arrows');
+    export import ActionCopyright = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/copyright');
+    export import ActionCreditCard = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/credit-card');
+    export import ActionDashboard = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/dashboard');
+    export import ActionDateRange = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/date-range');
+    export import ActionDelete = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/delete');
+    export import ActionDescription = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/description');
+    export import ActionDns = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/dns');
+    export import ActionDone = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/done');
+    export import ActionDoneAll = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/done-all');
+    export import ActionDonutLarge = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/donut-large');
+    export import ActionDonutSmall = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/donut-small');
+    export import ActionEject = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/eject');
+    export import ActionEvent = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/event');
+    export import ActionEventSeat = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/event-seat');
+    export import ActionExitToApp = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/exit-to-app');
+    export import ActionExplore = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/explore');
+    export import ActionExtension = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/extension');
+    export import ActionFace = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/face');
+    export import ActionFavorite = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/favorite');
+    export import ActionFavoriteBorder = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/favorite-border');
+    export import ActionFeedback = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/feedback');
+    export import ActionFindInPage = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/find-in-page');
+    export import ActionFindReplace = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/find-replace');
+    export import ActionFingerprint = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/fingerprint');
+    export import ActionFlightLand = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/flight-land');
+    export import ActionFlightTakeoff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/flight-takeoff');
+    export import ActionFlipToBack = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/flip-to-back');
+    export import ActionFlipToFront = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/flip-to-front');
+    export import ActionGavel = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/gavel');
+    export import ActionGetApp = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/get-app');
+    export import ActionGif = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/gif');
+    export import ActionGrade = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/grade');
+    export import ActionGroupWork = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/group-work');
+    export import ActionHelp = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/help');
+    export import ActionHelpOutline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/help-outline');
+    export import ActionHighlightOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/highlight-off');
+    export import ActionHistory = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/history');
+    export import ActionHome = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/home');
+    export import ActionHourglassEmpty = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/hourglass-empty');
+    export import ActionHourglassFull = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/hourglass-full');
+    export import ActionHttp = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/http');
+    export import ActionHttps = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/https');
+    export import ActionImportantDevices = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/important-devices');
+    export import ActionInfo = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/info');
+    export import ActionInfoOutline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/info-outline');
+    export import ActionInput = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/input');
+    export import ActionInvertColors = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/invert-colors');
+    export import ActionLabel = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/label');
+    export import ActionLabelOutline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/label-outline');
+    export import ActionLanguage = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/language');
+    export import ActionLaunch = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/launch');
+    export import ActionLightbulbOutline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/lightbulb-outline');
+    export import ActionLineStyle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/line-style');
+    export import ActionLineWeight = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/line-weight');
+    export import ActionList = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/list');
+    export import ActionLock = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/lock');
+    export import ActionLockOpen = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/lock-open');
+    export import ActionLockOutline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/lock-outline');
+    export import ActionLoyalty = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/loyalty');
+    export import ActionMarkunreadMailbox = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/markunread-mailbox');
+    export import ActionMotorcycle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/motorcycle');
+    export import ActionNoteAdd = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/note-add');
+    export import ActionOfflinePin = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/offline-pin');
+    export import ActionOpacity = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/opacity');
+    export import ActionOpenInBrowser = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/open-in-browser');
+    export import ActionOpenInNew = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/open-in-new');
+    export import ActionOpenWith = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/open-with');
+    export import ActionPageview = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/pageview');
+    export import ActionPanTool = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/pan-tool');
+    export import ActionPayment = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/payment');
+    export import ActionPermCameraMic = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/perm-camera-mic');
+    export import ActionPermContactCalendar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/perm-contact-calendar');
+    export import ActionPermDataSetting = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/perm-data-setting');
+    export import ActionPermDeviceInformation = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/perm-device-information');
+    export import ActionPermIdentity = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/perm-identity');
+    export import ActionPermMedia = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/perm-media');
+    export import ActionPermPhoneMsg = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/perm-phone-msg');
+    export import ActionPermScanWifi = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/perm-scan-wifi');
+    export import ActionPets = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/pets');
+    export import ActionPictureInPicture = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/picture-in-picture');
+    export import ActionPictureInPictureAlt = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/picture-in-picture-alt');
+    export import ActionPlayForWork = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/play-for-work');
+    export import ActionPolymer = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/polymer');
+    export import ActionPowerSettingsNew = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/power-settings-new');
+    export import ActionPregnantWoman = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/pregnant-woman');
+    export import ActionPrint = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/print');
+    export import ActionQueryBuilder = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/query-builder');
+    export import ActionQuestionAnswer = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/question-answer');
+    export import ActionReceipt = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/receipt');
+    export import ActionRecordVoiceOver = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/record-voice-over');
+    export import ActionRedeem = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/redeem');
+    export import ActionReorder = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/reorder');
+    export import ActionReportProblem = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/report-problem');
+    export import ActionRestore = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/restore');
+    export import ActionRoom = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/room');
+    export import ActionRoundedCorner = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/rounded-corner');
+    export import ActionRowing = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/rowing');
+    export import ActionSchedule = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/schedule');
+    export import ActionSearch = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/search');
+    export import ActionSettings = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings');
+    export import ActionSettingsApplications = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-applications');
+    export import ActionSettingsBackupRestore = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-backup-restore');
+    export import ActionSettingsBluetooth = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-bluetooth');
+    export import ActionSettingsBrightness = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-brightness');
+    export import ActionSettingsCell = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-cell');
+    export import ActionSettingsEthernet = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-ethernet');
+    export import ActionSettingsInputAntenna = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-input-antenna');
+    export import ActionSettingsInputComponent = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-input-component');
+    export import ActionSettingsInputComposite = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-input-composite');
+    export import ActionSettingsInputHdmi = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-input-hdmi');
+    export import ActionSettingsInputSvideo = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-input-svideo');
+    export import ActionSettingsOverscan = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-overscan');
+    export import ActionSettingsPhone = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-phone');
+    export import ActionSettingsPower = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-power');
+    export import ActionSettingsRemote = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-remote');
+    export import ActionSettingsVoice = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/settings-voice');
+    export import ActionShop = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/shop');
+    export import ActionShoppingBasket = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/shopping-basket');
+    export import ActionShoppingCart = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/shopping-cart');
+    export import ActionShopTwo = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/shop-two');
+    export import ActionSpeakerNotes = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/speaker-notes');
+    export import ActionSpellcheck = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/spellcheck');
+    export import ActionStars = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/stars');
+    export import ActionStore = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/store');
+    export import ActionSubject = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/subject');
+    export import ActionSupervisorAccount = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/supervisor-account');
+    export import ActionSwapHoriz = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/swap-horiz');
+    export import ActionSwapVert = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/swap-vert');
+    export import ActionSwapVerticalCircle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/swap-vertical-circle');
+    export import ActionSystemUpdateAlt = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/system-update-alt');
+    export import ActionTab = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/tab');
+    export import ActionTabUnselected = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/tab-unselected');
+    export import ActionTheaters = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/theaters');
+    export import ActionThreeDRotation = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/three-d-rotation');
+    export import ActionThumbDown = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/thumb-down');
+    export import ActionThumbsUpDown = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/thumbs-up-down');
+    export import ActionThumbUp = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/thumb-up');
+    export import ActionTimeline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/timeline');
+    export import ActionToc = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/toc');
+    export import ActionToday = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/today');
+    export import ActionToll = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/toll');
+    export import ActionTouchApp = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/touch-app');
+    export import ActionTrackChanges = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/track-changes');
+    export import ActionTranslate = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/translate');
+    export import ActionTrendingDown = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/trending-down');
+    export import ActionTrendingFlat = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/trending-flat');
+    export import ActionTrendingUp = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/trending-up');
+    export import ActionTurnedIn = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/turned-in');
+    export import ActionTurnedInNot = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/turned-in-not');
+    export import ActionUpdate = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/update');
+    export import ActionVerifiedUser = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/verified-user');
+    export import ActionViewAgenda = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/view-agenda');
+    export import ActionViewArray = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/view-array');
+    export import ActionViewCarousel = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/view-carousel');
+    export import ActionViewColumn = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/view-column');
+    export import ActionViewDay = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/view-day');
+    export import ActionViewHeadline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/view-headline');
+    export import ActionViewList = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/view-list');
+    export import ActionViewModule = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/view-module');
+    export import ActionViewQuilt = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/view-quilt');
+    export import ActionViewStream = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/view-stream');
+    export import ActionViewWeek = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/view-week');
+    export import ActionVisibility = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/visibility');
+    export import ActionVisibilityOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/visibility-off');
+    export import ActionWatchLater = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/watch-later');
+    export import ActionWork = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/work');
+    export import ActionYoutubeSearchedFor = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/youtube-searched-for');
+    export import ActionZoomIn = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/zoom-in');
+    export import ActionZoomOut = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/action/zoom-out');
+    export import AlertAddAlert = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/alert/add-alert');
+    export import AlertError = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/alert/error');
+    export import AlertErrorOutline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/alert/error-outline');
+    export import AlertWarning = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/alert/warning');
+    export import AvAddToQueue = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/add-to-queue');
+    export import AvAirplay = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/airplay');
+    export import AvAlbum = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/album');
+    export import AvArtTrack = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/art-track');
+    export import AvAvTimer = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/av-timer');
+    export import AvClosedCaption = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/closed-caption');
+    export import AvEqualizer = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/equalizer');
+    export import AvExplicit = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/explicit');
+    export import AvFastForward = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/fast-forward');
+    export import AvFastRewind = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/fast-rewind');
+    export import AvFiberDvr = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/fiber-dvr');
+    export import AvFiberManualRecord = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/fiber-manual-record');
+    export import AvFiberNew = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/fiber-new');
+    export import AvFiberPin = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/fiber-pin');
+    export import AvFiberSmartRecord = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/fiber-smart-record');
+    export import AvForward10 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/forward-10');
+    export import AvForward30 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/forward-30');
+    export import AvForward5 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/forward-5');
+    export import AvGames = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/games');
+    export import AvHd = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/hd');
+    export import AvHearing = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/hearing');
+    export import AvHighQuality = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/high-quality');
+    export import AvLibraryAdd = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/library-add');
+    export import AvLibraryBooks = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/library-books');
+    export import AvLibraryMusic = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/library-music');
+    export import AvLoop = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/loop');
+    export import AvMic = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/mic');
+    export import AvMicNone = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/mic-none');
+    export import AvMicOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/mic-off');
+    export import AvMovie = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/movie');
+    export import AvMusicVideo = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/music-video');
+    export import AvNewReleases = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/new-releases');
+    export import AvNotInterested = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/not-interested');
+    export import AvPause = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/pause');
+    export import AvPauseCircleFilled = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/pause-circle-filled');
+    export import AvPauseCircleOutline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/pause-circle-outline');
+    export import AvPlayArrow = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/play-arrow');
+    export import AvPlayCircleFilled = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/play-circle-filled');
+    export import AvPlayCircleOutline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/play-circle-outline');
+    export import AvPlaylistAdd = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/playlist-add');
+    export import AvPlaylistAddCheck = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/playlist-add-check');
+    export import AvPlaylistPlay = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/playlist-play');
+    export import AvQueue = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/queue');
+    export import AvQueueMusic = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/queue-music');
+    export import AvQueuePlayNext = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/queue-play-next');
+    export import AvRadio = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/radio');
+    export import AvRecentActors = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/recent-actors');
+    export import AvRemoveFromQueue = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/remove-from-queue');
+    export import AvRepeat = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/repeat');
+    export import AvRepeatOne = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/repeat-one');
+    export import AvReplay = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/replay');
+    export import AvReplay10 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/replay-10');
+    export import AvReplay30 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/replay-30');
+    export import AvReplay5 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/replay-5');
+    export import AvShuffle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/shuffle');
+    export import AvSkipNext = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/skip-next');
+    export import AvSkipPrevious = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/skip-previous');
+    export import AvSlowMotionVideo = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/slow-motion-video');
+    export import AvSnooze = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/snooze');
+    export import AvSortByAlpha = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/sort-by-alpha');
+    export import AvStop = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/stop');
+    export import AvSubscriptions = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/subscriptions');
+    export import AvSubtitles = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/subtitles');
+    export import AvSurroundSound = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/surround-sound');
+    export import AvVideocam = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/videocam');
+    export import AvVideocamOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/videocam-off');
+    export import AvVideoLibrary = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/video-library');
+    export import AvVolumeDown = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/volume-down');
+    export import AvVolumeMute = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/volume-mute');
+    export import AvVolumeOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/volume-off');
+    export import AvVolumeUp = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/volume-up');
+    export import AvWeb = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/web');
+    export import AvWebAsset = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/av/web-asset');
+    export import CommunicationBusiness = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/business');
+    export import CommunicationCall = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/call');
+    export import CommunicationCallEnd = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/call-end');
+    export import CommunicationCallMade = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/call-made');
+    export import CommunicationCallMerge = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/call-merge');
+    export import CommunicationCallMissed = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/call-missed');
+    export import CommunicationCallMissedOutgoing = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/call-missed-outgoing');
+    export import CommunicationCallReceived = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/call-received');
+    export import CommunicationCallSplit = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/call-split');
+    export import CommunicationChat = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/chat');
+    export import CommunicationChatBubble = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/chat-bubble');
+    export import CommunicationChatBubbleOutline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/chat-bubble-outline');
+    export import CommunicationClearAll = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/clear-all');
+    export import CommunicationComment = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/comment');
+    export import CommunicationContactMail = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/contact-mail');
+    export import CommunicationContactPhone = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/contact-phone');
+    export import CommunicationContacts = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/contacts');
+    export import CommunicationDialerSip = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/dialer-sip');
+    export import CommunicationDialpad = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/dialpad');
+    export import CommunicationEmail = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/email');
+    export import CommunicationForum = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/forum');
+    export import CommunicationImportContacts = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/import-contacts');
+    export import CommunicationImportExport = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/import-export');
+    export import CommunicationInvertColorsOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/invert-colors-off');
+    export import CommunicationLiveHelp = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/live-help');
+    export import CommunicationLocationOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/location-off');
+    export import CommunicationLocationOn = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/location-on');
+    export import CommunicationMailOutline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/mail-outline');
+    export import CommunicationMessage = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/message');
+    export import CommunicationNoSim = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/no-sim');
+    export import CommunicationPhone = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/phone');
+    export import CommunicationPhonelinkErase = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/phonelink-erase');
+    export import CommunicationPhonelinkLock = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/phonelink-lock');
+    export import CommunicationPhonelinkRing = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/phonelink-ring');
+    export import CommunicationPhonelinkSetup = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/phonelink-setup');
+    export import CommunicationPortableWifiOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/portable-wifi-off');
+    export import CommunicationPresentToAll = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/present-to-all');
+    export import CommunicationRingVolume = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/ring-volume');
+    export import CommunicationScreenShare = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/screen-share');
+    export import CommunicationSpeakerPhone = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/speaker-phone');
+    export import CommunicationStayCurrentLandscape = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/stay-current-landscape');
+    export import CommunicationStayCurrentPortrait = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/stay-current-portrait');
+    export import CommunicationStayPrimaryLandscape = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/stay-primary-landscape');
+    export import CommunicationStayPrimaryPortrait = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/stay-primary-portrait');
+    export import CommunicationStopScreenShare = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/stop-screen-share');
+    export import CommunicationSwapCalls = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/swap-calls');
+    export import CommunicationTactMail = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/tact-mail');
+    export import CommunicationTextsms = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/textsms');
+    export import CommunicationVoicemail = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/voicemail');
+    export import CommunicationVpnKey = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/communication/vpn-key');
+    export import ContentAdd = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/add');
+    export import ContentAddBox = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/add-box');
+    export import ContentAddCircle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/add-circle');
+    export import ContentAddCircleOutline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/add-circle-outline');
+    export import ContentArchive = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/archive');
+    export import ContentBackspace = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/backspace');
+    export import ContentBlock = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/block');
+    export import ContentClear = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/clear');
+    export import ContentContentCopy = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/content-copy');
+    export import ContentContentCut = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/content-cut');
+    export import ContentContentPaste = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/content-paste');
+    export import ContentCreate = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/create');
+    export import ContentDrafts = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/drafts');
+    export import ContentFilterList = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/filter-list');
+    export import ContentFlag = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/flag');
+    export import ContentFontDownload = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/font-download');
+    export import ContentForward = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/forward');
+    export import ContentGesture = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/gesture');
+    export import ContentInbox = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/inbox');
+    export import ContentLink = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/link');
+    export import ContentMail = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/mail');
+    export import ContentMarkunread = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/markunread');
+    export import ContentMoveToInbox = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/move-to-inbox');
+    export import ContentNextWeek = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/next-week');
+    export import ContentRedo = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/redo');
+    export import ContentRemove = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/remove');
+    export import ContentRemoveCircle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/remove-circle');
+    export import ContentRemoveCircleOutline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/remove-circle-outline');
+    export import ContentReply = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/reply');
+    export import ContentReplyAll = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/reply-all');
+    export import ContentReport = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/report');
+    export import ContentSave = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/save');
+    export import ContentSelectAll = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/select-all');
+    export import ContentSend = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/send');
+    export import ContentSort = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/sort');
+    export import ContentTextFormat = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/text-format');
+    export import ContentUnarchive = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/unarchive');
+    export import ContentUndo = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/undo');
+    export import ContentWeekend = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/content/weekend');
+    export import DeviceAccessAlarm = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/access-alarm');
+    export import DeviceAccessAlarms = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/access-alarms');
+    export import DeviceAccessTime = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/access-time');
+    export import DeviceAddAlarm = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/add-alarm');
+    export import DeviceAirplanemodeActive = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/airplanemode-active');
+    export import DeviceAirplanemodeInactive = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/airplanemode-inactive');
+    export import DeviceBattery20 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-20');
+    export import DeviceBattery30 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-30');
+    export import DeviceBattery50 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-50');
+    export import DeviceBattery60 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-60');
+    export import DeviceBattery80 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-80');
+    export import DeviceBattery90 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-90');
+    export import DeviceBatteryAlert = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-alert');
+    export import DeviceBatteryCharging20 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-charging-20');
+    export import DeviceBatteryCharging30 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-charging-30');
+    export import DeviceBatteryCharging50 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-charging-50');
+    export import DeviceBatteryCharging60 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-charging-60');
+    export import DeviceBatteryCharging80 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-charging-80');
+    export import DeviceBatteryCharging90 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-charging-90');
+    export import DeviceBatteryChargingFull = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-charging-full');
+    export import DeviceBatteryFull = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-full');
+    export import DeviceBatteryStd = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-std');
+    export import DeviceBatteryUnknown = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/battery-unknown');
+    export import DeviceBluetooth = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/bluetooth');
+    export import DeviceBluetoothConnected = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/bluetooth-connected');
+    export import DeviceBluetoothDisabled = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/bluetooth-disabled');
+    export import DeviceBluetoothSearching = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/bluetooth-searching');
+    export import DeviceBrightnessAuto = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/brightness-auto');
+    export import DeviceBrightnessHigh = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/brightness-high');
+    export import DeviceBrightnessLow = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/brightness-low');
+    export import DeviceBrightnessMedium = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/brightness-medium');
+    export import DeviceDataUsage = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/data-usage');
+    export import DeviceDeveloperMode = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/developer-mode');
+    export import DeviceDevices = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/devices');
+    export import DeviceDvr = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/dvr');
+    export import DeviceGpsFixed = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/gps-fixed');
+    export import DeviceGpsNotFixed = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/gps-not-fixed');
+    export import DeviceGpsOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/gps-off');
+    export import DeviceGraphicEq = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/graphic-eq');
+    export import DeviceLocationDisabled = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/location-disabled');
+    export import DeviceLocationSearching = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/location-searching');
+    export import DeviceNetworkCell = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/network-cell');
+    export import DeviceNetworkWifi = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/network-wifi');
+    export import DeviceNfc = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/nfc');
+    export import DeviceScreenLockLandscape = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/screen-lock-landscape');
+    export import DeviceScreenLockPortrait = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/screen-lock-portrait');
+    export import DeviceScreenLockRotation = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/screen-lock-rotation');
+    export import DeviceScreenRotation = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/screen-rotation');
+    export import DeviceSdStorage = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/sd-storage');
+    export import DeviceSettingsSystemDaydream = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/settings-system-daydream');
+    export import DeviceSignalCellular0Bar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-cellular-0-bar');
+    export import DeviceSignalCellular1Bar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-cellular-1-bar');
+    export import DeviceSignalCellular2Bar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-cellular-2-bar');
+    export import DeviceSignalCellular3Bar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-cellular-3-bar');
+    export import DeviceSignalCellular4Bar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-cellular-4-bar');
+    export import DeviceSignalCellularConnectedNoInternet0Bar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-cellular-connected-no-internet-0-bar');
+    export import DeviceSignalCellularConnectedNoInternet1Bar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-cellular-connected-no-internet-1-bar');
+    export import DeviceSignalCellularConnectedNoInternet2Bar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-cellular-connected-no-internet-2-bar');
+    export import DeviceSignalCellularConnectedNoInternet3Bar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-cellular-connected-no-internet-3-bar');
+    export import DeviceSignalCellularConnectedNoInternet4Bar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-cellular-connected-no-internet-4-bar');
+    export import DeviceSignalCellularNoSim = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-cellular-no-sim');
+    export import DeviceSignalCellularNull = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-cellular-null');
+    export import DeviceSignalCellularOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-cellular-off');
+    export import DeviceSignalWifi0Bar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-wifi-0-bar');
+    export import DeviceSignalWifi1Bar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-wifi-1-bar');
+    export import DeviceSignalWifi1BarLock = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-wifi-1-bar-lock');
+    export import DeviceSignalWifi2Bar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-wifi-2-bar');
+    export import DeviceSignalWifi2BarLock = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-wifi-2-bar-lock');
+    export import DeviceSignalWifi3Bar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-wifi-3-bar');
+    export import DeviceSignalWifi3BarLock = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-wifi-3-bar-lock');
+    export import DeviceSignalWifi4Bar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-wifi-4-bar');
+    export import DeviceSignalWifi4BarLock = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-wifi-4-bar-lock');
+    export import DeviceSignalWifiOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/signal-wifi-off');
+    export import DeviceStorage = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/storage');
+    export import DeviceUsb = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/usb');
+    export import DeviceWallpaper = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/wallpaper');
+    export import DeviceWidgets = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/widgets');
+    export import DeviceWifiLock = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/wifi-lock');
+    export import DeviceWifiTethering = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/device/wifi-tethering');
+    export import EditorAttachFile = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/attach-file');
+    export import EditorAttachMoney = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/attach-money');
+    export import EditorBorderAll = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/border-all');
+    export import EditorBorderBottom = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/border-bottom');
+    export import EditorBorderClear = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/border-clear');
+    export import EditorBorderColor = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/border-color');
+    export import EditorBorderHorizontal = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/border-horizontal');
+    export import EditorBorderInner = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/border-inner');
+    export import EditorBorderLeft = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/border-left');
+    export import EditorBorderOuter = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/border-outer');
+    export import EditorBorderRight = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/border-right');
+    export import EditorBorderStyle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/border-style');
+    export import EditorBorderTop = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/border-top');
+    export import EditorBorderVertical = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/border-vertical');
+    export import EditorDragHandle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/drag-handle');
+    export import EditorFormatAlignCenter = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-align-center');
+    export import EditorFormatAlignJustify = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-align-justify');
+    export import EditorFormatAlignLeft = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-align-left');
+    export import EditorFormatAlignRight = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-align-right');
+    export import EditorFormatBold = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-bold');
+    export import EditorFormatClear = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-clear');
+    export import EditorFormatColorFill = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-color-fill');
+    export import EditorFormatColorReset = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-color-reset');
+    export import EditorFormatColorText = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-color-text');
+    export import EditorFormatIndentDecrease = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-indent-decrease');
+    export import EditorFormatIndentIncrease = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-indent-increase');
+    export import EditorFormatItalic = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-italic');
+    export import EditorFormatLineSpacing = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-line-spacing');
+    export import EditorFormatListBulleted = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-list-bulleted');
+    export import EditorFormatListNumbered = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-list-numbered');
+    export import EditorFormatPaint = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-paint');
+    export import EditorFormatQuote = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-quote');
+    export import EditorFormatShapes = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-shapes');
+    export import EditorFormatSize = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-size');
+    export import EditorFormatStrikethrough = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-strikethrough');
+    export import EditorFormatTextdirectionLToR = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-textdirection-l-to-r');
+    export import EditorFormatTextdirectionRToL = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-textdirection-r-to-l');
+    export import EditorFormatUnderlined = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/format-underlined');
+    export import EditorFunctions = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/functions');
+    export import EditorHighlight = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/highlight');
+    export import EditorInsertChart = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/insert-chart');
+    export import EditorInsertComment = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/insert-comment');
+    export import EditorInsertDriveFile = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/insert-drive-file');
+    export import EditorInsertEmoticon = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/insert-emoticon');
+    export import EditorInsertInvitation = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/insert-invitation');
+    export import EditorInsertLink = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/insert-link');
+    export import EditorInsertPhoto = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/insert-photo');
+    export import EditorLinearScale = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/linear-scale');
+    export import EditorMergeType = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/merge-type');
+    export import EditorModeComment = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/mode-comment');
+    export import EditorModeEdit = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/mode-edit');
+    export import EditorMoneyOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/money-off');
+    export import EditorPublish = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/publish');
+    export import EditorShortText = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/short-text');
+    export import EditorSpaceBar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/space-bar');
+    export import EditorStrikethroughS = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/strikethrough-s');
+    export import EditorTextFields = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/text-fields');
+    export import EditorVerticalAlignBottom = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/vertical-align-bottom');
+    export import EditorVerticalAlignCenter = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/vertical-align-center');
+    export import EditorVerticalAlignTop = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/vertical-align-top');
+    export import EditorWrapText = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/editor/wrap-text');
+    export import FileAttachment = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/file/attachment');
+    export import FileCloud = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/file/cloud');
+    export import FileCloudCircle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/file/cloud-circle');
+    export import FileCloudDone = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/file/cloud-done');
+    export import FileCloudDownload = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/file/cloud-download');
+    export import FileCloudOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/file/cloud-off');
+    export import FileCloudQueue = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/file/cloud-queue');
+    export import FileCloudUpload = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/file/cloud-upload');
+    export import FileCreateNewFolder = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/file/create-new-folder');
+    export import FileFileDownload = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/file/file-download');
+    export import FileFileUpload = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/file/file-upload');
+    export import FileFolder = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/file/folder');
+    export import FileFolderOpen = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/file/folder-open');
+    export import FileFolderShared = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/file/folder-shared');
+    export import HardwareCast = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/cast');
+    export import HardwareCastConnected = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/cast-connected');
+    export import HardwareComputer = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/computer');
+    export import HardwareDesktopMac = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/desktop-mac');
+    export import HardwareDesktopWindows = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/desktop-windows');
+    export import HardwareDeveloperBoard = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/developer-board');
+    export import HardwareDeviceHub = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/device-hub');
+    export import HardwareDevicesOther = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/devices-other');
+    export import HardwareDock = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/dock');
+    export import HardwareGamepad = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/gamepad');
+    export import HardwareHeadset = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/headset');
+    export import HardwareHeadsetMic = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/headset-mic');
+    export import HardwareKeyboard = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/keyboard');
+    export import HardwareKeyboardArrowDown = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/keyboard-arrow-down');
+    export import HardwareKeyboardArrowLeft = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/keyboard-arrow-left');
+    export import HardwareKeyboardArrowRight = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/keyboard-arrow-right');
+    export import HardwareKeyboardArrowUp = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/keyboard-arrow-up');
+    export import HardwareKeyboardBackspace = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/keyboard-backspace');
+    export import HardwareKeyboardCapslock = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/keyboard-capslock');
+    export import HardwareKeyboardHide = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/keyboard-hide');
+    export import HardwareKeyboardReturn = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/keyboard-return');
+    export import HardwareKeyboardTab = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/keyboard-tab');
+    export import HardwareKeyboardVoice = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/keyboard-voice');
+    export import HardwareLaptop = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/laptop');
+    export import HardwareLaptopChromebook = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/laptop-chromebook');
+    export import HardwareLaptopMac = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/laptop-mac');
+    export import HardwareLaptopWindows = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/laptop-windows');
+    export import HardwareMemory = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/memory');
+    export import HardwareMouse = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/mouse');
+    export import HardwarePhoneAndroid = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/phone-android');
+    export import HardwarePhoneIphone = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/phone-iphone');
+    export import HardwarePhonelink = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/phonelink');
+    export import HardwarePhonelinkOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/phonelink-off');
+    export import HardwarePowerInput = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/power-input');
+    export import HardwareRouter = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/router');
+    export import HardwareScanner = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/scanner');
+    export import HardwareSecurity = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/security');
+    export import HardwareSimCard = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/sim-card');
+    export import HardwareSmartphone = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/smartphone');
+    export import HardwareSpeaker = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/speaker');
+    export import HardwareSpeakerGroup = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/speaker-group');
+    export import HardwareTablet = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/tablet');
+    export import HardwareTabletAndroid = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/tablet-android');
+    export import HardwareTabletMac = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/tablet-mac');
+    export import HardwareToys = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/toys');
+    export import HardwareTv = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/tv');
+    export import HardwareVideogameAsset = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/videogame-asset');
+    export import HardwareWatch = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/hardware/watch');
+    export import ImageAddAPhoto = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/add-a-photo');
+    export import ImageAddToPhotos = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/add-to-photos');
+    export import ImageAdjust = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/adjust');
+    export import ImageAssistant = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/assistant');
+    export import ImageAssistantPhoto = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/assistant-photo');
+    export import ImageAudiotrack = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/audiotrack');
+    export import ImageBlurCircular = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/blur-circular');
+    export import ImageBlurLinear = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/blur-linear');
+    export import ImageBlurOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/blur-off');
+    export import ImageBlurOn = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/blur-on');
+    export import ImageBrightness1 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/brightness-1');
+    export import ImageBrightness2 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/brightness-2');
+    export import ImageBrightness3 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/brightness-3');
+    export import ImageBrightness4 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/brightness-4');
+    export import ImageBrightness5 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/brightness-5');
+    export import ImageBrightness6 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/brightness-6');
+    export import ImageBrightness7 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/brightness-7');
+    export import ImageBrokenImage = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/broken-image');
+    export import ImageBrush = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/brush');
+    export import ImageCamera = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/camera');
+    export import ImageCameraAlt = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/camera-alt');
+    export import ImageCameraFront = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/camera-front');
+    export import ImageCameraRear = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/camera-rear');
+    export import ImageCameraRoll = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/camera-roll');
+    export import ImageCenterFocusStrong = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/center-focus-strong');
+    export import ImageCenterFocusWeak = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/center-focus-weak');
+    export import ImageCollections = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/collections');
+    export import ImageCollectionsBookmark = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/collections-bookmark');
+    export import ImageColorize = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/colorize');
+    export import ImageColorLens = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/color-lens');
+    export import ImageCompare = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/compare');
+    export import ImageControlPoint = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/control-point');
+    export import ImageControlPointDuplicate = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/control-point-duplicate');
+    export import ImageCrop = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/crop');
+    export import ImageCrop169 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/crop-16-9');
+    export import ImageCrop32 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/crop-3-2');
+    export import ImageCrop54 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/crop-5-4');
+    export import ImageCrop75 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/crop-7-5');
+    export import ImageCropDin = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/crop-din');
+    export import ImageCropFree = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/crop-free');
+    export import ImageCropLandscape = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/crop-landscape');
+    export import ImageCropOriginal = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/crop-original');
+    export import ImageCropPortrait = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/crop-portrait');
+    export import ImageCropRotate = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/crop-rotate');
+    export import ImageCropSquare = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/crop-square');
+    export import ImageDehaze = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/dehaze');
+    export import ImageDetails = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/details');
+    export import ImageEdit = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/edit');
+    export import ImageExposure = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/exposure');
+    export import ImageExposureNeg1 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/exposure-neg-1');
+    export import ImageExposureNeg2 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/exposure-neg-2');
+    export import ImageExposurePlus1 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/exposure-plus-1');
+    export import ImageExposurePlus2 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/exposure-plus-2');
+    export import ImageExposureZero = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/exposure-zero');
+    export import ImageFilter = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter');
+    export import ImageFilter1 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-1');
+    export import ImageFilter2 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-2');
+    export import ImageFilter3 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-3');
+    export import ImageFilter4 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-4');
+    export import ImageFilter5 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-5');
+    export import ImageFilter6 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-6');
+    export import ImageFilter7 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-7');
+    export import ImageFilter8 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-8');
+    export import ImageFilter9 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-9');
+    export import ImageFilter9Plus = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-9-plus');
+    export import ImageFilterBAndW = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-b-and-w');
+    export import ImageFilterCenterFocus = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-center-focus');
+    export import ImageFilterDrama = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-drama');
+    export import ImageFilterFrames = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-frames');
+    export import ImageFilterHdr = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-hdr');
+    export import ImageFilterNone = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-none');
+    export import ImageFilterTiltShift = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-tilt-shift');
+    export import ImageFilterVintage = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/filter-vintage');
+    export import ImageFlare = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/flare');
+    export import ImageFlashAuto = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/flash-auto');
+    export import ImageFlashOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/flash-off');
+    export import ImageFlashOn = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/flash-on');
+    export import ImageFlip = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/flip');
+    export import ImageGradient = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/gradient');
+    export import ImageGrain = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/grain');
+    export import ImageGridOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/grid-off');
+    export import ImageGridOn = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/grid-on');
+    export import ImageHdrOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/hdr-off');
+    export import ImageHdrOn = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/hdr-on');
+    export import ImageHdrStrong = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/hdr-strong');
+    export import ImageHdrWeak = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/hdr-weak');
+    export import ImageHealing = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/healing');
+    export import ImageImage = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/image');
+    export import ImageImageAspectRatio = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/image-aspect-ratio');
+    export import ImageIso = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/iso');
+    export import ImageLandscape = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/landscape');
+    export import ImageLeakAdd = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/leak-add');
+    export import ImageLeakRemove = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/leak-remove');
+    export import ImageLens = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/lens');
+    export import ImageLinkedCamera = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/linked-camera');
+    export import ImageLooks = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/looks');
+    export import ImageLooks3 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/looks-3');
+    export import ImageLooks4 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/looks-4');
+    export import ImageLooks5 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/looks-5');
+    export import ImageLooks6 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/looks-6');
+    export import ImageLooksOne = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/looks-one');
+    export import ImageLooksTwo = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/looks-two');
+    export import ImageLoupe = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/loupe');
+    export import ImageMonochromePhotos = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/monochrome-photos');
+    export import ImageMovieCreation = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/movie-creation');
+    export import ImageMovieFilter = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/movie-filter');
+    export import ImageMusicNote = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/music-note');
+    export import ImageNature = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/nature');
+    export import ImageNaturePeople = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/nature-people');
+    export import ImageNavigateBefore = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/navigate-before');
+    export import ImageNavigateNext = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/navigate-next');
+    export import ImagePalette = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/palette');
+    export import ImagePanorama = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/panorama');
+    export import ImagePanoramaFishEye = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/panorama-fish-eye');
+    export import ImagePanoramaHorizontal = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/panorama-horizontal');
+    export import ImagePanoramaVertical = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/panorama-vertical');
+    export import ImagePanoramaWideAngle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/panorama-wide-angle');
+    export import ImagePhoto = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/photo');
+    export import ImagePhotoAlbum = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/photo-album');
+    export import ImagePhotoCamera = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/photo-camera');
+    export import ImagePhotoFilter = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/photo-filter');
+    export import ImagePhotoLibrary = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/photo-library');
+    export import ImagePhotoSizeSelectActual = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/photo-size-select-actual');
+    export import ImagePhotoSizeSelectLarge = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/photo-size-select-large');
+    export import ImagePhotoSizeSelectSmall = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/photo-size-select-small');
+    export import ImagePictureAsPdf = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/picture-as-pdf');
+    export import ImagePortrait = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/portrait');
+    export import ImageRemoveRedEye = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/remove-red-eye');
+    export import ImageRotate90DegreesCcw = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/rotate-90-degrees-ccw');
+    export import ImageRotateLeft = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/rotate-left');
+    export import ImageRotateRight = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/rotate-right');
+    export import ImageSlideshow = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/slideshow');
+    export import ImageStraighten = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/straighten');
+    export import ImageStyle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/style');
+    export import ImageSwitchCamera = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/switch-camera');
+    export import ImageSwitchVideo = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/switch-video');
+    export import ImageTagFaces = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/tag-faces');
+    export import ImageTexture = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/texture');
+    export import ImageTimelapse = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/timelapse');
+    export import ImageTimer = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/timer');
+    export import ImageTimer10 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/timer-10');
+    export import ImageTimer3 = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/timer-3');
+    export import ImageTimerOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/timer-off');
+    export import ImageTonality = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/tonality');
+    export import ImageTransform = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/transform');
+    export import ImageTune = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/tune');
+    export import ImageViewComfy = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/view-comfy');
+    export import ImageViewCompact = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/view-compact');
+    export import ImageVignette = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/vignette');
+    export import ImageWbAuto = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/wb-auto');
+    export import ImageWbCloudy = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/wb-cloudy');
+    export import ImageWbIncandescent = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/wb-incandescent');
+    export import ImageWbIridescent = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/wb-iridescent');
+    export import ImageWbSunny = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/image/wb-sunny');
+    export import Index = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/index');
+    export import IndexGenerator = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/index-generator');
+    export import MapsAddLocation = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/add-location');
+    export import MapsBeenhere = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/beenhere');
+    export import MapsDirections = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/directions');
+    export import MapsDirectionsBike = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/directions-bike');
+    export import MapsDirectionsBoat = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/directions-boat');
+    export import MapsDirectionsBus = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/directions-bus');
+    export import MapsDirectionsCar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/directions-car');
+    export import MapsDirectionsRailway = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/directions-railway');
+    export import MapsDirectionsRun = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/directions-run');
+    export import MapsDirectionsSubway = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/directions-subway');
+    export import MapsDirectionsTransit = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/directions-transit');
+    export import MapsDirectionsWalk = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/directions-walk');
+    export import MapsEditLocation = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/edit-location');
+    export import MapsFlight = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/flight');
+    export import MapsHotel = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/hotel');
+    export import MapsLayers = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/layers');
+    export import MapsLayersClear = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/layers-clear');
+    export import MapsLocalActivity = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-activity');
+    export import MapsLocalAirport = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-airport');
+    export import MapsLocalAtm = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-atm');
+    export import MapsLocalBar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-bar');
+    export import MapsLocalCafe = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-cafe');
+    export import MapsLocalCarWash = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-car-wash');
+    export import MapsLocalConvenienceStore = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-convenience-store');
+    export import MapsLocalDining = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-dining');
+    export import MapsLocalDrink = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-drink');
+    export import MapsLocalFlorist = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-florist');
+    export import MapsLocalGasStation = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-gas-station');
+    export import MapsLocalGroceryStore = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-grocery-store');
+    export import MapsLocalHospital = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-hospital');
+    export import MapsLocalHotel = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-hotel');
+    export import MapsLocalLaundryService = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-laundry-service');
+    export import MapsLocalLibrary = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-library');
+    export import MapsLocalMall = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-mall');
+    export import MapsLocalMovies = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-movies');
+    export import MapsLocalOffer = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-offer');
+    export import MapsLocalParking = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-parking');
+    export import MapsLocalPharmacy = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-pharmacy');
+    export import MapsLocalPhone = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-phone');
+    export import MapsLocalPizza = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-pizza');
+    export import MapsLocalPlay = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-play');
+    export import MapsLocalPostOffice = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-post-office');
+    export import MapsLocalPrintshop = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-printshop');
+    export import MapsLocalSee = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-see');
+    export import MapsLocalShipping = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-shipping');
+    export import MapsLocalTaxi = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/local-taxi');
+    export import MapsMap = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/map');
+    export import MapsMyLocation = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/my-location');
+    export import MapsNavigation = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/navigation');
+    export import MapsNearMe = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/near-me');
+    export import MapsPersonPin = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/person-pin');
+    export import MapsPersonPinCircle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/person-pin-circle');
+    export import MapsPinDrop = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/pin-drop');
+    export import MapsPlace = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/place');
+    export import MapsRateReview = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/rate-review');
+    export import MapsRestaurantMenu = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/restaurant-menu');
+    export import MapsSatellite = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/satellite');
+    export import MapsStoreMallDirectory = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/store-mall-directory');
+    export import MapsTerrain = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/terrain');
+    export import MapsTraffic = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/traffic');
+    export import MapsZoomOutMap = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/maps/zoom-out-map');
+    export import NavigationApps = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/apps');
+    export import NavigationArrowBack = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/arrow-back');
+    export import NavigationArrowDownward = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/arrow-downward');
+    export import NavigationArrowDropDown = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/arrow-drop-down');
+    export import NavigationArrowDropDownCircle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/arrow-drop-down-circle');
+    export import NavigationArrowDropRight = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation-arrow-drop-right');
+    export import NavigationArrowDropUp = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/arrow-drop-up');
+    export import NavigationArrowForward = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/arrow-forward');
+    export import NavigationArrowUpward = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/arrow-upward');
+    export import NavigationCancel = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/cancel');
+    export import NavigationCheck = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/check');
+    export import NavigationChevronLeft = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/chevron-left');
+    export import NavigationChevronRight = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/chevron-right');
+    export import NavigationClose = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/close');
+    export import NavigationExpandLess = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/expand-less');
+    export import NavigationExpandMore = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/expand-more');
+    export import NavigationFullscreen = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/fullscreen');
+    export import NavigationFullscreenExit = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/fullscreen-exit');
+    export import NavigationMenu = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/menu');
+    export import NavigationMoreHoriz = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/more-horiz');
+    export import NavigationMoreVert = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/more-vert');
+    export import NavigationRefresh = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/refresh');
+    export import NavigationSubdirectoryArrowLeft = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/subdirectory-arrow-left');
+    export import NavigationSubdirectoryArrowRight = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/subdirectory-arrow-right');
+    export import NavigationUnfoldLess = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/unfold-less');
+    export import NavigationUnfoldMore = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/navigation/unfold-more');
+    export import NotificationAdb = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/adb');
+    export import NotificationAirlineSeatFlat = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/airline-seat-flat');
+    export import NotificationAirlineSeatFlatAngled = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/airline-seat-flat-angled');
+    export import NotificationAirlineSeatIndividualSuite = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/airline-seat-individual-suite');
+    export import NotificationAirlineSeatLegroomExtra = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/airline-seat-legroom-extra');
+    export import NotificationAirlineSeatLegroomNormal = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/airline-seat-legroom-normal');
+    export import NotificationAirlineSeatLegroomReduced = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/airline-seat-legroom-reduced');
+    export import NotificationAirlineSeatReclineExtra = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/airline-seat-recline-extra');
+    export import NotificationAirlineSeatReclineNormal = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/airline-seat-recline-normal');
+    export import NotificationBluetoothAudio = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/bluetooth-audio');
+    export import NotificationConfirmationNumber = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/confirmation-number');
+    export import NotificationDiscFull = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/disc-full');
+    export import NotificationDoNotDisturb = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/do-not-disturb');
+    export import NotificationDoNotDisturbAlt = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/do-not-disturb-alt');
+    export import NotificationDriveEta = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/drive-eta');
+    export import NotificationEnhancedEncryption = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/enhanced-encryption');
+    export import NotificationEventAvailable = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/event-available');
+    export import NotificationEventBusy = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/event-busy');
+    export import NotificationEventNote = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/event-note');
+    export import NotificationFolderSpecial = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/folder-special');
+    export import NotificationLiveTv = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/live-tv');
+    export import NotificationMms = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/mms');
+    export import NotificationMore = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/more');
+    export import NotificationNetworkCheck = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/network-check');
+    export import NotificationNetworkLocked = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/network-locked');
+    export import NotificationNoEncryption = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/no-encryption');
+    export import NotificationOndemandVideo = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/ondemand-video');
+    export import NotificationPersonalVideo = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/personal-video');
+    export import NotificationPhoneBluetoothSpeaker = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/phone-bluetooth-speaker');
+    export import NotificationPhoneForwarded = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/phone-forwarded');
+    export import NotificationPhoneInTalk = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/phone-in-talk');
+    export import NotificationPhoneLocked = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/phone-locked');
+    export import NotificationPhoneMissed = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/phone-missed');
+    export import NotificationPhonePaused = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/phone-paused');
+    export import NotificationPower = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/power');
+    export import NotificationRvHookup = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/rv-hookup');
+    export import NotificationSdCard = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/sd-card');
+    export import NotificationSimCardAlert = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/sim-card-alert');
+    export import NotificationSms = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/sms');
+    export import NotificationSmsFailed = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/sms-failed');
+    export import NotificationSync = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/sync');
+    export import NotificationSyncDisabled = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/sync-disabled');
+    export import NotificationSyncProblem = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/sync-problem');
+    export import NotificationSystemUpdate = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/system-update');
+    export import NotificationTapAndPlay = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/tap-and-play');
+    export import NotificationTimeToLeave = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/time-to-leave');
+    export import NotificationVibration = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/vibration');
+    export import NotificationVoiceChat = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/voice-chat');
+    export import NotificationVpnLock = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/vpn-lock');
+    export import NotificationWc = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/wc');
+    export import NotificationWifi = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/notification/wifi');
+    export import PlacesAcUnit = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/ac-unit');
+    export import PlacesAirportShuttle = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/airport-shuttle');
+    export import PlacesAllInclusive = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/all-inclusive');
+    export import PlacesBeachAccess = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/beach-access');
+    export import PlacesBusinessCenter = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/business-center');
+    export import PlacesCasino = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/casino');
+    export import PlacesChildCare = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/child-care');
+    export import PlacesChildFriendly = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/child-friendly');
+    export import PlacesFitnessCenter = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/fitness-center');
+    export import PlacesFreeBreakfast = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/free-breakfast');
+    export import PlacesGolfCourse = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/golf-course');
+    export import PlacesHotTub = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/hot-tub');
+    export import PlacesKitchen = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/kitchen');
+    export import PlacesPool = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/pool');
+    export import PlacesRoomService = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/room-service');
+    export import PlacesSmokeFree = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/smoke-free');
+    export import PlacesSmokingRooms = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/smoking-rooms');
+    export import PlacesSpa = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/places/spa');
+    export import SocialCake = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/cake');
+    export import SocialDomain = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/domain');
+    export import SocialGroup = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/group');
+    export import SocialGroupAdd = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/group-add');
+    export import SocialLocationCity = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/location-city');
+    export import SocialMood = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/mood');
+    export import SocialMoodBad = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/mood-bad');
+    export import SocialNotifications = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/notifications');
+    export import SocialNotificationsActive = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/notifications-active');
+    export import SocialNotificationsNone = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/notifications-none');
+    export import SocialNotificationsOff = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/notifications-off');
+    export import SocialNotificationsPaused = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/notifications-paused');
+    export import SocialPages = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/pages');
+    export import SocialPartyMode = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/party-mode');
+    export import SocialPeople = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/people');
+    export import SocialPeopleOutline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/people-outline');
+    export import SocialPerson = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/person');
+    export import SocialPersonAdd = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/person-add');
+    export import SocialPersonOutline = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/person-outline');
+    export import SocialPlusOne = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/plus-one');
+    export import SocialPoll = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/poll');
+    export import SocialPublic = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/public');
+    export import SocialSchool = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/school');
+    export import SocialShare = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/share');
+    export import SocialWhatshot = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/social/whatshot');
+    export import ToggleCheckBox = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/toggle/check-box');
+    export import ToggleCheckBoxOutlineBlank = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/toggle/check-box-outline-blank');
+    export import ToggleIndeterminateCheckBox = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/toggle/indeterminate-check-box');
+    export import ToggleRadioButtonChecked = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/toggle/radio-button-checked');
+    export import ToggleRadioButtonUnchecked = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/toggle/radio-button-unchecked');
+    export import ToggleStar = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/toggle/star');
+    export import ToggleStarBorder = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/toggle/star-border');
+    export import ToggleStarHalf = __MaterialUI.SvgIcon; // require('material-ui/svg-icons/toggle/star-half');
 }

From e76f4c97986abf86627f424daa2fb9112f74d93c Mon Sep 17 00:00:00 2001
From: Rand Scullard <rand@randscullard.com>
Date: Thu, 2 Jun 2016 10:03:09 -0400
Subject: [PATCH 16/60] react: Add animation and transition events from React
 15. (#9443)

---
 react/react.d.ts | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/react/react.d.ts b/react/react.d.ts
index ce9d188d10..a51b460c2e 100644
--- a/react/react.d.ts
+++ b/react/react.d.ts
@@ -354,6 +354,18 @@ declare namespace __React {
         deltaZ: number;
     }
 
+    interface AnimationEvent extends SyntheticEvent {
+        animationName: string;
+        pseudoElement: string;
+        elapsedTime: number;
+    }
+    
+    interface TransitionEvent extends SyntheticEvent {
+        propertyName: string;
+        pseudoElement: string;
+        elapsedTime: number;
+    }
+
     //
     // Event Handler Types
     // ----------------------------------------------------------------------
@@ -374,6 +386,8 @@ declare namespace __React {
     type TouchEventHandler = EventHandler<TouchEvent>;
     type UIEventHandler = EventHandler<UIEvent>;
     type WheelEventHandler = EventHandler<WheelEvent>;
+    type AnimationEventHandler = EventHandler<AnimationEvent>;
+    type TransitionEventHandler = EventHandler<TransitionEvent>;
 
     //
     // Props / DOM Attributes
@@ -497,6 +511,14 @@ declare namespace __React {
 
         // Wheel Events
         onWheel?: WheelEventHandler;
+
+        // Animation Events
+        onAnimationStart?: AnimationEventHandler;
+        onAnimationEnd?: AnimationEventHandler;
+        onAnimationIteration?: AnimationEventHandler;
+
+        // Transition Events
+        onTransitionEnd?: TransitionEventHandler;
     }
 
     // This interface is not complete. Only properties accepting

From 6df94559713baf67a0dd0ba54245eb8b7ce1d86d Mon Sep 17 00:00:00 2001
From: Moes <abbasmhd@hotmail.com>
Date: Fri, 3 Jun 2016 00:03:19 +1000
Subject: [PATCH 17/60] Update jquery.pnotify.d.ts (#9461)

add modal to PNotifyStack
---
 jquery.pnotify/jquery.pnotify.d.ts | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/jquery.pnotify/jquery.pnotify.d.ts b/jquery.pnotify/jquery.pnotify.d.ts
index 7f727aa1b0..8daee5da1e 100644
--- a/jquery.pnotify/jquery.pnotify.d.ts
+++ b/jquery.pnotify/jquery.pnotify.d.ts
@@ -18,7 +18,8 @@ interface PNotifyStack {
     spacing2?: number;
     firstpos1?: number;
     firstpos2?: number;
-    context?: JQuery
+    context?: JQuery;
+    modal?: boolean;
 }
 
 interface PNotifyLabel {
@@ -228,7 +229,7 @@ interface PNotifyOptions {
     }
 
     /**
-     * After a delay, remove the notice.
+     * After a delay, remove the notice, set to false for sticky note.
      */
     hide?: boolean;
     /**

From bb12562cf04fba91019135ff7f0424cc6dc0a4fc Mon Sep 17 00:00:00 2001
From: Will Don <willdon@nerdondon.com>
Date: Thu, 2 Jun 2016 07:03:52 -0700
Subject: [PATCH 18/60] Fix wssId to have type number (#9464)

This fix is in accordance to docs here:
https://msdn.microsoft.com/en-us/library/office/dn312519.aspx and here:
https://msdn.microsoft.com/en-us/library/microsoft.sharepoint.client.taxonomy.taxonomyfieldvalue.wssid.aspx
---
 sharepoint/SharePoint.d.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/sharepoint/SharePoint.d.ts b/sharepoint/SharePoint.d.ts
index 2f3fa1634f..c2a8353304 100644
--- a/sharepoint/SharePoint.d.ts
+++ b/sharepoint/SharePoint.d.ts
@@ -6946,8 +6946,8 @@ declare namespace SP {
             set_label(value: string): void;
             get_termGuid(): SP.Guid;
             set_termGuid(value: SP.Guid): void;
-            get_wssId(): SP.Guid;
-            set_wssId(value: SP.Guid): void;
+            get_wssId(): number;
+            set_wssId(value: number): void;
         }
 
         export class MobileTaxonomyField extends SP.ClientObject {

From a272ceddfac1d554854dd8bf8ad6b27e5b3b92ad Mon Sep 17 00:00:00 2001
From: James Booth <jabooth@gmail.com>
Date: Thu, 2 Jun 2016 15:05:06 +0100
Subject: [PATCH 19/60] three.js Vector3.project(camrea ->camera) typo fix
 (#9463)

---
 threejs/three.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/threejs/three.d.ts b/threejs/three.d.ts
index ce1825c3e8..2e70ee9910 100644
--- a/threejs/three.d.ts
+++ b/threejs/three.d.ts
@@ -4165,7 +4165,7 @@ declare namespace THREE {
         applyMatrix4(m: Matrix4): Vector3;
         applyProjection(m: Matrix4): Vector3;
         applyQuaternion(q: Quaternion): Vector3;
-        project(camrea: Camera): Vector3;
+        project(camera: Camera): Vector3;
         unproject(camera: Camera): Vector3;
         transformDirection(m: Matrix4): Vector3;
         divide(v: Vector3): Vector3;

From 60082ac52b4c77dbf4a1bbb3adec2da4f360d500 Mon Sep 17 00:00:00 2001
From: Chris Manning <CNManning@users.noreply.github.com>
Date: Fri, 3 Jun 2016 02:05:22 +1200
Subject: [PATCH 20/60] Fixed attempt to have a non void return type. (#9460)

---
 joi/joi.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/joi/joi.d.ts b/joi/joi.d.ts
index 0153009dc2..72a1af9425 100644
--- a/joi/joi.d.ts
+++ b/joi/joi.d.ts
@@ -844,7 +844,7 @@ declare module 'joi' {
 	 * @param schema - the schema object.
 	 * @param message - optional message string prefix added in front of the error message. may also be an Error object.
 	 */
-	export function attempt(value: any, schema: Schema, message?: string | Error): void;
+	export function attempt<T>(value: T, schema: Schema, message?: string | Error): T;
 
 
 	/**

From 95e782233e8e203a0b9283c3a7031faee428a530 Mon Sep 17 00:00:00 2001
From: Elmer Bulthuis <elmer@luvdasun.com>
Date: Thu, 2 Jun 2016 16:13:32 +0200
Subject: [PATCH 21/60] use promise.all from lib.es6.d.ts (#9467)

---
 core-js/core-js.d.ts | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/core-js/core-js.d.ts b/core-js/core-js.d.ts
index 2c1fa4bd99..e9be316364 100644
--- a/core-js/core-js.d.ts
+++ b/core-js/core-js.d.ts
@@ -790,8 +790,17 @@ interface PromiseConstructor {
      * @param values An array of Promises.
      * @returns A new Promise.
      */
-    all<T>(values: Iterable<T | PromiseLike<T>>): Promise<T[]>;
-
+    all<T1, T2, T3, T4, T5, T6, T7, T8, T9, T10>(values: [T1 | PromiseLike<T1>, T2 | PromiseLike<T2>, T3 | PromiseLike<T3>, T4 | PromiseLike <T4>, T5 | PromiseLike<T5>, T6 | PromiseLike<T6>, T7 | PromiseLike<T7>, T8 | PromiseLike<T8>, T9 | PromiseLike<T9>, T10 | PromiseLike<T10>]): Promise<[T1, T2, T3, T4, T5, T6, T7, T8, T9, T10]>;
+    all<T1, T2, T3, T4, T5, T6, T7, T8, T9>(values: [T1 | PromiseLike<T1>, T2 | PromiseLike<T2>, T3 | PromiseLike<T3>, T4 | PromiseLike <T4>, T5 | PromiseLike<T5>, T6 | PromiseLike<T6>, T7 | PromiseLike<T7>, T8 | PromiseLike<T8>, T9 | PromiseLike<T9>]): Promise<[T1, T2, T3, T4, T5, T6, T7, T8, T9]>;
+    all<T1, T2, T3, T4, T5, T6, T7, T8>(values: [T1 | PromiseLike<T1>, T2 | PromiseLike<T2>, T3 | PromiseLike<T3>, T4 | PromiseLike <T4>, T5 | PromiseLike<T5>, T6 | PromiseLike<T6>, T7 | PromiseLike<T7>, T8 | PromiseLike<T8>]): Promise<[T1, T2, T3, T4, T5, T6, T7, T8]>;
+    all<T1, T2, T3, T4, T5, T6, T7>(values: [T1 | PromiseLike<T1>, T2 | PromiseLike<T2>, T3 | PromiseLike<T3>, T4 | PromiseLike <T4>, T5 | PromiseLike<T5>, T6 | PromiseLike<T6>, T7 | PromiseLike<T7>]): Promise<[T1, T2, T3, T4, T5, T6, T7]>;
+    all<T1, T2, T3, T4, T5, T6>(values: [T1 | PromiseLike<T1>, T2 | PromiseLike<T2>, T3 | PromiseLike<T3>, T4 | PromiseLike <T4>, T5 | PromiseLike<T5>, T6 | PromiseLike<T6>]): Promise<[T1, T2, T3, T4, T5, T6]>;
+    all<T1, T2, T3, T4, T5>(values: [T1 | PromiseLike<T1>, T2 | PromiseLike<T2>, T3 | PromiseLike<T3>, T4 | PromiseLike <T4>, T5 | PromiseLike<T5>]): Promise<[T1, T2, T3, T4, T5]>;
+    all<T1, T2, T3, T4>(values: [T1 | PromiseLike<T1>, T2 | PromiseLike<T2>, T3 | PromiseLike<T3>, T4 | PromiseLike <T4>]): Promise<[T1, T2, T3, T4]>;
+    all<T1, T2, T3>(values: [T1 | PromiseLike<T1>, T2 | PromiseLike<T2>, T3 | PromiseLike<T3>]): Promise<[T1, T2, T3]>;
+    all<T1, T2>(values: [T1 | PromiseLike<T1>, T2 | PromiseLike<T2>]): Promise<[T1, T2]>;
+    all<TAll>(values: Iterable<TAll | PromiseLike<TAll>>): Promise<TAll[]>;
+    
     /**
      * Creates a Promise that is resolved or rejected when any of the provided Promises are resolved
      * or rejected.

From 9807d9b701f58be068cb07833d2b24235351d052 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pedro=20Guti=C3=A9rrez?= <pgutierrez@stratio.com>
Date: Thu, 2 Jun 2016 16:15:04 +0200
Subject: [PATCH 22/60] Added to Set definition the property '_es6-shim
 iterator_'. (#9465)

---
 es6-shim/es6-shim.d.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/es6-shim/es6-shim.d.ts b/es6-shim/es6-shim.d.ts
index 1c3df0ed7f..b2cad2f4ce 100644
--- a/es6-shim/es6-shim.d.ts
+++ b/es6-shim/es6-shim.d.ts
@@ -582,6 +582,7 @@ interface Set<T> {
     entries(): IterableIteratorShim<[T, T]>;
     keys(): IterableIteratorShim<T>;
     values(): IterableIteratorShim<T>;
+    '_es6-shim iterator_'(): IterableIteratorShim<T>;
 }
 
 interface SetConstructor {

From e16990532af5f8dc11ae6c2d299e69e4ddc6894d Mon Sep 17 00:00:00 2001
From: Tuomas Hietanen <tuomas.hietanen@iki.fi>
Date: Thu, 2 Jun 2016 15:18:18 +0100
Subject: [PATCH 23/60] jeremyfa/yaml.js: Added missing async loading function
 (#9468)

---
 yamljs/yamljs.d.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/yamljs/yamljs.d.ts b/yamljs/yamljs.d.ts
index c98e950ae6..9e02b1aa43 100644
--- a/yamljs/yamljs.d.ts
+++ b/yamljs/yamljs.d.ts
@@ -6,6 +6,8 @@
 declare namespace YAML {
     function load(path: string): any;
 
+    function load(path: string, callback: (res:any) => void): void
+	
     function stringify(nativeObject: any, inline?: number, spaces?: number): string;
 
     function parse(yamlString: string): any;

From d98b8d6cbfc7f94af81101a89385f6f0efa23531 Mon Sep 17 00:00:00 2001
From: Finn Poppinga <finno.ger@gmail.com>
Date: Thu, 2 Jun 2016 16:20:58 +0200
Subject: [PATCH 24/60] async.d.ts AsyncForEachOfIterator key type fix (#9469)

the key can be either a string (in case of objects) or a number (in case of arrays).
---
 async/async.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/async/async.d.ts b/async/async.d.ts
index c3d218fabc..6ec52cf1e6 100644
--- a/async/async.d.ts
+++ b/async/async.d.ts
@@ -12,7 +12,7 @@ interface AsyncResultObjectCallback<T> { (err: Error, results: Dictionary<T>): v
 
 interface AsyncFunction<T> { (callback: (err?: Error, result?: T) => void): void; }
 interface AsyncIterator<T> { (item: T, callback: ErrorCallback): void; }
-interface AsyncForEachOfIterator<T> { (item: T, key: number, callback: ErrorCallback): void; }
+interface AsyncForEachOfIterator<T> { (item: T, key: number|string, callback: ErrorCallback): void; }
 interface AsyncResultIterator<T, R> { (item: T, callback: AsyncResultCallback<R>): void; }
 interface AsyncMemoIterator<T, R> { (memo: R, item: T, callback: AsyncResultCallback<R>): void; }
 interface AsyncBooleanIterator<T> { (item: T, callback: (err: string, truthValue: boolean) => void): void; }

From 46ddd2939e3f1ff5ea8ac27b6c5d1780862fb068 Mon Sep 17 00:00:00 2001
From: Chitoku <chitoku-k@users.noreply.github.com>
Date: Thu, 2 Jun 2016 23:21:27 +0900
Subject: [PATCH 25/60] Linq (#9449)

* Update definitions of linq.js to 3.0.3-Beta5

* Fix to compile with --noImplicitAny

* Fix version number

* Add IEqualityComparer<T>, IList<T>, ITuple<T1, ..., T8>
---
 linq/linq.3.0.3-Beta4.d.ts        | 196 ---------------------
 linq/linq.3.0.4-Beta5.d.ts        | 276 ++++++++++++++++++++++++++++++
 linq/linq.d.ts                    | 116 ++++++-------
 linq/linq.jquery.3.0.4-Beta5.d.ts |  18 ++
 4 files changed, 352 insertions(+), 254 deletions(-)
 delete mode 100644 linq/linq.3.0.3-Beta4.d.ts
 create mode 100644 linq/linq.3.0.4-Beta5.d.ts
 create mode 100644 linq/linq.jquery.3.0.4-Beta5.d.ts

diff --git a/linq/linq.3.0.3-Beta4.d.ts b/linq/linq.3.0.3-Beta4.d.ts
deleted file mode 100644
index 812d4a4494..0000000000
--- a/linq/linq.3.0.3-Beta4.d.ts
+++ /dev/null
@@ -1,196 +0,0 @@
-// Type definitions for linq.js v3.0.3-Beta4
-// Project: http://linqjs.codeplex.com/
-// Definitions by: neuecc <http://www.codeplex.com/site/users/view/neuecc>
-// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-
-declare namespace linqjs {
-    interface IEnumerator {
-        current(): any;
-        moveNext(): boolean;
-        dispose(): void;
-    }
-
-    interface EnumerableStatic {
-        Utils: {
-            createLambda(expression: any): (...params: any[]) => any;
-            createEnumerable(getEnumerator: () => IEnumerator): Enumerable;
-            createEnumerator(initialize: () => void , tryGetNext: () => boolean, dispose: () => void ): IEnumerator;
-            extendTo(type: any): void;
-        };
-        choice(...params: any[]): Enumerable;
-        cycle(...params: any[]): Enumerable;
-        empty(): Enumerable;
-        from(): Enumerable;
-        from(obj: Enumerable): Enumerable;
-        from(obj: string): Enumerable;
-        from(obj: number): Enumerable;
-        from(obj: { length: number;[x: number]: any; }): Enumerable;
-        from(obj: any): Enumerable;
-        make(element: any): Enumerable;
-        matches(input: string, pattern: RegExp): Enumerable;
-        matches(input: string, pattern: string, flags?: string): Enumerable;
-        range(start: number, count: number, step?: number): Enumerable;
-        rangeDown(start: number, count: number, step?: number): Enumerable;
-        rangeTo(start: number, to: number, step?: number): Enumerable;
-        repeat(element: any, count?: number): Enumerable;
-        repeatWithFinalize(initializer: () => any, finalizer: (element: any) => void ): Enumerable;
-        generate(func: () => any, count?: number): Enumerable;
-        toInfinity(start?: number, step?: number): Enumerable;
-        toNegativeInfinity(start?: number, step?: number): Enumerable;
-        unfold(seed: any, func: (value: any) => any): Enumerable;
-        defer(enumerableFactory: () => Enumerable): Enumerable;
-    }
-
-    interface Enumerable {
-        constructor(getEnumerator: () => IEnumerator): Enumerable;
-        getEnumerator(): IEnumerator;
-
-        // Extension Methods
-        traverseBreadthFirst(func: (element: any) => Enumerable, resultSelector?: (element: any, nestLevel: number) => any): Enumerable;
-        traverseDepthFirst(func: (element: any) => Enumerable, resultSelector?: (element: any, nestLevel: number) => any): Enumerable;
-        flatten(): Enumerable;
-        pairwise(selector: (prev: any, current: any) => any): Enumerable;
-        scan(func: (prev: any, current: any) => any): Enumerable;
-        scan(seed: any, func: (prev: any, current: any) => any): Enumerable;
-        select(selector: (element: any, index: number) => any): Enumerable;
-        selectMany(collectionSelector: (element: any, index: number) => any[], resultSelector?: (outer: any, inner: any) => any): Enumerable;
-        selectMany(collectionSelector: (element: any, index: number) => Enumerable, resultSelector?: (outer: any, inner: any) => any): Enumerable;
-        selectMany(collectionSelector: (element: any, index: number) => { length: number;[x: number]: any; }, resultSelector?: (outer: any, inner: any) => any): Enumerable;
-        where(predicate: (element: any, index: number) => boolean): Enumerable;
-        choose(selector: (element: any, index: number) => any): Enumerable;
-        ofType(type: any): Enumerable;
-        zip(second: any[], resultSelector: (first: any, second: any, index: number) => any): Enumerable;
-        zip(second: Enumerable, resultSelector: (first: any, second: any, index: number) => any): Enumerable;
-        zip(second: { length: number;[x: number]: any; }, resultSelector: (first: any, second: any, index: number) => any): Enumerable;
-        zip(...params: any[]): Enumerable; // last one is selector
-        merge(second: any[], resultSelector: (first: any, second: any, index: number) => any): Enumerable;
-        merge(second: Enumerable, resultSelector: (first: any, second: any, index: number) => any): Enumerable;
-        merge(second: { length: number;[x: number]: any; }, resultSelector: (first: any, second: any, index: number) => any): Enumerable;
-        merge(...params: any[]): Enumerable; // last one is selector
-        join(inner: Enumerable, outerKeySelector: (outer: any) =>any, innerKeySelector: (inner: any) =>any, resultSelector: (outer: any, inner: any) => any, compareSelector?: (obj: any) => any): Enumerable;
-        groupJoin(inner: Enumerable, outerKeySelector: (outer: any) =>any, innerKeySelector: (inner: any) =>any, resultSelector: (outer: any, inner: any) => any, compareSelector?: (obj: any) => any): Enumerable;
-        all(predicate: (element: any) => boolean): boolean;
-        any(predicate?: (element: any) => boolean): boolean;
-        isEmpty(): boolean;
-        concat(...sequences: any[]): Enumerable;
-        insert(index: number, second: any[]): Enumerable;
-        insert(index: number, second: Enumerable): Enumerable;
-        insert(index: number, second: { length: number;[x: number]: any; }): Enumerable;
-        alternate(alternateValue: any): Enumerable;
-        alternate(alternateSequence: any[]): Enumerable;
-        alternate(alternateSequence: Enumerable): Enumerable;
-        contains(value: any, compareSelector: (element: any) => any): Enumerable;
-		contains(value: any): Enumerable;
-        defaultIfEmpty(defaultValue?: any): Enumerable;
-        distinct(compareSelector?: (element: any) => any): Enumerable;
-        distinctUntilChanged(compareSelector: (element: any) => any): Enumerable;
-        except(second: any[], compareSelector?: (element: any) => any): Enumerable;
-        except(second: { length: number;[x: number]: any; }, compareSelector?: (element: any) => any): Enumerable;
-        except(second: Enumerable, compareSelector?: (element: any) => any): Enumerable;
-        intersect(second: any[], compareSelector?: (element: any) => any): Enumerable;
-        intersect(second: { length: number;[x: number]: any; }, compareSelector?: (element: any) => any): Enumerable;
-        intersect(second: Enumerable, compareSelector?: (element: any) => any): Enumerable;
-        sequenceEqual(second: any[], compareSelector?: (element: any) => any): Enumerable;
-        sequenceEqual(second: { length: number;[x: number]: any; }, compareSelector?: (element: any) => any): Enumerable;
-        sequenceEqual(second: Enumerable, compareSelector?: (element: any) => any): Enumerable;
-        union(second: any[], compareSelector?: (element: any) => any): Enumerable;
-        union(second: { length: number;[x: number]: any; }, compareSelector?: (element: any) => any): Enumerable;
-        union(second: Enumerable, compareSelector?: (element: any) => any): Enumerable;
-        orderBy(keySelector: (element: any) => any): OrderedEnumerable;
-        orderByDescending(keySelector: (element: any) => any): OrderedEnumerable;
-        reverse(): Enumerable;
-        shuffle(): Enumerable;
-        weightedSample(weightSelector: (element: any) => any): Enumerable;
-        groupBy(keySelector: (element: any) => any, elementSelector?: (element: any) => any, resultSelector?: (key: any, element: any) => any, compareSelector?: (element: any) => any): Enumerable;
-        partitionBy(keySelector: (element: any) => any, elementSelector?: (element: any) => any, resultSelector?: (key: any, element: any) => any, compareSelector?: (element: any) => any): Enumerable;
-        buffer(count: number): Enumerable;
-        aggregate(func: (prev: any, current: any) => any): any;
-        aggregate(seed: any, func: (prev: any, current: any) => any, resultSelector?: (last: any) => any): any;
-        average(selector?: (element: any) => any): number;
-        count(predicate?: (element: any, index: number) => boolean): number;
-        max(selector?: (element: any) => any): number;
-        min(selector?: (element: any) => any): number;
-        maxBy(keySelector: (element: any) => any): any;
-        minBy(keySelector: (element: any) => any): any;
-        sum(selector?: (element: any) => any): number;
-        elementAt(index: number): any;
-        elementAtOrDefault(index: number, defaultValue?: any): any;
-        first(predicate?: (element: any, index: number) => boolean): any;
-        firstOrDefault(predicate?: (element: any, index: number) => boolean, defaultValue?: any): any;
-        last(predicate?: (element: any, index: number) => boolean): any;
-        lastOrDefault(predicate?: (element: any, index: number) => boolean, defaultValue?: any): any;
-        single(predicate?: (element: any, index: number) => boolean): any;
-        singleOrDefault(predicate?: (element: any, index: number) => boolean, defaultValue?: any): any;
-        skip(count: number): Enumerable;
-        skipWhile(predicate: (element: any, index: number) => boolean): Enumerable;
-        take(count: number): Enumerable;
-        takeWhile(predicate: (element: any, index: number) => boolean): Enumerable;
-        takeExceptLast(count?: number): Enumerable;
-        takeFromLast(count: number): Enumerable;
-        indexOf(item: any): number;
-        indexOf(predicate: (element: any, index: number) => boolean): number;
-        lastIndexOf(item: any): number;
-        lastIndexOf(predicate: (element: any, index: number) => boolean): number;
-        asEnumerable(): Enumerable;
-        toArray(): any[];
-        toLookup(keySelector: (element: any) => any, elementSelector?: (element: any) => any, compareSelector?: (element: any) => any): Lookup;
-        toObject(keySelector: (element: any) => any, elementSelector?: (element: any) => any): Object;
-        toDictionary(keySelector: (element: any) => any, elementSelector?: (element: any) => any, compareSelector?: (element: any) => any): Dictionary;
-        toJSONString(replacer: (key: string, value: any) => any): string;
-        toJSONString(replacer: any[]): string;
-        toJSONString(replacer: (key: string, value: any) => any, space: any): string;
-        toJSONString(replacer: any[], space: any): string;
-        toJoinedString(separator?: string, selector?: (element: any, index: number) => any): string;
-        doAction(action: (element: any, index: number) => void ): Enumerable;
-        doAction(action: (element: any, index: number) => boolean): Enumerable;
-        forEach(action: (element: any, index: number) => void ): void;
-        forEach(action: (element: any, index: number) => boolean): void;
-        write(separator?: string, selector?: (element: any) => any): void;
-        writeLine(selector?: (element: any) => any): void;
-        force(): void;
-        letBind(func: (source: Enumerable) => any[]): Enumerable;
-        letBind(func: (source: Enumerable) => { length: number;[x: number]: any; }): Enumerable;
-        letBind(func: (source: Enumerable) => Enumerable): Enumerable;
-        share(): DisposableEnumerable;
-        memoize(): DisposableEnumerable;
-        catchError(handler: (exception: any) => void ): Enumerable;
-        finallyAction(finallyAction: () => void ): Enumerable;
-        log(selector?: (element: any) => void ): Enumerable;
-        trace(message?: string, selector?: (element: any) => void ): Enumerable;
-    }
-
-    interface OrderedEnumerable extends Enumerable {
-        createOrderedEnumerable(keySelector: (element: any) => any, descending: boolean): OrderedEnumerable;
-        thenBy(keySelector: (element: any) => any): OrderedEnumerable;
-        thenByDescending(keySelector: (element: any) => any): OrderedEnumerable;
-    }
-
-    interface DisposableEnumerable extends Enumerable {
-        dispose(): void;
-    }
-
-    interface Dictionary {
-        add(key: any, value: any): void;
-        get(key: any): any;
-        set(key: any, value: any): boolean;
-        contains(key: any): boolean;
-        clear(): void;
-        remove(key: any): void;
-        count(): number;
-        toEnumerable(): Enumerable; // Enumerable<KeyValuePair>
-    }
-
-    interface Lookup {
-        count(): number;
-        get(key: any): Enumerable;
-        contains(key: any): boolean;
-        toEnumerable(): Enumerable; // Enumerable<Groping>
-    }
-
-    interface Grouping extends Enumerable {
-        key(): any;
-    }
-}
-
-// export definition
-declare var Enumerable: linqjs.EnumerableStatic;
diff --git a/linq/linq.3.0.4-Beta5.d.ts b/linq/linq.3.0.4-Beta5.d.ts
new file mode 100644
index 0000000000..a6c32690ce
--- /dev/null
+++ b/linq/linq.3.0.4-Beta5.d.ts
@@ -0,0 +1,276 @@
+// Type definitions for linq.js v3.0.4-Beta5
+// Project: https://linqjs.codeplex.com/
+// Definitions by: neuecc <https://www.codeplex.com/site/users/view/neuecc>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare module linqjs {
+    interface IEnumerator<T> {
+        current(): T;
+        moveNext(): boolean;
+        dispose(): void;
+    }
+
+    interface IEqualityComparer<T> {
+        equals(x: T, y: T): boolean;
+        getHashCode(obj: any): string;
+    }
+
+    interface ITuple<T1, T2, T3, T4, T5, T6, T7, T8> {
+        equals(other: ITuple<T1, T2, T3, T4, T5, T6, T7, T8>): boolean;
+        getHashCode(): string;
+    }
+
+    interface ITupleArray {
+        equals(other: ITupleArray): boolean;
+        getHashCode(): string;
+    }
+
+    interface Enumerable {
+        Utils: {
+            createLambda(expression: any): (...params: any[]) => any;
+            createEnumerable<T>(getEnumerator: () => IEnumerator<T>): IEnumerable<T>;
+            createEnumerator<T>(initialize: () => void, tryGetNext: () => boolean, dispose: () => void): IEnumerator<T>;
+            getDefaultEqualityComparer<T>(): IEqualityComparer<T>;
+            createEqualityComparer<T>(equals: (x: T, y: T) => boolean, getHashCode: (obj: any) => string): IEqualityComparer<T>;
+            createKeyedEqualityComparer<TKey, TValue>(keySelector: (element: TValue) => TKey): IEqualityComparer<TValue>;
+            createDictionary<TKey, TValue>(compareSelector: (element: TValue) => TKey): IDictionary<TKey, TValue>;
+            createDictionary<TKey, TValue>(equalityComparer: IEqualityComparer<TValue>): IDictionary<TKey, TValue>;
+            createList<T>(): IList<T>;
+            createTuple<T1, T2, T3, T4, T5, T6, T7, T8>(item1: T1, item2: T2, item3?: T3, item4?: T4, item5?: T5, item6?: T6, item7?: T7, item8?: T8): ITuple<T1, T2, T3, T4, T5, T6, T7, T8>;
+            extendTo(type: any, forceAppend?: boolean): void;
+        };
+        choice<T>(...params: T[]): IEnumerable<T>;
+        cycle<T>(...params: T[]): IEnumerable<T>;
+        empty<T>(): IEnumerable<T>;
+        // from<T>, obj as JScript's IEnumerable or WinMD IIterable<T> is IEnumerable<T> but it can't define.
+        from(): IEnumerable<any>; // empty
+        from<T>(obj: IEnumerable<T>): IEnumerable<T>;
+        from(obj: number): IEnumerable<number>;
+        from(obj: boolean): IEnumerable<boolean>;
+        from(obj: string): IEnumerable<string>;
+        from<T>(obj: T[]): IEnumerable<T>;
+        from<T>(obj: { length: number; [x: number]: T; }): IEnumerable<T>;
+        from(obj: any): IEnumerable<{ key: string; value: any }>;
+        make<T>(element: T): IEnumerable<T>;
+        matches<T>(input: string, pattern: RegExp): IEnumerable<T>;
+        matches<T>(input: string, pattern: string, flags?: string): IEnumerable<T>;
+        range(start: number, count: number, step?: number): IEnumerable<number>;
+        rangeDown(start: number, count: number, step?: number): IEnumerable<number>;
+        rangeTo(start: number, to: number, step?: number): IEnumerable<number>;
+        repeat<T>(element: T, count?: number): IEnumerable<T>;
+        repeatWithFinalize<T>(initializer: () => T, finalizer: (element: T) => void): IEnumerable<T>;
+        generate<T>(func: () => T, count?: number): IEnumerable<T>;
+        toInfinity(start?: number, step?: number): IEnumerable<number>;
+        toNegativeInfinity(start?: number, step?: number): IEnumerable<number>;
+        unfold<T>(seed: T, func: (value: T) => T): IEnumerable<T>;
+        defer<T>(enumerableFactory: () => IEnumerable<T>): IEnumerable<T>;
+    }
+
+    interface IEnumerable<T> {
+        constructor(getEnumerator: () => IEnumerator<T>): IEnumerable<T>;
+        getEnumerator(): IEnumerator<T>;
+
+        // Extension Methods
+        traverseBreadthFirst(func: (element: T) => IEnumerable<T>): IEnumerable<T>;
+        traverseBreadthFirst<TResult>(func: (element: T) => IEnumerable<T>, resultSelector: (element: T, nestLevel: number) => TResult): IEnumerable<TResult>;
+        traverseDepthFirst<TResult>(func: (element: T) => Enumerable): IEnumerable<T>;
+        traverseDepthFirst<TResult>(func: (element: T) => Enumerable, resultSelector?: (element: T, nestLevel: number) => TResult): IEnumerable<TResult>;
+        flatten(): IEnumerable<any>;
+        pairwise<TResult>(selector: (prev: T, current: T) => TResult): IEnumerable<TResult>;
+        scan(func: (prev: T, current: T) => T): IEnumerable<T>;
+        scan<TAccumulate>(seed: TAccumulate, func: (prev: TAccumulate, current: T) => TAccumulate): IEnumerable<TAccumulate>;
+        select<TResult>(selector: (element: T, index: number) => TResult): IEnumerable<TResult>;
+        selectMany<TOther>(collectionSelector: (element: T, index: number) => IEnumerable<TOther>): IEnumerable<TOther>;
+        selectMany<TCollection, TResult>(collectionSelector: (element: T, index: number) => IEnumerable<TCollection>, resultSelector: (outer: T, inner: TCollection) => TResult): IEnumerable<TResult>;
+        selectMany<TOther>(collectionSelector: (element: T, index: number) => TOther[]): IEnumerable<TOther>;
+        selectMany<TCollection, TResult>(collectionSelector: (element: T, index: number) => TCollection[], resultSelector: (outer: T, inner: TCollection) => TResult): IEnumerable<TResult>;
+        selectMany<TOther>(collectionSelector: (element: T, index: number) => { length: number; [x: number]: TOther; }): IEnumerable<TOther>;
+        selectMany<TCollection, TResult>(collectionSelector: (element: T, index: number) => { length: number; [x: number]: TCollection; }, resultSelector: (outer: T, inner: TCollection) => TResult): IEnumerable<TResult>;
+        where(predicate: (element: T, index: number) => boolean): IEnumerable<T>;
+        choose(selector: (element: T, index: number) => T): IEnumerable<T>;
+        ofType<TResult>(type: any): IEnumerable<TResult>;
+        zip<TResult>(second: IEnumerable<T>, resultSelector: (first: T, second: T, index: number) => TResult): IEnumerable<TResult>;
+        zip<TResult>(second: { length: number; [x: number]: T; }, resultSelector: (first: T, second: T, index: number) => TResult): IEnumerable<TResult>;
+        zip<TResult>(second: T[], resultSelector: (first: T, second: T, index: number) => TResult): IEnumerable<TResult>;
+        zip<TResult>(...params: any[]): IEnumerable<TResult>; // last one is selector
+        merge<TResult>(...params: IEnumerable<T>[]): IEnumerable<T>;
+        merge<TResult>(...params: { length: number; [x: number]: T; }[]): IEnumerable<T>;
+        merge<TResult>(...params: T[][]): IEnumerable<T>;
+        join<TInner, TKey, TResult>(inner: IEnumerable<TInner>, outerKeySelector: (outer: T) => TKey, innerKeySelector: (inner: TInner) => TKey, resultSelector: (outer: T, inner: TKey) => TResult, compareSelector?: (obj: T) => TKey): IEnumerable<TResult>;
+        join<TInner, TKey, TResult>(inner: { length: number; [x: number]: TInner; }, outerKeySelector: (outer: T) => TKey, innerKeySelector: (inner: TInner) => TKey, resultSelector: (outer: T, inner: TKey) => TResult, compareSelector?: (obj: T) => TKey): IEnumerable<TResult>;
+        join<TInner, TKey, TResult>(inner: TInner[], outerKeySelector: (outer: T) => TKey, innerKeySelector: (inner: TInner) => TKey, resultSelector: (outer: T, inner: TKey) => TResult, compareSelector?: (obj: T) => TKey): IEnumerable<TResult>;
+        groupJoin<TInner, TKey, TResult>(inner: IEnumerable<TInner>, outerKeySelector: (outer: T) => TKey, innerKeySelector: (inner: TInner) => TKey, resultSelector: (outer: T, inner: TKey) => TResult, compareSelector?: (obj: T) => TKey): IEnumerable<TResult>;
+        groupJoin<TInner, TKey, TResult>(inner: { length: number; [x: number]: TInner; }, outerKeySelector: (outer: T) => TKey, innerKeySelector: (inner: TInner) => TKey, resultSelector: (outer: T, inner: TKey) => TResult, compareSelector?: (obj: T) => TKey): IEnumerable<TResult>;
+        groupJoin<TInner, TKey, TResult>(inner: TInner[], outerKeySelector: (outer: T) => TKey, innerKeySelector: (inner: TInner) => TKey, resultSelector: (outer: T, inner: TKey) => TResult, compareSelector?: (obj: T) => TKey): IEnumerable<TResult>;
+        all(predicate: (element: T) => boolean): boolean;
+        any(predicate?: (element: T) => boolean): boolean;
+        isEmpty(): boolean;
+        concat(...sequences: IEnumerable<T>[]): IEnumerable<T>;
+        concat(...sequences: { length: number; [x: number]: T; }[]): IEnumerable<T>;
+        concat(...sequences: T[]): IEnumerable<T>;
+        insert(index: number, second: IEnumerable<T>): IEnumerable<T>;
+        insert(index: number, second: { length: number; [x: number]: T; }): IEnumerable<T>;
+        alternate(alternateValue: T): IEnumerable<T>;
+        alternate(alternateSequence: { length: number; [x: number]: T; }): IEnumerable<T>;
+        alternate(alternateSequence: IEnumerable<T>): IEnumerable<T>;
+        alternate(alternateSequence: T[]): IEnumerable<T>;
+        contains(value: T): boolean;
+        contains<TCompare>(value: T, compareSelector?: (element: T) => TCompare): boolean;
+        contains(value: T, equalityComparer?: IEqualityComparer<T>): boolean;
+        defaultIfEmpty(defaultValue?: T): IEnumerable<T>;
+        distinct(): IEnumerable<T>;
+        distinct<TCompare>(compareSelector: (element: T) => TCompare): IEnumerable<T>;
+        distinctUntilChanged(): IEnumerable<T>;
+        distinctUntilChanged<TCompare>(compareSelector: (element: T) => TCompare): IEnumerable<T>;
+        except(second: { length: number; [x: number]: T; }): IEnumerable<T>;
+        except<TCompare>(second: { length: number; [x: number]: T; }, compareSelector: (element: T) => TCompare): IEnumerable<T>;
+        except(second: IEnumerable<T>): IEnumerable<T>;
+        except<TCompare>(second: IEnumerable<T>, compareSelector: (element: T) => TCompare): IEnumerable<T>;
+        except(second: T[]): IEnumerable<T>;
+        except<TCompare>(second: T[], compareSelector: (element: T) => TCompare): IEnumerable<T>;
+        intersect(second: { length: number; [x: number]: T; }): IEnumerable<T>;
+        intersect<TCompare>(second: { length: number; [x: number]: T; }, compareSelector: (element: T) => TCompare): IEnumerable<T>;
+        intersect(second: IEnumerable<T>): IEnumerable<T>;
+        intersect<TCompare>(second: IEnumerable<T>, compareSelector: (element: T) => TCompare): IEnumerable<T>;
+        intersect(second: T[]): IEnumerable<T>;
+        intersect<TCompare>(second: T[], compareSelector: (element: T) => TCompare): IEnumerable<T>;
+        union(second: { length: number; [x: number]: T; }): IEnumerable<T>;
+        union<TCompare>(second: { length: number; [x: number]: T; }, compareSelector: (element: T) => TCompare): IEnumerable<T>;
+        union(second: IEnumerable<T>): IEnumerable<T>;
+        union<TCompare>(second: IEnumerable<T>, compareSelector: (element: T) => TCompare): IEnumerable<T>;
+        union(second: T[]): IEnumerable<T>;
+        union<TCompare>(second: T[], compareSelector: (element: T) => TCompare): IEnumerable<T>;
+        sequenceEqual(second: { length: number; [x: number]: T; }): boolean;
+        sequenceEqual<TCompare>(second: { length: number; [x: number]: T; }, compareSelector: (element: T) => TCompare): boolean;
+        sequenceEqual(second: IEnumerable<T>): boolean;
+        sequenceEqual<TCompare>(second: IEnumerable<T>, compareSelector: (element: T) => TCompare): boolean;
+        sequenceEqual(second: T[]): boolean;
+        sequenceEqual<TCompare>(second: T[], compareSelector: (element: T) => TCompare): boolean;
+        orderBy<TKey>(keySelector: (element: T) => TKey): IOrderedEnumerable<T>;
+        orderBy<TKey>(keySelector: (element: T) => TKey, comparison: (x: TKey, y: TKey) => number): IOrderedEnumerable<T>;
+        orderByDescending<TKey>(keySelector: (element: T) => TKey): IOrderedEnumerable<T>;
+        orderByDescending<TKey>(keySelector: (element: T) => TKey, comparison: (x: TKey, y: TKey) => number): IOrderedEnumerable<T>;
+        reverse(): IEnumerable<T>;
+        shuffle(): IEnumerable<T>;
+        weightedSample(weightSelector: (element: T) => number): IEnumerable<T>;
+        // truly, return type is IEnumerable<IGrouping<TKey, T>> but Visual Studio + TypeScript Compiler can't compile.
+        groupBy<TKey>(keySelector: (element: T) => TKey): IEnumerable<IGrouping<TKey, any>>;
+        groupBy<TKey, TElement>(keySelector: (element: T) => TKey, elementSelector: (element: T) => TElement): IEnumerable<IGrouping<TKey, TElement>>;
+        groupBy<TKey, TElement, TResult>(keySelector: (element: T) => TKey, elementSelector: (element: T) => TElement, resultSelector: (key: TKey, element: IEnumerable<TElement>) => TResult): IEnumerable<TResult>;
+        groupBy<TKey, TElement, TResult, TCompare>(keySelector: (element: T) => TKey, elementSelector: (element: T) => TElement, resultSelector: (key: TKey, element: IEnumerable<TElement>) => TResult, compareSelector: (element: T) => TCompare): IEnumerable<TResult>;
+        // :IEnumerable<IGrouping<TKey, T>>
+        partitionBy<TKey>(keySelector: (element: T) => TKey): IEnumerable<IGrouping<TKey, any>>;
+        // :IEnumerable<IGrouping<TKey, TElement>>
+        partitionBy<TKey, TElement>(keySelector: (element: T) => TKey, elementSelector: (element: T) => TElement): IEnumerable<IGrouping<TKey, TElement>>;
+        partitionBy<TKey, TElement, TResult>(keySelector: (element: T) => TKey, elementSelector: (element: T) => TElement, resultSelector: (key: TKey, element: IEnumerable<TElement>) => TResult): IEnumerable<TResult>;
+        partitionBy<TKey, TElement, TResult, TCompare>(keySelector: (element: T) => TKey, elementSelector: (element: T) => TElement, resultSelector: (key: TKey, element: IEnumerable<TElement>) => TResult, compareSelector: (element: T) => TCompare): IEnumerable<TResult>;
+        buffer(count: number): IEnumerable<T>;
+        aggregate(func: (prev: T, current: T) => T): T;
+        aggregate<TAccumulate>(seed: TAccumulate, func: (prev: TAccumulate, current: T) => TAccumulate): TAccumulate;
+        aggregate<TAccumulate, TResult>(seed: TAccumulate, func: (prev: TAccumulate, current: T) => TAccumulate, resultSelector: (last: TAccumulate) => TResult): TResult;
+        average(selector?: (element: T) => number): number;
+        count(predicate?: (element: T, index: number) => boolean): number;
+        max(selector?: (element: T) => number): number;
+        min(selector?: (element: T) => number): number;
+        maxBy<TKey>(keySelector: (element: T) => TKey): T;
+        minBy<TKey>(keySelector: (element: T) => TKey): T;
+        sum(selector?: (element: T) => number): number;
+        elementAt(index: number): T;
+        elementAtOrDefault(index: number, defaultValue?: T): T;
+        first(predicate?: (element: T, index: number) => boolean): T;
+        firstOrDefault(predicate?: (element: T, index: number) => boolean, defaultValue?: T): T;
+        last(predicate?: (element: T, index: number) => boolean): T;
+        lastOrDefault(predicate?: (element: T, index: number) => boolean, defaultValue?: T): T;
+        single(predicate?: (element: T, index: number) => boolean): T;
+        singleOrDefault(predicate?: (element: T, index: number) => boolean, defaultValue?: T): T;
+        skip(count: number): IEnumerable<T>;
+        skipWhile(predicate: (element: T, index: number) => boolean): IEnumerable<T>;
+        take(count: number): IEnumerable<T>;
+        takeWhile(predicate: (element: T, index: number) => boolean): IEnumerable<T>;
+        takeExceptLast(count?: number): IEnumerable<T>;
+        takeFromLast(count: number): IEnumerable<T>;
+        indexOf(item: T): number;
+        indexOf(predicate: (element: T, index: number) => boolean): number;
+        lastIndexOf(item: T): number;
+        lastIndexOf(predicate: (element: T, index: number) => boolean): number;
+        asEnumerable(): IEnumerable<T>;
+        cast<TResult>(): IEnumerable<TResult>;
+        toArray(): T[];
+        toList(): IList<T>;
+        // truly, return type is ILookup<TKey, T> but Visual Studio + TypeScript Compiler can't compile. 
+        toLookup<TKey>(keySelector: (element: T) => TKey): ILookup<TKey, any>;
+        toLookup<TKey, TElement>(keySelector: (element: T) => TKey, elementSelector: (element: T) => TElement): ILookup<TKey, TElement>;
+        toLookup<TKey, TElement, TCompare>(keySelector: (element: T) => TKey, elementSelector: (element: T) => TElement, compareSelector: (key: TKey) => TCompare): ILookup<TKey, TElement>;
+        toObject(keySelector: (element: T) => any, elementSelector?: (element: T) => any): Object;
+        // :IDictionary<TKey, T>
+        toDictionary<TKey>(keySelector: (element: T) => TKey): IDictionary<TKey, any>;
+        toDictionary<TKey, TValue>(keySelector: (element: T) => TKey, elementSelector: (element: T) => TValue): IDictionary<TKey, TValue>;
+        toDictionary<TKey, TValue, TCompare>(keySelector: (element: T) => TKey, elementSelector: (element: T) => TValue, compareSelector: (key: TKey) => TCompare): IDictionary<TKey, TValue>;
+        toJSONString(replacer: (key: string, value: any) => any): string;
+        toJSONString(replacer: any[]): string;
+        toJSONString(replacer: (key: string, value: any) => any, space: any): string;
+        toJSONString(replacer: any[], space: any): string;
+        toJoinedString(separator?: string): string;
+        toJoinedString<TResult>(separator: string, selector: (element: T, index: number) => TResult): string;
+        doAction(action: (element: T, index: number) => void): IEnumerable<T>;
+        doAction(action: (element: T, index: number) => boolean): IEnumerable<T>;
+        forEach(action: (element: T, index: number) => void): void;
+        forEach(action: (element: T, index: number) => boolean): void;
+        write(separator?: string): void;
+        write<TResult>(separator: string, selector: (element: T) => TResult): void;
+        writeLine(): void;
+        writeLine<TResult>(selector: (element: T) => TResult): void;
+        force(): void;
+        letBind<TResult>(func: (source: IEnumerable<T>) => { length: number; [x: number]: TResult; }): IEnumerable<TResult>;
+        letBind<TResult>(func: (source: IEnumerable<T>) => TResult[]): IEnumerable<TResult>;
+        letBind<TResult>(func: (source: IEnumerable<T>) => IEnumerable<TResult>): IEnumerable<TResult>;
+        share(): IDisposableEnumerable<T>;
+        memoize(): IDisposableEnumerable<T>;
+        catchError(handler: (exception: any) => void): IEnumerable<T>;
+        finallyAction(finallyAction: () => void): IEnumerable<T>;
+        log(): IEnumerable<T>;
+        log<TValue>(selector: (element: T) => TValue): IEnumerable<T>;
+        trace(message?: string): IEnumerable<T>;
+        trace<TValue>(message: string, selector: (element: T) => TValue): IEnumerable<T>;
+    }
+
+    interface IOrderedEnumerable<T> extends IEnumerable<T> {
+        createOrderedEnumerable<TKey>(keySelector: (element: T) => TKey, comparison: (x: TKey, y: TKey) => number, descending: boolean): IOrderedEnumerable<T>;
+        thenBy<TKey>(keySelector: (element: T) => TKey) : IOrderedEnumerable<T>;
+        thenBy<TKey>(keySelector: (element: T) => TKey, comparison: (x: TKey, y: TKey) => number) : IOrderedEnumerable<T>;
+        thenByDescending<TKey>(keySelector: (element: T) => TKey): IOrderedEnumerable<T>;
+        thenByDescending<TKey>(keySelector: (element: T) => TKey, comparison: (x: TKey, y: TKey) => number): IOrderedEnumerable<T>;
+    }
+
+    interface IDisposableEnumerable<T> extends IEnumerable<T> {
+        dispose(): void;
+    }
+
+    interface IDictionary<TKey, TValue> {
+        add(key: TKey, value: TValue): void;
+        get(key: TKey): TValue;
+        set(key: TKey, value: TValue): boolean;
+        contains(key: TKey): boolean;
+        clear(): void;
+        remove(key: TKey): void;
+        count(): number;
+        toEnumerable(): IEnumerable<{ key: TKey; value: TValue }>;
+    }
+
+    interface ILookup<TKey, TElement> {
+        count(): number;
+        get(key: TKey): IEnumerable<TElement>;
+        contains(key: TKey): boolean;
+        toEnumerable(): IEnumerable<IGrouping<TKey, TElement>>;
+    }
+
+    interface IGrouping<TKey, TElement> extends IEnumerable<TElement> {
+        key(): TKey;
+    }
+
+    interface IList<T> extends Array<T> {
+    }
+}
+
+// export definition
+declare var Enumerable: linqjs.Enumerable;
diff --git a/linq/linq.d.ts b/linq/linq.d.ts
index e9fa44df41..facd5d5901 100644
--- a/linq/linq.d.ts
+++ b/linq/linq.d.ts
@@ -30,43 +30,43 @@ declare namespace linq {
         Generate(func: string, count?: number): Enumerable<any>;
         ToInfinity(start?: number, step?: number): Enumerable<number>;
         ToNegativeInfinity(start?: number, step?: number): Enumerable<number>;
-        Unfold<T>(seed, func: ($) => T): Enumerable<T>;
-        Unfold(seed, func: string): Enumerable<any>;
+        Unfold<T>(seed: T, func: ($: T) => T): Enumerable<T>;
+        Unfold(seed: any, func: string): Enumerable<any>;
     }
 
     interface Enumerable<T> {
         //Projection and Filtering Methods
-        CascadeBreadthFirst(func: ($) => any[], resultSelector: (v, i: number) => any): Enumerable<any>;
+        CascadeBreadthFirst(func: ($: T) => any[], resultSelector: (v: any, i: number) => any): Enumerable<any>;
         CascadeBreadthFirst(func: string, resultSelector: string): Enumerable<any>;
-        CascadeDepthFirst(func: ($) => any[], resultSelector: (v, i: number) => any): Enumerable<any>;
+        CascadeDepthFirst(func: ($: T) => any[], resultSelector: (v: any, i: number) => any): Enumerable<any>;
         CascadeDepthFirst(func: string, resultSelector: string): Enumerable<any>;
         Flatten(...items: any[]): Enumerable<any>;
-        Pairwise(selector: (prev, next) => any): Enumerable<any>;
+        Pairwise(selector: (prev: any, next: any) => any): Enumerable<any>;
         Pairwise(selector: string): Enumerable<any>;
-        Scan(func: (a, b) => any): Enumerable<any>;
+        Scan(func: (a: any, b: any) => any): Enumerable<any>;
         Scan(func: string): Enumerable<any>;
-        Scan(seed, func: (a, b) => any, resultSelector?: ($) => any): Enumerable<any>;
-        Scan(seed, func: string, resultSelector?: string): Enumerable<any>;
+        Scan(seed: any, func: (a: any, b: any) => any, resultSelector?: ($: T) => any): Enumerable<any>;
+        Scan(seed: any, func: string, resultSelector?: string): Enumerable<any>;
         Select<TResult>(selector: ($: T, i: number) => TResult): Enumerable<TResult>;
         Select(selector: string): Enumerable<any>;
-        SelectMany(collectionSelector: ($, i: number) => any[], resultSelector?: ($, item) => any): Enumerable<any>;
-        SelectMany(collectionSelector: ($, i: number) => Enumerable<any>, resultSelector?: ($, item) => any): Enumerable<any>;
+        SelectMany(collectionSelector: ($: any, i: number) => any[], resultSelector?: ($: any, item: any) => any): Enumerable<any>;
+        SelectMany(collectionSelector: ($: any, i: number) => Enumerable<any>, resultSelector?: ($: any, item: any) => any): Enumerable<any>;
         SelectMany(collectionSelector: string, resultSelector?: string): Enumerable<any>;
         Where(predicate: ($ : T, i: number) => boolean): Enumerable<T>;
         Where(predicate: string): Enumerable<any>;
         OfType(type: Function): Enumerable<any>;
-        Zip(second: any[], selector: (v1, v2, i: number) => any): Enumerable<any>;
+        Zip(second: any[], selector: (v1: any, v2: any, i: number) => any): Enumerable<any>;
         Zip(second: any[], selector: string): Enumerable<any>;
-        Zip(second: Enumerable<any>, selector: (v1, v2, i: number) => any): Enumerable<any>;
+        Zip(second: Enumerable<any>, selector: (v1: any, v2: any, i: number) => any): Enumerable<any>;
         Zip(second: Enumerable<any>, selector: string): Enumerable<any>;
         //Join Methods
-        Join(inner: any[], outerKeySelector: (v1) => any, innerKeySelector: (v1) => any, resultSelector: (v1, v2) => any, compareSelector?: (v) => any): Enumerable<any>;
+        Join(inner: any[], outerKeySelector: (v1: any) => any, innerKeySelector: (v1: any) => any, resultSelector: (v1: any, v2: any) => any, compareSelector?: (v: any) => any): Enumerable<any>;
         Join(inner: any[], outerKeySelector: string, innerKeySelector: string, resultSelector: string, compareSelector?: string): Enumerable<any>;
-        Join(inner: Enumerable<any>, outerKeySelector: (v1) => any, innerKeySelector: (v1) => any, resultSelector: (v1, v2) => any, compareSelector?: (v) => any): Enumerable<any>;
+        Join(inner: Enumerable<any>, outerKeySelector: (v1: any) => any, innerKeySelector: (v1: any) => any, resultSelector: (v1: any, v2: any) => any, compareSelector?: (v: any) => any): Enumerable<any>;
         Join(inner: Enumerable<any>, outerKeySelector: string, innerKeySelector: string, resultSelector: string, compareSelector?: string): Enumerable<any>;
-        GroupJoin(inner: any[], outerKeySelector: (v1) => any, innerKeySelector: (v1) => any, resultSelector: (v1, v2: Enumerable<any>) => any, compareSelector?: (v) => any): Enumerable<any>;
+        GroupJoin(inner: any[], outerKeySelector: (v1: any) => any, innerKeySelector: (v1: any) => any, resultSelector: (v1: any, v2: Enumerable<any>) => any, compareSelector?: (v: any) => any): Enumerable<any>;
         GroupJoin(inner: any[], outerKeySelector: string, innerKeySelector: string, resultSelector: string, compareSelector?: string): Enumerable<any>;
-        GroupJoin(inner: Enumerable<any>, outerKeySelector: (v1) => any, innerKeySelector: (v1) => any, resultSelector: (v1, v2: Enumerable<any>) => any, compareSelector?: (v) => any): Enumerable<any>;
+        GroupJoin(inner: Enumerable<any>, outerKeySelector: (v1: any) => any, innerKeySelector: (v1: any) => any, resultSelector: (v1: any, v2: Enumerable<any>) => any, compareSelector?: (v: any) => any): Enumerable<any>;
         GroupJoin(inner: Enumerable<any>, outerKeySelector: string, innerKeySelector: string, resultSelector: string, compareSelector?: string): Enumerable<any>;
         //Set Methods
         All(predicate: ($ : T) => boolean): boolean;
@@ -77,49 +77,49 @@ declare namespace linq {
         Concat(second: Enumerable<any>): Enumerable<any>;
         Insert(index: number, second: any[]): Enumerable<any>;
         Insert(index: number, second: Enumerable<any>): Enumerable<any>;
-        Alternate(value): Enumerable<any>;
-        Contains(value, compareSelector?: ($) => any): boolean;
-        Contains(value, compareSelector?: string): boolean;
-        DefaultIfEmpty(defaultValue): Enumerable<any>;
-        Distinct(compareSelector?: ($) => any): Enumerable<any>;
+        Alternate(value: any): Enumerable<any>;
+        Contains(value: any, compareSelector?: ($: T) => any): boolean;
+        Contains(value: any, compareSelector?: string): boolean;
+        DefaultIfEmpty(defaultValue: any): Enumerable<any>;
+        Distinct(compareSelector?: ($: T) => any): Enumerable<any>;
         Distinct(compareSelector?: string): Enumerable<any>;
-        Except(second: any[], compareSelector?: ($) => any): Enumerable<any>;
+        Except(second: any[], compareSelector?: ($: T) => any): Enumerable<any>;
         Except(second: any[], compareSelector?: string): Enumerable<any>;
-        Except(second: Enumerable<any>, compareSelector?: ($) => any): Enumerable<any>;
+        Except(second: Enumerable<any>, compareSelector?: ($: T) => any): Enumerable<any>;
         Except(second: Enumerable<any>, compareSelector?: string): Enumerable<any>;
-        Intersect(second: any[], compareSelector?: ($) => any): Enumerable<any>;
+        Intersect(second: any[], compareSelector?: ($: T) => any): Enumerable<any>;
         Intersect(second: any[], compareSelector?: string): Enumerable<any>;
-        Intersect(second: Enumerable<any>, compareSelector?: ($) => any): Enumerable<any>;
+        Intersect(second: Enumerable<any>, compareSelector?: ($: T) => any): Enumerable<any>;
         Intersect(second: Enumerable<any>, compareSelector?: string): Enumerable<any>;
-        SequenceEqual(second: any[], compareSelector?: ($) => any): boolean;
+        SequenceEqual(second: any[], compareSelector?: ($: T) => any): boolean;
         SequenceEqual(second: any[], compareSelector?: string): boolean;
-        SequenceEqual(second: Enumerable<any>, compareSelector?: ($) => any): boolean;
+        SequenceEqual(second: Enumerable<any>, compareSelector?: ($: T) => any): boolean;
         SequenceEqual(second: Enumerable<any>, compareSelector?: string): boolean;
-        Union(second: any[], compareSelector?: ($) => any): Enumerable<any>;
+        Union(second: any[], compareSelector?: ($: T) => any): Enumerable<any>;
         Union(second: any[], compareSelector?: string): Enumerable<any>;
-        Union(second: Enumerable<any>, compareSelector?: ($) => any): Enumerable<any>;
+        Union(second: Enumerable<any>, compareSelector?: ($: T) => any): Enumerable<any>;
         Union(second: Enumerable<any>, compareSelector?: string): Enumerable<any>;
         //Ordering Methods
         OrderBy(keySelector?: ($: T) => any): OrderedEnumerable<T>;
         OrderBy(keySelector?: string): OrderedEnumerable<T>;
-        OrderByDescending(keySelector?: ($) => any): OrderedEnumerable<T>;
+        OrderByDescending(keySelector?: ($: T) => any): OrderedEnumerable<T>;
         OrderByDescending(keySelector?: string): OrderedEnumerable<T>;
         Reverse(): Enumerable<T>;
         Shuffle(): Enumerable<T>;
         //Grouping Methods
-        GroupBy(keySelector: ($) => any, elementSelector?: ($) => any, resultSelector?: (key, e) => any, compareSelector?: ($) =>any): Enumerable<any>;
+        GroupBy(keySelector: ($: T) => any, elementSelector?: ($: T) => any, resultSelector?: (key: any, e: any) => any, compareSelector?: ($: T) =>any): Enumerable<any>;
         GroupBy(keySelector: string, elementSelector?: string, resultSelector?: string, compareSelector?: string): Enumerable<any>;
-        PartitionBy(keySelector: ($) => any, elementSelector?: ($) => any, resultSelector?: (key, e) => any, compareSelector?: ($) =>any): Enumerable<any>;
+        PartitionBy(keySelector: ($: T) => any, elementSelector?: ($: T) => any, resultSelector?: (key: any, e: any) => any, compareSelector?: ($: T) =>any): Enumerable<any>;
         PartitionBy(keySelector: string, elementSelector?: string, resultSelector?: string, compareSelector?: string): Enumerable<any>;
         BufferWithCount(count: number): Enumerable<any>;
         // Aggregate Methods
-        Aggregate(func: (a, b) => any);
-        Aggregate(seed, func: (a, b) => any, resultSelector?: ($) => any);
-        Aggregate(func: string);
-        Aggregate(seed, func: string, resultSelector?: string);
-        Average(selector?: ($) => number): number;
+        Aggregate(func: (a: any, b: any) => any): any;
+        Aggregate(seed: any, func: (a: any, b: any) => any, resultSelector?: ($: T) => any): any;
+        Aggregate(func: string): any;
+        Aggregate(seed: any, func: string, resultSelector?: string): any;
+        Average(selector?: ($: T) => number): number;
         Average(selector?: string): number;
-        Count(predicate?: ($) => boolean): number;
+        Count(predicate?: ($: T) => boolean): number;
         Count(predicate?: string): number;
         Max(selector?: ($: T) => any): any;
         Max(selector?: ($: T) => Date): Date;
@@ -141,7 +141,7 @@ declare namespace linq {
         MinBy(selector: ($: T) => string): string;
         MinBy(selector: ($: T) => any): any;
         MinBy(selector: string): any;
-        Sum(selector?: ($) => number): number;
+        Sum(selector?: ($: T) => number): number;
         Sum(selector?: string): number;
         //Paging Methods
         ElementAt(index: number): T;
@@ -166,29 +166,29 @@ declare namespace linq {
         TakeWhile(predicate: string): Enumerable<T>;
         TakeExceptLast(count?: number): Enumerable<T>;
         TakeFromLast(count: number): Enumerable<T>;
-        IndexOf(item): number;
-        LastIndexOf(item): number;
+        IndexOf(item: T): number;
+        LastIndexOf(item: T): number;
         // Convert Methods
         ToArray(): T[];
-        ToLookup(keySelector: ($) => any, elementSelector?: ($) => any, compareSelector?: (key) => any): Lookup<T>;
+        ToLookup(keySelector: ($: T) => any, elementSelector?: ($: T) => any, compareSelector?: (key: any) => any): Lookup<T>;
         ToLookup(keySelector: string, elementSelector?: string, compareSelector?: string): Lookup<T>;
-        ToObject(keySelector: ($) => string, elementSelector: ($) => any): any;
+        ToObject(keySelector: ($: T) => string, elementSelector: ($: T) => any): any;
         ToObject(keySelector: string, elementSelector: string): any;
-        ToDictionary(keySelector: ($) => any, elementSelector: ($) => any, compareSelector?: (key) => any): Dictionary<T>;
+        ToDictionary(keySelector: ($: T) => any, elementSelector: ($: T) => any, compareSelector?: (key: T) => any): Dictionary<T>;
         ToDictionary(keySelector: string, elementSelector: string, compareSelector?: string): Dictionary<T>;
-        ToJSON(replacer?: (key, value) => any, space?: number): string;
+        ToJSON(replacer?: (key: any, value: any) => any, space?: number): string;
         ToJSON(replacer?: string, space?: number): string;
-        ToString(separator?: string, selector?: ($) =>any): string;
+        ToString(separator?: string, selector?: ($: T) =>any): string;
         ToString(separator?: string, selector?: string): string;
         //Action Methods
-        Do(action: ($, i: number) => void ): Enumerable<any>;
+        Do(action: ($: T, i: number) => void ): Enumerable<any>;
         Do(action: string): Enumerable<any>;
         ForEach(action: ($: T, i: number) => void ): void;
         ForEach(func: ($: T, i: number) => boolean): void;
         ForEach(action_func: string): void;
-        Write(separator?: string, selector?: ($) =>any): void;
+        Write(separator?: string, selector?: ($: T) =>any): void;
         Write(separator?: string, selector?: string): void;
-        WriteLine(selector?: ($) =>any): void;
+        WriteLine(selector?: ($: T) =>any): void;
         Force(): void;
         //Functional Methods
         Let(func: (e: Enumerable<any>) => Enumerable<any>): Enumerable<any>;
@@ -200,7 +200,7 @@ declare namespace linq {
         Finally(finallyAction: () => void ): Enumerable<any>;
         Finally(finallyAction: string): Enumerable<any>;
         //For Debug Methods
-        Trace(message?: string, selector?: ($) =>any): Enumerable<any>;
+        Trace(message?: string, selector?: ($: T) =>any): Enumerable<any>;
         Trace(message?: string, selector?: string): Enumerable<any>;
     }
 
@@ -212,23 +212,23 @@ declare namespace linq {
     }
 
     interface Grouping<T> extends Enumerable<T> {
-        Key();
+        Key(): any;
     }
 
     interface Lookup<TValue> {
         Count(): number;
-        Get(key): Enumerable<TValue>;
-        Contains(key): boolean;
+        Get(key: any): Enumerable<TValue>;
+        Contains(key: any): boolean;
         ToEnumerable(): Enumerable<TValue>;
     }
 
     interface Dictionary<TValue> {
-        Add(key, value): void;
-        Get(key): any;
-        Set(key, value): boolean;
-        Contains(key): boolean;
+        Add(key: any, value: TValue): void;
+        Get(key: any): any;
+        Set(key: any, value: TValue): boolean;
+        Contains(key: any): boolean;
         Clear(): void;
-        Remove(key): void;
+        Remove(key: any): void;
         Count(): number;
         ToEnumerable(): Enumerable<TValue>;
     }
diff --git a/linq/linq.jquery.3.0.4-Beta5.d.ts b/linq/linq.jquery.3.0.4-Beta5.d.ts
new file mode 100644
index 0000000000..4f80a55769
--- /dev/null
+++ b/linq/linq.jquery.3.0.4-Beta5.d.ts
@@ -0,0 +1,18 @@
+// Type definitions for linq.jquery (from linq.js)
+// Project: https://linqjs.codeplex.com/
+// Definitions by: neuecc <https://www.codeplex.com/site/users/view/neuecc>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference path="../jquery/jquery.d.ts"/>
+/// <reference path="linq.d.ts"/>
+
+declare module linqjs {
+    interface IEnumerable<T> {
+        tojQuery(): JQuery;
+        tojQueryAsArray(): JQuery;
+    }
+}
+
+interface JQuery {
+    toEnumerable(): linqjs.IEnumerable<JQuery>;
+}

From 31c3c5db1001492d3c48023703b4d13669fc5ca1 Mon Sep 17 00:00:00 2001
From: Jeremy Foster <jeremy.foster@live.com>
Date: Thu, 2 Jun 2016 07:22:28 -0700
Subject: [PATCH 26/60] Add new type definition for serialport (#9470)

* add dt for serialport

* eliminate implicit any

* change format of the import in the -tests file
---
 serialport/serialport-tests.ts | 15 +++++++++++++
 serialport/serialport.d.ts     | 39 ++++++++++++++++++++++++++++++++++
 2 files changed, 54 insertions(+)
 create mode 100644 serialport/serialport-tests.ts
 create mode 100644 serialport/serialport.d.ts

diff --git a/serialport/serialport-tests.ts b/serialport/serialport-tests.ts
new file mode 100644
index 0000000000..e8b0466118
--- /dev/null
+++ b/serialport/serialport-tests.ts
@@ -0,0 +1,15 @@
+// Tests for serialport.d.ts
+// Project: https://github.com/EmergingTechnologyAdvisors/node-serialport 
+// Definitions by: Jeremy Foster <https://github.com/codefoster>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// Tests taken from documentation samples.
+
+/// <reference path="serialport.d.ts" />
+
+import * as serialport from 'serialport';
+
+this.port = new serialport.SerialPort("", {
+    baudrate: 0,
+    disconnectedCallback: function () { },
+    parser: serialport.parsers.readline("\n")
+});
diff --git a/serialport/serialport.d.ts b/serialport/serialport.d.ts
new file mode 100644
index 0000000000..a21fde68cb
--- /dev/null
+++ b/serialport/serialport.d.ts
@@ -0,0 +1,39 @@
+// Type definitions for serialport
+// Project: https://github.com/EmergingTechnologyAdvisors/node-serialport 
+// Definitions by: Jeremy Foster <https://github.com/codefoster> 
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped 
+
+declare module 'serialport' {
+    module parsers {
+        function readline(delimiter: string):void;
+    }
+
+    export class SerialPort {
+        constructor(path: string, options?: Object, openImmediately?: boolean, callback?: () => {})
+        isOpen: boolean;
+        on(event: string, callback?: (data?:any) => void):void;
+        open(callback?: () => void):void;
+        write(buffer: any, callback?: () => void):void
+        pause():void;
+        resume():void;
+        disconnected(err: Error):void;
+        close(callback?: () => void):void;
+        flush(callback?: () => void):void;
+        set(options: setOptions, callback: () => void):void;
+        drain(callback?: () => void):void;
+        update(options: updateOptions, callback?: () => void):void;
+        list(callback?: () => void):void;
+    }
+
+    interface setOptions {
+        brk?: boolean;
+        cts?: boolean;
+        dsr?: boolean;
+        dtr?: boolean;
+        rts?: boolean;
+    }
+    
+    interface updateOptions {
+        baudRate?: number
+    }
+}
\ No newline at end of file

From d9b6b8e455e1ee3371a04a24d6490e1771e45b6b Mon Sep 17 00:00:00 2001
From: Nathan Brown <nathan@nkbrown.us>
Date: Thu, 2 Jun 2016 07:24:34 -0700
Subject: [PATCH 27/60] react-tap-event-plugin: include shouldRejectClick
 option. (#9444)

---
 .../react-tap-event-plugin-tests.ts             | 17 +++++++++++++++--
 .../react-tap-event-plugin.d.ts                 |  9 +++++++--
 2 files changed, 22 insertions(+), 4 deletions(-)

diff --git a/react-tap-event-plugin/react-tap-event-plugin-tests.ts b/react-tap-event-plugin/react-tap-event-plugin-tests.ts
index 7c3bc299ab..c4b5907450 100644
--- a/react-tap-event-plugin/react-tap-event-plugin-tests.ts
+++ b/react-tap-event-plugin/react-tap-event-plugin-tests.ts
@@ -1,5 +1,18 @@
 /// <reference path="react-tap-event-plugin.d.ts"/>
 
-import * as injectTapEventPlugin from 'react-tap-event-plugin';
+import * as injectTapEventPluginAll from 'react-tap-event-plugin';
 
-injectTapEventPlugin();
+// since the export is a function, this is the only actual correct way:
+import injectTapEventPluginRequire = require("react-tap-event-plugin");
+
+injectTapEventPluginAll();
+
+injectTapEventPluginAll({
+  shouldRejectClick: function (lastTouchEventTimestamp, clickEventTimestamp) {
+    return true;
+  }
+});
+
+injectTapEventPluginRequire();
+
+injectTapEventPluginRequire({});
diff --git a/react-tap-event-plugin/react-tap-event-plugin.d.ts b/react-tap-event-plugin/react-tap-event-plugin.d.ts
index 073164f5bf..03a9fa0334 100644
--- a/react-tap-event-plugin/react-tap-event-plugin.d.ts
+++ b/react-tap-event-plugin/react-tap-event-plugin.d.ts
@@ -4,6 +4,11 @@
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 declare module 'react-tap-event-plugin'{
-    var exports:()=>any;
-    export = exports;
+    interface StrategyOverrides {
+        shouldRejectClick?: (lastTouchEventTimestamp: Date, clickEventTimestamp: Date) => boolean;
+    }
+
+    var injectTapEventPlugin: (strategyOverrides?: StrategyOverrides) => void;
+
+    export = injectTapEventPlugin;
 }

From 472bdb3015cde6441b35141e2ea6111f1fe72cf1 Mon Sep 17 00:00:00 2001
From: Ryan <rjmcnama@mtu.edu>
Date: Thu, 2 Jun 2016 07:28:18 -0700
Subject: [PATCH 28/60] Change type from jquery to (correctly) d3 selection
 (#9471)

---
 dagre-d3/dagre-d3-tests.ts | 2 +-
 dagre-d3/dagre-d3.d.ts     | 3 +--
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/dagre-d3/dagre-d3-tests.ts b/dagre-d3/dagre-d3-tests.ts
index ef5fddffac..836ae6f291 100644
--- a/dagre-d3/dagre-d3-tests.ts
+++ b/dagre-d3/dagre-d3-tests.ts
@@ -14,6 +14,6 @@ namespace DagreD3Tests {
 
     const render = new dagreD3.render();
     const svg = d3.select("svg");
-    render.arrows()["arrowType"] = (parent: JQuery, id: string, edge: Dagre.Edge, type: string) => {};
+    render.arrows()["arrowType"] = (parent: d3.Selection<any>, id: string, edge: Dagre.Edge, type: string) => {};
     render(svg, graph);
 }
diff --git a/dagre-d3/dagre-d3.d.ts b/dagre-d3/dagre-d3.d.ts
index 68e24c2fa5..cbf3bf458a 100644
--- a/dagre-d3/dagre-d3.d.ts
+++ b/dagre-d3/dagre-d3.d.ts
@@ -5,7 +5,6 @@
 
 /// <reference path="../d3/d3.d.ts"/>
 /// <reference path="../dagre/dagre.d.ts"/>
-/// <reference path="../jquery/jquery.d.ts" />
 
 declare namespace Dagre {
 
@@ -25,7 +24,7 @@ declare namespace Dagre {
 
     interface Render {
         // see http://cpettitt.github.io/project/dagre-d3/latest/demo/user-defined.html for example usage
-        arrows (): { [arrowStyleName: string]: (parent: JQuery, id: string, edge: Dagre.Edge, type: string) => void };
+        arrows (): { [arrowStyleName: string]: (parent: d3.Selection<any>, id: string, edge: Dagre.Edge, type: string) => void };
         new (): Render;
         (selection: d3.Selection<any>, g: Dagre.Graph): void;
     }

From 1bd46872a2cd1c1ed7a0af24de2b657bd074ac7a Mon Sep 17 00:00:00 2001
From: aroberts-illumina <aroberts-illumina@users.noreply.github.com>
Date: Thu, 2 Jun 2016 07:29:10 -0700
Subject: [PATCH 29/60] Add type definitions for fullpage.js (by @alvarotrigo)
 (#9473)

---
 fullpage.js/fullpage.js-tests.ts |  64 ++++++++
 fullpage.js/fullpage.js.d.ts     | 267 +++++++++++++++++++++++++++++++
 2 files changed, 331 insertions(+)
 create mode 100644 fullpage.js/fullpage.js-tests.ts
 create mode 100644 fullpage.js/fullpage.js.d.ts

diff --git a/fullpage.js/fullpage.js-tests.ts b/fullpage.js/fullpage.js-tests.ts
new file mode 100644
index 0000000000..31e66fdd60
--- /dev/null
+++ b/fullpage.js/fullpage.js-tests.ts
@@ -0,0 +1,64 @@
+/// <reference path="fullpage.js.d.ts" />
+
+function test_public_methods() {
+    $(() => {
+        $('#fullpage').fullpage({
+            // Navigation
+            menu: '#menu',
+            lockAnchors: false,
+            anchors:['firstPage', 'secondPage'],
+            navigation: false,
+            navigationPosition: 'right',
+            navigationTooltips: ['firstSlide', 'secondSlide'],
+            showActiveTooltip: false,
+            slidesNavigation: true,
+            slidesNavPosition: 'bottom',
+
+            // Scrolling
+            css3: true,
+            scrollingSpeed: 700,
+            autoScrolling: true,
+            fitToSection: true,
+            fitToSectionDelay: 1000,
+            scrollBar: false,
+            easing: 'easeInOutCubic',
+            easingcss3: 'ease',
+            loopBottom: false,
+            loopTop: false,
+            loopHorizontal: true,
+            continuousVertical: false,
+            normalScrollElements: '#element1, .element2',
+            scrollOverflow: false,
+            scrollOverflowOptions: null,
+            touchSensitivity: 15,
+            normalScrollElementTouchThreshold: 5,
+
+            // Accessibility
+            keyboardScrolling: true,
+            animateAnchor: true,
+            recordHistory: true,
+
+            // Design
+            controlArrows: true,
+            verticalCentered: true,
+            sectionsColor : ['#ccc', '#fff'],
+            paddingTop: '3em',
+            paddingBottom: '10px',
+            fixedElements: '#header, .footer',
+            responsiveWidth: 0,
+            responsiveHeight: 0,
+
+            // Custom selectors
+            sectionSelector: '.section',
+            slideSelector: '.slide',
+
+            // Events
+            onLeave: (index, nextIndex, direction) => {},
+            afterLoad: (anchorLink, index) => {},
+            afterRender: () => {},
+            afterResize: () => {},
+            afterSlideLoad: (anchorLink, index, slideAnchor, slideIndex) => {},
+            onSlideLeave: (anchorLink, index, slideIndex, direction, nextSlideIndex) => {}
+        });
+    });
+}
diff --git a/fullpage.js/fullpage.js.d.ts b/fullpage.js/fullpage.js.d.ts
new file mode 100644
index 0000000000..b2bedc62d9
--- /dev/null
+++ b/fullpage.js/fullpage.js.d.ts
@@ -0,0 +1,267 @@
+// Type definitions for fullpage.js v2.8.0
+// Project: http://alvarotrigo.com/fullPage/
+// Definitions by: Andrew Roberts <http://www.atroberts.org>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference path="../jquery/jquery.d.ts" />
+
+interface FullPageJsOptions {
+    /**
+     * (default false) A selector can be used to specify the menu to link with the sections. This way the scrolling of the sections will activate the corresponding element in the menu using the class active. This won't generate a menu but will just add the active class to the element in the given menu with the corresponding anchor links. In order to link the elements of the menu with the sections, an HTML 5 data-tag (data-menuanchor) will be needed to use with the same anchor links as used within the sections.
+     */
+    menu?: string;
+    
+    /**
+     * (default false). Determines whether anchors in the URL will have any effect at all in the plugin. You can still using anchors internally for your own functions and callbacks, but they won't have any effect in the scrolling of the site. Useful if you want to combine fullPage.js with other plugins using anchor in the URL.
+     */
+    lockAnchors?: boolean;
+    
+    /**
+     * (default []) Defines the anchor links (#example) to be shown on the URL for each section. Anchors value should be unique. The position of the anchors in the array will define to which sections the anchor is applied. (second position for second section and so on). Using anchors forward and backward navigation will also be possible through the browser. This option also allows users to bookmark a specific section or slide. Be careful! anchors can not have the same value as any ID element on the site (or NAME element for IE). Now anchors can be defined directly in the HTML structure by using the attribute data-anchor as explained here.
+     */
+    anchors?: string[];
+    
+    /**
+     * (default false) If set to true, it will show a navigation bar made up of small circles.
+     */
+    navigation?: boolean;
+    
+    /**
+     * (default none) It can be set to left or right and defines which position the navigation bar will be shown (if using one).
+     */
+    navigationPosition?: string;
+    
+    /**
+     * (default []) Defines the tooltips to show for the navigation circles in case they are being used. Example: navigationTooltips: ['firstSlide', 'secondSlide'].
+     */
+    navigationTooltips?: string[];
+    
+    /**
+     * (default false) Shows a persistent tooltip for the actively viewed section in the vertical navigation.
+     */
+    showActiveTooltip?: boolean;
+    
+    /**
+     * (default false) If set to true it will show a navigation bar made up of small circles for each landscape slider on the site.
+     */
+    slidesNavigation?: boolean;
+    
+    /**
+     * (default bottom) Defines the position for the landscape navigation bar for sliders. Admits top and bottom as values. You may want to modify the CSS styles to determine the distance from the top or bottom as well as any other style such as color.
+     */
+    slidesNavPosition?: string;
+
+    // Scrolling 
+    
+    /**
+     * (default true). Defines whether to use JavaScript or CSS3 transforms to scroll within sections and slides. Useful to speed up the movement in tablet and mobile devices with browsers supporting CSS3. If this option is set to true and the browser doesn't support CSS3, a jQuery fallback will be used instead.
+     */
+    css3?: boolean;
+    
+    /**
+     * (default 700) Speed in milliseconds for the scrolling transitions.
+     */
+    scrollingSpeed?: number;
+    
+    /**
+     * (default true) Defines whether to use the "automatic" scrolling or the "normal" one. It also has affects the way the sections fit in the browser/device window in tablets and mobile phones.
+     */
+    autoScrolling?: boolean;
+    
+    /**
+     * (default true). Determines whether or not to fit sections to the viewport or not. When set to true the current active section will always fill the whole viewport. Otherwise the user will be free to stop in the middle of a section (when )
+     */
+    fitToSection?: boolean;
+    
+    /**
+     * (default 1000). If fitToSection is set to true, this delays the fitting by the configured milliseconds.
+     */
+    fitToSectionDelay?: number;
+    
+    /**
+     *  (default false). Determines whether to use scrollbar for the site or not. In case of using scroll bar, the autoScrolling functionality will still working as expected. The user will also be free to scroll the site with the scroll bar and fullPage.js will fit the section in the screen when scrolling finishes.
+     */
+    scrollBar?: boolean;
+    
+    /**
+     * (default easeInOutCubic) Defines the transition effect to use for the vertical and horizontal scrolling. It requires the file vendors/jquery.easings.min.js or jQuery UI for using some of its transitions. Other libraries could be used instead.
+     */
+    easing?: string;
+    
+    /**
+     * (default ease) Defines the transition effect to use in case of using css3:true. You can use the pre-defined ones (such as linear, ease-out...) or create your own ones using the cubic-bezier function. You might want to use Matthew Lein CSS Easing Animation Tool for it.
+     */
+    easingcss3?: string;
+    
+    /**
+     * (default false) Defines whether scrolling down in the last section should scroll to the first one or not.
+     */
+    loopBottom?: boolean;
+    
+    /**
+     *  (default false) Defines whether scrolling up in the first section should scroll to the last one or not.
+     */
+    loopTop?: boolean;
+    
+    /**
+     * (default true) Defines whether horizontal sliders will loop after reaching the last or previous slide or not.
+     */
+    loopHorizontal?: boolean;
+    
+    /**
+     * (default false) Defines whether scrolling down in the last section should scroll down to the first one or not, and if scrolling up in the first section should scroll up to the last one or not. Not compatible with loopTop or loopBottom.
+     */
+    continuousVertical?: boolean;
+    
+    /**
+     *  (default null) If you want to avoid the auto scroll when scrolling over some elements, this is the option you need to use. (useful for maps, scrolling divs etc.) It requires a string with the jQuery selectors for those elements. (For example: normalScrollElements: '#element1, .element2')
+     */
+    normalScrollElements?: string;
+    
+    /**
+     * (default false) defines whether or not to create a scroll for the section/slide in case its content is bigger than the height of it. When set to true, your content will be wrapped by the plugin. Consider using delegation or load your other scripts in the afterRender callback. In case of setting it to true, it requires the vendor library scrolloverflow.min.js and it should be loaded before the fullPage.js plugin.
+     */
+    scrollOverflow?: boolean;
+    
+    /**
+     * when using scrollOverflow:true fullpage.js will make use of a forked and modified version of iScroll.js libary. You can customize the scrolling behaviour by providing fullpage.js with the iScroll.js options you want to use. Check its documentation for more info.
+     */
+    scrollOverflowOptions?: any;
+    
+    /**
+     * (default 5) Defines a percentage of the browsers window width/height, and how far a swipe must measure for navigating to the next section / slide
+     */
+    touchSensitivity?: number;
+    
+    /**
+     * (default 5) Defines the threshold for the number of hops up the html node tree Fullpage will test to see if normalScrollElements is a match to allow scrolling functionality on divs on a touch device. (For example: normalScrollElementTouchThreshold: 3)
+     */
+    normalScrollElementTouchThreshold?: number;
+
+    // Accessibility
+    
+    /**
+     * (default true) Defines if the content can be navigated using the keyboard
+     */
+    keyboardScrolling?: boolean;
+    
+    /**
+     * (default true) Defines whether the load of the site when given an anchor (#) will scroll with animation to its destination or will directly load on the given section.
+     */
+    animateAnchor?: boolean;
+    
+    /**
+     * (default true) Defines whether to push the state of the site to the browser's history. When set to true each section/slide of the site will act as a new page and the back and forward buttons of the browser will scroll the sections/slides to reach the previous or next state of the site. When set to false, the URL will keep changing but will have no effect ont he browser's history. This option is automatically turned off when using autoScrolling:false.
+     */
+    recordHistory?: boolean;
+
+    // Design 
+    /**
+     * (default: true) Determines whether to use control arrows for the slides to move right or left.
+     */
+    controlArrows?: boolean;
+    
+    /**
+     * (default true) Vertically centering of the content within sections. When set to true, your content will be wrapped by the plugin. Consider using delegation or load your other scripts in the afterRender callback.
+     */
+    verticalCentered?: boolean;
+    
+   
+    resize ?: boolean;
+    
+    /**
+     * (default none) Define the CSS background-color property for each section
+     */
+    sectionsColor ?: string[];
+    
+    /**
+     * (default 0) Defines the top padding for each section with a numerical value and its measure (paddingTop: '10px', paddingTop: '10em'...) Useful in case of using a fixed header.
+     */
+    paddingTop?: string;
+    
+    /**
+     * (default 0) Defines the bottom padding for each section with a numerical value and its measure (paddingBottom: '10px', paddingBottom: '10em'...). Useful in case of using a fixed footer.
+     */
+    paddingBottom?: string;
+    
+    /**
+     * (default null) Defines which elements will be taken off the scrolling structure of the plugin which is necessary when using the css3 option to keep them fixed. It requires a string with the jQuery selectors for those elements. (For example: fixedElements: '#element1, .element2')
+     */
+    fixedElements?: string;
+    
+    /**
+     *  (default 0) A normal scroll (autoScrolling:false) will be used under the defined width in pixels. A class fp-responsive is added to the body tag in case the user wants to use it for his own responsive CSS. For example, if set to 900, whenever the browser's width is less than 900 the plugin will scroll like a normal site.
+     */
+    responsiveWidth?: number;
+    
+    /**
+     * (default 0) A normal scroll (autoScrolling:false) will be used under the defined height in pixels. A class fp-responsive is added to the body tag in case the user wants to use it for his own responsive CSS. For example, if set to 900, whenever the browser's height is less than 900 the plugin will scroll like a normal site.
+     */
+    responsiveHeight?: number;
+
+    // Custom selectors
+    
+    /**
+     * (default .section) Defines the jQuery selector used for the plugin sections. It might need to be changed sometimes to avoid problem with other plugins using the same selectors as fullpage.js.
+     */
+    sectionSelector?: string;
+    
+    /**
+     * (default .slide) Defines the jQuery selector used for the plugin slides. It might need to be changed sometimes to avoid problem with other plugins using the same selectors as fullpage.js.
+     */
+    slideSelector?: string;
+
+    // Events 
+    /**
+     * This callback is fired once the user leaves a section, in the transition to the new section. Returning false will cancel the move before it takes place.
+     * @param index index of the leaving section. Starting from 1.
+     * @param nextIndex index of the destination section. Starting from 1.
+     * @param direction it will take the values up or down depending on the scrolling direction.
+     */
+    onLeave?: (index: number, nextIndex: number, direction: string) => void;
+    
+    /**
+     * Callback fired once the sections have been loaded, after the scrolling has ended.
+     * @param anchorLink anchorLink corresponding to the section.
+     * @param index index of the section. Starting from 1.
+     */
+    afterLoad?: (anchorLink: string, index: number) => void;
+    
+    /**
+     * This callback is fired just after the structure of the page is generated. This is the callback you want to use to initialize other plugins or fire any code which requires the document to be ready (as this plugin modifies the DOM to create the resulting structure).
+     */
+    afterRender?: () => void;
+    
+    /**
+     * This callback is fired after resizing the browser's window. Just after the sections are resized.
+     */
+    afterResize?: () => void;
+    
+    /**
+     * Callback fired once the slide of a section have been loaded, after the scrolling has ended.
+     * 
+     * In case of not having anchorLinks defined for the slide or slides the slideIndex parameter would be the only one to use.
+     * 
+     * Parameters:
+     *
+     * @param anchorLink anchorLink corresponding to the section.
+     * @param index index of the section. Starting from 1.
+     * @param slideAnchor anchor corresponding to the slide (in case there is)
+     * @param slideIndex index of the slide. Starting from 1. (the default slide doesn't count as slide, but as a section)
+     */
+    afterSlideLoad?: (anchorLink: string, index: number, slideAnchor: string, slideIndex: number) => void;
+    
+    /**
+     * This callback is fired once the user leaves an slide to go to another, in the transition to the new slide. Returning false will cancel the move before it takes place.
+     * @param anchorLink: anchorLink corresponding to the section.
+     * @param index index of the section. Starting from 1.
+     * @param slideIndex index of the slide. Starting from 0.
+     * @param direction takes the values right or left depending on the scrolling direction.
+     * @param nextSlideIndex index of the destination slide. Starting from 0.
+     */
+    onSlideLeave?: (anchorLink: string, index: number, slideIndex: number, direction: string, nextSlideIndex: number) => void;
+}
+
+interface JQuery {
+    fullpage(options?: FullPageJsOptions): JQuery;
+}

From 8daa4ef04a6620f650c3617a28f1a2ef444f29f6 Mon Sep 17 00:00:00 2001
From: Federico Caselli <CaselIT@users.noreply.github.com>
Date: Thu, 2 Jun 2016 16:29:41 +0200
Subject: [PATCH 30/60] Added missing deprecated method Collection remove
 (#9476)

---
 mongodb/mongodb.d.ts | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/mongodb/mongodb.d.ts b/mongodb/mongodb.d.ts
index f1a385a238..8254701033 100644
--- a/mongodb/mongodb.d.ts
+++ b/mongodb/mongodb.d.ts
@@ -697,6 +697,13 @@ declare module "mongodb" {
     //http://mongodb.github.io/node-mongodb-native/2.1/api/Collection.html#reIndex
     reIndex(): Promise<any>;
     reIndex(callback: MongoCallback<any>): void;
+    //http://mongodb.github.io/node-mongodb-native/2.1/api/Collection.html#remove
+    /** @deprecated Use use deleteOne, deleteMany or bulkWrite */
+    remove(selector: Object, callback: MongoCallback<WriteOpResult>): void;
+    /** @deprecated Use use deleteOne, deleteMany or bulkWrite */
+    remove(selector: Object, options?: CollectionOptions & { single?: boolean }): Promise<WriteOpResult>;
+    /** @deprecated Use use deleteOne, deleteMany or bulkWrite */
+    remove(selector: Object, options?: CollectionOptions & { single?: boolean }, callback?: MongoCallback<WriteOpResult>): void;
     //http://mongodb.github.io/node-mongodb-native/2.1/api/Collection.html#rename
     rename(newName: string, callback: MongoCallback<Collection>): void;
     rename(newName: string, options?: { dropTarget?: boolean }): Promise<Collection>;
@@ -708,7 +715,9 @@ declare module "mongodb" {
     //http://mongodb.github.io/node-mongodb-native/2.1/api/Collection.html#save
     /** @deprecated Use insertOne, insertMany, updateOne or updateMany */
     save(doc: Object, callback: MongoCallback<WriteOpResult>): void;
+    /** @deprecated Use insertOne, insertMany, updateOne or updateMany */
     save(doc: Object, options?: CollectionOptions): Promise<WriteOpResult>;
+    /** @deprecated Use insertOne, insertMany, updateOne or updateMany */
     save(doc: Object, options: CollectionOptions, callback: MongoCallback<WriteOpResult>): void;
     //http://mongodb.github.io/node-mongodb-native/2.1/api/Collection.html#stats
     stats(callback: MongoCallback<CollStats>): void;

From 6d61dabe672b500b198f2ce9a3fd3e03b389db8e Mon Sep 17 00:00:00 2001
From: postpersonality <postpersonality@gmail.com>
Date: Thu, 2 Jun 2016 17:39:01 +0300
Subject: [PATCH 31/60] fix Sequelize.FindOptions to be able use functions as
 attributes and make grouping. (#9485)

---
 sequelize/sequelize-tests.ts |  4 ++++
 sequelize/sequelize.d.ts     | 10 ++++++++--
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/sequelize/sequelize-tests.ts b/sequelize/sequelize-tests.ts
index 0f274e20a9..4fedb55c5f 100644
--- a/sequelize/sequelize-tests.ts
+++ b/sequelize/sequelize-tests.ts
@@ -888,6 +888,10 @@ User.findAll( { include : [User], order : [['id', 'ASC NULLS LAST'], [User, 'id'
 User.findAll( { include : [{ model : User, where : { title : 'DoDat' }, include : [{ model : User }] }] } );
 User.findAll( { attributes: ['username', 'data']});
 User.findAll( { attributes: {include: ['username', 'data']} });
+User.findAll( { attributes: [['username', 'UNM'], ['email', 'EML']] });
+User.findAll( { attributes: [s.fn('count', Sequelize.col('*'))] });
+User.findAll( { attributes: [[s.fn('count', Sequelize.col('*')), 'count']] });
+User.findAll( { attributes: [[s.fn('count', Sequelize.col('*')), 'count']], group: ['sex'] });
 
 User.findById( 'a string' );
 
diff --git a/sequelize/sequelize.d.ts b/sequelize/sequelize.d.ts
index 8d058efdb2..df87d5a20f 100644
--- a/sequelize/sequelize.d.ts
+++ b/sequelize/sequelize.d.ts
@@ -3133,7 +3133,7 @@ declare module "sequelize" {
              * `Sequelize.literal`, `Sequelize.fn` and so on), and the second is the name you want the attribute to
              * have in the returned instance
              */
-            attributes? :  Array<string> | { include?: Array<string>, exclude?: Array<string> };
+            attributes?: Array<string | fn | [string, string] | [fn, string]> | { include?: Array<string>, exclude?: Array<string> };
 
             /**
              * If true, only non-deleted records will be returned. If false, both deleted and non-deleted records will
@@ -3194,6 +3194,12 @@ declare module "sequelize" {
              */
             having? : WhereOptions;
 
+            /**
+             * Group by. It is not mentioned in sequelize's JSDoc, but mentioned in docs.
+             * https://github.com/sequelize/sequelize/blob/master/docs/docs/models-usage.md#user-content-manipulating-the-dataset-with-limit-offset-order-and-group
+             */
+            group?: string | string[] | Object;
+
         }
 
         /**
@@ -6186,4 +6192,4 @@ declare module "sequelize" {
 
     export = sequelize;
 
-}
+}
\ No newline at end of file

From c0e210520e37a3084470c1e6760c5c069b5e7891 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?David=20Asensio=20Ca=C3=B1as?= <david.asensio@icloud.com>
Date: Thu, 2 Jun 2016 16:39:50 +0200
Subject: [PATCH 32/60] Update svgjs.draggable.d.ts (#9488)

According to this: https://github.com/wout/svg.draggable.js/issues/59#issuecomment-221865495

`draggable` must return `this` instead of element.
---
 svgjs.draggable/svgjs.draggable.d.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/svgjs.draggable/svgjs.draggable.d.ts b/svgjs.draggable/svgjs.draggable.d.ts
index e6a9de8b3b..4d05add128 100644
--- a/svgjs.draggable/svgjs.draggable.d.ts
+++ b/svgjs.draggable/svgjs.draggable.d.ts
@@ -14,9 +14,9 @@ declare namespace svgjs {
 	}
 
 	export interface Element {
-		draggable(): Element
-		draggable(obj: Object):Element
-		fixed(): Element
+		draggable(): this
+		draggable(obj: Object): this
+		fixed(): this
 		beforedrag: (event: MouseEvent) => any
 		dragstart: (delta: draggable.DragDelta, event: MouseEvent) => any
 		dragmove: (delta: draggable.DragDelta, event: MouseEvent) => any

From 144657d7f11faf5c9ed20656a3a0118b0b54ae4d Mon Sep 17 00:00:00 2001
From: Tamir Duberstein <tamird@gmail.com>
Date: Thu, 2 Jun 2016 10:43:19 -0400
Subject: [PATCH 33/60] long: remove superfluous namespace (#9486)

This prevents `import Long = require("long");` from generating the
javascript require call.
---
 long/long.d.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/long/long.d.ts b/long/long.d.ts
index 514eb5677a..1ef1052651 100644
--- a/long/long.d.ts
+++ b/long/long.d.ts
@@ -348,6 +348,5 @@ declare class Long
 }
 
 declare module 'long' {
-    namespace Long {}
     export = Long;
 }

From 3b34ceb1f4a835b1aa2915093f5a24ad66897928 Mon Sep 17 00:00:00 2001
From: "Borys H.N" <xborysn@gmail.com>
Date: Thu, 2 Jun 2016 09:48:01 -0500
Subject: [PATCH 34/60] attachClickHandler onsuccess should have a GoogleUser
 param (#9479)

---
 gapi.auth2/gapi.auth2.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/gapi.auth2/gapi.auth2.d.ts b/gapi.auth2/gapi.auth2.d.ts
index 9b23a34874..c94ed8c1a9 100644
--- a/gapi.auth2/gapi.auth2.d.ts
+++ b/gapi.auth2/gapi.auth2.d.ts
@@ -64,7 +64,7 @@ declare namespace gapi.auth2 {
       fetch_basic_profile?: boolean;
       prompt?: boolean;
       scope?: string;
-    }, onsuccess: () => any, onfailure: (reason: string) => any): any;
+    }, onsuccess: (googleUser: GoogleUser) => any, onfailure: (reason: string) => any): any;
   }
 
   export interface IsSignedIn{

From 53c667d1a58aa252e758b16f5c3e327fa8e119db Mon Sep 17 00:00:00 2001
From: James Trinklein <james.trinklein@changepoint.com>
Date: Thu, 2 Jun 2016 07:52:47 -0700
Subject: [PATCH 35/60] Update restify typings (#9379)

* restify: update Request, fix id type

change id from string property to function returning string
add getId() alias
include JSDoc from source: https://github.com/restify/node-restify/blob/5.x/lib/request.js\#L214

* restify: update Request, add getPath()

include JSDoc from source: https://github.com/restify/node-restify/blob/5.x/lib/request.js\#L234

* restify: update Request, fix query type

define query as function returning a string
add getQuery() alias
include JSDoc from source:
https://github.com/restify/node-restify/blob/5.x/lib/request.js\#L247

* restify: update Request, fix time type

change time from number property to function returning number
include JSDoc from source: https://github.com/restify/node-restify/blob/5.x/lib/request.js\#L262

* restify: update Request, add getUrl

include JSDoc from source: https://github.com/restify/node-restify/blob/5.x/lib/request.js\#L273

* restify: update Request, add getVersion

getVersion is a function that returns a string
add version() alias
include JSDoc from source: https://github.com/restify/node-restify/blob/5.x/lib/request.js\#L288

* restify: update Request, fix header type

change header return type from any to string
include JSDoc from source: https://github.com/restify/node-restify/blob/5.x/lib/request.js\#L316

* restify: update Request, add trailer

trailer is a function that returns a string
trailer requires a string parameter called name
trailer optionally takes a second string parameter for default value

include JSDoc from source:
https://github.com/restify/node-restify/blob/5.x/lib/request.js\#L338

* restify: update Request, add JSDoc

include JSDoc from source: https://github.com/restify/node-restify/blob/5.x/lib/request.js\#L359

* restify: update Request, add isChunked

isChunked is a function that returns a boolean
include JSDoc from source: https://github.com/restify/node-restify/blob/5.x/lib/request.js\#L394

* restify: update Request, add isKeepAlive

isKeepAlive is a function that returns a boolean
include JSDoc from source: https://github.com/restify/node-restify/blob/5.x/lib/request.js\#L405

* restify: update Request, add JSDoc for isSecure

include JSDoc from source: https://github.com/restify/node-restify/blob/5.x/lib/request.js\#L426

* restify: update Request, add isUpgradeRequest

isUpgradeRequest is a function that returns a boolean
include JSDoc from source: https://github.com/restify/node-restify/blob/5.x/lib/request.js\#L442

* restify: update Request, add isUpload

isUpload is a function that returns a boolean
include JSDoc from source: https://github.com/restify/node-restify/blob/5.x/lib/request.js\#L457

* restify: update Request, add userAgent

userAgent is a function that returns a boolean
include JSDoc from source: https://github.com/restify/node-restify/blob/5.x/lib/request.js\#L494

* restify: update Request, add start/endHandlerTimer

startHandlerTimer is a function that takes a string
endHandlerTimer is a function that takes a string

include JSDoc from source:
https://github.com/restify/node-restify/blob/5.x/lib/request.js\#L505

* restify: update Request, add absoluteUri

absoluteUri is a function that takes a string and returns a string
include JSDoc from source: https://github.com/restify/node-restify/blob/5.x/lib/request.js\#L52

* restify: update Request, fix accepts

accepts can take a parameter of either string or array of strings
include JSDoc from source: https://github.com/restify/node-restify/blob/5.x/lib/request.js\#L68

* restify: update Request, add acceptsEncoding

acceptsEncoding is a function that returns a boolean
acceptsEncoding can take a parameter of either string or array of strings

include JSDoc from source: https://github.com/restify/node-restify/blob/5.x/lib/request.js\#L96

* restify: update Request, fix contentLength

add getContentLength which is a function which returns a number
contentLength is an alias for getContentLength function

include JSDoc from source: https://github.com/restify/node-restify/blob/5.x/lib/request.js\#L116

* restify: update Request, fix contentType

add getContentType which is a function which returns a string
contentType is an alias for getContentType function

include JSDoc from source: https://github.com/restify/node-restify/blob/5.x/lib/request.js\#L152

* restify: update Request, add getHref

getHref is a function which returns a string
href is an alias to getHref

include JSDoc from source: https://github.com/restify/node-restify/blob/5.x/lib/request.js\#L202

* restify: update Request, add timers

timers is an array of handler timer objects
a handler timer object contains a string name and tuple of numbers representing the elapsed time
this is the only way to access times from start/endHandlerTimer()
from source: https://github.com/restify/node-restify/blob/5.x/lib/request.js\#L557

* restify: update RouteSpec, fix path

path can be either a string or RegExp
also shown in RouteOptions.path
---
 restify/restify-tests.ts |  44 +++++--
 restify/restify.d.ts     | 276 ++++++++++++++++++++++++++++++++++++---
 2 files changed, 293 insertions(+), 27 deletions(-)

diff --git a/restify/restify-tests.ts b/restify/restify-tests.ts
index c6905878b4..767530d7aa 100644
--- a/restify/restify-tests.ts
+++ b/restify/restify-tests.ts
@@ -1,6 +1,7 @@
 /// <reference path="restify.d.ts" />
 
 import restify = require("restify");
+import url = require("url");
 
 var server = restify.createServer({
   formatters: {
@@ -40,23 +41,47 @@ server.use((req, res, next)=>{}, (req, res, next)=>{});
 function send(req: restify.Request, res: restify.Response, next: restify.Next) {
     req.header('key', 'val');
     req.header('key') === 'val';
-    
-    req.accepts('test') === true;
-    req.is('test') === true;
+    req.trailer('key', 'val');
+    req.trailer('key') === 'val';
 
+    req.accepts('test') === true;
+    req.accepts(['test']) === true;
+    req.acceptsEncoding('test') === true;
+    req.acceptsEncoding(['test']) === true;
+    req.is('test') === true;
+    req.isChunked() === true;
+    req.isKeepAlive() === true;
+    req.isSecure() === true;
+    req.isUpgradeRequest() === true;
+    req.isUpload() === true;
+    req.userAgent() === 'test';
+    req.startHandlerTimer('test');
+    req.endHandlerTimer('test');
+    req.absoluteUri('test') === 'test';
+
+    req.timers.pop() === { name: 'test', time: [0, 1234] };
     req.getLogger('test');
 
     var log = req.log;
     log.debug({params: req.params}, 'Hello there %s', 'foo');
 
-    req.contentLength === 50;
-    req.contentType === 'test';
+    req.getContentLength() === 50;
+    req.contentLength() === 50;
+    req.getContentType() === 'test';
+    req.contentType() === 'test';
+    req.getHref() === 'test';
     req.href() === 'test';
-    req.id === 'test';
+    req.getId() === 'test';
+    req.id() === 'test';
+    req.getPath() === 'test';
     req.path() === 'test';
-    req.query === 'test';
+    req.getQuery() === 'test';
+    req.query() === 'test';
     req.secure === true;
-    req.time === 50;
+    req.time() === 1463518410080;
+    req.getUrl() === url.parse('http://test.test.test/test');
+    req.getVersion() === 'test';
+    req.version() === 'test';
     req.params;
 
     res.header('test');
@@ -253,6 +278,7 @@ server.on('after', (req: restify.Request, res: restify.Response, route: restify.
     route.spec.method === 'GET';
     route.spec.name === 'routeName';
     route.spec.path === '/some/path';
+    route.spec.path === /\/some\/path\/.*/;
     route.spec.versions === ['v1'];
     restify.auditLogger({ log: ()=>{} })(req, res, route, err);
 });
@@ -316,7 +342,7 @@ client2.get('/str/mcavage', function(err: any, req: any) {
         });
     });
 });
-  
+
 
 client.basicAuth('test', 'password');
 client2.basicAuth('test', 'password');
diff --git a/restify/restify.d.ts b/restify/restify.d.ts
index f68ea0b2cc..4196022536 100644
--- a/restify/restify.d.ts
+++ b/restify/restify.d.ts
@@ -9,6 +9,7 @@
 declare module "restify" {
   import http = require('http');
   import bunyan = require('bunyan');
+  import url = require('url');
 
 
   interface addressInterface {
@@ -16,12 +17,12 @@ declare module "restify" {
     family: string;
     address: string;
   }
-  
+
   interface requestFileInterface {
       path: string;
       type: string;
   }
-  
+
   /**
    * Comes from authorizationParser plugin
    */
@@ -35,21 +36,247 @@ declare module "restify" {
   }
 
   interface Request extends http.ServerRequest {
-    header: (key: string, defaultValue?: string) => any;
-    accepts: (type: string) => boolean;
+    /**
+     * builds an absolute URI for the request.
+     * @private
+     * @function absoluteUri
+     * @param    {String} path a url path
+     * @returns  {String}
+     */
+    absoluteUri: (path: string) => string;
+
+    /**
+     * returns any header off the request. also, 'correct' any
+     * correctly spelled 'referrer' header to the actual spelling used.
+     * @public
+     * @function header
+     * @param    {String} name  the name of the header
+     * @param    {String} value default value if header isn't found on the req
+     * @returns  {String}
+     */
+    header: (name: string, value?: string) => string;
+
+    /**
+     * returns any trailer header off the request. also, 'correct' any
+     * correctly spelled 'referrer' header to the actual spelling used.
+     * @public
+     * @function trailer
+     * @param    {String} name  the name of the header
+     * @param    {String} value default value if header isn't found on the req
+     * @returns  {String}
+     */
+    trailer: (name: string, value?: string) => string;
+
+    /**
+     * checks if the accept header is present and has the value requested.
+     * e.g., req.accepts('html');
+     * @public
+     * @function accepts
+     * @param    {String | Array} types an array of accept type headers
+     * @returns  {Boolean}
+     */
+    accepts: (types: string | string[]) => boolean;
+
+    /**
+     * checks if the request accepts the encoding types.
+     * @public
+     * @function acceptsEncoding
+     * @param    {String | Array} types an array of accept type headers
+     * @returns  {Boolean}
+     */
+    acceptsEncoding: (types: string | string[]) => boolean;
+
+    /**
+     * Check if the incoming request contains the Content-Type header field, and
+     * if it contains the given mime type.
+     * @public
+     * @function is
+     * @param    {String} type  a content-type header value
+     * @returns  {Boolean}
+     */
     is: (type: string) => boolean;
+
+    /**
+     * Check if the incoming request is chunked.
+     * @public
+     * @function isChunked
+     * @returns  {Boolean}
+     */
+    isChunked: () => boolean;
+
+    /**
+     * Check if the incoming request is kept alive.
+     * @public
+     * @function isKeepAlive
+     * @returns  {Boolean}
+     */
+    isKeepAlive: () => boolean;
+
+    /**
+     * Check if the incoming request has been upgraded.
+     * @public
+     * @function isUpgradeRequest
+     * @returns  {Boolean}
+     */
+    isUpgradeRequest: () => boolean;
+
+    /**
+     * Check if the incoming request is an upload verb.
+     * @public
+     * @function isUpload
+     * @returns  {Boolean}
+     */
+    isUpload: () => boolean;
+
+    /**
+     * retrieves the user-agent header.
+     * @public
+     * @function userAgent
+     * @returns  {String}
+     */
+    userAgent: () => string;
+
+    /**
+     * Start the timer for a request handler function. You must explicitly invoke
+     * endHandlerTimer() after invoking this function. Otherwise timing information
+     * will be inaccurate.
+     * @public
+     * @function startHandlerTimer
+     * @param    {String}    handlerName The name of the handler.
+     * @returns  {undefined}
+     */
+    startHandlerTimer: (handlerName: string) => void;
+
+    /**
+     * Stop the timer for a request handler function.
+     * @public
+     * @function endHandlerTimer
+     * @param    {String}    handlerName The name of the handler.
+     * @returns  {undefined}
+     */
+    endHandlerTimer: (handlerName: string) => void;
+
     getLogger: (component: string) => any;
-    contentLength: number;
-    contentType: string;
+
+    /**
+     * gets the content-length header off the request.
+     * @public
+     * @function getContentLength
+     * @returns {Number}
+     */
+    getContentLength: () => number;
+
+    /**
+     * @see getContentLength
+     * @function contentLength
+     */
+    contentLength: () => number;
+
+    /**
+     * gets the content-type header.
+     * @public
+     * @function getContentType
+     * @returns {String}
+     */
+    getContentType: () => string;
+
+    /**
+     * @see getContentType
+     */
+    contentType: () => string;
+
+    /**
+     * retrieves the complete URI requested by the client.
+     * @public
+     * @function getHref
+     * @returns {String}
+     */
+    getHref: () => string;
+
+    /**
+     * @see getHref
+     */
     href: () => string;
+
     log: bunyan.Logger;
-    id: string;
+    /**
+     * retrieves the request uuid. was created when the request was setup.
+     * @public
+     * @function getId
+     * @returns  {String}
+     */
+    getId: () => string;
+
+    /**
+     * @see getId
+     */
+    id: () => string;
+
+    /**
+     * retrieves the cleaned up url path.
+     * e.g., /foo?a=1  =>  /foo
+     * @public
+     * @function getPath
+     * @returns  {String}
+     */
+    getPath: () => string;
+
+    /**
+     * @see getPath
+     */
     path: () => string;
-    query: any;
+
+    /**
+     * returns the raw query string
+     * @public
+     * @function getQuery
+     * @returns  {String}
+     */
+    getQuery: () => string;
+
+    /**
+     * @see getQuery
+     */
+    query: () => string;
     secure: boolean;
-    time: number;
+
+    /**
+      * returns ms since epoch when request was setup.
+      * @public
+      * @function time
+      * @returns  {Number}
+      */
+    time: () => number;
+
+    /**
+     * returns a parsed URL object.
+     * @public
+     * @function getUrl
+     * @returns  {Object}
+     */
+    getUrl: () => url.Url;
+
+    /**
+     * returns the accept-version header.
+     * @public
+     * @function getVersion
+     * @returns  {String}
+     */
+    getVersion: () => string;
+
+    /**
+     * @see getVersion
+     */
+    version: () => string;
     params: any;
     files?: { [name: string]: requestFileInterface };
+
+    /**
+     * Check if the incoming request is encrypted.
+     * @public
+     * @function isSecure
+     * @returns  {Boolean}
+     */
     isSecure: () => boolean;
     /** available when bodyParser plugin is used */
     body?: any;
@@ -57,6 +284,19 @@ declare module "restify" {
     username?: string;
     /** available when authorizationParser plugin is used */
     authorization?: requestAuthorization;
+
+    timers: HandlerTiming[];
+  }
+
+  /**
+   * Timer object used to identify how long a specific handler took to run
+   *
+   * @property {String} name The name of the handler.
+   * @property {Array} time A tuple of [seconds, nanoseconds], how long the handler took.
+   */
+  interface HandlerTiming {
+    name: string;
+    time: [number, number];
   }
 
   interface Response extends http.ServerResponse {
@@ -72,11 +312,11 @@ declare module "restify" {
     headers: Object;
     id: string;
   }
-  
+
   interface RouteSpec {
     method: string;
     name: string;
-    path: string;
+    path: string | RegExp;
     versions: string[];
   }
 
@@ -88,7 +328,7 @@ declare module "restify" {
     types: string[];
     versions: string[];
   }
-  
+
   interface RouteOptions {
       name: string;
       method: string;
@@ -98,11 +338,11 @@ declare module "restify" {
       contentType?: string | string[];
       versions?: string | string[];
   }
-  
+
   interface RoutePathRegex extends RegExp {
     restifyParams: string[];
   }
-  
+
   interface Router {
     name: string;
     mounts: { [routeName: string]: Route };
@@ -119,7 +359,7 @@ declare module "restify" {
     };
     log?: any;
     toString: () => string;
-    
+
     /**
      * Takes an object of route params and query params, and 'renders' a URL
      * @param    {String} routeName the route name
@@ -128,14 +368,14 @@ declare module "restify" {
      * @returns  {String}
      */
     render: (routeName: string, params: Object, query?: Object) => string;
-    
+
     /**
      * adds a route.
      * @param    {Object} options an options object
      * @returns  {String}         returns the route name if creation is successful.
      */
     mount: (options: Object) => string;
-    
+
     /**
      * unmounts a route.
      * @param    {String} name the route name
@@ -184,7 +424,7 @@ declare module "restify" {
     opts(route: any, routeCallBack: RequestHandler[], ...routeCallBacks: RequestHandler[]): Route;
     opts(route: any, routeCallBack: RequestHandler, ...routeCallBacks: RequestHandler[][]): Route;
     opts(route: any, routeCallBack: RequestHandler[], ...routeCallBacks: RequestHandler[][]): Route;
-	
+
     name: string;
     version: string;
     log: Object;

From 95206dec38a35f271d33b4cbad8e1371147bd9b5 Mon Sep 17 00:00:00 2001
From: Michael Scharf <github@scharf.gr>
Date: Thu, 2 Jun 2016 16:55:48 +0200
Subject: [PATCH 36/60] Update to react-bootstrap-table  version v2.3.1 (#9285)

* Update to react-bootstrap-table  version v2.3.0

I used the [`react-bootstrap-table` documentation](http://allenfang.github.io/react-bootstrap-table/docs.html) and converted it
to typescript. I reordered the data in the same way as ist is described in the dou.

* Added attributs from the source code
---
 .../react-bootstrap-table.d.ts                | 634 +++++++++++++++---
 1 file changed, 557 insertions(+), 77 deletions(-)

diff --git a/react-bootstrap-table/react-bootstrap-table.d.ts b/react-bootstrap-table/react-bootstrap-table.d.ts
index a93b716fbb..ef71133841 100644
--- a/react-bootstrap-table/react-bootstrap-table.d.ts
+++ b/react-bootstrap-table/react-bootstrap-table.d.ts
@@ -1,115 +1,595 @@
-// Type definitions for react-bootstrap-table v1.4.6
+// Type definitions for react-bootstrap-table v2.3.0
 // Project: https://github.com/AllenFang/react-bootstrap-table
-// Definitions by: Frank Laub <https://github.com/flaub>
+// Definitions by: Frank Laub <https://github.com/flaub>, Michael Scharf <https://github.com/scharf>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 
 /// <reference path="../react/react.d.ts" />
 /// <reference path="../node/node.d.ts" />
 
+// documentation taken from http://allenfang.github.io/react-bootstrap-table/docs.html
+
 declare module "react-bootstrap-table" {
 	import { ComponentClass, Props, ReactElement } from 'react';
 	import { EventEmitter } from 'events';
 
-	interface SelectRow {
-		mode?: string;
-		bgColor?: string;
-		selected?: any[];
-		onSelect?: Function;
-		onSelectAll?: Function;
+	export interface BootstrapTableProps extends Props<BootstrapTable> {
+		/**
+		Use data to specify the data that you want to display on table.
+		*/
+		data: any[];
+		/**
+		If set, data is remote (use also fetchInfo)
+		*/
+		remote?: boolean,
+		/**
+		Use keyField to tell table which column is unique. This is same as isKey in <TableHeaderColumn>
+		Tips: You need choose one configuration to set key field: keyField or isKey in <TableHeaderColumn>
+		*/
+		keyField?: string;
+		/**
+		Use height to set the height of table, default is 100%.
+		*/
+		height?: string;
+		/**
+		Set the max column width (pixels)
+		*/
+		maxHeight?: string;
+		/**
+		Enable striped by setting striped to true. Same as Bootstrap table class .table-striped, default is false.
+		*/
+		striped?: boolean;
+		/**
+		Enable hover by setting hover to true. Same as Bootstrap table class .table-hover, default is false.
+		*/
+		hover?: boolean;
+		/**
+		Enable condensed by setting condensed to true. Same as Bootstrap table class .table-condensed, default is false.
+		*/
+		condensed?: boolean;
+		/**
+		Become a borderless table by setting bordered to false, default is true.
+		*/
+		bordered?: boolean;
+		/**
+		Enable pagination by setting pagination to true, default is false.
+		*/
+		pagination?: boolean;
+		/**
+		Assign the class name of row(tr). This attribute accept a string or function and function is a better way to do more customization.
+		If a string given, means the value will be presented as the row class.
+		If a function given, will pass rowData and rowIndex as params and should return string for presenting class. for examples:
+		
+		@example
+		
+				function trClassFormat(rowData,rowIndex){
+					return rowIndex%2==0?"tr-odd":"tr-even";  //return a class name.
+				}
+		*/
+		trClassName?: string | ((rowData:any, rowIndex:number)=>string);
+		/**
+		Enable row insertion by setting insertRow to true, default is false.
+		If you enable row insertion, there's a  button on the upper left side of table.
+		*/
+		insertRow?: boolean;
+		/**
+		Enable row deletion by setting deleteRow to true, default is false.
+		If you enable row deletion, there's a  button on the upper left side of table.
+		*/
+		deleteRow?: boolean;
+		/**
+		Enable column filter by setting columnFilter to true, default is false.
+		If enabled, there're input text field per column under the table, user can input your filter condition by each column.
+		*/
+		columnFilter?: boolean;
+		/**
+		Enable search by setting search to true, default is false.
+		If enabled, there is a on the upper left side of the table. The default place holder is Search
+		*/
+		search?: boolean;
+		/**
+		Set searchPlaceholder to change the placeholder in search field, default is Search.
+		*/
+		searchPlaceholder?: string;
+		/**
+		Enable multi search by multiColumnSearch, default is false.
+		If you want to use multi search, you must enable search at first.
+		Tips: Use space to delimited search text. EX: 3 4, which means match all 3 or 4 datas in table.
+		*/
+		multiColumnSearch?: boolean;
+		/**
+		Enable export csv function, default is false.
+		If you enable, there's a  button on the upper left side of table.
+		*/
+		exportCSV?: boolean;
+		/**
+		Set CSV filename (e.g. items.csv). Default is spreadsheet.csv
+		*/
+		csvFileName?: string;
+		/**
+		Enable row selection on table. selectRow accept an object which have the following properties
+		*/
+		selectRow?: SelectRow;
+		/**
+		Enable cell editing on table. cellEdit accept an object which have the following properties
+		*/
+		cellEdit?: CellEdit;
+		/**
+		For some options setting on this component, you can set the options attribute and give an object which contain following properties
+		*/
+		options?:Options;
+		
+		
+		fetchInfo?:FetchInfo;
+
+		tableStyle?: any;
+		containerStyle?: any;
+		headerStyle?: any;
+		bodyStyle?: any;
+
+	}
+	
+	export type SelectRowMode = 'none' | 'radio' | 'checkbox';
+
+	export interface SelectRow {
+		/**
+		For specifing the selection is single(radio) or multiple(checkbox).
+		*/
+		mode: SelectRowMode;
+		/**
+		Click the row will trigger selection on that row if enable clickToSelect, default is false.
+		*/
 		clickToSelect?: boolean;
-		hideSelectColumn?: boolean;
+		/**
+		If true, click the row will trigger selection on that row and also trigger cell editing if you enabled cell edit. Default is false.
+		*/
 		clickToSelectAndEditCell?: boolean;
+		/**
+		You can assign the background color of row which be selected.
+		*/
+		bgColor?: string;
+		/**
+		You can assign the class name of row which be selected.
+		*/
+		className?: string;
+		/**
+		Give an array data to perform which rows you want to be selected when table loading.
+		The content of array should be the rowkey which you want to be selected.
+		*/
+		selected?: string[];
+		/**
+		if true, the radio/checkbox column will be hide.
+		You can enable this attribute if you enable clickToSelect and you don't want to show the selection column.
+		*/
+		hideSelectColumn?: boolean;
+		/**
+		Default is false, if enabled, there will be a button on top of table for toggling selected rows only.
+		*/
 		showOnlySelected?: boolean;
+		/**
+		Accept a custom callback function, if a row be selected or unselected, this function will be called.
+		This callback function taking three arguments row, isSelected and event:
+		
+		    `row`: is the row data which you wanted to select or unselect.
+			
+		    `isSelected`: it's a boolean value means "whether or not that row will be selected?".
+			
+		    `event`: The event target object.
+		
+		If return value of this function is false, the select or deselect action will not be applied.
+		*/
+		onSelect?: (row:any, isSelected:Boolean, event:any)=>boolean;
+		/**
+		Accept a custom callback function, if click select all checkbox, this function will be called.
+		This callback function taking two arguments isSelected and currentSelectedAndDisplayData:
+		
+		    `isSelected`: it's a boolean value means "whether or not that row will be selected?".
+		
+		    `currentSelectedAndDisplayData`: If pagination enabled, this result is the data which in a page. In contrast, this is all data in table.
+		
+		If return value of this function is false, the select all or deselect all action will not be applied.
+		*/
+		onSelectAll?: (isSelected:boolean, currentSelectedAndDisplayData:any)=>boolean;
+
 	}
 
-	interface CellEdit {
-		mode?: string;
+	export type CellEditClickMode = 'none' | 'click' | 'dbclick';
+
+	export interface CellEdit {
+		/**
+		To spectify which condition will trigger cell editing.(click or dbclick)
+		*/
+		mode: CellEditClickMode;
+		/**
+		Enable blurToSave will trigger a saving event on cell when mouse blur on the input field. Default is false.
+		In the default condition, you need to press ENTER to save the cell.
+		*/
 		blurToSave?: boolean;
-		afterSaveCell?: Function;
+		/**
+		Accept a custom callback function, before cell saving, this function will be called.
+		This callback function taking three arguments:row, cellName and cellValue
+		It's necessary to return a bool value which whether apply this cell editing.
+		*/
+		beforeSaveCell?: (row:any, cellName:string, cellValue:any)=>boolean;
+		/**
+		Accept a custom callback function, after cell saving, this function will be called.
+		This callback function taking three arguments:row, cellName and cellValue
+		*/
+		afterSaveCell?: (row:any, cellName:string, cellValue:any)=>void;		
+	}
+	
+	export type SortOrder ='asc' | 'desc';
+
+	export interface Options {
+		/**
+		Manage sort field by yourself
+		*/
+		sortName?: string;
+		/**
+		Manage sort order by yourself
+		*/
+		sortOrder?: SortOrder;
+		/**
+		Assign a default sort field.
+		*/
+		defaultSortName?: string;
+		/**
+		Assign a default sort ordering.
+		*/
+		defaultSortOrder?: SortOrder; 
+		/**
+		False to disable sort indicator on header column, default is true.
+		*/
+		sortIndicator?: boolean;
+		/**
+		Change the displaying text on table if data is empty.
+		*/
+		noDataText?: string | ReactElement<any>;
+		/**
+		A delay for trigger search after a keyup (millisecond)
+		*/
+		searchDelayTime?: number; 
+		/**
+		A custom text on export csv button
+		*/
+		exportCSVText?: string;
+		/**
+		Default is false, if true means you want to ignore any editable configuration when row insert.
+		*/
+		ignoreEditable?: boolean;
+		/**
+		Only work on enable search. If true, there will be a button beside search input field for clear search field text.
+		*/
+		clearSearch?: boolean;
+		/**
+		Assign a callback function which will be called after table update.
+		*/
+		afterTableComplete?: Function;
+		/**
+		Assign a callback function which will be called after row delete.
+		This function taking one argument: rowKeys, which means the row key you dropped.
+		*/
+		afterDeleteRow?: (rowKeys:string[])=>void;
+		/**
+		Assign a callback function which will be called after row insert.
+		This function taking one argument: row, which means the whole row data you added.
+		*/
+		afterInsertRow?: (row:any)=>void;
+		/**
+		Customize the text of previouse page button
+		*/
+		prePage?: string;
+		/**
+		Customize the text of next page button
+		*/
+		nextPage?: string;
+		/**
+		Customize the text of first page button
+		*/
+		firstPage?: string;
+		/**
+		Customize the text of last page button
+		*/
+		lastPage?: string;
+		/**
+		Accept a number, which means the page you want to show as default.
+		*/
+		page?: number;
+		/**
+		You can change the dropdown list for size per page if you enable pagination.
+		*/
+		sizePerPageList?: number[];
+		/**
+		Means the size per page you want to locate as default.
+		*/
+		sizePerPage?: number;
+		/**
+		To define the pagination bar length, default is 5.
+		*/
+		paginationSize?: number;
+		/**
+		Assign a callback function which will be called after page changed.
+		This function taking two argument: page and sizePerPage.
+		
+		`page`: Current page.
+		
+		`sizePerPage`: The data size which in one page.
+		*/
+		onPageChange?: (page:number, sizePerPage:number)=>void;
+		/**
+		Assign a callback function which will be called after size per page dropdown changed.
+		This function taking one argument: sizePerPage.
+		
+		`sizePerPage`: The data size which in one page.
+		*/
+		onSizePerPageList?: (sizePerPage:number)=>void;
+		/**
+		Assign a callback function which will be called after trigger sorting.
+		This function taking two argument: `sortName` and `sortOrde`r.
+		
+		    `sortName`: The sort column name
+			
+		    `sortOrder`: The sort ordering.
+		*/
+		onSortChange?: (sortName:string, sortOrder:SortOrder)=>void;
+		/**
+		Assign a callback function which will be called after trigger searching.
+		This function taking two argument: search and result.
+		
+		`search`: The search text which user input.
+		
+		`result`: The results after searching.
+		*/
+		afterSearch?: (search:string, result:any)=>void;
+		/**
+		Assign a callback function which will be called after trigger column filtering.
+		This function taking two argument: filterConds and result.
+		
+		`filterConds`: It's an array object which contain all column filter conditions.
+		
+		`result`: The results after filtering.
+		*/
+		afterColumnFilter?: (filterConds:any[], result:any)=>void;
+		/**
+		Assign a callback function which will be called after a row click.
+		This function taking one argument: row which is the row data which you click on.
+		*/
+		onRowClick?: (row:any)=>void;
+		/**
+		Assign a callback function which will be called when mouse enter into the table.
+		*/
+		onMouseEnter?: Function;
+		/**
+		Assign a callback function which will be called when mouse leave from the table.
+		*/
+		onMouseLeave?: Function;
+		/**
+		Assign a callback function which will be called when mouse over a row in table.
+		This function taking one argument: row which is the row data which mouse over.
+		*/
+		onRowMouseOver?: Function;
+		/**
+		Assign a callback function which will be called when mouse leave from a row in table.
+		This function taking one argument: row which is the row data which mouse out.
+		*/
+		onRowMouseOut?: Function;
+		/**
+		Assign a callback function which will be called when row dropping.
+		It give you a chance to customize your confirmation for row deletion.
+		This function taking two argument: next and rowKeys:
+		
+		  `next`: If you confirm to drop row, call next() to continue the process
+		  
+		  `rowKeys` is the row keys which been deleted, you can call next function to apply this deletion.
+		*/
+		handleConfirmDeleteRow?: (next:Function, rowKeys:any[])=>void;
+
+		paginationShowsTotal?: boolean;
+		
+		onSearchChange?: Function;
+		onAddRow?: Function;
+		onExportToCSV?: Function;
+		
+		insertText?: string;
+		deleteText?: string;
+		saveText?: string;
+		closeText?: string;
+		
+		
 	}
 
-	interface Options {
-		sortName?: string;
-		sortOrder?: string;
-		afterTableComplete?: Function;
-		afterDeleteRow?: Function;
-		afterInsertRow?: Function;
-		afterSearch?: Function;
-		afterColumnFilter?: Function;
-		onRowClick?: Function;
-		page?: number;
-		sizePerPageList?: number[];
-		sizePerPage?: number;
-		paginationSize?: number;
-		onSortChange?: Function;
-		onPageChange?: Function;
-		onSizePerPageList?: Function;
-		noDataText?: string;
-		handleConfirmDeleteRow?: Function;
-	}
 
 	interface FetchInfo {
 		dataTotalSize?: number;
 	}
 
-	interface BootstrapTableProps extends Props<BootstrapTable> {
-		keyField?: string;
-		height?: string;
-		maxHeight?: string;
-		data?: any;
-		remote?: boolean;
-		striped?: boolean;
-		bordered?: boolean;
-		hover?: boolean;
-		condensed?: boolean;
-		pagination?: boolean;
-		searchPlaceholder?: string;
-		selectRow?: SelectRow;
-		cellEdit?: CellEdit;
-		insertRow?: boolean;
-		deleteRow?: boolean;
-		search?: boolean;
-		columnFilter?: boolean;
-		trClassName?: any;
-		options?: Options;
-		fetchInfo?: FetchInfo;
-		exportCSV?: boolean;
-		csvFileName?: string;
+	export interface BootstrapTable extends ComponentClass<BootstrapTableProps> { 
+		/**
+		 * Call this function to insert an new row to table.
+		 */
+		handleAddRow(row:any): void;
+		/**
+		 * Call this function to insert an new row as first row on table.
+		 */
+		handleAddRowAtBegin(row:any): void;
+		/**
+		 * Call this function to drop rows in table.
+		 */
+		handleDropRow(rowKeys:any[]): void;
+		/**
+		 * Call this function to do column filtering on table.
+		 */
+		handleFilterData(filter:any): void;
+		/**
+		 * Call this function with search text for fully searching.
+		 */
+		handleSearch(search:string): void;
+		/**
+		 * Call this function to sort table.
+		 */
+		handleSort(order: SortOrder, field: string): void;
+		/**
+		 * Call this function to get the page by a rowkey
+		 */
+		getPageByRowKey(rowKey: string): any;
+		/**
+		 * Call this function to export table as csv.
+		 */
+		handleExportCSV(): void;
+		/**
+		 * Clean all the selection state on table.
+		 */
+		cleanSelected(): void;
 	}
+	export const BootstrapTable: BootstrapTable;
 
-	interface BootstrapTable extends ComponentClass<BootstrapTableProps> { }
-	const BootstrapTable: BootstrapTable;
+	export type DataAlignType = 'left' | 'center' | 'right' | 'start' | 'end';
 
-	interface TableHeaderColumnProps extends Props<TableHeaderColumn> {
-		dataField?: string;
-		dataAlign?: string;
-		dataSort?: boolean;
-		onSort?: Function;
-		dataFormat?: Function;
+	export interface TableHeaderColumnProps extends Props<TableHeaderColumn> {
+		/**
+		The field of data you want to show on column.
+		*/
+		dataField: string;
+		/**
+		Use isKey to tell table which column is unique. This is same as keyField in <BootstrapTable>
+		Tips: You need choose one configuration to set key field: isKey or keyField in <BootstrapTable>
+		*/
 		isKey?: boolean;
-		editable?: any;
-		hidden?: boolean;
-		className?: string;
+		/**
+		Set the column width. ex: 150, it's means 150px 
+		*/
 		width?: string;
-		sortFunc?: Function;
-		columnClassName?: any;
+		/**
+		Set align in column, value is left, center, right, start and end.
+		*/
+		dataAlign?: DataAlignType;
+		/**
+		True to enable table sorting. Default is disabled.
+		*/
+		dataSort?: boolean;
+		/**
+		Allow user to render a custom sort caret. You should give a function and should return a JSX.
+		This function taking one arguments: order which present the sort order currently.
+		*/
+		caretRender?: Function;
+		/**
+		To customize the column. This callback function should return a String or a React Component.
+		In addition, this function taking two argument: cell and row.
+		*/
+		dataFormat?: (cell:any, row:any) => string | ReactElement<any>;
+		/**
+		To to enable search or filter data on formatting. Default is false
+		*/
 		filterFormatted?: boolean;
-		sort?: string;
+		/**
+		True to hide column.
+		*/
+		hidden?: boolean;
+		/**
+		False to disable search functionality on column, default is true.
+		*/
+		searchable?: boolean;
+		/**
+		Give a customize function for data sorting.
+		This function taking four arguments: a, b, order, sortField, extraData
+		*/
+		sortFunc?: (a:any, b:any, order:SortOrder, sortField:any, extraData:any) => number;
+		/**
+		It's a extra data for custom sort function, if defined, this data will be pass as fifth argument in sortFunc.
+		*/
+		sortFuncExtraData?: any;
+		/**
+		Add custom css class on table header column, this attribute only accept String or Function.
+		If Function, it taking four arguments: cell, row, rowIndex, columnIndex.
+		In addition, this function should return a String which is the class name you want to add on.
+		*/
+		className?: string | ((cell:any, row:any, rowIndex:number, columnIndex:number) => string);
+		/**
+		Add custom css class on table body column, this attribute only accept String or Function.
+		If Function, it taking four arguments: cell, row, rowIndex, columnIndex.
+		In addition, this function should return a String which is the class name you want to add on.
+		*/
+		columnClassName?: String | ((cell:any, row:any, rowIndex:number, columnIndex:number) => string);
+		/**
+		Add True to set column editable, false is non-editable. If give Object,
+		you can do more customization when editing cell. This object have following properties:
+		
+		@example
+		{
+			type: //edit type, avaiable value is textarea, select, checkbox
+			validator: //give function for validation and taking only one "cell value" as argument. This function should return Bool.
+			options:{
+				values: //values means data in select or checkbox.If checkbox, use ':'(colon) to separate value, ex: Y:N
+			}
+		}
+				
+		*/
+		editable?: boolean | Editable;
+		/**
+		It only work when you enable insertRow and be assign on rowKey column.
+		If true, the row key will be generated automatically after a row insertion.
+		*/
+		autoValue?: boolean;
+		/**
+		To Enable a column filter within header column.
+		This feature support a lots of filter type and condition. Please check example
+		Following is the format for filter
+		*/
+		filter?: Filter;
+
+		onSort?: Function;
+		csvFormat?: Function;
+		
+		columnTitle?: boolean;
+		sort?: SortOrder;
+		formatExtraData?: any;
+	}
+	export interface Editable {
+		type?: string;//edit type, avaiable value is textarea, select, checkbox
+		/**
+		 function for validation and taking only one "cell value" as argument. This function should return Bool.
+		 */
+		validator?: (cell: any) => boolean;
+		/**			
+		 {
+				values: //values means data in select or checkbox.If checkbox, use ':'(colon) to separate value, ex: Y:N
+		 }		
+
+		 */
+		options?: any;
+	}
+	
+	export type FilterType = 'TextFilter' | 'RegexFilter' | 'SelectFilter' | 'NumberFilter' | 'DateFilter' | 'CustomFilter';
+	
+	export interface Filter {
+		/**
+		 "TextFilter"||"SelectFilter"||"NumberFilter"||"DateFilter"||"RegexFilter"||"YOUR_CUSTOM_FILTER"
+		 */
+		type?: FilterType; 
+		/**
+		 * Default value on filter. If type is NumberFilter or DateFilter, this value will like { number||date: xxx, comparator: '>' }
+		 */
+  		defaultValue?: any;
+		  /**
+		   * Assign a millisecond for delay when trigger filtering, default is 500.
+		   */
+  		delay?: number; 
+		  /**
+		   * Only work on TextFilter. Assign the placeholder text on text and regex filter
+		   */
+  		placeholder?: string| RegExp;
+		  /**
+		   * Only work on NumberFilter. Accept an array which conatin the filter condition, like: ['<','>','=']
+		   */
+  		numberComparators: string[];
 	}
 
-	interface TableHeaderColumn extends ComponentClass<TableHeaderColumnProps> { }
-	const TableHeaderColumn: TableHeaderColumn;
+	export interface TableHeaderColumn extends ComponentClass<TableHeaderColumnProps> { }
+	export const TableHeaderColumn: TableHeaderColumn;
 
-	class TableDataSet extends EventEmitter {
+	export class TableDataSet extends EventEmitter {
 		constructor(data: any);
 		setData(data: any): void;
 		clear(): void;
 		getData(): any;
 	}
-
-	export {
-		BootstrapTable,
-		TableHeaderColumn,
-		TableDataSet
-	}
 }

From 0060fb0862f896102106ba5b47fcbd8489aa60ef Mon Sep 17 00:00:00 2001
From: DavidM77 <DavidM77@users.noreply.github.com>
Date: Thu, 2 Jun 2016 16:05:08 +0100
Subject: [PATCH 37/60] Added definitions for csv-parse (#9494)

---
 csv-parse/csv-parse-tests.ts |  64 +++++++++++++++++
 csv-parse/csv-parse.d.ts     | 132 +++++++++++++++++++++++++++++++++++
 2 files changed, 196 insertions(+)
 create mode 100644 csv-parse/csv-parse-tests.ts
 create mode 100644 csv-parse/csv-parse.d.ts

diff --git a/csv-parse/csv-parse-tests.ts b/csv-parse/csv-parse-tests.ts
new file mode 100644
index 0000000000..d64c765ed2
--- /dev/null
+++ b/csv-parse/csv-parse-tests.ts
@@ -0,0 +1,64 @@
+/// <reference path="csv-parse.d.ts" />
+
+import parse = require('csv-parse');
+
+function callbackAPITest() {
+    var input = '#Welcome\n"1","2","3","4"\n"a","b","c","d"';
+    parse(input, {comment: '#'}, function(err, output){
+    output.should.eql([ [ '1', '2', '3', '4' ], [ 'a', 'b', 'c', 'd' ] ]);
+    });
+}
+
+function streamAPITest() {
+    var output:any = [];
+    // Create the parser
+    var parser = parse({delimiter: ':'});
+    var record: any;
+    // Use the writable stream api
+    parser.on('readable', function(){
+    while(record = parser.read()){
+        output.push(record);
+    }
+    });
+    // Catch any error
+    parser.on('error', function(err: any){
+    console.log(err.message);
+    });
+    // When we are done, test that the parsed output matched what expected
+    parser.on('finish', function(){
+    output.should.eql([
+        [ 'root','x','0','0','root','/root','/bin/bash' ],
+        [ 'someone','x','1022','1022','a funny cat','/home/someone','/bin/bash' ]
+    ]);
+    });
+    // Now that setup is done, write data to the stream
+    parser.write("root:x:0:0:root:/root:/bin/bash\n");
+    parser.write("someone:x:1022:1022:a funny cat:/home/someone:/bin/bash\n");
+    // Close the readable stream
+    parser.end();
+}
+
+import fs = require('fs');
+
+function pipeFunctionTest() {
+    var transform = require('stream-transform');
+    
+    var output:any = [];
+    var parser = parse({delimiter: ':'})
+    var input = fs.createReadStream('/etc/passwd');
+    var transformer = transform(function(record: any[], callback: any){
+    setTimeout(function(){
+        callback(null, record.join(' ')+'\n');
+    }, 500);
+    }, {parallel: 10});
+    input.pipe(parser).pipe(transformer).pipe(process.stdout);
+}
+
+import parseSync = require('csv-parse/lib/sync');
+
+function syncApiTest() {
+    var input = '"key_1","key_2"\n"value 1","value 2"';
+    var records = parseSync(input, {columns: true});
+    records.should.eql([{ key_1: 'value 1', key_2: 'value 2' }]);
+}
+
diff --git a/csv-parse/csv-parse.d.ts b/csv-parse/csv-parse.d.ts
new file mode 100644
index 0000000000..74184ca680
--- /dev/null
+++ b/csv-parse/csv-parse.d.ts
@@ -0,0 +1,132 @@
+// Type definitions for csv-parse 1.1.0
+// Project: https://github.com/wdavidw/node-csv-parse
+// Definitions by: David Muller <https://github.com/davidm77>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference path="../node/node.d.ts" />
+
+declare module "csv-parse/types" {
+    interface callbackFn {
+        (err: any, output: any): void
+    }
+    
+    interface nameCallback {
+        (line1: any[]): boolean | string[]
+    }   
+    
+    interface options {
+        /***
+         *  Set the field delimiter. One character only, defaults to comma. 
+         */
+        delimiter?: string;
+
+        /***
+         *  String used to delimit record rows or a special value; special constants are 'auto', 'unix', 'mac', 'windows', 'unicode'; defaults to 'auto' (discovered in source or 'unix' if no source is specified).
+         */ 
+        rowDelimiter?:  string;
+        /***
+         *  Optional character surrounding a field, one character only, defaults to double quotes. 
+         */
+        quote?: string
+        
+        /***
+         *  Set the escape character, one character only, defaults to double quotes. 
+         */ 
+        escape?: string
+
+        /***
+         *  List of fields as an array, a user defined callback accepting the first line and returning the column names or true if autodiscovered in the first CSV line, default to null, affect the result data set in the sense that records will be objects instead of arrays. 
+         */
+        columns?: any[]|boolean|nameCallback;
+
+        /***
+         *  Treat all the characters after this one as a comment, default to '' (disabled). 
+         */
+        comment?: string
+
+        /***
+         *  Name of header-record title to name objects by.
+         */
+        objname?: string
+
+        /***
+         *  Preserve quotes inside unquoted field.
+         */
+        relax?: boolean
+
+        /***
+         *  Discard inconsistent columns count, default to false.
+         */
+        relax_column_count?: boolean
+
+        /***
+         *  Dont generate empty values for empty lines.
+         */
+        skip_empty_lines?: boolean
+
+        /***
+         *  Maximum numer of characters to be contained in the field and line buffers before an exception is raised, used to guard against a wrong delimiter or rowDelimiter, default to 128000 characters.
+         */
+        max_limit_on_data_read?: number
+
+        /***
+         *  If true, ignore whitespace immediately around the delimiter, defaults to false. Does not remove whitespace in a quoted field.
+         */
+        trim?: boolean
+
+        /***
+         *  If true, ignore whitespace immediately following the delimiter (i.e. left-trim all fields), defaults to false. Does not remove whitespace in a quoted field.
+         */
+        ltrim?: boolean
+
+        /***
+         *  If true, ignore whitespace immediately preceding the delimiter (i.e. right-trim all fields), defaults to false. Does not remove whitespace in a quoted field.
+         */
+        rtrim?: boolean
+
+        /***
+         *  If true, the parser will attempt to convert read data types to native types.
+         */
+        auto_parse?: boolean
+        
+        /***
+         *  If true, the parser will attempt to convert read data types to dates. It requires the "auto_parse" option.
+         */
+        auto_parse_date?: boolean
+    }
+    
+    import * as stream from "stream"; 
+    
+    interface Parser extends stream.Transform {
+        __push(line: any): any ;
+        __write(chars: any, end: any, callback: any): any; 
+    }
+    
+    interface ParserConstructor {
+       new (options: options): Parser;
+    }
+    
+    interface parse {
+        (input: string, options?: options, callback?: callbackFn): any;
+        (options: options, callback: callbackFn): any;
+        (callback: callbackFn): any;
+        (options?: options): NodeJS.ReadWriteStream;
+        Parser: ParserConstructor;
+    }
+}
+
+declare module "csv-parse" {
+    import { parse as parseIntf } from "csv-parse/types";
+    
+    let parse: parseIntf;
+    
+    export = parse;
+}
+
+declare module "csv-parse/lib/sync" {
+   import { options } from "csv-parse/types"; 
+   
+   function parse (input: string, options?: options): any;
+ 
+   export = parse;
+}
\ No newline at end of file

From 15ad62197f13799f4df7bfa1cd1523e57719e271 Mon Sep 17 00:00:00 2001
From: TeamworkGuy2 <straitfrommars@rocketmail.com>
Date: Thu, 2 Jun 2016 15:09:53 +0000
Subject: [PATCH 38/60] tweak log4javascript.Level, change from enum to class
 with static fields to match implementation. (#9498)

---
 log4javascript/log4javascript-tests.ts |  9 ++++++++-
 log4javascript/log4javascript.d.ts     | 17 ++++++++++++++++-
 2 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/log4javascript/log4javascript-tests.ts b/log4javascript/log4javascript-tests.ts
index c3b77c5b69..b05626b297 100644
--- a/log4javascript/log4javascript-tests.ts
+++ b/log4javascript/log4javascript-tests.ts
@@ -2,7 +2,14 @@
 
 function aSimpleLoggingMessageString() {
 	var log = log4javascript.getDefaultLogger();
-	log.info("Hello World");
+    log.info("Hello World");
+}
+
+function compareLogLevelsAndLog() {
+    var log = log4javascript.getDefaultLogger();
+    if (log4javascript.Level.INFO.isGreaterOrEqual(log.getLevel())) {
+        log.log(log4javascript.Level.INFO, ["Info"]);
+    }
 }
 
 function loggingAnErrorWithAMessage() {
diff --git a/log4javascript/log4javascript.d.ts b/log4javascript/log4javascript.d.ts
index d22e666e8f..55d7726563 100644
--- a/log4javascript/log4javascript.d.ts
+++ b/log4javascript/log4javascript.d.ts
@@ -89,7 +89,22 @@ declare namespace log4javascript {
 	/**
 	 * Levels are available as static properties of the log4javascript.Level object.
 	 */
-	export enum Level { ALL, TRACE, DEBUG, INFO, WARN, ERROR, FATAL, OFF }
+	export class Level {
+		static ALL: Level;
+		static TRACE: Level;
+		static DEBUG: Level;
+		static INFO: Level;
+		static WARN: Level;
+		static ERROR: Level;
+		static FATAL: Level;
+		static OFF: Level;
+
+		constructor(level: number, name: string);
+
+		toString(): string;
+		equals(level: Level): boolean;
+		isGreaterOrEqual(level: Level): boolean;
+	}
 
 	// #endregion
 

From a33c79049745b7845e08b077c6dc963cd5731f35 Mon Sep 17 00:00:00 2001
From: Timofey Kachalov <sanex3339@users.noreply.github.com>
Date: Thu, 2 Jun 2016 18:10:10 +0300
Subject: [PATCH 39/60] javascript-obfuscator definitions (#9496)

* javascript-obfuscator definitions

* javascript-obfuscator definition: added IOption interface for options

* javascript-obfuscator added new options

* javascript-obfuscator added new options

* Update javascript-obfuscator.d.ts

* Update javascript-obfuscator-tests.ts
---
 .../javascript-obfuscator-tests.ts            | 15 +++++++++++++
 .../javascript-obfuscator.d.ts                | 22 +++++++++++++++++++
 2 files changed, 37 insertions(+)
 create mode 100644 javascript-obfuscator/javascript-obfuscator-tests.ts
 create mode 100644 javascript-obfuscator/javascript-obfuscator.d.ts

diff --git a/javascript-obfuscator/javascript-obfuscator-tests.ts b/javascript-obfuscator/javascript-obfuscator-tests.ts
new file mode 100644
index 0000000000..74d6363ffb
--- /dev/null
+++ b/javascript-obfuscator/javascript-obfuscator-tests.ts
@@ -0,0 +1,15 @@
+/// <reference path="javascript-obfuscator" />
+
+import { JavaScriptObfuscator } from 'javascript-obfuscator';
+
+let sourceCode1: string = JavaScriptObfuscator.obfuscate('var foo = 1;');
+let sourceCode2: string = JavaScriptObfuscator.obfuscate('var foo = 1;', {
+  compact: true,
+  debugProtection: false,
+  debugProtectionInterval: false,
+  disableConsoleOutput: true,
+  encodeUnicodeLiterals: true,
+  rotateUnicodeArray: true,
+  unicodeArray: true,
+  wrapUnicodeArrayCalls: true
+});
diff --git a/javascript-obfuscator/javascript-obfuscator.d.ts b/javascript-obfuscator/javascript-obfuscator.d.ts
new file mode 100644
index 0000000000..7b7a8438c5
--- /dev/null
+++ b/javascript-obfuscator/javascript-obfuscator.d.ts
@@ -0,0 +1,22 @@
+// Type definitions for javascript-obfuscator
+// Project: https://github.com/sanex3339/javascript-obfuscator
+// Definitions by: sanex3339 <https://github.com/sanex3339>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare module 'javascript-obfuscator' {
+  export interface IOptions {
+    compact?: boolean;
+    debugProtection?: boolean;
+    debugProtectionInterval?: boolean;
+    disableConsoleOutput?: boolean;
+    encodeUnicodeLiterals?: boolean;
+    rotateUnicodeArray?: boolean;
+    unicodeArray?: boolean;
+    wrapUnicodeArrayCalls?: boolean;
+    [id: string]: any;
+  }
+
+  export class JavaScriptObfuscator {
+    public static obfuscate (sourceCode: string, customOptions?: IOptions): string;
+  }
+}

From 60e962e80419e033db93bb98c400242988418a72 Mon Sep 17 00:00:00 2001
From: Connor Wyatt <connorwyatt1@gmail.com>
Date: Thu, 2 Jun 2016 16:14:06 +0100
Subject: [PATCH 40/60] Express' send method can be called with no parameters
 (#9502)

* Modified call signature of Sinon's calledWithNew method to no longer take a parameter

* Express' send method can be called with no parameters
---
 express-serve-static-core/express-serve-static-core.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/express-serve-static-core/express-serve-static-core.d.ts b/express-serve-static-core/express-serve-static-core.d.ts
index 70817018a9..2662222d00 100644
--- a/express-serve-static-core/express-serve-static-core.d.ts
+++ b/express-serve-static-core/express-serve-static-core.d.ts
@@ -408,7 +408,7 @@ declare module "express-serve-static-core" {
 
     interface Send {
         (status: number, body?: any): Response;
-        (body: any): Response;
+        (body?: any): Response;
     }
 
     interface Response extends http.ServerResponse, Express.Response {

From e3df7a21b96cb3a5afc3d0e128c68c66b84af89c Mon Sep 17 00:00:00 2001
From: Alex Pyzhianov <alex.pyzhianov@gmail.com>
Date: Thu, 2 Jun 2016 18:15:22 +0300
Subject: [PATCH 41/60] react.d.ts: add <foreignObject/> to JSX (#9523)

---
 react/react.d.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/react/react.d.ts b/react/react.d.ts
index a51b460c2e..7bb584bd03 100644
--- a/react/react.d.ts
+++ b/react/react.d.ts
@@ -2477,6 +2477,7 @@ declare namespace JSX {
         clipPath: React.SVGProps;
         defs: React.SVGProps;
         ellipse: React.SVGProps;
+        foreignObject: React.SVGProps;
         g: React.SVGProps;
         image: React.SVGProps;
         line: React.SVGProps;

From 18ae8e8b466c3ab670b83d2887db929316081783 Mon Sep 17 00:00:00 2001
From: Flavien Normand <contact@flavien-normand.fr>
Date: Thu, 2 Jun 2016 17:18:56 +0200
Subject: [PATCH 42/60] Edited getAttrList to return ASTAttribute[]. (#9504)

* [Fix] Edited getAttrList() signature to fix an issue making parse5 unable to add attributes to a node, getAttrList() returns an ASTAttribute[] not an Attribute[] because its entries does not contain property 'key' but they do have property 'name'. Fixes #9235

* [Fix] Edited getAttrList() signature to fix an issue making parse5 unable to add attributes to a node, getAttrList() returns an ASTAttribute[] not an Attribute[] because its entries does not contain property 'key' but they do have property 'name'. Fixes #9235
---
 parse5/parse5.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/parse5/parse5.d.ts b/parse5/parse5.d.ts
index 5b2557053e..69bfd1419e 100644
--- a/parse5/parse5.d.ts
+++ b/parse5/parse5.d.ts
@@ -181,7 +181,7 @@ declare module 'parse5' {
         getFirstChild(node: ASTNode): ASTNode;
         getChildNodes(node: ASTNode): ASTNode[];
         getParentNode(node: ASTNode): ASTNode;
-        getAttrList(node: ASTNode): Attribute[];
+        getAttrList(node: ASTNode): ASTAttribute[];
         getTagName(element: ASTNode): string;
         getNamespaceURI(element: ASTNode): string;
         getTextNodeContent(textNode: ASTNode): string;

From 2901b0c3c4e17d7b09d6b97abe12616b68ba0643 Mon Sep 17 00:00:00 2001
From: Steve Van Opstal <stevevanopstal@gmail.com>
Date: Thu, 2 Jun 2016 17:26:29 +0200
Subject: [PATCH 43/60] caolan/async: add missing optional type to 'retry'
 (#9506)

* async: add function type to interval of 'retry'

* fix return type number
---
 async/async-tests.ts | 1 +
 async/async.d.ts     | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/async/async-tests.ts b/async/async-tests.ts
index 037481b6fa..e7af9120a1 100644
--- a/async/async-tests.ts
+++ b/async/async-tests.ts
@@ -378,6 +378,7 @@ async.auto({
 
 async.retry(3, function (callback, results) { }, function (err, result) { });
 async.retry({ times: 3, interval: 200 }, function (callback, results) { }, function (err, result) { });
+async.retry({ times: 3, interval: (retryCount) => { return 200 * retryCount; } }, function (callback, results) { }, function (err, result) { });
 
 
 async.parallel([
diff --git a/async/async.d.ts b/async/async.d.ts
index 6ec52cf1e6..6288a269a1 100644
--- a/async/async.d.ts
+++ b/async/async.d.ts
@@ -136,7 +136,7 @@ interface Async {
     cargo(worker : (tasks: any[], callback : ErrorCallback) => void, payload? : number) : AsyncCargo;
     auto(tasks: any, callback?: (error: Error, results: any) => void): void;
     retry<T>(opts: number, task: (callback : AsyncResultCallback<T>, results: any) => void, callback: (error: Error, results: any) => void): void;
-    retry<T>(opts: { times: number, interval: number }, task: (callback: AsyncResultCallback<T>, results : any) => void, callback: (error: Error, results: any) => void): void;
+    retry<T>(opts: { times: number, interval: number|((retryCount: number) => number) }, task: (callback: AsyncResultCallback<T>, results : any) => void, callback: (error: Error, results: any) => void): void;
     iterator(tasks: Function[]): Function;
     apply(fn: Function, ...arguments: any[]): AsyncFunction<any>;
     nextTick(callback: Function): void;

From 9be5376d538d3cd6c4c5b97161b280784b58b09f Mon Sep 17 00:00:00 2001
From: Olivier Adam <olivier.adam@m4x.org>
Date: Thu, 2 Jun 2016 17:30:16 +0200
Subject: [PATCH 44/60] Add missing nunjucks signatures (#9507)

---
 nunjucks/nunjucks.d.ts | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/nunjucks/nunjucks.d.ts b/nunjucks/nunjucks.d.ts
index 6a6d384d87..f0f9b081f3 100644
--- a/nunjucks/nunjucks.d.ts
+++ b/nunjucks/nunjucks.d.ts
@@ -62,6 +62,7 @@ declare namespace nunjucks {
 			autoescape: boolean;
 		};
 
+		constructor();
 		constructor(loader: ILoader, opts?: ConfigureOptions);
 		constructor(loaders: ILoader[], opts?: ConfigureOptions);
 
@@ -122,6 +123,11 @@ declare namespace nunjucks {
 		getSource(name: string): LoaderSource;
 	}
 
+	export class WebLoader implements ILoader {
+		constructor(baseUrl: string, opts?: any);
+		getSource(name: string): LoaderSource;
+	}
+
 	export class PrecompiledLoader extends Loader implements ILoader {
 		init(searchPaths: string[], opts: any): void;
 		getSource(name: string): LoaderSource;

From 7a5e847b0f79cc99fac0ba3b5ede6f716862b6ef Mon Sep 17 00:00:00 2001
From: Tim Neil <timneil@outlook.com>
Date: Thu, 2 Jun 2016 16:35:08 +0100
Subject: [PATCH 45/60] Adding registerTask() overloads for optional
 description (#9511)

Added overloads for a taskList with a description (http://gruntjs.com/creating-tasks#alias-tasks) and a taskFunction without a description (http://gruntjs.com/creating-tasks#basic-tasks)
---
 gruntjs/gruntjs.d.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/gruntjs/gruntjs.d.ts b/gruntjs/gruntjs.d.ts
index 410ed10ab0..0a8e4d9d5a 100644
--- a/gruntjs/gruntjs.d.ts
+++ b/gruntjs/gruntjs.d.ts
@@ -773,6 +773,7 @@ declare namespace grunt {
              * The taskList argument must be an array of tasks.
              */
             registerTask(taskName: string, taskList: string[]): void
+            registerTask(taskName: string, description: string, taskList: string[]): void
 
             /**
              * If a description and taskFunction are passed, the specified function will be executed
@@ -784,6 +785,7 @@ declare namespace grunt {
              *
              * @note taskFunction.apply(scope: grunt.task.ITask, args: any[])
              */
+            registerTask(taskName: string, taskFunction: Function): void
             registerTask(taskName: string, description: string, taskFunction: Function): void
 
             /**

From 8cd9ccf1438327f335a9e827fee5376f22c33d4c Mon Sep 17 00:00:00 2001
From: RaduW <RaduW@users.noreply.github.com>
Date: Thu, 2 Jun 2016 17:37:53 +0200
Subject: [PATCH 46/60] mCustomScrollbar, fixed CustomScrollbarOptions for
 mouseWheel (#9514)

---
 mCustomScrollbar/mCustomScrollbar.d.ts | 43 ++++++++++++++++++++++++--
 1 file changed, 41 insertions(+), 2 deletions(-)

diff --git a/mCustomScrollbar/mCustomScrollbar.d.ts b/mCustomScrollbar/mCustomScrollbar.d.ts
index 4aad109c66..08e532d7bf 100644
--- a/mCustomScrollbar/mCustomScrollbar.d.ts
+++ b/mCustomScrollbar/mCustomScrollbar.d.ts
@@ -36,9 +36,48 @@ declare namespace MCustomScrollbar {
         */
         scrollInertia?: number;
         /**
-        * Mouse wheel support, value: true, false
+        * Mouse wheel support
         */
-        mouseWheel?: boolean;
+        mouseWheel?: {
+            /**
+             * Enable or disable content scrolling via mouse-wheel.
+             */
+            enable?: boolean;
+            /**
+             * Set the mouse-wheel scrolling amount (in pixels).
+             * The default value "auto" adjusts scrolling amount according to scrollable content length.
+             */
+            scrollAmount?: number;
+            /**
+             * Define the mouse-wheel scrolling axis when both vertical and horizontal scrollbars are present.
+             * Set axis: "y" (default) for vertical or axis: "x" for horizontal scrolling.
+             */
+            axis?: "x"|"y";
+            /**
+             * Prevent the default behaviour which automatically scrolls the parent element when end
+             * or beginning of scrolling is reached (same bahavior with browser’s native scrollbar).
+             */
+            preventDefault?: boolean;
+            /**
+             * Set the number of pixels one wheel notch scrolls. The default value “auto” uses the OS/browser value.
+             */
+            deltaFactor?: number;
+            /**
+             * Enable or disable mouse-wheel (delta) acceleration.
+             * Setting normalizeDelta: true translates mouse-wheel delta value to -1 or 1.
+             */
+            normalizeDelta?:boolean;
+            /**
+             * Invert mouse-wheel scrolling direction.
+             * Set to true to scroll down or right when mouse-wheel is turned upwards.
+             */
+            invert?: boolean;
+            /**
+             * Set the tags that disable mouse-wheel when cursor is over them.
+             * Default value: ["select","option","keygen","datalist","textarea"]
+             */
+            disableOver?: string[]
+        }
         /**
         * Mouse wheel scrolling pixels amount, value in pixels (integer) or "auto" (script calculates and sets pixels amount according to content length)
         */

From a50c292dc12df1c1dab62795c2bba83a79921ee0 Mon Sep 17 00:00:00 2001
From: vickyl1 <vickyl1@users.noreply.github.com>
Date: Thu, 2 Jun 2016 08:39:45 -0700
Subject: [PATCH 47/60] Fix definition for custom components in react-select
 (#9516)

---
 react-select/react-select-tests.tsx | 57 ++++++++++++++++++++++++++++-
 react-select/react-select.d.ts      |  6 +--
 2 files changed, 58 insertions(+), 5 deletions(-)

diff --git a/react-select/react-select-tests.tsx b/react-select/react-select-tests.tsx
index d3298e55f8..7817fe905d 100644
--- a/react-select/react-select-tests.tsx
+++ b/react-select/react-select-tests.tsx
@@ -8,6 +8,59 @@ import * as ReactDOM from "react-dom";
 import { Option, MenuRendererProps } from "react-select-props";
 import Select = require("react-select");
 
+const CustomOption = React.createClass({
+    propTypes: {
+        children: React.PropTypes.node,
+        className: React.PropTypes.string,
+        isDisabled: React.PropTypes.bool,
+        isFocused: React.PropTypes.bool,
+        isSelected: React.PropTypes.bool,
+        onFocus: React.PropTypes.func,
+        onSelect: React.PropTypes.func,
+        option: React.PropTypes.object.isRequired,
+    },
+    handleMouseDown (event: Event) {
+        event.preventDefault();
+        event.stopPropagation();
+        this.props.onSelect(this.props.option, event);
+    },
+    handleMouseEnter (event: Event) {
+        this.props.onFocus(this.props.option, event);
+    },
+    handleMouseMove (event: Event) {
+        if (this.props.isFocused) return;
+        this.props.onFocus(this.props.option, event);
+    },
+    render () {
+        return (
+            <div className="Select-option"
+                    onMouseDown={this.handleMouseDown}
+                    onMouseEnter={this.handleMouseEnter}
+                    onMouseMove={this.handleMouseMove}
+                    title={this.props.option.title}>
+                {this.props.children}
+            </div>
+        );
+    }
+});
+
+const CustomValue = React.createClass({
+    propTypes: {
+        children: React.PropTypes.node,
+        placeholder: React.PropTypes.string,
+        value: React.PropTypes.object
+    },
+    render () {
+        return (
+            <div className="Select-value" title={this.props.value.title}>
+                <span className="Select-value-label">
+                    {this.props.children}
+                </span>
+            </div>
+        );
+    }
+});
+
 class SelectTest extends React.Component<React.Props<{}>, {}> {
 
     render() {
@@ -50,7 +103,7 @@ class SelectTest extends React.Component<React.Props<{}>, {}> {
                 onOpen={onOpen}
                 onClose={onClose}
                 openAfterFocus={false}
-                optionComponent={<div></div>}
+                optionComponent={CustomOption}
                 required={false}
                 resetValue={"resetValue"}
                 scrollMenuIntoView={false}
@@ -59,7 +112,7 @@ class SelectTest extends React.Component<React.Props<{}>, {}> {
                 onChange={onChange}
                 simpleValue
                 value={options}
-                valueComponent={<span></span>}
+                valueComponent={CustomValue}
                  />
         </div>;
     }
diff --git a/react-select/react-select.d.ts b/react-select/react-select.d.ts
index dc3ca16bc8..3dc620c4a1 100644
--- a/react-select/react-select.d.ts
+++ b/react-select/react-select.d.ts
@@ -252,7 +252,7 @@ declare namespace ReactSelect {
         /**
          * option component to render in dropdown
          */
-        optionComponent?: __React.ReactElement<any>;
+        optionComponent?: __React.ComponentClass<any>;
         /**
          * function which returns a custom way to render the options in the menu
          */
@@ -317,7 +317,7 @@ declare namespace ReactSelect {
         /**
          *  value component to render
          */
-        valueComponent?: __React.ReactElement<any>;
+        valueComponent?: __React.ComponentClass<any>;
 
         /**
          *  optional style to apply to the component wrapper
@@ -407,7 +407,7 @@ declare module "react-select" {
 }
 
 declare module "react-select-props" {
-    
+
     interface Option extends ReactSelect.Option {}
     interface MenuRendererProps extends ReactSelect.MenuRendererProps {}
 

From e41aa98022f6d1d2edab13dd580976555986d4d2 Mon Sep 17 00:00:00 2001
From: stunaz <stunaz@gmail.com>
Date: Thu, 2 Jun 2016 17:41:42 +0200
Subject: [PATCH 48/60] update(cookie): set method with a third parameter
 (#9519)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Added to the ‘set’ method a third parameter which is daysToExpiry,
which represent the expiration on the cookie in days
---
 angular-local-storage/angular-local-storage.d.ts | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/angular-local-storage/angular-local-storage.d.ts b/angular-local-storage/angular-local-storage.d.ts
index b2bcf377d2..7efc681491 100644
--- a/angular-local-storage/angular-local-storage.d.ts
+++ b/angular-local-storage/angular-local-storage.d.ts
@@ -56,6 +56,15 @@ declare namespace angular.local.storage {
      * @param val
      */
     set(key:string, val:string):boolean;
+    /**
+     * Directly adds a value to cookies with an expiration.
+     * Note: Typically used as a fallback if local storage is not supported.
+     * Returns: Boolean
+     * @param key
+     * @param val
+     * @param daysToExpiry
+     */
+    set(key:string, val:string, daysToExpiry:number):boolean;
     /**
      * Directly get a value from a cookie.
      * Returns: value from local storage

From 5b670ebf34a26b29a5bcaebe8291309dbc36481f Mon Sep 17 00:00:00 2001
From: LongYinan <lynweklm@gmail.com>
Date: Thu, 2 Jun 2016 23:42:52 +0800
Subject: [PATCH 49/60] fix node fs.watch (#9446)

* fix node fs.watch

* add fs.watch test
---
 node/node-tests.ts | 16 ++++++++++++++++
 node/node.d.ts     |  3 ++-
 2 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/node/node-tests.ts b/node/node-tests.ts
index 1361a7206f..51bebfa6b0 100644
--- a/node/node-tests.ts
+++ b/node/node-tests.ts
@@ -138,6 +138,22 @@ fs.mkdtemp('/tmp/foo-', (err, folder) => {
 var tempDir: string;
 tempDir = fs.mkdtempSync('/tmp/foo-');
 
+fs.watch('/tmp/foo-', (event, filename) => {
+  console.log(event, filename);
+});
+
+fs.watch('/tmp/foo-', 'utf8', (event, filename) => {
+  console.log(event, filename);
+});
+
+fs.watch('/tmp/foo-', {
+  recursive: true,
+  persistent: true,
+  encoding: 'utf8'
+}, (event, filename) => {
+  console.log(event, filename);
+});
+
 ///////////////////////////////////////////////////////
 /// Buffer tests : https://nodejs.org/api/buffer.html
 ///////////////////////////////////////////////////////
diff --git a/node/node.d.ts b/node/node.d.ts
index 42621d50c4..8c7ffe724e 100644
--- a/node/node.d.ts
+++ b/node/node.d.ts
@@ -1599,7 +1599,8 @@ declare module "fs" {
     export function watchFile(filename: string, options: { persistent?: boolean; interval?: number; }, listener: (curr: Stats, prev: Stats) => void): void;
     export function unwatchFile(filename: string, listener?: (curr: Stats, prev: Stats) => void): void;
     export function watch(filename: string, listener?: (event: string, filename: string) => any): FSWatcher;
-    export function watch(filename: string, options: { persistent?: boolean; }, listener?: (event: string, filename: string) => any): FSWatcher;
+    export function watch(filename: string, encoding: string, listener?: (event: string, filename: string) => any): FSWatcher;
+    export function watch(filename: string, options: { persistent?: boolean; recursive?: boolean; encoding?: string }, listener?: (event: string, filename: string) => any): FSWatcher;
     export function exists(path: string | Buffer, callback?: (exists: boolean) => void): void;
     export function existsSync(path: string | Buffer): boolean;
     /** Constant for fs.access(). File is visible to the calling process. */

From 0b35996f55436563567b9639f1abbf038c08d5c1 Mon Sep 17 00:00:00 2001
From: iclanton <iclanton@users.noreply.github.com>
Date: Thu, 2 Jun 2016 08:43:46 -0700
Subject: [PATCH 50/60] Introducing combokeys typings. (#9520)

* Introducing combokeys typings.

* Improving documentation.

* Updating indentation on combokeys.d.ts.
---
 combokeys/combokeys-tests.ts |  33 +++++++++++
 combokeys/combokeys.d.ts     | 107 +++++++++++++++++++++++++++++++++++
 2 files changed, 140 insertions(+)
 create mode 100644 combokeys/combokeys-tests.ts
 create mode 100644 combokeys/combokeys.d.ts

diff --git a/combokeys/combokeys-tests.ts b/combokeys/combokeys-tests.ts
new file mode 100644
index 0000000000..1a065861ff
--- /dev/null
+++ b/combokeys/combokeys-tests.ts
@@ -0,0 +1,33 @@
+
+///<reference path="combokeys.d.ts" />
+
+import Combokeys = require("combokeys");
+
+const combokeys1: Combokeys.Combokeys = new Combokeys(document.createElement('div'));
+const combokeys2: Combokeys.Combokeys = new Combokeys(document.createElement('div'));
+
+combokeys1.bind('ctrl+a', () => {});
+combokeys1.bind('ctrl+z', () => {}, 'keydown');
+combokeys1.bind(['ctrl+a', 'ctrl+shift+a'], () => {});
+combokeys1.bind(['ctrl+a', 'ctrl+shift+a'], () => {}, 'keyup');
+
+combokeys1.bindMultiple(['ctrl+a', 'ctrl+shift+a'], () => {});
+combokeys1.bindMultiple(['ctrl+a', 'ctrl+shift+a'], () => {}, 'keyup');
+
+const result: boolean = combokeys1.stopCallback(new Event(null), document.createElement('div'));
+
+combokeys1.unbind('ctrl+a');
+combokeys1.unbind('ctrl+a', 'keydown');
+combokeys1.unbind(['ctrl+a', 'ctrl+shift+a']);
+combokeys1.unbind(['ctrl+a', 'ctrl+shift+a'], 'keydown');
+
+combokeys1.trigger('ctrl+a');
+combokeys1.trigger('ctrl+a', 'keypress');
+
+combokeys1.reset();
+
+combokeys1.detach();
+
+Combokeys.reset();
+
+Combokeys.instances.forEach((combokeys: Combokeys.Combokeys) => combokeys.reset() );
diff --git a/combokeys/combokeys.d.ts b/combokeys/combokeys.d.ts
new file mode 100644
index 0000000000..f7e1e5b035
--- /dev/null
+++ b/combokeys/combokeys.d.ts
@@ -0,0 +1,107 @@
+// Type definitions for Combokeys v2.4.6
+// Project: https://github.com/PolicyStat/combokeys
+// Definitions by: Ian Clanton-Thuon <https://github.com/iclanton>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+declare namespace Combokeys {
+    interface CombokeysStatic {
+        new (element: Element): Combokeys;
+
+        /**
+         * all instances of Combokeys
+         */
+        instances: Combokeys[];
+
+        /**
+         * reset all instances
+         */
+        reset(): void;
+    }
+
+    interface Combokeys {
+        element: Element;
+
+        /**
+         * binds an event to Combokeys
+         *
+         * can be a single key, a combination of keys separated with +,
+         * an array of keys, or a sequence of keys separated by spaces
+         *
+         * be sure to list the modifier keys first to make sure that the
+         * correct key ends up getting bound (the last key in the pattern)
+         *
+         * @param {keys} key combination or combinations
+         * @param {callback} callback function
+         * @param {handler} optional - one of "keypress", "keydown", or "keyup"
+         * @returns void
+         */
+        bind(keys: string | string[], callback: () => void, action?: string): void;
+
+
+        /**
+         * binds multiple combinations to the same callback
+         *
+         * @param {keys} key combinations
+         * @param {callback} callback function
+         * @param {handler} optional - one of "keypress", "keydown", or "keyup"
+         * @returns void
+         */
+        bindMultiple(keys: string[], callback: () => void, action?: string): void;
+
+        /**
+         * unbinds an event to Combokeys
+         *
+         * the unbinding sets the callback function of the specified key combo
+         * to an empty function and deletes the corresponding key in the
+         * directMap dict.
+         *
+         * the keycombo+action has to be exactly the same as
+         * it was defined in the bind method
+         *
+         * @param {keys} key combination or combinations
+         * @param {action} optional - one of "keypress", "keydown", or "keyup"
+         * @returns void
+         */
+        unbind(keys: string | string[], action?: string): void;
+
+        /**
+         * triggers an event that has already been bound
+         *
+         * @param {keys} key combination
+         * @param {action} optional - one of "keypress", "keydown", or "keyup"
+         * @returns void
+         */
+        trigger(keys: string, action?: string): void;
+
+        /**
+         * resets the library back to its initial state. This is useful
+         * if you want to clear out the current keyboard shortcuts and bind
+         * new ones - for example if you switch to another page
+         *
+         * @returns void
+         */
+        reset(): void;
+
+        /**
+         * should we stop this event before firing off callbacks
+         *
+         * @param {e} event
+         * @param {element} bound element
+         * @return {boolean}
+         */
+        stopCallback(e: Event, element: Element): boolean;
+
+        /**
+         * detach all listners from the bound element
+         *
+         * @return {void}
+         */
+        detach(): void;
+    }
+}
+
+declare var combokeys: Combokeys.CombokeysStatic;
+
+declare module "combokeys" {
+    export = combokeys;
+}

From 4cb464134d7c886e3d0ad824518d66e7c414ab9e Mon Sep 17 00:00:00 2001
From: webbiesdk <erik@webbies.dk>
Date: Thu, 2 Jun 2016 17:44:48 +0200
Subject: [PATCH 51/60] PathJS: "route" should be called with new. (#8758)

* PathJS: "route" should be called with new.

* PathJS: Calling route with new in test
---
 pathjs/pathjs-tests.ts | 4 ++--
 pathjs/pathjs.d.ts     | 6 +++++-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/pathjs/pathjs-tests.ts b/pathjs/pathjs-tests.ts
index 5ff4ce5da2..3ee12512f8 100644
--- a/pathjs/pathjs-tests.ts
+++ b/pathjs/pathjs-tests.ts
@@ -13,7 +13,7 @@ Path.history.listen(() =>{
 var initial = Path.history.initial;
 
 //Core
-var route = Path.core.route("/test/:id");
+var route = new Path.core.route("/test/:id");
 
 function test1() {
 	
@@ -30,4 +30,4 @@ var funs = new Array<Function>();
 funs.push(test1);
 funs.push(test2);
 
-route.enter(funs);
\ No newline at end of file
+route.enter(funs);
diff --git a/pathjs/pathjs.d.ts b/pathjs/pathjs.d.ts
index 6b6193b222..ad49b2afb2 100644
--- a/pathjs/pathjs.d.ts
+++ b/pathjs/pathjs.d.ts
@@ -27,7 +27,11 @@ interface IPathRoutes{
 }
 
 interface IPathCore{
-	route(path: string): IPathRoute;
+	route: IPathRouteConstructor;
+}
+
+interface IPathRouteConstructor {
+	new (path: string): IPathRoute;
 }
 
 interface IPath {

From a02593d2778bd40de47d9b72bb1934907ee6b85f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Thierry=20R=C3=A9gagnon?=
 <tregagnon@users.noreply.github.com>
Date: Thu, 2 Jun 2016 17:45:53 +0200
Subject: [PATCH 52/60] Fix declaration for 'denodeify' method in npm module
 'promise' (#9521)

---
 promise/promise-tests.ts | 6 ++++++
 promise/promise.d.ts     | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/promise/promise-tests.ts b/promise/promise-tests.ts
index 140d170b1a..361fa06006 100644
--- a/promise/promise-tests.ts
+++ b/promise/promise-tests.ts
@@ -19,3 +19,9 @@ var prom3 = Promise.all([prom, prom2]);
 prom3.then((resolve: Array<any>) => {
 
 });
+
+function withCallback(arg: any, cb: (e: Error, result: any) => void): void {
+	cb(null, arg);
+}
+var prom4 = Promise.denodeify(withCallback);
+prom4('test').then(result => result);
diff --git a/promise/promise.d.ts b/promise/promise.d.ts
index b771f67893..39ff90f3fc 100644
--- a/promise/promise.d.ts
+++ b/promise/promise.d.ts
@@ -18,7 +18,7 @@ declare namespace Promise {
 		resolve: <T>(value: T) => IThenable<T>;
 		reject: <T>(value: T) => IThenable<T>;
 		all: (array: Array<IThenable<any>>) => IThenable<Array<any>>;
-		denodeify: (fn: Function) => IThenable<any>;
+		denodeify: (fn: Function) => (...args: any[]) => IThenable<any>;
 		nodeify: (fn: Function) => Function;
 	}
 

From 1737fbff88a1cd1bc43eaa1c74a6f62a9e485f6e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fran=C3=A7ois=20Guillot?= <francois-guillot@wanadoo.fr>
Date: Thu, 2 Jun 2016 17:49:05 +0200
Subject: [PATCH 53/60] Typing Location.Query to K,V dictionary (#9524)

* Typing Location.Query to K,V dictionary

Location.Query is actually typed as 'Object', which forces to cast it to 'any' anytime you need to access one of your own query string parameter.

    const clientId = (this.props.location.query as any).clientId;

It should be typed as '{ [key: string]: string; }' since it's a dictionary where you can get your arbitrary named query string parameters.

* Fixing travis build
---
 react-router/history.d.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/react-router/history.d.ts b/react-router/history.d.ts
index 1af2d26993..45dc4d26e4 100644
--- a/react-router/history.d.ts
+++ b/react-router/history.d.ts
@@ -90,7 +90,7 @@ declare namespace HistoryModule {
 
     type Pathname = string
 
-    type Query = Object
+    type Query = { [key: string]: any; }
 
     type QueryString = string
 

From 12dc242d27fba4ee469db0860b9d9ad8a481f0bb Mon Sep 17 00:00:00 2001
From: Igor Kriklivetc <seteh@outlook.com>
Date: Thu, 2 Jun 2016 18:49:58 +0300
Subject: [PATCH 54/60] Update to 15.2.10 (#9526)

* Update to 15.2.9

* Update to 15.2.10
---
 devextreme/devextreme-15.2.9.d.ts | 7443 +++++++++++++++++++++++++++++
 devextreme/devextreme.d.ts        |  353 +-
 2 files changed, 7650 insertions(+), 146 deletions(-)
 create mode 100644 devextreme/devextreme-15.2.9.d.ts

diff --git a/devextreme/devextreme-15.2.9.d.ts b/devextreme/devextreme-15.2.9.d.ts
new file mode 100644
index 0000000000..3a7d42e05a
--- /dev/null
+++ b/devextreme/devextreme-15.2.9.d.ts
@@ -0,0 +1,7443 @@
+// Type definitions for DevExtreme 15.2.9
+// Project: http://js.devexpress.com/
+// Definitions by: DevExpress Inc. <http://devexpress.com/>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+
+/// <reference path="../jquery/jquery.d.ts" />
+
+declare module DevExpress {
+    /** A mixin that provides a capability to fire and subscribe to events. */
+    export interface EventsMixin<T> {
+        /** Subscribes to a specified event. */
+        on(eventName: string, eventHandler: Function): T;
+        /** Subscribes to the specified events. */
+        on(events: { [eventName: string]: Function; }): T;
+        /** Detaches all event handlers from the specified event. */
+        off(eventName: string): Object;
+        /** Detaches a particular event handler from the specified event. */
+        off(eventName: string, eventHandler: Function): T;
+    }
+    /** An object that serves as a namespace for the methods required to perform validation. */
+    export module validationEngine {
+        export interface IValidator {
+            validate(): ValidatorValidationResult;
+            reset(): void;
+        }
+        export interface ValidatorValidationResult {
+            isValid: boolean;
+            name?: string;
+            value: any;
+            brokenRule: any;
+            validationRules: any[];
+        }
+        export interface ValidationGroupValidationResult {
+            isValid: boolean;
+            brokenRules: any[];
+            validators: IValidator[];
+        }
+        export interface GroupConfig extends EventsMixin<GroupConfig>  {
+            group: any;
+            validators: IValidator[];
+            validate(): ValidationGroupValidationResult;
+            reset(): void;
+        }
+        /** Provides access to the object that represents the specified validation group. */
+        export function getGroupConfig(group: any): GroupConfig
+        /** Provides access to the object that represents the default validation group. */
+        export function getGroupConfig(): GroupConfig
+        /** Validates rules of the validators that belong to the specified validation group. */
+        export function validateGroup(group: any): ValidationGroupValidationResult;
+        /** Validates rules of the validators that belong to the default validation group. */
+        export function validateGroup(): ValidationGroupValidationResult;
+        /** Resets the values and validation result of the editors that belong to the specified validation group. */
+        export function resetGroup(group: any): void;
+        /** Resets the values and validation result of the editors that belong to the default validation group. */
+        export function resetGroup(): void;
+        /** Validates the rules that are defined within the dxValidator objects that are registered for the specified ViewModel. */
+        export function validateModel(model: Object): ValidationGroupValidationResult;
+        /** Registers all the dxValidator objects by which the fields of the specified ViewModel are extended. */
+        export function registerModelForValidation(model: Object) : void;
+    }
+    export var hardwareBackButton: JQueryCallback;
+    /** Processes the hardware back button click. */
+    export function processHardwareBackButton(): void;
+    /** Hides the last displayed overlay widget. */
+    export function hideTopOverlay(): boolean;
+    /** Specifies whether or not the entire application/site supports right-to-left representation. */
+    export var rtlEnabled: boolean;
+    /** Registers a new component in the DevExpress.ui namespace as a jQuery plugin, Angular directive and Knockout binding. */
+    export function registerComponent(name: string, componentClass: Object): void;
+    /** Registers a new component in the specified namespace as a jQuery plugin, Angular directive and Knockout binding. */
+    export function registerComponent(name: string, namespace: Object, componentClass: Object): void;
+    export function requestAnimationFrame(callback: Function): number;
+    export function cancelAnimationFrame(requestID: number): void;
+    /** Custom Knockout binding that links an HTML element with a specific action. */
+    export class Action { }
+    /** Used to get URLs that vary in a locally running application and the application running on production. */
+    export class EndpointSelector {
+        constructor(options: {
+            [key: string]: {
+                local?: string;
+                production?: string;
+            }
+        });
+        /** Returns a local or a productional URL depending on how the application is currently running. */
+        urlFor(key: string): string;
+    }
+    /** An object that serves as a namespace for the methods that are used to animate UI elements. */
+    export module fx {
+        /** Defines animation options. */
+        export interface AnimationOptions {
+            /** A function called after animation is completed. */
+            complete?: (element: JQuery, config: AnimationOptions) => void;
+            /** A number specifying wait time before animation execution. */
+            delay?: number;
+            /** A number specifying the time period to wait before the animation of the next stagger item starts. */
+            staggerDelay?: number;
+            /** A number specifying the time in milliseconds spent on animation. */
+            duration?: number;
+            /** A string specifying the type of an easing function used for animation. */
+            easing?: string;
+            /** Specifies the initial animation state. */
+            from?: any;
+            /** A function called before animation is started. */
+            start?: (element: JQuery, config: AnimationOptions) => void;
+            /** Specifies a final animation state. */
+            to?: any;
+            /** A string value specifying the animation type. */
+            type?: string;
+            /** Specifies the animation direction for the "slideIn" and "slideOut" animation types. */
+            direction?: string;
+        }
+        /** Animates the specified element. */
+        export function animate(element: HTMLElement, config: AnimationOptions): Object;
+        /** Returns a value indicating whether the specified element is being animated. */
+        export function isAnimating(element: HTMLElement): boolean;
+        /** Stops the animation. */
+        export function stop(element: HTMLElement, jumpToEnd: boolean): void;
+    }
+    /** The manager that performs several specified animations at a time. */
+    export class TransitionExecutor {
+        /** Deletes all the animations registered in the Transition Executor by using the enter(elements, animation) and leave(elements, animation) methods. */
+        reset(): void;
+        /** Registers a set of elements that should be animated as "entering" using the specified animation configuration. */
+        enter(elements: JQuery, animation: any): void;
+        /** Registers a set of elements that should be animated as "leaving" using the specified animation configuration. */
+        leave(elements: JQuery, animation: any): void;
+        /** Starts all the animations registered using the enter(elements, animation) and leave(elements, animation) methods beforehand. */
+        start(config: Object): JQueryPromise<void>;
+        /** Stops all started animations. */
+        stop(): void;
+    }
+    export class AnimationPresetCollection {
+        /** Resets all the changes made in the animation repository. */
+        resetToDefaults(): void;
+        /** Deletes the specified animation or clears all the animation repository, if an animation name is not passed. */
+        clear(name: string): void;
+        /** Adds the specified animation preset to the animation repository by the specified name. */
+        registerPreset(name: string, config: any): void;
+        /** Applies the changes made in the animation repository. */
+        applyChanges(): void;
+        /** Returns the configuration of the animation found in the animation repository by the specified name for the current device. */
+        getPreset(name: string): void;
+        /** Registers predefined animations in the animation repository. */
+        registerDefaultPresets(): void;
+    }
+    /** A repository of animations. */
+    export var animationPresets: AnimationPresetCollection;
+    /** The device object defines the device on which the application is running. */
+    export interface Device {
+        /** Indicates whether or not the device platform is Android. */
+        android?: boolean;
+        /** Specifies the type of the device on which the application is running. */
+        deviceType?: string;
+        /** Indicates whether or not the device platform is generic, which means that the application will look and behave according to a generic "light" or "dark" theme. */
+        generic?: boolean;
+        /** Indicates whether or not the device platform is iOS. */
+        ios?: boolean;
+        /** Indicates whether or not the device type is 'phone'. */
+        phone?: boolean;
+        /** Specifies the platform of the device on which the application is running. */
+        platform?: string;
+        /** Indicates whether or not the device type is 'tablet'. */
+        tablet?: boolean;
+        /** Specifies an array with the major and minor versions of the device platform. */
+        version?: Array<number>;
+        /** Indicates whether or not the device platform is Windows. */
+        win?: boolean;
+        /** Specifies a performance grade of the current device. */
+        grade?: string;
+    }
+    export class Devices implements EventsMixin<Devices> {
+        constructor(options: { window: Window });
+        /** Overrides actual device information to force the application to operate as if it was running on the specified device. */
+        current(deviceName: any): void;
+        /** Returns information about the current device. */
+        current(): Device;
+        orientationChanged: JQueryCallback;
+        /** Returns the current device orientation. */
+        orientation(): string;
+        /** Returns real information about the current device regardless of the value passed to the devices.current(deviceName) method. */
+        real(): Device;
+        on(eventName: "orientationChanged", eventHandler: (e: { orientation: string }) => void): Devices;
+        on(eventName: string, eventHandler: Function): Devices;
+        on(events: { [eventName: string]: Function; }): Devices;
+        off(eventName: "orientationChanged"): Devices;
+        off(eventName: string): Devices;
+        off(eventName: "orientationChanged", eventHandler: (e: { orientation: string }) => void): Devices;
+        off(eventName: string, eventHandler: Function): Devices;
+    }
+    /** An object that serves as a namespace for the methods and events specifying information on the current device. */
+    export var devices: Devices;
+    /** The position object specifies the widget positioning options. */
+    export interface PositionOptions {
+        /** The target element position that the widget is positioned against. */
+        at?: string;
+        /** The element within which the widget is positioned. */
+        boundary?: Element;
+        /** A string value holding horizontal and vertical offset from the window's boundaries. */
+        boundaryOffset?: string;
+        /** Specifies how to move the widget if it overflows the screen. */
+        collision?: any;
+        /** The position of the widget to align against the target element. */
+        my?: string;
+        /** The target element that the widget is positioned against. */
+        of?: HTMLElement;
+        /** A string value holding horizontal and vertical offset in pixels, separated by a space (e.g., "5 -10"). */
+        offset?: string;
+    }
+    export interface ComponentOptions {
+        /** A handler for the initialized event. */
+        onInitialized?: Function;
+        /** A handler for the optionChanged event. */
+        onOptionChanged?: Function;
+        /** A handler for the disposing event. */
+        onDisposing?: Function;
+    }
+    /** A base class for all components and widgets. */
+    export class Component {
+        constructor(options?: ComponentOptions)
+        /** Prevents the component from refreshing until the endUpdate method is called. */
+        beginUpdate(): void;
+        /** Enables the component to refresh after the beginUpdate method call. */
+        endUpdate(): void;
+        /** Returns an instance of this component class. */
+        instance(): Component;
+        /** Returns the configuration options of this component. */
+        option(): {
+            [optionKey: string]: any;
+        };
+        /** Sets one or more options of this component. */
+        option(options: {
+            [optionKey: string]: any;
+        }): void;
+        /** Gets the value of the specified configuration option of this component. */
+        option(optionName: string): any;
+        /** Sets a value to the specified configuration option of this component. */
+        option(optionName: string, optionValue: any): void;
+    }
+    export interface DOMComponentOptions extends ComponentOptions {
+        /** Specifies whether or not the current component supports a right-to-left representation. */
+        rtlEnabled?: boolean;
+        /** Specifies the height of the widget. */
+        height?: any;
+        /** Specifies the width of the widget. */
+        width?: any;
+    }
+    /** A base class for all components. */
+    export class DOMComponent extends Component {
+        constructor(element: JQuery, options?: DOMComponentOptions);
+        constructor(element: HTMLElement, options?: DOMComponentOptions);
+        /** Returns the root HTML element of the widget. */
+        element(): JQuery;
+        /** Specifies the device-dependent default configuration options for this component. */
+        static defaultOptions(rule: {
+            device?: any;
+            options?: any;
+        }): void;
+    }
+    export module data {
+        export interface ODataError extends Error {
+            httpStatus?: number;
+            errorDetails?: any;
+        }
+        export interface StoreOptions {
+            /** A handler for the modified event. */
+            onModified?: () => void;
+            /** A handler for the modifying event. */
+            onModifying?: () => void;
+            /** A handler for the removed event. */
+            onRemoved?: (key: any) => void;
+            /** A handler for the removing event. */
+            onRemoving?: (key: any) => void;
+            /** A handler for the updated event. */
+            onUpdated?: (key: any, values: Object) => void;
+            /** A handler for the updating event. */
+            onUpdating?: (key: any, values: Object) => void;
+            /** A handler for the loaded event. */
+            onLoaded?: (result: Array<any>) => void;
+            /** A handler for the loading event. */
+            onLoading?: (loadOptions: LoadOptions) => void;
+            /** A handler for the inserted event. */
+            onInserted?: (values: Object, key: any) => void;
+            /** A handler for the inserting event. */
+            onInserting?: (values: Object) => void;
+            /** Specifies the function called when the Store causes an error. */
+            errorHandler?: (e: Error) => void;
+            /** Specifies the key properties within the data associated with the Store. */
+            key?: any;
+        }
+        export interface LoadOptions {
+            filter?: Object;
+            sort?: Object;
+            select?: Object;
+            expand?: Object;
+            group?: Object;
+            skip?: number;
+            take?: number;
+            userData?: Object;
+            requireTotalCount?: boolean;
+        }
+        /** The base class for all Stores. */
+        export class Store implements EventsMixin<Store> {
+            constructor(options?: StoreOptions);
+            /** Returns the data item specified by the key. */
+            byKey(key: any): JQueryPromise<any>;
+            /** Adds an item to the data associated with this Store. */
+            insert(values: Object): JQueryPromise<any>;
+            /** Returns the key expression specified via the key configuration option. */
+            key(): any;
+            /** Returns the key of the Store item that matches the specified object. */
+            keyOf(obj: Object): any;
+            /** Starts loading data. */
+            load(obj?: LoadOptions): JQueryPromise<any[]>;
+            /** Removes the data item specified by the key. */
+            remove(key: any): JQueryPromise<any>;
+            /** Obtains the total count of items that will be returned by the load() function. */
+            totalCount(options?: {
+                filter?: Object;
+                group?: Object;
+            }): JQueryPromise<any>;
+            /** Updates the data item specified by the key. */
+            update(key: any, values: Object): JQueryPromise<any>;
+            on(eventName: "removing", eventHandler: (key: any) => void): Store;
+            on(eventName: "removed", eventHandler: (key: any) => void): Store;
+            on(eventName: "updating", eventHandler: (key: any, values: Object) => void): Store;
+            on(eventName: "updated", eventHandler: (key: any, values: Object) => void): Store;
+            on(eventName: "inserting", eventHandler: (values: Object) => void): Store;
+            on(eventName: "inserted", eventHandler: (values: Object, key: any) => void): Store;
+            on(eventName: "modifying", eventHandler: () => void): Store;
+            on(eventName: "modified", eventHandler: () => void): Store;
+            on(eventName: "loading", eventHandler: (loadOptions: LoadOptions) => void): Store;
+            on(eventName: "loaded", eventHandler: (result: Array<any>) => void): Store;
+            on(eventName: string, eventHandler: Function): Store;
+            on(events: { [eventName: string]: Function; }): Store;
+            off(eventName: "removing"): Store;
+            off(eventName: "removed"): Store;
+            off(eventName: "updating"): Store;
+            off(eventName: "updated"): Store;
+            off(eventName: "inserting"): Store;
+            off(eventName: "inserted"): Store;
+            off(eventName: "modifying"): Store;
+            off(eventName: "modified"): Store;
+            off(eventName: "loading"): Store;
+            off(eventName: "loaded"): Store;
+            off(eventName: string): Store;
+            off(eventName: "removing", eventHandler: (key: any) => void): Store;
+            off(eventName: "removed", eventHandler: (key: any) => void): Store;
+            off(eventName: "updating", eventHandler: (key: any, values: Object) => void): Store;
+            off(eventName: "updated", eventHandler: (key: any, values: Object) => void): Store;
+            off(eventName: "inserting", eventHandler: (values: Object) => void): Store;
+            off(eventName: "inserted", eventHandler: (values: Object, key: any) => void): Store;
+            off(eventName: "modifying", eventHandler: () => void): Store;
+            off(eventName: "modified", eventHandler: () => void): Store;
+            off(eventName: "loading", eventHandler: (loadOptions: LoadOptions) => void): Store;
+            off(eventName: "loaded", eventHandler: (result: Array<any>) => void): Store;
+            off(eventName: string, eventHandler: Function): Store;
+        }
+        export interface ArrayStoreOptions extends StoreOptions {
+            /** Specifies the array associated with this Store. */
+            data?: Array<any>;
+        }
+        /** A Store accessing an in-memory array. */
+        export class ArrayStore extends Store {
+            constructor(options?: ArrayStoreOptions);
+            /** Clears all data associated with the current ArrayStore. */
+            clear(): void;
+            /** Creates the Query object for the underlying array. */
+            createQuery(): Query;
+        }
+        interface Promise {
+            then(doneFn?: Function, failFn?: Function, progressFn?: Function): Promise;
+        }
+        export interface CustomStoreOptions extends StoreOptions {
+            /** The user implementation of the byKey(key, extraOptions) method. */
+            byKey?: (key: any) => Promise;
+            /** The user implementation of the insert(values) method. */
+            insert?: (values: Object) => Promise;
+            /** The user implementation of the load(options) method. */
+            load?: (options?: LoadOptions) => Promise;
+            /** The user implementation of the remove(key) method. */
+            remove?: (key: any) => Promise;
+            /** The user implementation of the totalCount(options) method. */
+            totalCount?: (options?: {
+                filter?: Object;
+                group?: Object;
+            }) => Promise;
+            /** The user implementation of the update(key, values) method. */
+            update?: (key: any, values: Object) => Promise;
+        }
+        /** A Store object that enables you to implement your own data access logic. */
+        export class CustomStore extends Store {
+            constructor(options: CustomStoreOptions);
+        }
+        export interface DataSourceOptions {
+            /** Specifies data filtering conditions. */
+            filter?: Object;
+            /** Specifies data grouping conditions. */
+            group?: Object;
+            /** The item mapping function. */
+            map?: (record: any) => any;
+            /** Specifies the maximum number of items the page can contain. */
+            pageSize?: number;
+            /** Specifies whether a DataSource loads data by pages, or all items at once. */
+            paginate?: boolean;
+            /** The data post processing function. */
+            postProcess?: (data: any[]) => any[];
+            /** Specifies a value by which the required items are searched. */
+            searchExpr?: Object;
+            /** Specifies the comparison operation used to search for the required items. */
+            searchOperation?: string;
+            /** Specifies the value to which the search expression is compared. */
+            searchValue?: Object;
+            /** Specifies the initial select option value. */
+            select?: Object;
+            /** An array of the strings that represent the names of the navigation properties to be loaded simultaneously with the OData store's entity. */
+            expand?: Object;
+            /** Specifies whether or not the DataSource instance requests the total count of items available in the storage. */
+            requireTotalCount?: boolean;
+            /** Specifies the initial sort option value. */
+            sort?: Object;
+            /** Specifies the underlying Store instance used to access data. */
+            store?: any;
+            /** A handler for the changed event. */
+            onChanged?: () => void;
+            /** A handler for the loadingChanged event. */
+            onLoadingChanged?: (isLoading: boolean) => void;
+            /** A handler for the loadError event. */
+            onLoadError?: (e?: Error) => void;
+        }
+        export interface OperationPromise<T> extends JQueryPromise<T> {
+            operationId: number;
+        }
+        /** An object that provides access to a data web service or local data storage for collection container widgets. */
+        export class DataSource implements EventsMixin<DataSource> {
+            constructor(url: string);
+            constructor(data: Array<any>);
+            constructor(options: CustomStoreOptions);
+            constructor(options: DataSourceOptions);
+            /** Disposes all resources associated with this DataSource. */
+            dispose(): void;
+            /** Returns the current filter option value. */
+            filter(): Object;
+            /** Sets the filter option value. */
+            filter(filterExpr: Object): void;
+            /** Returns the current group option value. */
+            group(): Object;
+            /** Sets the group option value. */
+            group(groupExpr: Object): void;
+            /** Indicates whether or not the current page contains fewer items than the number of items specified by the pageSize configuration option. */
+            isLastPage(): boolean;
+            /** Indicates whether or not at least one load() method execution has successfully finished. */
+            isLoaded(): boolean;
+            /** Indicates whether or not the DataSource is currently being loaded. */
+            isLoading(): boolean;
+            /** Returns the array of items currently operated by the DataSource. */
+            items(): Array<any>;
+            /** Returns the key expression. */
+            key(): any;
+            /** Starts loading data. */
+            load(): OperationPromise<Array<any>>;
+            /** Clears currently loaded DataSource items and calls the load() method. */
+            reload(): OperationPromise<Array<any>>;
+            /** Returns an object that would be passed to the load() method of the underlying Store according to the current data shaping option values of the current DataSource instance. */
+            loadOptions(): Object;
+            /** Returns the current pageSize option value. */
+            pageSize(): number;
+            /** Sets the pageSize option value. */
+            pageSize(value: number): void;
+            /** Specifies the index of the currently loaded page. */
+            pageIndex(): number;
+            /** Specifies the index of the page to be loaded during the next load() method execution. */
+            pageIndex(newIndex: number): void;
+            /** Returns the current paginate option value. */
+            paginate(): boolean;
+            /** Sets the paginate option value. */
+            paginate(value: boolean): void;
+            /** Returns the searchExpr option value. */
+            searchExpr(): Object;
+            /** Sets the searchExpr option value. */
+            searchExpr(expr: Object): void;
+            /** Returns the currently specified search operation. */
+            searchOperation(): string;
+            /** Sets the current search operation. */
+            searchOperation(op: string): void;
+            /** Returns the searchValue option value. */
+            searchValue(): Object;
+            /** Sets the searchValue option value. */
+            searchValue(value: Object): void;
+            /** Returns the current select option value. */
+            select(): Object;
+            /** Sets the select option value. */
+            select(expr: Object): void;
+            /** Returns the current requireTotalCount option value. */
+            requireTotalCount(): boolean;
+            /** Sets the requireTotalCount option value. */
+            requireTotalCount(value: boolean): void;
+            /** Returns the current sort option value. */
+            sort(): Object;
+            /** Sets the sort option value. */
+            sort(sortExpr: Object): void;
+            /** Returns the underlying Store instance. */
+            store(): Store;
+            /** Returns the number of data items available in an underlying Store after the last load() operation without paging. */
+            totalCount(): number;
+            cancel(operationId: number): boolean;
+            on(eventName: "loadingChanged", eventHandler: (isLoading: boolean) => void): DataSource;
+            on(eventName: "loadError", eventHandler: (e?: Error) => void): DataSource;
+            on(eventName: "changed", eventHandler: () => void): DataSource;
+            on(eventName: string, eventHandler: Function): DataSource;
+            on(events: { [eventName: string]: Function; }): DataSource;
+            off(eventName: "loadingChanged"): DataSource;
+            off(eventName: "loadError"): DataSource;
+            off(eventName: "changed"): DataSource;
+            off(eventName: string): DataSource;
+            off(eventName: "loadingChanged", eventHandler: (isLoading: boolean) => void): DataSource;
+            off(eventName: "loadError", eventHandler: (e?: Error) => void): DataSource;
+            off(eventName: "changed", eventHandler: () => void): DataSource;
+            off(eventName: string, eventHandler: Function): DataSource;
+        }
+        /** An object used to work with primitive data types not supported by JavaScript when accessing an OData web service. */
+        export class EdmLiteral {
+            /** Creates an EdmLiteral instance and assigns the specified value to it. */
+            constructor(value: string);
+            /** Returns a string representation of the value associated with this EdmLiteral object. */
+            valueOf(): string;
+        }
+        /** An object used to generate and hold the GUID. */
+        export class Guid {
+            /** Creates a new Guid instance that holds the specified GUID. */
+            constructor(value: string);
+            /** Creates a new Guid instance holding the generated GUID. */
+            constructor();
+            /** Returns a string representation of the Guid instance. */
+            toString(): string;
+            /** Returns a string representation of the Guid instance. */
+            valueOf(): string;
+        }
+        export interface LocalStoreOptions extends ArrayStoreOptions {
+            /** Specifies the time (in miliseconds) after the change operation, before the data is flushed. */
+            flushInterval?: number;
+            /** Specifies whether the data is flushed immediatelly after each change operation, or after the delay specified via the flushInterval option. */
+            immediate?: boolean;
+            /** The unique identifier used to distinguish the data within the HTML5 Web Storage. */
+            name?: string;
+        }
+        /** A Store providing access to the HTML5 Web Storage. */
+        export class LocalStore extends ArrayStore {
+            constructor(options?: LocalStoreOptions);
+            /** Removes all data associated with this Store. */
+            clear(): void;
+        }
+        export interface ODataContextOptions extends ODataStoreOptions {
+            /** Specifies the list of entities to be accessed via the ODataContext. */
+            entities?: Object;
+            /** Specifies the function called if the ODataContext causes an error. */
+            errorHandler?: (e: Error) => void;
+        }
+        /** Provides access to the entire OData service. */
+        export class ODataContext {
+            constructor(options?: ODataContextOptions);
+            /** Initiates the specified WebGet service operation that returns a value. For the information on service operations, refer to the OData documentation. */
+            get(operationName: string, params: Object): JQueryPromise<any>;
+            /** Initiates the specified WebGet service operation that returns nothing. For the information on service operations, refer to the OData documentation. */
+            invoke(operationName: string, params: Object, httpMethod: Object): JQueryPromise<any>;
+            /** Return a special proxy object to describe the entity link. */
+            objectLink(entityAlias: string, key: any): Object;
+        }
+        export interface ODataStoreOptions extends StoreOptions {
+            /** A function used to customize a web request before it is sent. */
+            beforeSend?: (request: {
+                url: string;
+                async: boolean;
+                method: string;
+                timeout: number;
+                params: Object;
+                payload: Object;
+                headers: Object;
+            }) => void;
+            /** Specifies whether the ODataStore uses the JSONP approach to access non-CORS-compatible remote services. */
+            jsonp?: boolean;
+            /** Specifies the type of the ODataStore key property. The following key types are supported out of the box: String, Int32, Int64, and Guid. */
+            keyType?: any;
+            /** Specifies whether or not dates found in the response are deserialized. */
+            deserializeDates?: boolean;
+            /** Specifies the URL of the data service being accessed via the current ODataContext. */
+            url?: string;
+            /** Specifies the version of the OData protocol used to interact with the data service. */
+            version?: number;
+            /** Specifies the value of the withCredentials field of the underlying jqXHR object. */
+            withCredentials?: boolean;
+        }
+        /** A Store providing access to a separate OData web service entity. */
+        export class ODataStore extends Store {
+            constructor(options?: ODataStoreOptions);
+            /** Creates the Query object for the OData endpoint. */
+            createQuery(loadOptions: Object): Object;
+            /** Returns the data item specified by the key. */
+            byKey(key: any, extraOptions?: { expand?: Object }): JQueryPromise<any>;
+        }
+        /** An universal chainable data query interface object. */
+        export interface Query {
+            /** Calculates a custom summary for the items in the current Query. */
+            aggregate(step: (accumulator: any, value: any) => any): JQueryPromise<any>;
+            /** Calculates a custom summary for the items in the current Query. */
+            aggregate(seed: any, step: (accumulator: any, value: any) => any, finalize: (result: any) => any): JQueryPromise<any>;
+            /** Calculates the average item value for the current Query. */
+            avg(getter: Object): JQueryPromise<any>;
+            /** Finds the item with the maximum getter value. */
+            max(getter: Object): JQueryPromise<any>;
+            /** Finds the item with the maximum value in the Query. */
+            max(): JQueryPromise<any>;
+            /** Finds the item with the minimum value in the Query. */
+            min(): JQueryPromise<any>;
+            /** Finds the item with the minimum getter value. */
+            min(getter: Object): JQueryPromise<any>;
+            /** Calculates the average item value for the current Query, if each Query item has a numeric type. */
+            avg(): JQueryPromise<any>;
+            /** Returns the total count of items in the current Query. */
+            count(): JQueryPromise<any>;
+            /** Executes the Query. */
+            enumerate(): JQueryPromise<any>;
+            /** Filters the current Query data. */
+            filter(criteria: Array<any>): Query;
+            /** Filters the current Query data. */
+            filter(predicate: (item: any) => boolean): Query;
+            /** Groups the current Query data. */
+            groupBy(getter: Object): Query;
+            /** Applies the specified transformation to each item. */
+            select(getter: Object): Query;
+            /** Limits the data item count. */
+            slice(skip: number, take?: number): Query;
+            /** Sorts current Query data. */
+            sortBy(getter: Object, desc: boolean): Query;
+            /** Sorts current Query data. */
+            sortBy(getter: Object): Query;
+            /** Calculates the sum of item getter values in the current Query. */
+            sum(getter: Object): JQueryPromise<any>;
+            /** Calculates the sum of item values in the current Query. */
+            sum(): JQueryPromise<any>;
+            /** Adds one more sorting condition to the current Query. */
+            thenBy(getter: Object): Query;
+            /** Adds one more sorting condition to the current Query. */
+            thenBy(getter: Object, desc: boolean): Query;
+            /** Returns the array of current Query items. */
+            toArray(): Array<any>;
+        }
+        /** The global data layer error handler. */
+        export var errorHandler: (e: Error) => void;
+        /** Encodes the specified string or array of bytes to base64 encoding. */
+        export function base64_encode(input: any): string;
+        /** Creates a Query instance. */
+        export function query(array: Array<any>): Query;
+        /** Creates a Query instance for accessing the remote service specified by a URL. */
+        export function query(url: string, queryOptions: Object): Query;
+        /** This section describes the utility objects provided by the DevExtreme data layer. */
+        export var utils: {
+            /** Compiles a getter function from the getter expression. */
+            compileGetter(expr: any): Function;
+            /** Compiles a setter function from the setter expression. */
+            compileSetter(expr: any): Function;
+            odata: {
+                /** Holds key value converters for OData. */
+                keyConverters: {
+                    String(value: any): string;
+                    Int32(value: any): number;
+                    Int64(value: any): EdmLiteral;
+                    Guid(value: any): Guid;
+                    Boolean(value: any): boolean;
+                    Single(value: any): EdmLiteral;
+                    Decimal(value: any): EdmLiteral;
+                };
+            }
+        }
+    }
+    /** An object that serves as a namespace for DevExtreme UI widgets as well as for methods implementing UI logic in DevExtreme sites/applications. */
+    export module ui {
+        export interface WidgetOptions extends DOMComponentOptions {
+            /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
+            activeStateEnabled?: boolean;
+            /** A Boolean value specifying whether or not the widget can respond to user interaction. */
+            disabled?: boolean;
+            /** A Boolean value specifying whether or not the widget changes its state when being hovered by an end user. */
+            hoverStateEnabled?: boolean;
+            /** Specifies whether or not the widget can be focused. */
+            focusStateEnabled?: boolean;
+            /** Specifies a shortcut key that sets focus on the widget element. */
+            accessKey?: string;
+            /** A Boolean value specifying whether or not the widget is visible. */
+            visible?: boolean;
+            /** Specifies the widget tab index. */
+            tabIndex?: number;
+            /** Specifies the text of the hint displayed for the widget. */
+            hint?: string;
+        }
+        /** The base class for widgets. */
+        export class Widget extends DOMComponent {
+            constructor(options?: WidgetOptions);
+            /** Redraws the widget. */
+            repaint(): void;
+            /** Sets focus on the widget. */
+            focus(): void;
+            /** Registers a handler when a specified key is pressed. */
+            registerKeyHandler(key: string, handler: Function): void;
+        }
+        export interface CollectionWidgetOptions extends WidgetOptions {
+            /** A data source used to fetch data to be displayed by the widget. */
+            dataSource?: any;
+            /** The time period in milliseconds before the onItemHold event is raised. */
+            itemHoldTimeout?: number;
+            /** An array of items displayed by the widget. */
+            items?: Array<any>;
+            /** The template to be used for rendering items. */
+            itemTemplate?: any;
+            loopItemFocus?: boolean;
+            /** The text or HTML markup displayed by the widget if the item collection is empty. */
+            noDataText?: string;
+            onContentReady?: any;
+            /** A handler for the itemClick event. */
+            onItemClick?: any;
+            /** A handler for the itemContextMenu event. */
+            onItemContextMenu?: Function;
+            /** A handler for the itemHold event. */
+            onItemHold?: Function;
+            /** A handler for the itemRendered event. */
+            onItemRendered?: Function;
+            /** A handler for the selectionChanged event. */
+            onSelectionChanged?: Function;
+            /** The index of the currently selected widget item. */
+            selectedIndex?: number;
+            /** The selected item object. */
+            selectedItem?: Object;
+            /** An array of currently selected item objects. */
+            selectedItems?: Array<any>;
+            /** A handler for the itemDeleting event. */
+            onItemDeleting?: Function;
+            /** A handler for the itemDeleted event. */
+            onItemDeleted?: Function;
+            /** A handler for the itemReordered event. */
+            onItemReordered?: Function;
+        }
+        /** The base class for widgets containing an item collection. */
+        export class CollectionWidget extends Widget {
+            constructor(element: JQuery, options?: CollectionWidgetOptions);
+            constructor(element: HTMLElement, options?: CollectionWidgetOptions);
+            selectItem(itemElement: any): void;
+            unselectItem(itemElement: any): void;
+            deleteItem(itemElement: any): JQueryPromise<void>;
+            isItemSelected(itemElement: any): boolean;
+            reorderItem(itemElement: any, toItemElement: any): JQueryPromise<void>;
+        }
+        export interface DataExpressionMixinOptions {
+            /** A data source used to fetch data to be displayed by the widget. */
+            dataSource?: any;
+            /** Specifies the name of the data source item field whose value is displayed by the widget. */
+            displayExpr?: any;
+            /** Specifies the name of a data source item field whose value is held in the value configuration option. */
+            valueExpr?: any;
+            /** An array of items displayed by the widget. */
+            items?: Array<any>;
+            /** The template to be used for rendering items. */
+            itemTemplate?: any;
+            /** The currently selected value in the widget. */
+            value?: Object;
+        }
+        export interface EditorOptions extends WidgetOptions {
+            /** The currently specified value. */
+            value?: Object;
+            /** A handler for the valueChanged event. */
+            onValueChanged?: Function;
+            /** A Boolean value specifying whether or not the widget is read-only. */
+            readOnly?: boolean;
+            /** Holds the object that defines the error that occurred during validation. */
+            validationError?: Object;
+            /** Specifies whether the editor's value is valid. */
+            isValid?: boolean;
+            /** Specifies how the message about the validation rules that are not satisfied by this editor's value is displayed. */
+            validationMessageMode?: string;
+        }
+        /** A base class for editors. */
+        export class Editor extends Widget {
+            /** Resets the editor's value to undefined. */
+            reset(): void;
+        }
+        /** An object that serves as a namespace for methods displaying a message in an application/site. */
+        export var dialog: {
+            /** Creates an alert dialog message containing a single "OK" button. */
+            alert(message: string, title: string): JQueryPromise<void>;
+            /** Creates a confirm dialog that contains "Yes" and "No" buttons. */
+            confirm(message: string, title: string): JQueryPromise<boolean>;
+            /** Creates a custom dialog using the options specified by the passed configuration object. */
+            custom(options: { title?: string; message?: string; buttons?: Array<Object>; }): {
+                show(): JQueryPromise<any>;
+                hide(): void;
+                hide(value: any): void;
+            };
+        };
+        /** Creates a toast message. */
+        export function notify(message: any, type: string, displayTime: number): void;
+        /** Creates a toast message. */
+        export function notify(options: Object): void;
+        /** An object that serves as a namespace for the methods that work with DevExtreme CSS Themes. */
+        export var themes: {
+            /** Returns the name of the currently applied theme. */
+            current(): string;
+            /** Changes the current theme to the specified one. */
+            current(themeName: string): void;
+        };
+        /** Sets a specified template engine. */
+        export function setTemplateEngine(name: string): void;
+        /** Sets a custom template engine defined via custom compile and render functions. */
+        export function setTemplateEngine(options: Object): void;
+    }
+    /** An object that serves as a namespace for utility methods that can be helpful when working with the DevExtreme framework and UI widgets. */
+    export var utils: {
+        /** Sets parameters for the viewport meta tag. */
+        initMobileViewport(options: { allowZoom?: boolean; allowPan?: boolean; allowSelection?: boolean }): void;
+        /** Requests that the browser call a specified function to update animation before the next repaint. */
+        requestAnimationFrame(callback: Function): number;
+        /** Cancels an animation frame request scheduled with the requestAnimationFrame method. */
+        cancelAnimationFrame(requestID: number): void;
+    };
+    /** An object that serves as a namespace for DevExtreme Data Visualization Widgets. */
+    export module viz {
+        /** Applies a theme for the entire page with several DevExtreme visualization widgets. */
+        export function currentTheme(theme: string): void;
+        /** Applies a new theme (with the color scheme defined separately) for the entire page with several DevExtreme visualization widgets. */
+        export function currentTheme(platform: string, colorScheme: string): void;
+        /** Registers a new theme based on the existing one. */
+        export function registerTheme(customTheme: Object, baseTheme: string): void;
+        /** Applies a predefined or registered custom palette to all visualization widgets at once. */
+        export function currentPalette(paletteName: string): void;
+        /** Obtains the color sets of a predefined or registered palette. */
+        export function getPalette(paletteName: string): Object;
+        /** Registers a new palette. */
+        export function registerPalette(paletteName: string, palette: Object): void;
+    }
+}
+declare module DevExpress.ui {
+    export interface dxValidatorOptions extends DOMComponentOptions {
+        /** An array of validation rules to be checked for the editor with which the dxValidator object is associated. */
+        validationRules?: Array<any>;
+        /** Specifies the editor name to be used in the validation default messages. */
+        name?: string;
+        /** An object that specifies what and when to validate and how to apply the validation result. */
+        adapter?: Object;
+        /** Specifies the validation group the editor will be related to. */
+        validationGroup?: string;
+        /** A handler for the validated event. */
+        onValidated?: (params: validationEngine.ValidatorValidationResult) => void;
+    }
+    /** A widget that is used to validate the associated DevExtreme editors against the defined validation rules. */
+    export class dxValidator extends DOMComponent implements validationEngine.IValidator {
+        constructor(element: JQuery, options?: dxValidatorOptions);
+        constructor(element: Element, options?: dxValidatorOptions);
+        /** Validates the value of the editor that is controlled by the current dxValidator object against the list of the specified validation rules. */
+        validate(): validationEngine.ValidatorValidationResult;
+        /** Resets the value and validation result of the editor associated with the current dxValidator object. */
+        reset(): void;
+    }
+    /** The widget that is used in the Knockout and Angular approaches to combine the editors to be validated. */
+    export class dxValidationGroup extends DOMComponent {
+        constructor(element: JQuery);
+        constructor(element: Element);
+        /** Validates rules of the validators that belong to the current validation group. */
+        validate(): validationEngine.ValidationGroupValidationResult;
+        /** Resets the value and validation result of the editors that are included to the current validation group. */
+        reset(): void;
+    }
+    export interface dxValidationSummaryOptions extends CollectionWidgetOptions {
+        /** Specifies the validation group for which summary should be generated. */
+        validationGroup?: string;
+    }
+    /** A widget for displaying the result of checking validation rules for editors. */
+    export class dxValidationSummary extends CollectionWidget {
+        constructor(element: JQuery, options?: dxValidationSummaryOptions);
+        constructor(element: Element, options?: dxValidationSummaryOptions);
+    }
+    export interface dxResizableOptions extends DOMComponentOptions {
+        /** Specifies which borders of the widget element are used as a handle. */
+        handles?: string;
+        /** Specifies the lower width boundary for resizing. */
+        minWidth?: number;
+        /** Specifies the upper width boundary for resizing. */
+        maxWidth?: number;
+        /** Specifies the lower height boundary for resizing. */
+        minHeight?: number;
+        /** Specifies the upper height boundary for resizing. */
+        maxHeight?: number;
+        /** A handler for the resizeStart event. */
+        onResizeStart?: Function;
+        /** A handler for the resize event. */
+        onResize?: Function;
+        /** A handler for the resizeEnd event. */
+        onResizeEnd?: Function;
+    }
+    /** A widget that displays required content in a resizable element. */
+    export class dxResizable extends DOMComponent {
+        constructor(element: JQuery, options?: dxResizableOptions);
+        constructor(element: Element, options?: dxResizableOptions);
+    }
+    export interface dxTooltipOptions extends dxPopoverOptions {
+    }
+    /** A tooltip widget. */
+    export class dxTooltip extends dxPopover {
+        constructor(element: JQuery, options?: dxTooltipOptions);
+        constructor(element: Element, options?: dxTooltipOptions);
+    }
+    export interface dxDropDownListOptions extends dxDropDownEditorOptions, DataExpressionMixinOptions {
+        /** Returns the value currently displayed by the widget. */
+        displayValue?: string;
+        /** The minimum number of characters that must be entered into the text box to begin a search. */
+        minSearchLength?: number;
+        /** Specifies whether or not the widget displays unfiltered values until a user types a number of characters exceeding the minSearchLength option value. */
+        showDataBeforeSearch?: boolean;
+        /** Specifies the name of a data source item field or an expression whose value is compared to the search criterion. */
+        searchExpr?: Object;
+        /** Specifies the binary operation used to filter data. */
+        searchMode?: string;
+        /** Specifies the time delay, in milliseconds, after the last character has been typed in, before a search is executed. */
+        searchTimeout?: number;
+        /** A handler for the valueChanged event. */
+        onValueChanged?: Function;
+        /** Specifies DOM event names that update a widget's value. */
+        valueChangeEvent?: string;
+        /** Specifies whether or not the widget supports searching. */
+        searchEnabled?: boolean;
+        /**
+         * Specifies whether or not the widget displays items by pages.
+         * @deprecated dataSource.paginate.md
+         */
+        pagingEnabled?: boolean;
+        /** The text or HTML markup displayed by the widget if the item collection is empty. */
+        noDataText?: string;
+        /** A handler for the selectionChanged event. */
+        onSelectionChanged?: Function;
+        /** A handler for the itemClick event. */
+        onItemClick?: Function;
+        onContentReady?: Function;
+    }
+    /** A base class for drop-down list widgets. */
+    export class dxDropDownList extends dxDropDownEditor {
+        constructor(element: JQuery, options?: dxDropDownListOptions);
+        constructor(element: Element, options?: dxDropDownListOptions);
+    }
+    export interface dxToolbarOptions extends CollectionWidgetOptions {
+        /** The template used to render menu items. */
+        menuItemTemplate?: any;
+        /** Informs the widget about its location in a view HTML markup. */
+        renderAs?: string;
+    }
+    /** A toolbar widget. */
+    export class dxToolbar extends CollectionWidget {
+        constructor(element: JQuery, options?: dxToolbarOptions);
+        constructor(element: Element, options?: dxToolbarOptions);
+    }
+    export interface dxToastOptions extends dxOverlayOptions {
+        animation?: fx.AnimationOptions;
+        /** The time span in milliseconds during which the dxToast widget is visible. */
+        displayTime?: number;
+        height?: any;
+        /** The dxToast message text. */
+        message?: string;
+        position?: PositionOptions;
+        shading?: boolean;
+        /** Specifies the dxToast widget type. */
+        type?: string;
+        width?: any;
+        closeOnBackButton?: boolean;
+        /** A Boolean value specifying whether or not the toast is closed if a user swipes it out of the screen boundaries. */
+        closeOnSwipe?: boolean;
+        /** A Boolean value specifying whether or not the toast is closed if a user clicks it. */
+        closeOnClick?: boolean;
+    }
+    /** The toast message widget. */
+    export class dxToast extends dxOverlay {
+        constructor(element: JQuery, options?: dxToastOptions);
+        constructor(element: Element, options?: dxToastOptions);
+    }
+    export interface dxTextEditorOptions extends EditorOptions {
+        /** A handler for the change event. */
+        onChange?: Function;
+        /** A handler for the copy event. */
+        onCopy?: Function;
+        /** A handler for the cut event. */
+        onCut?: Function;
+        /** A handler for the enterKey event. */
+        onEnterKey?: Function;
+        /** A handler for the focusIn event. */
+        onFocusIn?: Function;
+        /** A handler for the focusOut event. */
+        onFocusOut?: Function;
+        /** A handler for the input event. */
+        onInput?: Function;
+        /** A handler for the keyDown event. */
+        onKeyDown?: Function;
+        /** A handler for the keyPress event. */
+        onKeyPress?: Function;
+        /** A handler for the keyUp event. */
+        onKeyUp?: Function;
+        /** A handler for the paste event. */
+        onPaste?: Function;
+        /** The text displayed by the widget when the widget value is empty. */
+        placeholder?: string;
+        /** Specifies whether to display the Clear button in the widget. */
+        showClearButton?: boolean;
+        /** Specifies the current value displayed by the widget. */
+        value?: any;
+        /** Specifies DOM event names that update a widget's value. */
+        valueChangeEvent?: string;
+        /** Specifies whether or not the widget checks the inner text for spelling mistakes. */
+        spellcheck?: boolean;
+        /** Specifies HTML attributes applied to the inner input element of the widget. */
+        attr?: Object;
+        /** The read-only option that holds the text displayed by the widget input element. */
+        text?: string;
+        focusStateEnabled?: boolean;
+        hoverStateEnabled?: boolean;
+        /** The editor mask that specifies the format of the entered string. */
+        mask?: string;
+        /** Specifies a mask placeholder character. */
+        maskChar?: string;
+        /** Specifies custom mask rules. */
+        maskRules?: Object;
+        /** A message displayed when the entered text does not match the specified pattern. */
+        maskInvalidMessage?: string;
+        /** Specifies whether the value option holds only characters entered by a user or prompt characters as well. */
+        useMaskedValue?: boolean;
+    }
+    /** A base class for text editing widgets. */
+    export class dxTextEditor extends Editor {
+        constructor(element: JQuery, options?: dxTextEditorOptions);
+        constructor(element: Element, options?: dxTextEditorOptions);
+        /** Removes focus from the input element. */
+        blur(): void;
+        /** Sets focus to the input element representing the widget. */
+        focus(): void;
+    }
+    export interface dxTextBoxOptions extends dxTextEditorOptions {
+        /** Specifies the maximum number of characters you can enter into the textbox. */
+        maxLength?: any;
+        /** The "mode" attribute value of the actual HTML input element representing the text box. */
+        mode?: string;
+    }
+    /** A single-line text box widget. */
+    export class dxTextBox extends dxTextEditor {
+        constructor(element: JQuery, options?: dxTextBoxOptions);
+        constructor(element: Element, options?: dxTextBoxOptions);
+    }
+    export interface dxTextAreaOptions extends dxTextBoxOptions {
+        /** Specifies whether or not the widget checks the inner text for spelling mistakes. */
+        spellcheck?: boolean;
+    }
+    /** A widget used to display and edit multi-line text. */
+    export class dxTextArea extends dxTextBox {
+        constructor(element: JQuery, options?: dxTextAreaOptions);
+        constructor(element: Element, options?: dxTextAreaOptions);
+    }
+    export interface dxTabsOptions extends CollectionWidgetOptions {
+        /** Specifies whether the widget enables an end-user to select only a single item or multiple items. */
+        selectionMode?: string;
+        /** Specifies whether or not an end-user can scroll tabs by swiping. */
+        scrollByContent?: boolean;
+        /** Specifies whether or not an end-user can scroll tabs. */
+        scrollingEnabled?: boolean;
+        /** A Boolean value that specifies the availability of navigation buttons. */
+        showNavButtons?: boolean;
+    }
+    /** A tab strip used to switch between pages. */
+    export class dxTabs extends CollectionWidget {
+        constructor(element: JQuery, options?: dxTabsOptions);
+        constructor(element: Element, options?: dxTabsOptions);
+    }
+    export interface dxTabPanelOptions extends dxMultiViewOptions {
+        /** A handler for the titleClick event. */
+        onTitleClick?: any;
+        /** A handler for the titleHold event. */
+        onTitleHold?: Function;
+        /** A handler for the titleRendered event. */
+        onTitleRendered?: Function;
+        /** The template to be used for rendering an item title. */
+        itemTitleTemplate?: any;
+        /** A Boolean value specifying if the list is scrolled by content. */
+        scrollByContent?: boolean;
+        /** A Boolean value specifying whether to enable or disable scrolling. */
+        scrollingEnabled?: boolean;
+        /** A Boolean value that specifies the availability of navigation buttons. */
+        showNavButtons?: boolean;
+    }
+    /** A widget used to display a view and to switch between several views by clicking the appropriate tabs. */
+    export class dxTabPanel extends dxMultiView {
+        constructor(element: JQuery, options?: dxTabPanelOptions);
+        constructor(element: Element, options?: dxTabPanelOptions);
+    }
+    export interface dxSelectBoxOptions extends dxDropDownListOptions {
+        /** Specifies DOM event names that update a widget's value. */
+        valueChangeEvent?: string;
+        /** The template to be used for rendering the widget text field. */
+        fieldTemplate?: any;
+        /** The text that is provided as a hint in the select box editor. */
+        placeholder?: string;
+        /** Specifies whether or not the widget allows an end-user to enter a custom value. */
+        fieldEditEnabled?: boolean;
+    }
+    /** A widget that allows you to select an item in a dropdown list. */
+    export class dxSelectBox extends dxDropDownList {
+        constructor(element: JQuery, options?: dxSelectBoxOptions);
+        constructor(element: Element, options?: dxSelectBoxOptions);
+    }
+    export interface dxTagBoxOptions extends dxSelectBoxOptions {
+        /** Holds the list of selected values. */
+        values?: Array<any>;
+        /** A read-only option that holds the last selected value. */
+        value?: Object;
+    }
+    /** A widget that allows you to select multiple items from a dropdown list. */
+    export class dxTagBox extends dxSelectBox {
+        constructor(element: JQuery, options?: dxTagBoxOptions);
+        constructor(element: Element, options?: dxTagBoxOptions);
+    }
+    export interface dxScrollViewOptions extends dxScrollableOptions {
+        /** A handler for the pullDown event. */
+        onPullDown?: Function;
+        /** Specifies the text shown in the pullDown panel when pulling the content down lowers the refresh threshold. */
+        pulledDownText?: string;
+        /** Specifies the text shown in the pullDown panel while pulling the content down to the refresh threshold. */
+        pullingDownText?: string;
+        /** A handler for the reachBottom event. */
+        onReachBottom?: Function;
+        /** Specifies the text shown in the pullDown panel displayed when content is scrolled to the bottom. */
+        reachBottomText?: string;
+        /** Specifies the text shown in the pullDown panel displayed when the content is being refreshed. */
+        refreshingText?: string;
+        /** Returns a value indicating if the scrollView content is larger then the widget container. */
+        isFull(): boolean;
+        /** Locks the widget until the release(preventScrollBottom) method is called and executes the function passed to the onPullDown option and the handler assigned to the pullDown event. */
+        refresh(): void;
+        /** Notifies the scroll view that data loading is finished. */
+        release(preventScrollBottom: boolean): JQueryPromise<void>;
+        /** Toggles the loading state of the widget. */
+        toggleLoading(showOrHide: boolean): void;
+    }
+    /** A widget used to display scrollable content. */
+    export class dxScrollView extends dxScrollable {
+        constructor(element: JQuery, options?: dxScrollViewOptions);
+        constructor(element: Element, options?: dxScrollViewOptions);
+    }
+    export interface dxScrollableLocation {
+        top?: number;
+        left?: number;
+    }
+    export interface dxScrollableOptions extends DOMComponentOptions {
+        /** A string value specifying the available scrolling directions. */
+        direction?: string;
+        /** A Boolean value specifying whether or not the widget can respond to user interaction. */
+        disabled?: boolean;
+        /** A handler for the scroll event. */
+        onScroll?: Function;
+        /** Specifies when the widget shows the scrollbar. */
+        showScrollbar?: string;
+        /** A handler for the update event. */
+        onUpdated?: Function;
+        /** Indicates whether to use native or simulated scrolling. */
+        useNative?: boolean;
+        /** A Boolean value specifying whether to enable or disable the bounce-back effect. */
+        bounceEnabled?: boolean;
+        /** A Boolean value specifying whether or not an end-user can scroll the widget content swiping it up or down. */
+        scrollByContent?: boolean;
+        /** A Boolean value specifying whether or not an end-user can scroll the widget content using the scrollbar. */
+        scrollByThumb?: boolean;
+    }
+    /** A widget used to display scrollable content. */
+    export class dxScrollable extends DOMComponent {
+        constructor(element: JQuery, options?: dxScrollableOptions);
+        constructor(element: Element, options?: dxScrollableOptions);
+        /** Returns the height of the scrollable widget in pixels. */
+        clientHeight(): number;
+        /** Returns the width of the scrollable widget in pixels. */
+        clientWidth(): number;
+        /** Returns an HTML element of the widget. */
+        content(): JQuery;
+        /** Scrolls the widget content by the specified number of pixels. */
+        scrollBy(distance: number): void;
+        /** Scrolls widget content by the specified number of pixels in horizontal and vertical directions. */
+        scrollBy(distanceObject: dxScrollableLocation): void;
+        /** Returns the height of the scrollable content in pixels. */
+        scrollHeight(): number;
+        /** Returns the current scroll position against the leftmost position. */
+        scrollLeft(): number;
+        /** Returns how far the scrollable content is scrolled from the top and from the left. */
+        scrollOffset(): dxScrollableLocation;
+        /** Scrolls widget content to the specified position. */
+        scrollTo(targetLocation: number): void;
+        /** Scrolls widget content to a specified position. */
+        scrollTo(targetLocation: dxScrollableLocation): void;
+        /** Scrolls widget content to the specified element. */
+        scrollToElement(element: Element): void;
+        /** Returns the current scroll position against the topmost position. */
+        scrollTop(): number;
+        /** Returns the width of the scrollable content in pixels. */
+        scrollWidth(): number;
+        /** Updates the dimensions of the scrollable contents. */
+        update(): void;
+    }
+    export interface dxRadioGroupOptions extends EditorOptions, DataExpressionMixinOptions {
+        activeStateEnabled?: boolean;
+        /** Specifies the radio group layout. */
+        layout?: string;
+    }
+    /** A widget that enables a user to select one item within a list of items represented by radio buttons. */
+    export class dxRadioGroup extends CollectionWidget {
+        constructor(element: JQuery, options?: dxRadioGroupOptions);
+        constructor(element: Element, options?: dxRadioGroupOptions);
+    }
+    export interface dxPopupOptions extends dxOverlayOptions {
+        animation?: fx.AnimationOptions;
+        /** Specifies whether or not to allow a user to drag the popup window. */
+        dragEnabled?: boolean;
+        /** A Boolean value specifying whether or not to display the widget in full-screen mode. */
+        fullScreen?: boolean;
+        position?: PositionOptions;
+        /** A Boolean value specifying whether or not to display the title in the popup window. */
+        showTitle?: boolean;
+        /** The title in the overlay window. */
+        title?: string;
+        /** A template to be used for rendering the widget title. */
+        titleTemplate?: any;
+        width?: any;
+        /** Specifies items displayed on the top or bottom toolbar of the popup window. */
+        buttons?: Array<any>;
+        /** Specifies whether or not the widget displays the Close button. */
+        showCloseButton?: boolean;
+        /** A handler for the titleRendered event. */
+        onTitleRendered?: Function;
+    }
+    /** A widget that displays required content in a popup window. */
+    export class dxPopup extends dxOverlay {
+        constructor(element: JQuery, options?: dxPopupOptions);
+        constructor(element: Element, options?: dxPopupOptions);
+    }
+    export interface dxPopoverOptions extends dxPopupOptions {
+        /** An object defining animation options of the widget. */
+        animation?: fx.AnimationOptions;
+        /** Specifies the height of the widget. */
+        height?: any;
+        /** An object defining widget positioning options. */
+        position?: PositionOptions;
+        shading?: boolean;
+        /** A Boolean value specifying whether or not to display the title in the overlay window. */
+        showTitle?: boolean;
+        /** The target element associated with a popover. */
+        target?: any;
+        /** Specifies the width of the widget. */
+        width?: any;
+    }
+    /** A widget that displays the required content in a popup window. */
+    export class dxPopover extends dxPopup {
+        constructor(element: JQuery, options?: dxPopoverOptions);
+        constructor(element: Element, options?: dxPopoverOptions);
+        /** Displays the widget for the specified target element. */
+        show(target?: any): JQueryPromise<void>;
+    }
+    export interface dxOverlayOptions extends WidgetOptions {
+        /** An object that defines the animation options of the widget. */
+        animation?: fx.AnimationOptions;
+        /** A Boolean value specifying whether or not the widget is closed if a user presses the Back hardware button. */
+        closeOnBackButton?: boolean;
+        /** A Boolean value specifying whether or not the widget is closed if a user clicks outside of the overlapping window. */
+        closeOnOutsideClick?: any;
+        /** A template to be used for rendering widget content. */
+        contentTemplate?: any;
+        /** Specifies whether widget content is rendered when the widget is shown or when rendering the widget. */
+        deferRendering?: boolean;
+        /** Specifies whether or not an end-user can drag the widget. */
+        dragEnabled?: boolean;
+        /** Specifies whether or not an end user can resize the widget. */
+        resizeEnabled?: boolean;
+        /** The height of the widget in pixels. */
+        height?: any;
+        /** Specifies the maximum height the widget can reach while resizing. */
+        maxHeight?: any;
+        /** Specifies the maximum width the widget can reach while resizing. */
+        maxWidth?: any;
+        /** Specifies the minimum height the widget can reach while resizing. */
+        minHeight?: any;
+        /** Specifies the minimum width the widget can reach while resizing. */
+        minWidth?: any;
+        /** A handler for the hidden event. */
+        onHidden?: Function;
+        /** A handler for the resizeStart event. */
+        onResizeStart?: Function;
+        /** A handler for the resize event. */
+        onResize?: Function;
+        /** A handler for the resizeEnd event. */
+        onResizeEnd?: Function;
+        /** A handler for the hiding event. */
+        onHiding?: Function;
+        /** An object defining widget positioning options. */
+        position?: PositionOptions;
+        /** A Boolean value specifying whether or not the main screen is inactive while the widget is active. */
+        shading?: boolean;
+        /** Specifies the shading color. */
+        shadingColor?: string;
+        /** A handler for the showing event. */
+        onShowing?: Function;
+        /** A handler for the shown event. */
+        onShown?: Function;
+        onContentReady?: Function;
+        /** A Boolean value specifying whether or not the widget is visible. */
+        visible?: boolean;
+        /** The widget width in pixels. */
+        width?: any;
+    }
+    /** A widget displaying the required content in an overlay window. */
+    export class dxOverlay extends Widget {
+        constructor(element: JQuery, options?: dxOverlayOptions);
+        constructor(element: Element, options?: dxOverlayOptions);
+        /** An HTML element of the widget. */
+        content(): JQuery;
+        /** Hides the widget. */
+        hide(): JQueryPromise<void>;
+        /** Recalculates the overlay's size and position. */
+        repaint(): void;
+        /** Shows the widget. */
+        show(): JQueryPromise<void>;
+        /** Toggles the visibility of the widget. */
+        toggle(showing: boolean): JQueryPromise<void>;
+        /** A static method that specifies the base z-index for all overlay widgets. */
+        static baseZIndex(zIndex: number): void;
+    }
+    export interface dxNumberBoxOptions extends dxTextEditorOptions {
+        /** The maximum value accepted by the number box. */
+        max?: number;
+        /** The minimum value accepted by the number box. */
+        min?: number;
+        /** Specifies whether or not to show spin buttons. */
+        showSpinButtons?: boolean;
+        useTouchSpinButtons?: boolean;
+        /** Specifies by which value the widget value changes when a spin button is clicked. */
+        step?: number;
+        /** The current number box value. */
+        value?: number;
+        /** The "mode" attribute value of the actual HTML input element representing the widget. */
+        mode?: string;
+    }
+    /** A textbox widget that enables a user to enter numeric values. */
+    export class dxNumberBox extends dxTextEditor {
+        constructor(element: JQuery, options?: dxNumberBoxOptions);
+        constructor(element: Element, options?: dxNumberBoxOptions);
+    }
+    export interface dxNavBarOptions extends dxTabsOptions {
+        scrollingEnabled?: boolean;
+    }
+    /** A widget that contains items used to navigate through application views. */
+    export class dxNavBar extends dxTabs {
+        constructor(element: JQuery, options?: dxNavBarOptions);
+        constructor(element: Element, options?: dxNavBarOptions);
+    }
+    export interface dxMultiViewOptions extends CollectionWidgetOptions {
+        /** Specifies whether or not to animate the displayed item change. */
+        animationEnabled?: boolean;
+        /** A Boolean value specifying whether or not to scroll back to the first item after the last item is swiped. */
+        loop?: boolean;
+        /** The index of the currently displayed item. */
+        selectedIndex?: number;
+        /** A Boolean value specifying whether or not to allow users to change the selected index by swiping. */
+        swipeEnabled?: boolean;
+        /** Specifies whether widget content is rendered when the widget is shown or when rendering the widget. */
+        deferRendering?: boolean;
+    }
+    /** A widget used to display a view and to switch between several views. */
+    export class dxMultiView extends CollectionWidget {
+        constructor(element: JQuery, options?: dxMultiViewOptions);
+        constructor(element: Element, options?: dxMultiViewOptions);
+    }
+    export interface dxMapOptions extends WidgetOptions {
+        /** Specifies whether or not the widget automatically adjusts center and zoom option values when adding a new marker or route, or when creating a widget if it initially contains markers or routes. */
+        autoAdjust?: boolean;
+        center?: {
+            /** The latitude location displayed in the center of the widget. */
+            lat?: number;
+            /** The longitude location displayed in the center of the widget. */
+            lng?: number;
+        };
+        /** A handler for the click event. */
+        onClick?: any;
+        /** Specifies whether or not map widget controls are available. */
+        controls?: boolean;
+        /** Specifies the height of the widget. */
+        height?: any;
+        /** A key used to authenticate the application within the required map provider. */
+        key?: {
+            /** A key used to authenticate the application within the "Bing" map provider. */
+            bing?: string;
+            /** A key used to authenticate the application within the "Google" map provider. */
+            google?: string;
+            /** A key used to authenticate the application within the "Google Static" map provider. */
+            googleStatic?: string;
+        }
+        /** A handler for the markerAdded event. */
+        onMarkerAdded?: Function;
+        /** A URL pointing to the custom icon to be used for map markers. */
+        markerIconSrc?: string;
+        /** A handler for the markerRemoved event. */
+        onMarkerRemoved?: Function;
+        /** An array of markers displayed on a map. */
+        markers?: Array<any>;
+        /** The name of the current map data provider. */
+        provider?: string;
+        /** A handler for the ready event. */
+        onReady?: Function;
+        /** A handler for the routeAdded event. */
+        onRouteAdded?: Function;
+        /** A handler for the routeRemoved event. */
+        onRouteRemoved?: Function;
+        /** An array of routes shown on the map. */
+        routes?: Array<any>;
+        /** The type of a map to display. */
+        type?: string;
+        /** Specifies the width of the widget. */
+        width?: any;
+        /** The zoom level of the map. */
+        zoom?: number;
+    }
+    /** An interactive map widget. */
+    export class dxMap extends Widget {
+        constructor(element: JQuery, options?: dxMapOptions);
+        constructor(element: Element, options?: dxMapOptions);
+        /** Adds a marker to the map. */
+        addMarker(markerOptions: Object): JQueryPromise<Object>;
+        /** Adds a route to the map. */
+        addRoute(routeOptions: Object): JQueryPromise<Object>;
+        /** Removes a marker from the map. */
+        removeMarker(marker: Object): JQueryPromise<void>;
+        /** Removes a route from the map. */
+        removeRoute(route: any): JQueryPromise<void>;
+    }
+    export interface dxLookupOptions extends dxDropDownListOptions {
+        /** An object defining widget animation options. */
+        animation?: fx.AnimationOptions;
+        /** The text displayed on the Cancel button. */
+        cancelButtonText?: string;
+        /** The text displayed on the Clear button. */
+        clearButtonText?: string;
+        /** Specifies whether or not the widget cleans the search box when the popup window is displayed. */
+        cleanSearchOnOpening?: boolean;
+        /** A Boolean value specifying whether or not a widget is closed if a user clicks outside of the overlaying window. */
+        closeOnOutsideClick?: any;
+        /** The text displayed on the Apply button. */
+        applyButtonText?: string;
+        /** A Boolean value specifying whether or not to display the lookup in full-screen mode. */
+        fullScreen?: boolean;
+        focusStateEnabled?: boolean;
+        /** A Boolean value specifying whether or not to group widget items. */
+        grouped?: boolean;
+        /** The name of the template used to display a group header. */
+        groupTemplate?: any;
+        /** The text displayed on the button used to load the next page from the data source. */
+        nextButtonText?: string;
+        /** A handler for the pageLoading event. */
+        onPageLoading?: Function;
+        /** Specifies whether the next page is loaded when a user scrolls the widget to the bottom or when the "next" button is clicked. */
+        pageLoadMode?: string;
+        /** Specifies the text shown in the pullDown panel, which is displayed when the widget is scrolled to the bottom. */
+        pageLoadingText?: string;
+        /** The text displayed by the widget when nothing is selected. */
+        placeholder?: string;
+        /** The height of the widget popup element. */
+        popupHeight?: any;
+        /** The width of the widget popup element. */
+        popupWidth?: any;
+        /** An object defining widget positioning options. */
+        position?: PositionOptions;
+        /** Specifies the text displayed in the pullDown panel when the widget is pulled below the refresh threshold. */
+        pulledDownText?: string;
+        /** Specifies the text shown in the pullDown panel while the list is being pulled down to the refresh threshold. */
+        pullingDownText?: string;
+        /** A handler for the pullRefresh event. */
+        onPullRefresh?: Function;
+        /** A Boolean value specifying whether or not the widget supports the "pull down to refresh" gesture. */
+        pullRefreshEnabled?: boolean;
+        /** Specifies the text displayed in the pullDown panel while the widget is being refreshed. */
+        refreshingText?: string;
+        /** A handler for the scroll event. */
+        onScroll?: Function;
+        /** A Boolean value specifying whether or not the search bar is visible. */
+        searchEnabled?: boolean;
+        /** The text that is provided as a hint in the lookup's search bar. */
+        searchPlaceholder?: string;
+        /** A Boolean value specifying whether or not the main screen is inactive while the lookup is active. */
+        shading?: boolean;
+        /** Specifies whether to display the Cancel button in the lookup window. */
+        showCancelButton?: boolean;
+        /**
+         * A Boolean value specifying whether the widget loads the next page automatically when you reach the bottom of the list or when a button is clicked.
+         * @deprecated pageLoadMode.md
+         */
+        showNextButton?: boolean;
+        /** The title of the lookup window. */
+        title?: string;
+        /** A template to be used for rendering the widget title. */
+        titleTemplate?: any;
+        /** Specifies whether or not the widget uses native scrolling. */
+        useNativeScrolling?: boolean;
+        /** Specifies whether or not to show lookup contents in a dxPopover widget. */
+        usePopover?: boolean;
+        /** A handler for the valueChanged event. */
+        onValueChanged?: Function;
+        /** A handler for the titleRendered event. */
+        onTitleRendered?: Function;
+        /** A Boolean value specifying whether or not to display the title in the popup window. */
+        showPopupTitle?: boolean;
+        /** The template to be used for rendering the widget text field. */
+        fieldTemplate?: any;
+    }
+    /** A widget that allows a user to select predefined values from a lookup window. */
+    export class dxLookup extends dxDropDownList {
+        constructor(element: JQuery, options?: dxLookupOptions);
+        constructor(element: Element, options?: dxLookupOptions);
+        /** This section lists the data source fields that are used in a default template for lookup drop-down items. */
+    }
+    export interface dxLoadPanelOptions extends dxOverlayOptions {
+        /** An object defining the animation options of the widget. */
+        animation?: fx.AnimationOptions;
+        /** The delay in milliseconds after which the load panel is displayed. */
+        delay?: number;
+        /** The height of the widget. */
+        height?: number;
+        /** A URL pointing to an image to be used as a load indicator. */
+        indicatorSrc?: string;
+        /** The text displayed in the load panel. */
+        message?: string;
+        /** A Boolean value specifying whether or not to show a load indicator. */
+        showIndicator?: boolean;
+        /** A Boolean value specifying whether or not to show the pane behind the load indicator. */
+        showPane?: boolean;
+        /** The width of the widget. */
+        width?: number;
+    }
+    /** A widget used to indicate whether or not an element is loading. */
+    export class dxLoadPanel extends dxOverlay {
+        constructor(element: JQuery, options?: dxLoadPanelOptions);
+        constructor(element: Element, options?: dxLoadPanelOptions);
+    }
+    export interface dxLoadIndicatorOptions extends WidgetOptions {
+        /** Specifies the path to an image used as the indicator. */
+        indicatorSrc?: string;
+    }
+    /** The widget used to indicate the loading process. */
+    export class dxLoadIndicator extends Widget {
+        constructor(element: JQuery, options?: dxLoadIndicatorOptions);
+        constructor(element: Element, options?: dxLoadIndicatorOptions);
+    }
+    export interface dxListOptions extends CollectionWidgetOptions {
+        /** A Boolean value specifying whether or not to display a grouped list. */
+        grouped?: boolean;
+        /** The template to be used for rendering item groups. */
+        groupTemplate?: any;
+        onItemDeleting?: Function;
+        /** A handler for the itemDeleted event. */
+        onItemDeleted?: Function;
+        /** A handler for the groupRendered event. */
+        onGroupRendered?: Function;
+        /** A handler for the itemReordered event. */
+        onItemReordered?: Function;
+        /** A handler for the itemClick event. */
+        onItemClick?: any;
+        /** A handler for the itemSwipe event. */
+        onItemSwipe?: Function;
+        /** The text displayed on the button used to load the next page from the data source. */
+        nextButtonText?: string;
+        /** A handler for the pageLoading event. */
+        onPageLoading?: Function;
+        /** Specifies the text shown in the pullDown panel, which is displayed when the list is scrolled to the bottom. */
+        pageLoadingText?: string;
+        /** Specifies the text displayed in the pullDown panel when the list is pulled below the refresh threshold. */
+        pulledDownText?: string;
+        /** Specifies the text shown in the pullDown panel while the list is being pulled down to the refresh threshold. */
+        pullingDownText?: string;
+        /** A handler for the pullRefresh event. */
+        onPullRefresh?: Function;
+        /** A Boolean value specifying whether or not the widget supports the "pull down to refresh" gesture. */
+        pullRefreshEnabled?: boolean;
+        /** Specifies the text displayed in the pullDown panel while the list is being refreshed. */
+        refreshingText?: string;
+        /** A handler for the scroll event. */
+        onScroll?: Function;
+        /** A Boolean value specifying whether to enable or disable list scrolling. */
+        scrollingEnabled?: boolean;
+        /** Specifies when the widget shows the scrollbar. */
+        showScrollbar?: string;
+        /** Specifies whether or not the widget uses native scrolling. */
+        useNativeScrolling?: boolean;
+        /** A Boolean value specifying whether to enable or disable the bounce-back effect. */
+        bounceEnabled?: boolean;
+        /** A Boolean value specifying if the list is scrolled by content. */
+        scrollByContent?: boolean;
+        /** A Boolean value specifying if the list is scrolled using the scrollbar. */
+        scrollByThumb?: boolean;
+        onItemContextMenu?: Function;
+        onItemHold?: Function;
+        /** Specifies whether or not an end-user can collapse groups. */
+        collapsibleGroups?: boolean;
+        /** Specifies whether the next page is loaded when a user scrolls the widget to the bottom or when the "next" button is clicked. */
+        pageLoadMode?: string;
+        /** Specifies whether or not to display controls used to select list items. */
+        showSelectionControls?: boolean;
+        /** Specifies item selection mode. */
+        selectionMode?: string;
+        selectAllText?: string;
+        onSelectAllChanged?: Function;
+        /** Specifies the array of items for a context menu called for a list item. */
+        menuItems?: Array<any>;
+        /** Specifies whether an item context menu is shown when a user holds or swipes an item. */
+        menuMode?: string;
+        /** Specifies whether or not an end user can delete list items. */
+        allowItemDeleting?: boolean;
+        /** Specifies the way a user can delete items from the list. */
+        itemDeleteMode?: string;
+        /** Specifies whether or not an end user can reorder list items. */
+        allowItemReordering?: boolean;
+        /** Specifies whether or not to show the loading panel when the DataSource bound to the widget is loading data. */
+        indicateLoading?: boolean;
+        activeStateEnabled?: boolean;
+    }
+    /** A list widget. */
+    export class dxList extends CollectionWidget {
+        constructor(element: JQuery, options?: dxListOptions);
+        constructor(element: Element, options?: dxListOptions);
+        /** Returns the height of the widget in pixels. */
+        clientHeight(): number;
+        /** Removes the specified item from the list. */
+        deleteItem(itemIndex: any): JQueryPromise<void>;
+        /** Removes the specified item from the list. */
+        deleteItem(itemElement: Element): JQueryPromise<void>;
+        /** Returns a Boolean value that indicates whether or not the specified item is selected. */
+        isItemSelected(itemIndex: any): boolean;
+        /** Returns a Boolean value that indicates whether or not the specified item is selected. */
+        isItemSelected(itemElement: Element): boolean;
+        /** Reloads list data. */
+        reload(): void;
+        /** Moves the specified item to the specified position in the list. */
+        reorderItem(itemElement: Element, toItemElement: Element): JQueryPromise<void>;
+        /** Moves the specified item to the specified position in the list. */
+        reorderItem(itemIndex: any, toItemIndex: any): JQueryPromise<void>;
+        /** Scrolls the list content by the specified number of pixels. */
+        scrollBy(distance: number): void;
+        /** Returns the height of the list content in pixels. */
+        scrollHeight(): number;
+        /** Scrolls list content to the specified position. */
+        scrollTo(location: number): void;
+        /** Scrolls the list to the specified item. */
+        scrollToItem(itemElement: Element): void;
+        /** Scrolls the list to the specified item. */
+        scrollToItem(itemIndex: any): void;
+        /** Returns how far the list content is scrolled from the top. */
+        scrollTop(): number;
+        /** Selects the specified item from the list. */
+        selectItem(itemElement: Element): void;
+        /** Selects the specified item from the list. */
+        selectItem(itemIndex: any): void;
+        /** Deselects the specified item from the list. */
+        unselectItem(itemElement: Element): void;
+        /** Unselects the specified item from the list. */
+        unselectItem(itemIndex: any): void;
+        /** Updates the widget scrollbar according to widget content size. */
+        updateDimensions(): JQueryPromise<void>;
+        /** Expands the specified group. */
+        expandGroup(groupIndex: number): JQueryPromise<void>;
+        /** Collapses the specified group. */
+        collapseGroup(groupIndex: number): JQueryPromise<void>;
+    }
+    export interface dxGalleryOptions extends CollectionWidgetOptions {
+        /** The time, in milliseconds, spent on slide animation. */
+        animationDuration?: number;
+        /** Specifies whether or not to animate the displayed item change. */
+        animationEnabled?: boolean;
+        /** A Boolean value specifying whether or not to allow users to switch between items by clicking an indicator. */
+        indicatorEnabled?: boolean;
+        /** A Boolean value specifying whether or not to scroll back to the first item after the last item is swiped. */
+        loop?: boolean;
+        /** The index of the currently active gallery item. */
+        selectedIndex?: number;
+        /** A Boolean value specifying whether or not to display an indicator that points to the selected gallery item. */
+        showIndicator?: boolean;
+        /** A Boolean value that specifies the availability of the "Forward" and "Back" navigation buttons. */
+        showNavButtons?: boolean;
+        /** The time interval in milliseconds, after which the gallery switches to the next item. */
+        slideshowDelay?: number;
+        /** A Boolean value specifying whether or not to allow users to switch between items by swiping. */
+        swipeEnabled?: boolean;
+        /** Specifies whether or not to display parts of previous and next images along the sides of the current image. */
+        wrapAround?: boolean;
+        /** Specifies if the widget stretches images to fit the total gallery width. */
+        stretchImages?: boolean;
+        /** Specifies the width of an area used to display a single image. */
+        initialItemWidth?: number;
+    }
+    /** An image gallery widget. */
+    export class dxGallery extends CollectionWidget {
+        constructor(element: JQuery, options?: dxGalleryOptions);
+        constructor(element: Element, options?: dxGalleryOptions);
+        /** Shows the specified gallery item. */
+        goToItem(itemIndex: number, animation: boolean): JQueryPromise<any>;
+        /** Shows the next gallery item. */
+        nextItem(animation: boolean): JQueryPromise<any>;
+        /** Shows the previous gallery item. */
+        prevItem(animation: boolean): JQueryPromise<any>;
+    }
+    export interface dxDropDownEditorOptions extends dxTextBoxOptions {
+        /** Specifies the current value displayed by the widget. */
+        value?: Object;
+        /** A handler for the closed event. */
+        onClosed?: Function;
+        /** A handler for the opened event. */
+        onOpened?: Function;
+        /** Specifies whether or not the drop-down editor is displayed. */
+        opened?: boolean;
+        /** Specifies whether or not the widget allows an end-user to enter a custom value. */
+        fieldEditEnabled?: boolean;
+        /** Specifies the way an end-user applies the selected value. */
+        applyValueMode?: string;
+        /** Specifies whether widget content is rendered when the widget is shown or when rendering the widget. */
+        deferRendering?: boolean;
+        activeStateEnabled?: boolean;
+    }
+    /** A drop-down editor widget. */
+    export class dxDropDownEditor extends dxTextBox {
+        constructor(element: JQuery, options?: dxDropDownEditorOptions);
+        constructor(element: Element, options?: dxDropDownEditorOptions);
+        /** Closes the drop-down editor. */
+        close(): void;
+        /** Opens the drop-down editor. */
+        open(): void;
+        /** Resets the widget's value to null. */
+        reset(): void;
+        /** Returns an &lt;input&gt; element of the widget. */
+        field(): JQuery;
+        /** Returns an HTML element of the popup window content. */
+        content(): JQuery;
+    }
+    export interface dxDateBoxOptions extends dxTextEditorOptions {
+        /** A format used to display date/time information. */
+        format?: string;
+        /** A Globalize format string specifying the date display format. */
+        formatString?: string;
+        /** The last date that can be selected within the widget. */
+        max?: any;
+        /** The minimum date that can be selected within the widget. */
+        min?: any;
+        /** The text displayed by the widget when the widget value is not yet specified. This text is also used as a title of the date picker. */
+        placeholder?: string;
+        /**
+         * Specifies whether or not a user can pick out a date using the drop-down calendar.
+         * @deprecated Use 'pickerType' option instead.
+         */
+        useCalendar?: boolean;
+        /** An object or a value, specifying the date and time currently selected using the date box. */
+        value?: any;
+        /**
+         * Specifies whether or not the widget uses the native HTML input element.
+         * @deprecated Use 'pickerType' option instead.
+         */
+        useNative?: boolean;
+        /** Specifies the interval between neighboring values in the popup list in minutes. */
+        interval?: number;
+        /** Specifies the maximum zoom level of a calendar, which is used to pick the date. */
+        maxZoomLevel?: string;
+        /** Specifies the minimal zoom level of a calendar, which is used to pick the date. */
+        minZoomLevel?: string;
+        /** Specifies the type of date/time picker. */
+        pickerType?: string;
+        /** Specifies the message displayed if the typed value is not a valid date or time. */
+        invalidDateMessage?: string;
+        /** Specifies the message displayed if the specified date is later than the max value or earlier than the min value. */
+        dateOutOfRangeMessage?: string;
+        /** The text displayed on the Apply button. */
+        applyButtonText?: string;
+        /** The text displayed on the Cancel button. */
+        cancelButtonText?: string;
+    }
+    /** A date box widget. */
+    export class dxDateBox extends dxDropDownEditor {
+        constructor(element: JQuery, options?: dxDateBoxOptions);
+        constructor(element: Element, options?: dxDateBoxOptions);
+    }
+    export interface dxCheckBoxOptions extends EditorOptions {
+        activeStateEnabled?: boolean;
+        /** Specifies the widget state. */
+        value?: boolean;
+        /** Specifies the text displayed by the check box. */
+        text?: string;
+    }
+    /** A check box widget. */
+    export class dxCheckBox extends Editor {
+        constructor(element: JQuery, options?: dxCheckBoxOptions);
+        constructor(element: Element, options?: dxCheckBoxOptions);
+    }
+    export interface dxCalendarOptions extends EditorOptions {
+        activeStateEnabled?: boolean;
+        /** Specifies a date displayed on the current calendar page. */
+        currentDate?: Date;
+        /** Specifies the first day of a week. */
+        firstDayOfWeek?: number;
+        /** The latest date the widget allows to select. */
+        max?: Date;
+        /** The earliest date the widget allows to select. */
+        min?: Date;
+        /** Specifies whether or not the widget displays a button that selects the current date. */
+        showTodayButton?: boolean;
+        /** Specifies the current calendar zoom level. */
+        zoomLevel?: string;
+        /** Specifies the maximum zoom level of the calendar. */
+        maxZoomLevel?: string;
+        /** Specifies the minimum zoom level of the calendar. */
+        minZoomLevel?: string;
+        /** The template to be used for rendering calendar cells. */
+        cellTemplate?: any;
+    }
+    /** A calendar widget. */
+    export class dxCalendar extends Editor {
+        constructor(element: JQuery, options?: dxCalendarOptions);
+        constructor(element: Element, options?: dxCalendarOptions);
+    }
+    export interface dxButtonOptions extends WidgetOptions {
+        /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
+        activeStateEnabled?: boolean;
+        /** A handler for the click event. */
+        onClick?: any;
+        /** Specifies the icon to be displayed on the button. */
+        icon?: string;
+        iconSrc?: string;
+        /** A template to be used for rendering the dxButton widget. */
+        template?: any;
+        /** The text displayed on the button. */
+        text?: string;
+        /** Specifies the button type. */
+        type?: string;
+        /** Specifies the name of the validation group to be accessed in the click event handler. */
+        validationGroup?: string;
+    }
+    /** A button widget. */
+    export class dxButton extends Widget {
+        constructor(element: JQuery, options?: dxButtonOptions);
+        constructor(element: Element, options?: dxButtonOptions);
+    }
+    export interface dxBoxOptions extends CollectionWidget {
+        /** Specifies how widget items are aligned along the main direction. */
+        align?: string;
+        /** Specifies the direction of item positioning in the widget. */
+        direction?: string;
+        /** Specifies how widget items are aligned cross-wise. */
+        crossAlign?: string;
+    }
+    /** A container widget used to arrange inner elements. */
+    export class dxBox extends CollectionWidget {
+        constructor(element: JQuery, options?: dxBoxOptions);
+        constructor(element: Element, options?: dxBoxOptions);
+    }
+    export interface dxResponsiveBoxOptions extends CollectionWidgetOptions {
+        /** Specifies the collection of rows for the grid used to position layout elements. */
+        rows?: Array<Object>;
+        /** Specifies the collection of columns for the grid used to position layout elements. */
+        cols?: Array<Object>;
+        /** Specifies the function returning the screen factor depending on the screen width. */
+        screenByWidth?: (width: number) => string;
+        /** Specifies the screen factor with which all elements are located in a single column. */
+        singleColumnScreen?: string;
+    }
+    /** A widget used to build an adaptive markup that is dependent on screen resolution. */
+    export class dxResponsiveBox extends CollectionWidget {
+        constructor(element: JQuery, options?: dxBoxOptions);
+        constructor(element: Element, options?: dxBoxOptions);
+    }
+    export interface dxAutocompleteOptions extends dxDropDownListOptions {
+        /** Specifies the current value displayed by the widget. */
+        value?: string;
+        /** The minimum number of characters that must be entered into the text box to begin a search. */
+        minSearchLength?: number;
+        /** Specifies the maximum count of items displayed by the widget. */
+        maxItemCount?: number;
+        /** Gets the currently selected item. */
+        selectedItem?: Object;
+    }
+    /** A textbox widget that supports autocompletion. */
+    export class dxAutocomplete extends dxDropDownList {
+        constructor(element: JQuery, options?: dxAutocompleteOptions);
+        constructor(element: Element, options?: dxAutocompleteOptions);
+        /** Opens the drop-down editor. */
+        open(): void;
+        /** Closes the drop-down editor. */
+        close(): void;
+    }
+    export interface dxAccordionOptions extends CollectionWidgetOptions {
+        /** A number specifying the time in milliseconds spent on the animation of the expanding or collapsing of a panel. */
+        animationDuration?: number;
+        /** Specifies the height of the widget. */
+        height?: any;
+        /** Specifies whether all items can be collapsed or whether at least one item must always be expanded. */
+        collapsible?: boolean;
+        /** Specifies whether the widget can expand several items or only a single item at once. */
+        multiple?: boolean;
+        /** The template to be used for rendering dxAccordion items. */
+        itemTemplate?: any;
+        /** A handler for the itemTitleClick event. */
+        onItemTitleClick?: any;
+        /** A handler for the itemTitleHold event. */
+        onItemTitleHold?: Function;
+        /** The template to be used for rendering an item title. */
+        itemTitleTemplate?: any;
+        /** The index number of the currently selected item. */
+        selectedIndex?: number;
+        /** Specifies whether widget content is rendered when the widget is shown or when rendering the widget. */
+        deferRendering?: boolean;
+    }
+    /** A widget that displays data source items on collapsible panels. */
+    export class dxAccordion extends CollectionWidget {
+        constructor(element: JQuery, options?: dxAccordionOptions);
+        constructor(element: Element, options?: dxAccordionOptions);
+        /** Collapses the specified item. */
+        collapseItem(index: number): JQueryPromise<dxAccordion>;
+        /** Expands the specified item. */
+        expandItem(index: number): JQueryPromise<dxAccordion>;
+        /** Updates the dimensions of the widget contents. */
+        updateDimensions(): JQueryPromise<dxAccordion>;
+    }
+    export interface dxFileUploaderOptions extends EditorOptions {
+        /** A read-only option that holds a File instance representing the selected file. */
+        value?: File;
+        /** Holds the File instances representing files selected in the widget. */
+        values?: Array<File>;
+        buttonText?: string;
+        /** The text displayed on the button that opens the file browser. */
+        selectButtonText?: string;
+        /** The text displayed on the button that starts uploading. */
+        uploadButtonText?: string;
+        /** Specifies the text displayed on the area to which an end-user can drop a file. */
+        labelText?: string;
+        /** Specifies the value passed to the name attribute of the underlying input element. */
+        name?: string;
+        /** Specifies whether the widget enables an end-user to select a single file or multiple files. */
+        multiple?: boolean;
+        /** Specifies a file type or several types accepted by the widget. */
+        accept?: string;
+        /** Specifies a target Url for the upload request. */
+        uploadUrl?: string;
+        /** Specifies if an end user can remove a file from the selection and interrupt uploading. */
+        allowCanceling?: boolean;
+        /** Specifies whether or not the widget displays the list of selected files. */
+        showFileList?: boolean;
+        /** Gets the current progress in percentages. */
+        progress?: number;
+        /** The message displayed by the widget when it is ready to upload the specified files. */
+        readyToUploadMessage?: string;
+        /** The message displayed by the widget when uploading is finished. */
+        uploadedMessage?: string;
+        /** The message displayed by the widget on uploading failure. */
+        uploadFailedMessage?: string;
+        /** Specifies how the widget uploads files. */
+        uploadMode?: string;
+        /** A handler for the uploaded event. */
+        onUploaded?: Function;
+        /** A handler for the uploaded event. */
+        onProgress?: Function;
+        /** A handler for the uploadError event. */
+        onUploadError?: Function;
+        /** A handler for the valueChanged event. */
+        onValueChanged?: Function;
+    }
+    /** A widget used to select and upload a file or multiple files. */
+    export class dxFileUploader extends Editor {
+        constructor(element: JQuery, options?: dxFileUploaderOptions);
+        constructor(element: Element, options?: dxFileUploaderOptions);
+    }
+    export interface dxTrackBarOptions extends EditorOptions {
+        /** The minimum value the widget can accept. */
+        min?: number;
+        /** The maximum value the widget can accept. */
+        max?: number;
+        /** The current widget value. */
+        value?: number;
+    }
+    /** A base class for track bar widgets. */
+    export class dxTrackBar extends Editor {
+        constructor(element: JQuery, options?: dxTrackBarOptions);
+        constructor(element: Element, options?: dxTrackBarOptions);
+    }
+    export interface dxProgressBarOptions extends dxTrackBarOptions {
+        /** Specifies a format for the progress status. */
+        statusFormat?: any;
+        /** Specifies whether or not the widget displays a progress status. */
+        showStatus?: boolean;
+        /** A handler for the complete event. */
+        onComplete?: Function;
+    }
+    /** A widget used to indicate progress. */
+    export class dxProgressBar extends dxTrackBar {
+        constructor(element: JQuery, options?: dxProgressBarOptions);
+        constructor(element: Element, options?: dxProgressBarOptions);
+    }
+    export interface dxSliderOptions extends dxTrackBarOptions {
+        activeStateEnabled?: boolean;
+        /** The slider step size. */
+        step?: number;
+        /** The current slider value. */
+        value?: number;
+        /** Specifies whether or not to highlight a range selected within the widget. */
+        showRange?: boolean;
+        /** Specifies the size of a step by which a slider handle is moved when a user uses the Page up or Page down keyboard shortcuts. */
+        keyStep?: number;
+        /** Specifies options for the slider tooltip. */
+        tooltip?: {
+            /** Specifies whether or not the tooltip is enabled. */
+            enabled?: boolean;
+            /** Specifies format for the tooltip. */
+            format?: any;
+            /** Specifies whether the tooltip is located over or under the slider. */
+            position?: string;
+            /** Specifies whether the widget always shows a tooltip or only when a pointer is over the slider. */
+            showMode?: string;
+        };
+        /** Specifies options for labels displayed at the min and max values. */
+        label?: {
+            /** Specifies whether or not slider labels are visible. */
+            visible?: boolean;
+            /** Specifies whether labels are located over or under the scale. */
+            position?: string;
+            /** Specifies a format for labels. */
+            format?: any;
+        };
+    }
+    /** A widget that allows a user to select a numeric value within a given range. */
+    export class dxSlider extends dxTrackBar {
+        constructor(element: JQuery, options?: dxSliderOptions);
+        constructor(element: Element, options?: dxSliderOptions);
+    }
+    export interface dxRangeSliderOptions extends dxSliderOptions {
+        /** The left edge of the interval currently selected using the range slider. */
+        start?: number;
+        /** The right edge of the interval currently selected using the range slider. */
+        end?: number;
+    }
+    /** A widget that enables a user to select a range of numeric values. */
+    export class dxRangeSlider extends dxSlider {
+        constructor(element: JQuery, options?: dxRangeSliderOptions);
+        constructor(element: Element, options?: dxRangeSliderOptions);
+    }
+    export interface dxFormItemLabel {
+        /** Specifies the label text. */
+        text?: string;
+        /** Specifies whether or not the label is visible. */
+        visible?: boolean;
+        /** Specifies whether or not a colon is displayed at the end of the current label. */
+        showColon?: boolean;
+        /** Specifies the location of a label against the editor. */
+        location?: string;
+        /** Specifies the label horizontal alignment. */
+        alignment?: string;
+    }
+    export interface dxFormItem {
+        /** Specifies the type of the current item. */
+        itemType?: string;
+        /** Specifies whether or not the current form item is visible. */
+        visible?: boolean;
+        /** Specifies the sequence number of the item in a form, group or tab. */
+        visibleIndex?: number;
+        /** Specifies a CSS class to be applied to the form item. */
+        cssClass?: string;
+        /** Specifies the number of columns spanned by the item. */
+        colSpan?: number;
+    }
+    export interface dxFormEmptyItem extends dxFormItem {
+        /** Specifies the form item name. */
+        name?: string;
+    }
+    export interface dxFormSimpleItem extends dxFormItem {
+        /** Specifies the path to the formData object field bound to the current form item. */
+        dataField?: string;
+        /** Specifies the form item name. */
+        name?: string;
+        /** Specifies which editor widget is used to display and edit the form item value. */
+        editorType?: string;
+        /** Specifies configuration options for the editor widget of the current form item. */
+        editorOptions?: Object;
+        /** A template to be used for rendering the form item. */
+        template?: any;
+        /** Specifies the help text displayed for the current form item. */
+        helpText?: string;
+        /** Specifies whether the current form item is required. */
+        isRequired?: boolean;
+        /** Specifies options for the form item label. */
+        label?: dxFormItemLabel;
+        /** An array of validation rules to be checked for the form item editor. */
+        validationRules?: Array<any>;
+    }
+    export interface dxFormGroupItem extends dxFormItem {
+        /** Specifies the group caption. */
+        caption?: string;
+        /** A template to be used for rendering the group item. */
+        template?: any;
+        /** The count of columns in the group layout. */
+        colCount?: number;
+        /** Specifies whether or not all group item labels are aligned. */
+        alignItemLabels?: boolean;
+        /** Holds an array of form items displayed within the group. */
+        items?: Array<dxFormItem>;
+    }
+    export interface dxFormTab {
+        /** Specifies the tab title. */
+        title?: string;
+        /** The count of columns in the tab layout. */
+        colCount?: number;
+        /** Specifies whether or not labels of items displayed within the current tab are aligned. */
+        alignItemLabels?: boolean;
+        /** Holds an array of form items displayed within the tab. */
+        items?: Array<dxFormItem>;
+        /** Specifies a badge text for the tab. */
+        badge?: string;
+        /** A Boolean value specifying whether or not the tab can respond to user interaction. */
+        disabled?: boolean;
+        /** Specifies the icon to be displayed on the tab. */
+        icon?: string;
+        /** The template to be used for rendering the tab. */
+        tabTemplate?: any;
+        /** The template to be used for rendering the tab content. */
+        template?: any;
+    }
+    export interface dxFormTabbedItem extends dxFormItem {
+        /** Holds a configuration object for the dxTabPanel widget used to display the current form item. */
+        tabPanelOptions?: Object;
+        /** An array of tab configuration objects. */
+        tabs?: Array<dxFormTab>;
+    }
+    export interface dxFormOptions extends WidgetOptions {
+        /** An object providing data for the form. */
+        formData?: Object;
+        /** The count of columns in the form layout. */
+        colCount?: any;
+        /** Specifies the location of a label against the editor. */
+        labelLocation?: string;
+        /** Specifies whether or not all editors on the form are read-only. */
+        readOnly?: boolean;
+        /** A handler for the fieldDataChanged event. */
+        onFieldDataChanged?: (e: Object) => void;
+        /** A handler for the editorEnterKey event. */
+        onEditorEnterKey?: (e: Object) => void;
+        /** Specifies a function that customizes a form item after it has been created. */
+        customizeItem?: Function;
+        /** The minimum column width used for calculating column count in the form layout. */
+        minColWidth?: number;
+        /** Specifies whether or not all root item labels are aligned. */
+        alignItemLabels?: boolean;
+        /** Specifies whether or not item labels in all groups are aligned. */
+        alignItemLabelsInAllGroups?: boolean;
+        /** Specifies whether or not a colon is displayed at the end of form labels. */
+        showColonAfterLabel?: boolean;
+        /** Specifies whether or not the required mark is displayed for required fields. */
+        showRequiredMark?: boolean;
+        /** Specifies whether or not the optional mark is displayed for optional fields. */
+        showOptionalMark?: boolean;
+        /** The text displayed for required fields. */
+        requiredMark?: string;
+        /** The text displayed for optional fields. */
+        optionalMark?: string;
+        /** Specifies the message that is shown for end-users if a required field value is not specified. */
+        requiredMessage?: string;
+        /** Specifies whether or not the total validation summary is displayed on the form. */
+        showValidationSummary?: boolean;
+        /** Holds an array of form items. */
+        items?: Array<dxFormItem>;
+        /** A Boolean value specifying whether to enable or disable form scrolling. */
+        scrollingEnabled?: boolean;
+        onContentReady?: Function;
+    }
+    /** A form widget used to display and edit values of object fields. */
+    export class dxForm extends Widget {
+        constructor(element: JQuery, options?: dxFormOptions);
+        constructor(element: Element, options?: dxFormOptions);
+        /** Updates the specified field of the formData object and the corresponding editor on the form. */
+        updateData(dataField: string, value: any): void;
+        /** Updates the specified fields of the formData object and the corresponding editors on the form. */
+        updateData(data: Object): void;
+        /** Updates the value of a form item option. */
+        itemOption(field: string, option: string, value: any): void;
+        /** Updates the values of form item options. */
+        itemOption(field: string, options: Object): void;
+        /** Returns an editor instance associated with the specified formData field. */
+        getEditor(field: string): Object;
+        /** Updates the dimensions of the widget contents. */
+        updateDimensions(): JQueryPromise<void>;
+        /** Validates the values of all editors on the form against the list of the validation rules specified for each form item. */
+        validate(): Object;
+    }
+}
+interface JQuery {
+    dxProgressBar(): JQuery;
+    dxProgressBar(options: "instance"): DevExpress.ui.dxProgressBar;
+    dxProgressBar(options: string): any;
+    dxProgressBar(options: string, ...params: any[]): any;
+    dxProgressBar(options: DevExpress.ui.dxProgressBarOptions): JQuery;
+    dxSlider(): JQuery;
+    dxSlider(options: "instance"): DevExpress.ui.dxSlider;
+    dxSlider(options: string): any;
+    dxSlider(options: string, ...params: any[]): any;
+    dxSlider(options: DevExpress.ui.dxSliderOptions): JQuery;
+    dxRangeSlider(): JQuery;
+    dxRangeSlider(options: "instance"): DevExpress.ui.dxRangeSlider;
+    dxRangeSlider(options: string): any;
+    dxRangeSlider(options: string, ...params: any[]): any;
+    dxRangeSlider(options: DevExpress.ui.dxRangeSliderOptions): JQuery;
+    dxFileUploader(): JQuery;
+    dxFileUploader(options: "instance"): DevExpress.ui.dxFileUploader;
+    dxFileUploader(options: string): any;
+    dxFileUploader(options: string, ...params: any[]): any;
+    dxFileUploader(options: DevExpress.ui.dxFileUploaderOptions): JQuery;
+    dxValidator(): JQuery;
+    dxValidator(options: "instance"): DevExpress.ui.dxValidator;
+    dxValidator(options: string): any;
+    dxValidator(options: string, ...params: any[]): any;
+    dxValidator(options: DevExpress.ui.dxValidatorOptions): JQuery;
+    dxValidationGroup(): JQuery;
+    dxValidationGroup(options: "instance"): DevExpress.ui.dxValidationGroup;
+    dxValidationGroup(options: string): any;
+    dxValidationGroup(options: string, ...params: any[]): any;
+    dxValidationSummary(): JQuery;
+    dxValidationSummary(options: "instance"): DevExpress.ui.dxValidationSummary;
+    dxValidationSummary(options: string): any;
+    dxValidationSummary(options: string, ...params: any[]): any;
+    dxValidationSummary(options: DevExpress.ui.dxValidationSummaryOptions): JQuery;
+    dxTooltip(): JQuery;
+    dxTooltip(options: "instance"): DevExpress.ui.dxTooltip;
+    dxTooltip(options: string): any;
+    dxTooltip(options: string, ...params: any[]): any;
+    dxTooltip(options: DevExpress.ui.dxTooltipOptions): JQuery;
+    dxResizable(): JQuery;
+    dxResizable(options: "instance"): DevExpress.ui.dxResizable;
+    dxResizable(options: string): any;
+    dxResizable(options: string, ...params: any[]): any;
+    dxResizable(options: DevExpress.ui.dxResizableOptions): JQuery;
+    dxDropDownList(): JQuery;
+    dxDropDownList(options: "instance"): DevExpress.ui.dxDropDownList;
+    dxDropDownList(options: string): any;
+    dxDropDownList(options: string, ...params: any[]): any;
+    dxDropDownList(options: DevExpress.ui.dxDropDownListOptions): JQuery;
+    dxToolbar(): JQuery;
+    dxToolbar(options: "instance"): DevExpress.ui.dxToolbar;
+    dxToolbar(options: string): any;
+    dxToolbar(options: string, ...params: any[]): any;
+    dxToolbar(options: DevExpress.ui.dxToolbarOptions): JQuery;
+    dxToast(): JQuery;
+    dxToast(options: "instance"): DevExpress.ui.dxToast;
+    dxToast(options: string): any;
+    dxToast(options: string, ...params: any[]): any;
+    dxToast(options: DevExpress.ui.dxToastOptions): JQuery;
+    dxTextEditor(): JQuery;
+    dxTextEditor(options: "instance"): DevExpress.ui.dxTextEditor;
+    dxTextEditor(options: string): any;
+    dxTextEditor(options: string, ...params: any[]): any;
+    dxTextEditor(options: DevExpress.ui.dxTextEditorOptions): JQuery;
+    dxTextBox(): JQuery;
+    dxTextBox(options: "instance"): DevExpress.ui.dxTextBox;
+    dxTextBox(options: string): any;
+    dxTextBox(options: string, ...params: any[]): any;
+    dxTextBox(options: DevExpress.ui.dxTextBoxOptions): JQuery;
+    dxTextArea(): JQuery;
+    dxTextArea(options: "instance"): DevExpress.ui.dxTextArea;
+    dxTextArea(options: string): any;
+    dxTextArea(options: string, ...params: any[]): any;
+    dxTextArea(options: DevExpress.ui.dxTextAreaOptions): JQuery;
+    dxTabs(): JQuery;
+    dxTabs(options: "instance"): DevExpress.ui.dxTabs;
+    dxTabs(options: string): any;
+    dxTabs(options: string, ...params: any[]): any;
+    dxTabs(options: DevExpress.ui.dxTabsOptions): JQuery;
+    dxTabPanel(): JQuery;
+    dxTabPanel(options: "instance"): DevExpress.ui.dxTabPanel;
+    dxTabPanel(options: string): any;
+    dxTabPanel(options: string, ...params: any[]): any;
+    dxTabPanel(options: DevExpress.ui.dxTabPanelOptions): JQuery;
+    dxSelectBox(): JQuery;
+    dxSelectBox(options: "instance"): DevExpress.ui.dxSelectBox;
+    dxSelectBox(options: string): any;
+    dxSelectBox(options: string, ...params: any[]): any;
+    dxSelectBox(options: DevExpress.ui.dxSelectBoxOptions): JQuery;
+    dxTagBox(): JQuery;
+    dxTagBox(options: "instance"): DevExpress.ui.dxTagBox;
+    dxTagBox(options: string): any;
+    dxTagBox(options: string, ...params: any[]): any;
+    dxTagBox(options: DevExpress.ui.dxTagBoxOptions): JQuery;
+    dxScrollView(): JQuery;
+    dxScrollView(options: "instance"): DevExpress.ui.dxScrollView;
+    dxScrollView(options: string): any;
+    dxScrollView(options: string, ...params: any[]): any;
+    dxScrollView(options: DevExpress.ui.dxScrollViewOptions): JQuery;
+    dxScrollable(): JQuery;
+    dxScrollable(options: "instance"): DevExpress.ui.dxScrollable;
+    dxScrollable(options: string): any;
+    dxScrollable(options: string, ...params: any[]): any;
+    dxScrollable(options: DevExpress.ui.dxScrollableOptions): JQuery;
+    dxRadioGroup(): JQuery;
+    dxRadioGroup(options: "instance"): DevExpress.ui.dxRadioGroup;
+    dxRadioGroup(options: string): any;
+    dxRadioGroup(options: string, ...params: any[]): any;
+    dxRadioGroup(options: DevExpress.ui.dxRadioGroupOptions): JQuery;
+    dxPopup(): JQuery;
+    dxPopup(options: "instance"): DevExpress.ui.dxPopup;
+    dxPopup(options: string): any;
+    dxPopup(options: string, ...params: any[]): any;
+    dxPopup(options: DevExpress.ui.dxPopupOptions): JQuery;
+    dxPopover(): JQuery;
+    dxPopover(options: "instance"): DevExpress.ui.dxPopover;
+    dxPopover(options: string): any;
+    dxPopover(options: string, ...params: any[]): any;
+    dxPopover(options: DevExpress.ui.dxPopoverOptions): JQuery;
+    dxOverlay(): JQuery;
+    dxOverlay(options: "instance"): DevExpress.ui.dxOverlay;
+    dxOverlay(options: string): any;
+    dxOverlay(options: string, ...params: any[]): any;
+    dxOverlay(options: DevExpress.ui.dxOverlayOptions): JQuery;
+    dxNumberBox(): JQuery;
+    dxNumberBox(options: "instance"): DevExpress.ui.dxNumberBox;
+    dxNumberBox(options: string): any;
+    dxNumberBox(options: string, ...params: any[]): any;
+    dxNumberBox(options: DevExpress.ui.dxNumberBoxOptions): JQuery;
+    dxNavBar(): JQuery;
+    dxNavBar(options: "instance"): DevExpress.ui.dxNavBar;
+    dxNavBar(options: string): any;
+    dxNavBar(options: string, ...params: any[]): any;
+    dxNavBar(options: DevExpress.ui.dxNavBarOptions): JQuery;
+    dxMultiView(): JQuery;
+    dxMultiView(options: "instance"): DevExpress.ui.dxMultiView;
+    dxMultiView(options: string): any;
+    dxMultiView(options: string, ...params: any[]): any;
+    dxMultiView(options: DevExpress.ui.dxMultiViewOptions): JQuery;
+    dxMap(): JQuery;
+    dxMap(options: "instance"): DevExpress.ui.dxMap;
+    dxMap(options: string): any;
+    dxMap(options: string, ...params: any[]): any;
+    dxMap(options: DevExpress.ui.dxMapOptions): JQuery;
+    dxLookup(): JQuery;
+    dxLookup(options: "instance"): DevExpress.ui.dxLookup;
+    dxLookup(options: string): any;
+    dxLookup(options: string, ...params: any[]): any;
+    dxLookup(options: DevExpress.ui.dxLookupOptions): JQuery;
+    dxLoadPanel(): JQuery;
+    dxLoadPanel(options: "instance"): DevExpress.ui.dxLoadPanel;
+    dxLoadPanel(options: string): any;
+    dxLoadPanel(options: string, ...params: any[]): any;
+    dxLoadPanel(options: DevExpress.ui.dxLoadPanelOptions): JQuery;
+    dxLoadIndicator(): JQuery;
+    dxLoadIndicator(options: "instance"): DevExpress.ui.dxLoadIndicator;
+    dxLoadIndicator(options: string): any;
+    dxLoadIndicator(options: string, ...params: any[]): any;
+    dxLoadIndicator(options: DevExpress.ui.dxLoadIndicatorOptions): JQuery;
+    dxList(): JQuery;
+    dxList(options: "instance"): DevExpress.ui.dxList;
+    dxList(options: string): any;
+    dxList(options: string, ...params: any[]): any;
+    dxList(options: DevExpress.ui.dxListOptions): JQuery;
+    dxGallery(): JQuery;
+    dxGallery(options: "instance"): DevExpress.ui.dxGallery;
+    dxGallery(options: string): any;
+    dxGallery(options: string, ...params: any[]): any;
+    dxGallery(options: DevExpress.ui.dxGalleryOptions): JQuery;
+    dxDropDownEditor(): JQuery;
+    dxDropDownEditor(options: "instance"): DevExpress.ui.dxDropDownEditor;
+    dxDropDownEditor(options: string): any;
+    dxDropDownEditor(options: string, ...params: any[]): any;
+    dxDropDownEditor(options: DevExpress.ui.dxDropDownEditorOptions): JQuery;
+    dxDateBox(): JQuery;
+    dxDateBox(options: "instance"): DevExpress.ui.dxDateBox;
+    dxDateBox(options: string): any;
+    dxDateBox(options: string, ...params: any[]): any;
+    dxDateBox(options: DevExpress.ui.dxDateBoxOptions): JQuery;
+    dxCheckBox(): JQuery;
+    dxCheckBox(options: "instance"): DevExpress.ui.dxCheckBox;
+    dxCheckBox(options: string): any;
+    dxCheckBox(options: string, ...params: any[]): any;
+    dxCheckBox(options: DevExpress.ui.dxCheckBoxOptions): JQuery;
+    dxBox(): JQuery;
+    dxBox(options: "instance"): DevExpress.ui.dxBox;
+    dxBox(options: string): any;
+    dxBox(options: string, ...params: any[]): any;
+    dxBox(options: DevExpress.ui.dxBoxOptions): JQuery;
+    dxButton(): JQuery;
+    dxButton(options: "instance"): DevExpress.ui.dxButton;
+    dxButton(options: string): any;
+    dxButton(options: string, ...params: any[]): any;
+    dxButton(options: DevExpress.ui.dxButtonOptions): JQuery;
+    dxCalendar(): JQuery;
+    dxCalendar(options: "instance"): DevExpress.ui.dxCalendar;
+    dxCalendar(options: string): any;
+    dxCalendar(options: string, ...params: any[]): any;
+    dxCalendar(options: DevExpress.ui.dxCalendarOptions): JQuery;
+    dxAccordion(): JQuery;
+    dxAccordion(options: "instance"): DevExpress.ui.dxAccordion;
+    dxAccordion(options: string): any;
+    dxAccordion(options: string, ...params: any[]): any;
+    dxAccordion(options: DevExpress.ui.dxAccordionOptions): JQuery;
+    dxResponsiveBox(): JQuery;
+    dxResponsiveBox(options: "instance"): DevExpress.ui.dxResponsiveBox;
+    dxResponsiveBox(options: string): any;
+    dxResponsiveBox(options: string, ...params: any[]): any;
+    dxResponsiveBox(options: DevExpress.ui.dxResponsiveBoxOptions): JQuery;
+    dxAutocomplete(): JQuery;
+    dxAutocomplete(options: "instance"): DevExpress.ui.dxAutocomplete;
+    dxAutocomplete(options: string): any;
+    dxAutocomplete(options: string, ...params: any[]): any;
+    dxAutocomplete(options: DevExpress.ui.dxAutocompleteOptions): JQuery;
+    dxForm(): JQuery;
+    dxForm(options: "instance"): DevExpress.ui.dxForm;
+    dxForm(options: string): any;
+    dxForm(options: string, ...params: any[]): any;
+    dxForm(options: DevExpress.ui.dxFormOptions): JQuery;
+}
+
+declare module DevExpress.ui {
+    export interface dxTileViewOptions extends CollectionWidgetOptions {
+        /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
+        activeStateEnabled?: boolean;
+        /** Specifies the height of the base tile view item. */
+        baseItemHeight?: number;
+        /** Specifies the width of the base tile view item. */
+        baseItemWidth?: number;
+        /** Specifies whether tiles are placed horizontally or vertically. */
+        direction?: string;
+        /** Specifies the height of the widget. */
+        height?: any;
+        /** Specifies the distance in pixels between adjacent tiles. */
+        itemMargin?: number;
+        /** A Boolean value specifying whether or not to display a scrollbar. */
+        showScrollbar?: boolean;
+    }
+    /** A widget displaying several blocks of data as tiles. */
+    export class dxTileView extends CollectionWidget {
+        constructor(element: JQuery, options?: dxTileViewOptions);
+        constructor(element: Element, options?: dxTileViewOptions);
+        /** Returns the current scroll position of the widget content. */
+        scrollPosition(): number;
+    }
+    export interface dxSwitchOptions extends EditorOptions {
+	    activeStateEnabled?: boolean;
+        /** Text displayed when the widget is in a disabled state. */
+        offText?: string;
+        /** Text displayed when the widget is in an enabled state. */
+        onText?: string;
+        /** A Boolean value specifying whether the current switch state is "On" or "Off". */
+        value?: boolean;
+    }
+    /** A switch widget. */
+    export class dxSwitch extends Editor {
+        constructor(element: JQuery, options?: dxSwitchOptions);
+        constructor(element: Element, options?: dxSwitchOptions);
+    }
+    export interface dxSlideOutViewOptions extends WidgetOptions {
+        /** Specifies the current menu position. */
+        menuPosition?: string;
+        /** Specifies whether or not the menu panel is visible. */
+        menuVisible?: boolean;
+        /** Specifies whether or not the menu is shown when a user swipes the widget content. */
+        swipeEnabled?: boolean;
+        /** A template to be used for rendering menu panel content. */
+        menuTemplate?: any;
+        /** A template to be used for rendering widget content. */
+        contentTemplate?: any;
+    }
+    /** The widget that allows you to slide-out the current view to reveal a custom menu. */
+    export class dxSlideOutView extends Widget {
+        constructor(element: JQuery, options?: dxSlideOutViewOptions);
+        constructor(element: Element, options?: dxSlideOutViewOptions);
+        /** Returns an HTML element of the widget menu block. */
+        menuContent(): JQuery;
+        /** Returns an HTML element of the widget content block. */
+        content(): JQuery;
+        /** Displays the widget's menu block. */
+        showMenu(): JQueryPromise<void>;
+        /** Hides the widget's menu block. */
+        hideMenu(): JQueryPromise<void>;
+        /** Toggles the visibility of the widget's menu block. */
+        toggleMenuVisibility(): JQueryPromise<void>;
+    }
+    export interface dxSlideOutOptions extends CollectionWidgetOptions {
+        /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
+        activeStateEnabled?: boolean;
+        /** A Boolean value specifying whether or not to display a grouped menu. */
+        menuGrouped?: boolean;
+        /** Specifies the current menu position. */
+        menuPosition?: string;
+        /** The name of the template used to display a group header. */
+        menuGroupTemplate?: any;
+        /** The template used to render menu items. */
+        menuItemTemplate?: any;
+        /** A handler for the menuGroupRendered event. */
+        onMenuGroupRendered?: Function;
+        /** A handler for the menuItemRendered event. */
+        onMenuItemRendered?: Function;
+        /** Specifies whether or not the slide-out menu is displayed. */
+        menuVisible?: boolean;
+        /** Indicates whether the menu can be shown/hidden by swiping the widget's main panel. */
+        swipeEnabled?: boolean;
+        /** A template to be used for rendering widget content. */
+        contentTemplate?: any;
+    }
+    /** The widget that allows you to slide-out the current view to reveal an item list. */
+    export class dxSlideOut extends CollectionWidget {
+        constructor(element: JQuery, options?: dxSlideOutOptions);
+        constructor(element: Element, options?: dxSlideOutOptions);
+        /** Hides the widget's slide-out menu. */
+        hideMenu(): JQueryPromise<void>;
+        /** Displays the widget's slide-out menu. */
+        showMenu(): JQueryPromise<void>;
+        /** Toggles the visibility of the widget's slide-out menu. */
+        toggleMenuVisibility(showing: boolean): JQueryPromise<void>;
+    }
+    export interface dxPivotOptions extends CollectionWidgetOptions {
+        /** The index of the currently active pivot item. */
+        selectedIndex?: number;
+        /** A Boolean value specifying whether or not to allow users to switch between items by swiping. */
+        swipeEnabled?: boolean;
+        /** A template to be used for rendering widget content. */
+        contentTemplate?: any;
+        /** The template to be used for rendering an item title. */
+        itemTitleTemplate?: any;
+    }
+    /** A widget that is similar to a traditional tab control, but optimized for the phone with simplified end-user interaction. */
+    export class dxPivot extends CollectionWidget {
+        constructor(element: JQuery, options?: dxPivotOptions);
+        constructor(element: Element, options?: dxPivotOptions);
+    }
+    export interface dxPanoramaOptions extends CollectionWidgetOptions {
+        /** An object exposing options for setting a background image for the panorama. */
+        backgroundImage?: {
+            /** Specifies the height of the panorama's background image. */
+            height?: number;
+            /** Specifies the URL of the image that is used as the panorama's background image. */
+            url?: string;
+            /** Specifies the width of the panorama's background image. */
+            width?: number;
+        };
+        /** The index of the currently active panorama item. */
+        selectedIndex?: number;
+        /** Specifies the widget content title. */
+        title?: string;
+    }
+    /** A widget displaying the required content in a long horizontal canvas that extends beyond the frames of the screen. */
+    export class dxPanorama extends CollectionWidget {
+        constructor(element: JQuery, options?: dxDropDownEditorOptions);
+        constructor(element: Element, options?: dxDropDownEditorOptions);
+    }
+    export interface dxDropDownMenuOptions extends WidgetOptions {
+        /** A handler for the buttonClick event. */
+        onButtonClick?: any;
+        /** The name of the icon to be displayed by the DropDownMenu button. */
+        buttonIcon?: string;
+        /** The text displayed in the DropDownMenu button. */
+        buttonText?: string;
+        buttonIconSrc?: string;
+        /** A data source used to fetch data to be displayed by the widget. */
+        dataSource?: any;
+        /** A handler for the itemClick event. */
+        onItemClick?: any;
+        /** An array of items displayed by the widget. */
+        items?: Array<any>;
+        /** The template to be used for rendering items. */
+        itemTemplate?: any;
+        /** Specifies whether or not to show the drop down menu within a dxPopover widget. */
+        usePopover?: boolean;
+        /** The width of the menu popup in pixels. */
+        popupWidth?: any;
+        /** The height of the menu popup in pixels. */
+        popupHeight?: any;
+        /** Specifies whether or not the drop-down menu is displayed. */
+        opened?: boolean;
+        hoverStateEnabled?: boolean;
+        activeStateEnabled?: boolean;
+    }
+    /** A drop-down menu widget. */
+    export class dxDropDownMenu extends Widget {
+        constructor(element: JQuery, options?: dxDropDownEditorOptions);
+        constructor(element: Element, options?: dxDropDownEditorOptions);
+        /** This section lists the data source fields that are used in a default template for drop-down menu items. */
+        /** Opens the drop-down menu. */
+        open(): void;
+        /** Closes the drop-down menu. */
+        close(): void;
+    }
+    export interface dxActionSheetOptions extends CollectionWidgetOptions {
+        /** A handler for the cancelClick event. */
+        onCancelClick?: any;
+        /** The text displayed in the button that closes the action sheet. */
+        cancelText?: string;
+        /** Specifies whether or not to display the Cancel button in action sheet. */
+        showCancelButton?: boolean;
+        /** A Boolean value specifying whether or not the title of the action sheet is visible. */
+        showTitle?: boolean;
+        /** Specifies the element the action sheet popover points at. */
+        target?: any;
+        /** The title of the action sheet. */
+        title?: string;
+        /** Specifies whether or not to show the action sheet within a dxPopover widget. */
+        usePopover?: boolean;
+        /** A Boolean value specifying whether or not the dxActionSheet widget is visible. */
+        visible?: boolean;
+    }
+    /** A widget consisting of a set of choices related to a certain task. */
+    export class dxActionSheet extends CollectionWidget {
+        constructor(element: JQuery, options?: dxActionSheetOptions);
+        constructor(element: Element, options?: dxActionSheetOptions);
+        /** Hides the widget. */
+        hide(): JQueryPromise<dxActionSheet>;
+        /** Shows the widget. */
+        show(): JQueryPromise<dxActionSheet>;
+        /** Shows or hides the widget depending on the Boolean value passed as the parameter. */
+        toggle(showing: boolean): JQueryPromise<dxActionSheet>;
+    }
+}
+interface JQuery {
+    dxTileView(): JQuery;
+    dxTileView(options: "instance"): DevExpress.ui.dxTileView;
+    dxTileView(options: string): any;
+    dxTileView(options: string, ...params: any[]): any;
+    dxTileView(options: DevExpress.ui.dxTileViewOptions): JQuery;
+    dxSwitch(): JQuery;
+    dxSwitch(options: "instance"): DevExpress.ui.dxSwitch;
+    dxSwitch(options: string): any;
+    dxSwitch(options: string, ...params: any[]): any;
+    dxSwitch(options: DevExpress.ui.dxSwitchOptions): JQuery;
+    dxSlideOut(): JQuery;
+    dxSlideOut(options: "instance"): DevExpress.ui.dxSlideOut;
+    dxSlideOut(options: string): any;
+    dxSlideOut(options: string, ...params: any[]): any;
+    dxSlideOut(options: DevExpress.ui.dxSlideOutOptions): JQuery;
+    dxPivot(): JQuery;
+    dxPivot(options: "instance"): DevExpress.ui.dxPivot;
+    dxPivot(options: string): any;
+    dxPivot(options: string, ...params: any[]): any;
+    dxPivot(options: DevExpress.ui.dxPivotOptions): JQuery;
+    dxPanorama(): JQuery;
+    dxPanorama(options: "instance"): DevExpress.ui.dxPanorama;
+    dxPanorama(options: string): any;
+    dxPanorama(options: string, ...params: any[]): any;
+    dxPanorama(options: DevExpress.ui.dxPanoramaOptions): JQuery;
+    dxActionSheet(): JQuery;
+    dxActionSheet(options: "instance"): DevExpress.ui.dxActionSheet;
+    dxActionSheet(options: string): any;
+    dxActionSheet(options: string, ...params: any[]): any;
+    dxActionSheet(options: DevExpress.ui.dxActionSheetOptions): JQuery;
+    dxDropDownMenu(): JQuery;
+    dxDropDownMenu(options: "instance"): DevExpress.ui.dxDropDownMenu;
+    dxDropDownMenu(options: string): any;
+    dxDropDownMenu(options: string, ...params: any[]): any;
+    dxDropDownMenu(options: DevExpress.ui.dxDropDownMenuOptions): JQuery;
+}
+declare module DevExpress.data {
+    export interface XmlaStoreOptions {
+        /** The HTTP address to an XMLA OLAP server. */
+        url?: string;
+        /** The name of the database associated with the Store. */
+        catalog?: string;
+        /** The cube name. */
+        cube?: string;
+        /** A function used to customize a web request before it is sent. */
+        beforeSend?: (request: Object) => void;
+    }
+    /** A Store that provides access to an OLAP cube using the XMLA standard. */
+    export class XmlaStore {
+        constructor(options: XmlaStoreOptions);
+    }
+    export interface PivotGridField {
+        index?: number;
+        /** A boolean value specifying whether or not the field is visible in the pivot grid and the Field Chooser. */
+        visible?: boolean;
+        /** Name of the data source field containing data for the pivot grid field. */
+        dataField?: string;
+        /** A caption that will be displayed in the pivot grid's field chooser to identify the field. */
+        caption?: string;
+        /** Specifies a type of field values. */
+        dataType?: string;
+        /** Specifies how the values of the current field are combined into groups. Cannot be used for the XmlaStore store type. */
+        groupInterval?: any;
+        /** Specifies how to aggregate field data. Cannot be used for the XmlaStore store type. */
+        summaryType?: string;
+        /** Allows you to use a custom aggregate function to calculate the summary values. Cannot be used for the XmlaStore store type. */
+        calculateCustomSummary?: (options: {
+            summaryProcess?: string;
+            value?: any;
+            totalValue?: any;
+        }) => void;
+        /** Specifies the function that determines how to split data from the data source into ranges for header items. Cannot be used for the XmlaStore store type. */
+        selector?: (data: Object) => any;
+        /** Type of the area where the field is located. */
+        area?: string;
+        /** Index among the other fields displayed within the same area. */
+        areaIndex?: number;
+        /** The name of the folder in which the field is located. */
+        displayFolder?: string;
+        /** The name of the group to which the field belongs. */
+        groupName?: string;
+        /** The index of the field within a group. */
+        groupIndex?: number;
+        /** Specifies the sort order of field values. */
+        sortOrder?: string;
+        /** Specifies how field data should be sorted. Can be used for the XmlaStore store type only. */
+        sortBy?: string;
+        /** Sorts the header items of this field by the summary values of another field. */
+        sortBySummaryField?: string;
+        /** The array of field names that specify a path to column/row whose summary field is used for sorting of this field's header items. */
+        sortBySummaryPath?: Array<any>;
+        /** The filter values for the current field. */
+        filterValues?: Array<any>;
+        /** The filter type for the current field. */
+        filterType?: string;
+        /** Indicates whether all header items of the field's header level are expanded. */
+        expanded?: boolean;
+        /** Specifies whether the field should be treated as a Data Field. */
+        isMeasure?: boolean;
+        /** Specifies a display format for field values. */
+        format?: string;
+        /** Specifies a callback function that returns the text to be displayed in the cells of a field. */
+        customizeText?: (cellInfo: { value: any; valueText: string }) => string;
+        /** Specifies a precision for formatted field values. */
+        precision?: number;
+        /** Specifies how to sort the header items. */
+        sortingMethod?: (a: Object, b: Object) => number;
+        /** Allows an end-user to change sorting options. */
+        allowSorting?: boolean;
+        /** Allows an end-user to sort columns by summary values. */
+        allowSortingBySummary?: boolean;
+        /** Allows an end-user to change filtering options. */
+        allowFiltering?: boolean;
+        /** Allows an end-user to expand/collapse all header items within a header level. */
+        allowExpandAll?: boolean;
+        /** Specifies the absolute width of the field in the pivot grid. */
+        width?: number;
+        /** Specifies the summary post-processing algorithm. */
+        summaryDisplayMode?: string;
+        /** Specifies whether to summarize each next summary value with the previous one by rows or columns. */
+        runningTotal?: string;
+        /** Specifies whether to allow the predefined summary post-processing functions ('absoluteVariation' and 'percentVariation') and runningTotal to take values of different groups into account. */
+        allowCrossGroupCalculation?: boolean;
+        /** Specifies a callback function that allows you to modify summary values after they are calculated. */
+        calculateSummaryValue?: (e: Object) => number;
+        /** Specifies whether or not to display Total values for the field. */
+        showTotals?: boolean;
+        /** Specifies whether or not to display Grand Total values for the field. */
+        showGrandTotals?: boolean;
+    }
+    export class SummaryCell {
+        /** Gets the parent cell in a specified direction. */
+        parent(direction: string): SummaryCell;
+        /** Gets all children cells in a specified direction. */
+        children(direction: string): Array<SummaryCell>;
+        /** Gets a partial Grand Total cell of a row or column. */
+        grandTotal(direction: string): SummaryCell;
+        /** Gets the Grand Total of the entire pivot grid. */
+        grandTotal(): SummaryCell;
+        /** Gets the cell next to the current one in a specified direction. */
+        next(direction: string): SummaryCell;
+        /** Gets the cell next to current in a specified direction. */
+        next(direction: string, allowCrossGroup: boolean): SummaryCell;
+        /** Gets the cell prior to the current one in a specified direction. */
+        prev(direction: string): SummaryCell;
+        /** Gets the cell previous to current in a specified direction. */
+        prev(direction: string, allowCrossGroup: boolean): SummaryCell;
+        /** Gets the child cell in a specified direction. */
+        child(direction: string, fieldValue: any): SummaryCell;
+        /** Gets the cell located by the path of the source cell with one field value changed. */
+        slice(field: PivotGridField, value: any): SummaryCell;
+        /** Gets the header cell of a row or column field to which the current cell belongs. */
+        field(area: string): PivotGridField;
+        /** Gets the value of the current cell. */
+        value(): any;
+        /** Gets the value of the current cell. */
+        value(isCalculatedValue: boolean): any;
+        /** Gets the value of any field linked with the current cell. */
+        value(field: PivotGridField): any;
+        /** Gets the value of any field linked with the current cell. */
+        value(field: PivotGridField, isCalculatedValue: boolean): any;
+    }
+    export interface PivotGridDataSourceOptions {
+        /** Specifies the underlying Store instance used to access data. */
+        store?: any;
+        /** Indicates whether or not the automatic field generation from data in the Store is enabled. */
+        retrieveFields?: boolean;
+        /** Specifies data filtering conditions. Cannot be used for the XmlaStore store type. */
+        filter?: Object;
+        /** An array of pivot grid fields. */
+        fields?: Array<PivotGridField>;
+        /** A handler for the changed event. */
+        onChanged?: () => void;
+        /** A handler for the loadingChanged event. */
+        onLoadingChanged?: (isLoading: boolean) => void;
+        /** A handler for the loadError event. */
+        onLoadError?: (e?: Object) => void;
+        /** A handler for the fieldsPrepared event. */
+        onFieldsPrepared?: (e?: Array<PivotGridField>) => void;
+    }
+    /** An object that provides access to data for the dxPivotGrid widget. */
+    export class PivotGridDataSource implements EventsMixin<PivotGridDataSource> {
+        constructor(options?: PivotGridDataSource);
+        /** Starts reloading data from any store and updating the data source. */
+        reload(): JQueryPromise<any>;
+        /** Starts updating the data source. Reloads data from the XMLA store only. */
+        load(): JQueryPromise<any>;
+        /** Indicates whether or not the PivotGridDataSource is currently being loaded. */
+        isLoading(): boolean;
+        /** Gets data displayed in a PivotGrid. */
+        getData(): Object;
+        /** Gets all fields within a specified area. */
+        getAreaFields(area: string, collectGroups: boolean): Array<PivotGridField>;
+        /** Gets all fields from the data source. */
+        fields(): Array<PivotGridField>;
+        /** Sets the fields option. */
+        fields(fields: Array<PivotGridField>): void;
+        /** Gets current options of a specified field. */
+        field(id: any): PivotGridField;
+        /** Sets one or more options of a specified field. */
+        field(id: any, field: PivotGridField): void;
+        /** Collapses a specified header item. */
+        collapseHeaderItem(area: string, path: Array<any>): void;
+        /** Expands a specified header item. */
+        expandHeaderItem(area: string, path: Array<any>): void;
+        /** Expands all header items of a field. */
+        expandAll(id: any): void;
+        /** Collapses all header items of a field. */
+        collapseAll(id: any): void;
+        /** Disposes of all resources associated with this PivotGridDataSource. */
+        dispose(): void;
+        /** Gets the current filter expression. Cannot be used for the XmlaStore store type. */
+        filter(): Object;
+        /** Applies a new filter expression. Cannot be used for the XmlaStore store type. */
+        filter(filterExpr: Object): void;
+        /** Provides access to a list of records (facts) that were used to calculate a specific summary. */
+        createDrillDownDataSource(options: {
+            columnPath?: Array<any>;
+            rowPath?: Array<any>;
+            dataIndex?: number;
+            maxRowCount?: number;
+            customColumns?: Array<string>;
+        }): DevExpress.data.DataSource;
+        /** Gets the current PivotGridDataSource state (fields configuration, sorting, filters, expanded headers, etc.) */
+        state(): Object;
+        /** Sets the PivotGridDataSource state. */
+        state(state: Object): void;
+        on(eventName: string, eventHandler: Function): PivotGridDataSource;
+        on(events: { [eventName: string]: Function; }): PivotGridDataSource;
+        off(eventName: string): PivotGridDataSource;
+        off(eventName: string, eventHandler: Function): PivotGridDataSource;
+    }
+}
+declare module DevExpress.ui {
+    export interface dxSchedulerOptions extends WidgetOptions {
+        /** Specifies a date displayed on the current scheduler view by default. */
+        currentDate?: Date;
+        /** The earliest date the widget allows you to select. */
+        min?: Date;
+        /** The latest date the widget allows you to select. */
+        max?: Date;
+        /** Specifies the view used in the scheduler by default. */
+        currentView?: string;
+        /** A data source used to fetch data to be displayed by the widget. */
+        dataSource?: any;
+        /** Specifies the first day of a week. */
+        firstDayOfWeek?: number;
+        /** The template to be used for rendering appointments. */
+        appointmentTemplate?: any;
+        /** The template to be used for rendering an appointment tooltip. */
+        appointmentTooltipTemplate?: any;
+        /** Lists the views to be available within the scheduler's View Selector. */
+        views?: Array<string>;
+        /** Specifies the resource kinds by which the scheduler's appointments are grouped in a timetable. */
+        groups?: Array<string>;
+        /** Specifies a start hour in the scheduler view's time interval. */
+        startDayHour?: number;
+        /** Specifies an end hour in the scheduler view's time interval. */
+        endDayHour?: number;
+        /** Specifies whether or not the "All-day" panel is visible. */
+        showAllDayPanel?: boolean;
+        /** Specifies cell duration in minutes. */
+        cellDuration?: number;
+        /** Specifies the edit mode for recurring appointments. */
+        recurrenceEditMode?: string;
+        /** Specifies which editing operations an end-user can perform on appointments. */
+        editing?: {
+            /** Specifies whether or not an end-user can add appointments. */
+            allowAdding?: boolean;
+            /** Specifies whether or not an end-user can change appointment options. */
+            allowUpdating?: boolean;
+            /** Specifies whether or not an end-user can delete appointments. */
+            allowDeleting?: boolean;
+            /** Specifies whether or not an end-user can change an appointment duration. */
+            allowResizing?: boolean;
+            /** Specifies whether or not an end-user can drag appointments. */
+            allowDragging?: boolean;
+        }
+        /** Specifies an array of resources available in the scheduler. */
+        resources?: Array<{
+            /** Indicates whether or not several resources of this kind can be assigned to an appointment. */
+            allowMultiple?: boolean;
+            /**
+             * Indicates whether or not resources of this kind have priority in the color identification of the appointments that have resources of different kinds assigned.
+             * @deprecated Use the 'useColorAsDefault' property instead
+             */
+            mainColor?: boolean;
+            /** Indicates whether or not resources of this kind have priority in the color identification of the appointments that have resources of different kinds assigned. */
+            useColorAsDefault?: boolean;
+            /** A data source used to fetch resources to be available in the scheduler. */
+            dataSource?: any;
+            /** Specifies the resource object field whose value is displayed by the Resource editor in the Appointment popup window. */
+            displayExpr?: any;
+            /** Specifies the resource object field that is used as a value of the Resource editor in the Appointment popup window. */
+            valueExpr?: any;
+            /** The name of the appointment object field that specifies a resource of this kind. */
+            field?: string;
+            /** Specifies the label of the Appointment popup window field that allows end users to assign a resource of this kind. */
+            label?: string;
+        }>;
+        /** A handler for the AppointmentAdding event. */
+        onAppointmentAdding?: Function;
+        /** A handler for the appointmentAdded event. */
+        onAppointmentAdded?: Function;
+        /** A handler for the AppointmentUpdating event. */
+        onAppointmentUpdating?: Function;
+        /** A handler for the appointmentUpdated event. */
+        onAppointmentUpdated?: Function;
+        /** A handler for the AppointmentDeleting event. */
+        onAppointmentDeleting?: Function;
+        /** A handler for the appointmentDeleted event. */
+        onAppointmentDeleted?: Function;
+        /** A handler for the appointmentRendered event. */
+        onAppointmentRendered?: Function;
+        /** A handler for the appointmentClick event. */
+        onAppointmentClick?: any;
+        /** A handler for the appointmentDblClick event. */
+        onAppointmentDblClick?: any;
+        /** A handler for the cellClick event. */
+        onCellClick?: any;
+        /** A handler for the appointmentFormCreated event. */
+        onAppointmentFormCreated?: Function;
+        /** Specifies whether or not an end-user can scroll the view horizontally. */
+        horizontalScrollingEnabled?: boolean;
+        /** Specifies whether a user can switch views using tabs or a drop-down menu. */
+        useDropDownViewSwitcher?: boolean;
+        /** Specifies the name of the data source item field that defines the start of an appointment. */
+        startDateExpr?: string;
+        /** Specifies the name of the data source item field that defines the ending of an appointment. */
+        endDateExpr?: string;
+        /** Specifies the name of the data source item field that holds the subject of an appointment. */
+        textExpr?: string;
+        /** Specifies the name of the data source item field whose value holds the description of the corresponding appointment. */
+        descriptionExpr?: string;
+        /** Specifies the name of the data source item field whose value defines whether or not the corresponding appointment is an all-day appointment. */
+        allDayExpr?: string;
+        /** Specifies the name of the data source item field that defines a recurrence rule for generating recurring appointments. */
+        recurrenceRuleExpr?: string;
+        /** Specifies the name of the data source item field that defines exceptions for the current recurring appointment. */
+        recurrenceExceptionExpr?: string;
+        /** Specifies whether filtering is performed on the server or client side. */
+        remoteFiltering?: boolean;
+    }
+    /** A widget that displays scheduled data using different views and provides the capability to load, add and edit appointments. */
+    export class dxScheduler extends Widget {
+        constructor(element: JQuery, options?: dxSchedulerOptions);
+        constructor(element: Element, options?: dxSchedulerOptions);
+        /** Add the appointment defined by the object passed as a parameter to the data associated with the widget. */
+        addAppointment(appointment: Object): void;
+        /** Updates the appointment specified by the first method parameter by the appointment object specified by the second method parameter in the the data associated with the widget. */
+        updateAppointment(target: Object, appointment: Object): void;
+        /** Deletes the appointment defined by the parameter from the the data associated with the widget. */
+        deleteAppointment(appointment: Object): void;
+        /** Scrolls the scheduler work space to the specified time of the specified day. */
+        scrollToTime(hours: number, minutes: number, date: Date): void;
+        /** Displayes the Appointment Details popup. */
+        showAppointmentPopup(appointmentData: Object, createNewAppointment?: boolean, currentAppointmentData?: Object): void;
+    }
+    export interface dxColorBoxOptions extends dxDropDownEditorOptions {
+        /** Specifies the text displayed on the button that applies changes and closes the drop-down editor. */
+        applyButtonText?: string;
+        applyValueMode?: string;
+        /** Specifies the text displayed on the button that cancels changes and closes the drop-down editor. */
+        cancelButtonText?: string;
+        /** Specifies whether or not the widget value includes the alpha channel component. */
+        editAlphaChannel?: boolean;
+        /** Specifies the size of a step by which a handle is moved using a keyboard shortcut. */
+        keyStep?: number;
+    }
+    /** A widget used to specify a color value. */
+    export class dxColorBox extends dxDropDownEditor {
+        constructor(element: JQuery, options?: dxColorBoxOptions);
+        constructor(element: Element, options?: dxColorBoxOptions);
+    }
+    export interface HierarchicalCollectionWidgetOptions extends CollectionWidgetOptions {
+        /** Specifies the name of the data source item field whose value is displayed by the widget. */
+        displayExpr?: any;
+        /** Specifies the name of the data source item field used as a key. */
+        keyExpr?: any;
+        /** Specifies the name of the data source item field whose value defines whether or not the corresponding widget items is selected. */
+        selectedExpr?: any;
+        /** Specifies the name of the data source item field that contains an array of nested items. */
+        itemsExpr?: any;
+        /** Specifies the name of the data source item field whose value defines whether or not the corresponding widget item is disabled. */
+        disabledExpr?: any;
+        /** Specifies the name of the data source item field that holds the key of the parent item. */
+        parentIdExpr?: any;
+        /** Specifies the name of the data source item field whose value defines whether or not the corresponding widget items is expanded. */
+        expandedExpr?: any;
+        hoverStateEnabled?: boolean;
+        focusStateEnabled?: boolean;
+    }
+    export class HierarchicalCollectionWidget extends CollectionWidget {
+    }
+    export interface dxTreeViewOptions extends HierarchicalCollectionWidgetOptions {
+        /** Specifies whether or not to animate item collapsing and expanding. */
+        animationEnabled?: boolean;
+        /** Specifies whether a nested or plain array is used as a data source. */
+        dataStructure?: string;
+        /** Specifies whether or not a user can expand all tree view items by the "*" hot key. */
+        expandAllEnabled?: boolean;
+        /**
+         * Specifies whether or not a check box is displayed at each tree view item.
+         * @deprecated Use the showCheckBoxesMode option instead.
+         */
+        showCheckBoxes?: boolean;
+        /** Specifies the current check boxes display mode. */
+        showCheckBoxesMode?: string;
+        /** Specifies whether or not to select nodes recursively. */
+        selectNodesRecursive?: boolean;
+        /** Specifies whether or not all parent nodes of an initially expanded node are displayed expanded. */
+        expandNodesRecursive?: boolean;
+        /**
+         * Specifies whether the "Select All" check box is displayed over the tree view.
+         * @deprecated Use the showCheckBoxesMode option instead.
+         */
+        selectAllEnabled?: boolean;
+        /** Specifies the text displayed at the "Select All" check box. */
+        selectAllText?: string;
+        /** Specifies the name of the data source item field whose value defines whether or not the corresponding node includes child nodes. */
+        hasItemsExpr?: any;
+        /** Specifies if the virtual mode is enabled. */
+        virtualModeEnabled?: boolean;
+        /** Specifies the parent ID value of the root item. */
+        rootValue?: any;
+        /** Specifies the current value used to filter tree view items. */
+        searchValue?: string;
+        /** A string value specifying available scrolling directions. */
+        scrollDirection?: string;
+        /** A handler for the itemSelected event. */
+        onItemSelected?: Function;
+        /** A handler for the itemExpanded event. */
+        onItemExpanded?: Function;
+        /** A handler for the itemCollapsed event. */
+        onItemCollapsed?: Function;
+        onItemClick?: Function;
+        onItemContextMenu?: Function;
+        onItemRendered?: Function;
+        onItemHold?: Function;
+    }
+    /** A widget displaying specified data items as a tree. */
+    export class dxTreeView extends HierarchicalCollectionWidget {
+        constructor(element: JQuery, options?: dxTreeViewOptions);
+        constructor(element: Element, options?: dxTreeViewOptions);
+        /** Updates the tree view scrollbars according to the current size of the widget content. */
+        updateDimensions(): JQueryPromise<void>;
+        /** Selects the specified item. */
+        selectItem(itemElement: any): void;
+        /** Unselects the specified item. */
+        unselectItem(itemElement: any): void;
+        /** Expands the specified item. */
+        expandItem(itemElement: any): void;
+        /** Collapses the specified item. */
+        collapseItem(itemElement: any): void;
+        /** Returns all nodes of the tree view. */
+        getNodes(): Array<Object>;
+        /** Selects all widget items. */
+        selectAll(): void;
+        /** Unselects all widget items. */
+        unselectAll(): void;
+    }
+    export interface dxMenuBaseOptions extends HierarchicalCollectionWidgetOptions {
+        /** An object that defines the animation options of the widget. */
+        animation?: fx.AnimationOptions;
+        /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
+        activeStateEnabled?: boolean;
+        /** Specifies the name of the CSS class associated with the menu. */
+        cssClass?: string;
+        /** Holds an array of menu items. */
+        items?: Array<any>;
+        /** Specifies whether or not an item becomes selected if an end-user clicks it. */
+        selectionByClick?: boolean;
+        /** Specifies the selection mode supported by the menu. */
+        selectionMode?: string;
+        /** Specifies options of submenu showing and hiding. */
+        showSubmenuMode?: {
+            /** Specifies the mode name. */
+            name?: string;
+            /** Specifies the delay of submenu show and hiding. */
+            delay?: {
+                /** The time span after which the submenu is shown. */
+                show?: number;
+                /** The time span after which the submenu is hidden. */
+                hide?: number;
+            };
+        };
+    }
+    export class dxMenuBase extends HierarchicalCollectionWidget {
+        constructor(element: JQuery, options?: dxMenuBaseOptions);
+        constructor(element: Element, options?: dxMenuBaseOptions);
+        /** Selects the specified item. */
+        selectItem(itemElement: any): void;
+        /** Unselects the specified item. */
+        unselectItem(itemElement: any): void;
+    }
+    export interface dxMenuOptions extends dxMenuBaseOptions {
+        /** Specifies whether or not the submenu is hidden when the mouse pointer leaves it. */
+        hideSubmenuOnMouseLeave?: boolean;
+        /** Specifies whether the menu has horizontal or vertical orientation. */
+        orientation?: string;
+        /** Specifies options for showing and hiding the first level submenu. */
+        showFirstSubmenuMode?: {
+            /** Specifies the mode name. */
+            name?: string;
+            /** Specifies the delay in submenu showing and hiding. */
+            delay?: {
+                /** The time span after which the submenu is shown. */
+                show?: number;
+                /** The time span after which the submenu is hidden. */
+                hide?: number;
+            };
+        };
+        /** Specifies the direction at which the submenus are displayed. */
+        submenuDirection?: string;
+        /** A handler for the submenuHidden event. */
+        onSubmenuHidden?: Function;
+        /** A handler for the submenuHiding event. */
+        onSubmenuHiding?: Function;
+        /** A handler for the submenuShowing event. */
+        onSubmenuShowing?: Function;
+        /** A handler for the submenuShown event. */
+        onSubmenuShown?: Function;
+    }
+    /** A menu widget. */
+    export class dxMenu extends dxMenuBase {
+        constructor(element: JQuery, options?: dxMenuOptions);
+        constructor(element: Element, options?: dxMenuOptions);
+    }
+    export interface dxContextMenuOptions extends dxMenuBaseOptions {
+        /** Holds an object that specifies options of alternative menu invocation. */
+        alternativeInvocationMode?: {
+            /** Specifies whether or not the standard context menu invocation (on a right mouse click or on a long tap) is disabled. */
+            enabled?: Boolean;
+            /** Specifies the element used to invoke the context menu. */
+            invokingElement?: any;
+        };
+        /** A handler for the hidden event. */
+        onHidden?: Function;
+        /** A handler for the hiding event. */
+        onHiding?: Function;
+        /** A handler for the positioning event. */
+        onPositioning?: Function;
+        /** A handler for the showing event. */
+        onShowing?: Function;
+        /** A handler for the shown event. */
+        onShown?: Function;
+        /** An object defining widget positioning options. */
+        position?: PositionOptions;
+        /** Specifies the direction at which submenus are displayed. */
+        submenuDirection?: string;
+        /** The target element associated with a popover. */
+        target?: any;
+        /** A Boolean value specifying whether or not the widget is visible. */
+        visible?: boolean;
+    }
+    /** A context menu widget. */
+    export class dxContextMenu extends dxMenuBase {
+        constructor(element: JQuery, options?: dxContextMenuOptions);
+        constructor(element: Element, options?: dxContextMenuOptions);
+        /** Toggles the visibility of the widget. */
+        toggle(showing: boolean): JQueryPromise<void>;
+        /** Shows the widget. */
+        show(): JQueryPromise<void>;
+        /** Hides the widget. */
+        hide(): JQueryPromise<void>;
+    }
+    export interface dxRemoteOperations {
+        /** Specifies whether or not filtering must be performed on the server side. */
+        filtering?: boolean;
+        /** Specifies whether or not paging must be performed on the server side. */
+        paging?: boolean;
+        /** Specifies whether or not sorting must be performed on the server side. */
+        sorting?: boolean;
+        /** Specifies whether or not grouping must be performed on the server side. */
+        grouping?: boolean;
+        /** Specifies whether or not summaries calculation must be performed on the server side. */
+        summary?: boolean;
+    }
+    export interface dxDataGridRow {
+        /** The data object represented by the row. */
+        data: Object;
+        /** The key of the data object represented by the row. */
+        key: any;
+        /** The visible index of the row. */
+        rowIndex: number;
+        /** The type of the row. */
+        rowType: string;
+    }
+    export interface dxDataGridColumn {
+        /** Specifies the content alignment within column cells. */
+        alignment?: string;
+        /** Specifies whether the values in a column can be edited at runtime. Setting this option makes sense only when editing is enabled for a grid. */
+        allowEditing?: boolean;
+        /** Specifies whether or not a column can be used for filtering grid records. Setting this option makes sense only when the filter row and column header filtering are visible. */
+        allowFiltering?: boolean;
+        /** Specifies whether or not to allow filtering by this column using its header. */
+        allowHeaderFiltering?: boolean;
+        /** Specifies whether or not the column can be anchored to a grid edge by end users. Setting this option makes sense only when the columnFixing | enabled option is set to true. */
+        allowFixing?: boolean;
+        /** Specifies if a column can be used for searching grid records. Setting this option makes sense only when the search panel is visible. */
+        allowSearch?: boolean;
+        /** Specifies whether a column can be used for grouping grid records at runtime. Setting this option makes sense only when the group panel is visible. */
+        allowGrouping?: boolean;
+        /** Specifies whether or not a column can be hidden by a user. Setting this option makes sense only when the column chooser is visible. */
+        allowHiding?: boolean;
+        /** Specifies whether or not a particular column can be used in column reordering. Setting this option makes sense only when the allowColumnReordering option is set to true. */
+        allowReordering?: boolean;
+        /** Specifies whether or not a particular column can be resized by a user. Setting this option makes sense only when the allowColumnResizing option is true. */
+        allowResizing?: boolean;
+        /** Specifies whether grid records can be sorted by a specific column at runtime. Setting this option makes sense only when the sorting mode differs from none. */
+        allowSorting?: boolean;
+        /** Specifies whether groups appear expanded or not when records are grouped by a specific column. Setting this option makes sense only when grouping is allowed for this column. */
+        autoExpandGroup?: boolean;
+        /** Specifies a callback function that returns a value to be displayed in a column cell. */
+        calculateCellValue?: (rowData: Object) => string;
+        /** Specifies a callback function to be invoked after the cell value is edited by an end-user and before the new value is saved to the data source. */
+        setCellValue?: (rowData: Object, value: any) => void;
+        /** Specifies a callback function that defines filters for customary calculated grid cells. */
+        calculateFilterExpression?: (filterValue: any, selectedFilterOperation: string, target: string) => Array<any>;
+        /** Specifies a caption for a column. */
+        caption?: string;
+        /** Specifies a custom template for grid column cells. */
+        cellTemplate?: any;
+        /** Specifies a CSS class to be applied to a column. */
+        cssClass?: string;
+        /** Specifies how to get a value to be displayed in a cell when it is not in an editing state. */
+        calculateDisplayValue?: any;
+        /** Specifies a field name or a function that returns a field name or a value to be used for grouping column cells. */
+        calculateGroupValue?: any;
+        /** Specifies a field name or a function that returns a field name or a value to be used for sorting column cells. */
+        calculateSortValue?: any;
+        /** Specifies a callback function that returns the text to be displayed in the cells of a column. */
+        customizeText?: (cellInfo: { value: any; valueText: string }) => string;
+        /** Specifies the field of a data source that provides data for a column. */
+        dataField?: string;
+        /** Specifies the required type of column values. */
+        dataType?: string;
+        /** Specifies a custom template for the cell of a grid column when it is in an editing state. */
+        editCellTemplate?: any;
+        /** Specifies configuration options for the editor widget of the current column. */
+        editorOptions?: Object;
+        /** Specifies whether HTML tags are displayed as plain text or applied to the values of the column. */
+        encodeHtml?: boolean;
+        /** In a boolean column, replaces all false items with a specified text. */
+        falseText?: string;
+        /** Specifies the set of available filter operations. */
+        filterOperations?: Array<any>;
+        /** Specifies a filter value for a column. */
+        filterValue?: any;
+        /** Specifies initial filter values for the column's header filter. */
+        filterValues?: Array<any>;
+        /** Specifies whether to include or exclude the records with the values selected in the column's header filter. */
+        filterType?: string;
+        /** Indicates whether the column takes part in horizontal grid scrolling or is anchored to a grid edge. */
+        fixed?: boolean;
+        /** Specifies the grid edge to which the column is anchored. */
+        fixedPosition?: string;
+        /** Specifies a format for the values displayed in a column. */
+        format?: string;
+        /** Specifies a custom template for the group cell of a grid column. */
+        groupCellTemplate?: any;
+        /** Specifies the index of a column when grid records are grouped by the values of this column. */
+        groupIndex?: number;
+        /** Specifies a custom template for the header of a grid column. */
+        headerCellTemplate?: any;
+        /** Specifies options of a lookup column. */
+        lookup?: {
+            /** Specifies whether or not a user can nullify values of a lookup column. */
+            allowClearing?: boolean;
+            /** Specifies the data source providing data for a lookup column. */
+            dataSource?: any;
+            /** Specifies the expression defining the data source field whose values must be displayed. */
+            displayExpr?: any;
+            /** Specifies the expression defining the data source field whose values must be replaced. */
+            valueExpr?: string;
+        };
+        /** Specifies column-level options for filtering using a column header filter. */
+        headerFilter?: {
+            /** Specifies the data source to be used for the header filter. */
+            dataSource?: any;
+            /** Specifies how header filter values should be combined into groups. */
+            groupInterval?: any;
+        };
+        /** Specifies a precision for formatted values displayed in a column. */
+        precision?: number;
+        /** Specifies a filter operation applied to a column. */
+        selectedFilterOperation?: string;
+        /** Specifies whether or not the column displays its values by using editors. */
+        showEditorAlways?: boolean;
+        /** Specifies whether or not to display the column when grid records are grouped by it. */
+        showWhenGrouped?: boolean;
+        /** Specifies the index of a column when grid records are sorted by the values of this column. */
+        sortIndex?: number;
+        /** Specifies the initial sort order of column values. */
+        sortOrder?: string;
+        /** In a boolean column, replaces all true items with a specified text. */
+        trueText?: string;
+        /** Specifies whether a column is visible or not. */
+        visible?: boolean;
+        /** Specifies the sequence number of the column in the grid. */
+        visibleIndex?: number;
+        /** Specifies a column width in pixels or percentages. */
+        width?: any;
+        /** Specifies an array of validation rules to be checked when updating column cell values. */
+        validationRules?: Array<Object>;
+        /** Specifies whether or not to display the header of a hidden column in the column chooser. */
+        showInColumnChooser?: boolean;
+        /** Specifies the identifier of the column. */
+        name?: string;
+        /** The form item configuration object. Used only when the editing mode is "form". */
+        formItem?: DevExpress.ui.dxFormItem;
+    }
+    export interface dxDataGridOptions extends WidgetOptions {
+        /** Specifies whether the outer borders of the grid are visible or not. */
+        showBorders?: boolean;
+        /** Indicates whether to show the error row for the grid. */
+        errorRowEnabled?: boolean;
+        /** A handler for the rowValidating event. */
+        onRowValidating?: (e: Object) => void;
+        /** A handler for the contextMenuPreparing event. */
+        onContextMenuPreparing?: (e: Object) => void;
+        /** A handler for the initNewRow event. */
+        onInitNewRow?: (e: { data: Object }) => void;
+        /** A handler for the rowInserted event. */
+        onRowInserted?: (e: { data: Object; key: any }) => void;
+        /** A handler for the rowInserting event. */
+        onRowInserting?: (e: { data: Object; cancel: any }) => void;
+        /** A handler for the rowRemoved event. */
+        onRowRemoved?: (e: { data: Object; key: any }) => void;
+        /** A handler for the rowRemoving event. */
+        onRowRemoving?: (e: { data: Object; key: any; cancel: any }) => void;
+        /** A handler for the rowUpdated event. */
+        onRowUpdated?: (e: { data: Object; key: any }) => void;
+        /** A handler for the rowUpdating event. */
+        onRowUpdating?: (e: { oldData: Object; newData: Object; key: any; cancel: any }) => void;
+        /** Enables a hint that appears when a user hovers the mouse pointer over a cell with truncated content. */
+        cellHintEnabled?: boolean;
+        /** Specifies whether or not grid columns can be reordered by a user. */
+        allowColumnReordering?: boolean;
+        /** Specifies whether or not grid columns can be resized by a user. */
+        allowColumnResizing?: boolean;
+        /** A handler for the cellClick event. */
+        onCellClick?: any;
+        /** A handler for the cellHoverChanged event. */
+        onCellHoverChanged?: (e: Object) => void;
+        /** A handler for the cellPrepared event. */
+        onCellPrepared?: (e: Object) => void;
+        /** Specifies whether or not the width of grid columns depends on column content. */
+        columnAutoWidth?: boolean;
+        /** Specifies the options of a column chooser. */
+        columnChooser?: {
+            /** Specifies text displayed by the column chooser panel when it does not contain any columns. */
+            emptyPanelText?: string;
+            /** Specifies whether a user can invoke the column chooser or not. */
+            enabled?: boolean;
+            /** Specifies the height of the column chooser panel. */
+            height?: number;
+            /** Specifies text displayed in the title of the column chooser panel. */
+            title?: string;
+            /** Specifies the width of the column chooser panel. */
+            width?: number;
+        };
+        /** Specifies options for column fixing. */
+        columnFixing?: {
+            /** Indicates if column fixing is enabled. */
+            enabled?: boolean;
+            /** Contains options that specify texts for column-fixing related commands in the column header's context menu. */
+            texts?: {
+                /** Specifies text for a context menu item that fixes the column for which the context menu is invoked. */
+                fix?: string;
+                /** Specifies text for a context menu item that unfixes the column for which the context menu is invoked. */
+                unfix?: string;
+                /** Specifies text for a context menu subitem that fixes a column, for which the context menu is invoked, to the left grid edge. */
+                leftPosition?: string;
+                /** Specifies text for a context menu subitem that fixes a column, for which the context menu is invoked, to the right grid edge. */
+                rightPosition?: string;
+            };
+        };
+        /** Specifies options for filtering using a column header filter. */
+        headerFilter?: {
+            /** Indicates whether or not the column header filter button is visible. */
+            visible?: boolean;
+            /** Specifies the height of the dropdown menu invoked when using a column header filter. */
+            height?: number;
+            /** Specifies the width of the dropdown menu invoked when using a column header filter. */
+            width?: number;
+            /** Contains options that specify texts for the dropdown menu invoked when you use a column header filter. */
+            texts?: {
+                /** Specifies text for the item specifying an empty value in the column header filter's dropdown menu. */
+                emptyValue?: string;
+                /** Specifies text for a button that closes the column header filter's dropdown menu and applies specified filtering. */
+                ok?: string;
+                /** Specifies text for a button that closes the column header filter's dropdown menu without applying performed selection. */
+                cancel?: string;
+            }
+        };
+        /** An array of grid columns. */
+        columns?: Array<dxDataGridColumn>;
+        onContentReady?: Function;
+        /** Specifies a function that customizes grid columns after they are created. */
+        customizeColumns?: (columns: Array<dxDataGridColumn>) => void;
+        /** Specifies a data source for the grid. */
+        dataSource?: any;
+        /** Specifies whether or not to enable data caching. */
+        cacheEnabled?: boolean;
+        /** A handler for the editingStart event. */
+        onEditingStart?: (e: {
+            data: Object;
+            key: any;
+            cancel: boolean;
+            column: dxDataGridColumn
+        }) => void;
+        /** A handler for the editorPrepared event. */
+        onEditorPrepared?: (e: Object) => void;
+        /** A handler for the editorPreparing event. */
+        onEditorPreparing?: (e: Object) => void;
+        /** Contains options that specify how grid content can be changed. */
+        editing?: {
+            editMode?: string;
+            editEnabled?: boolean;
+            insertEnabled?: boolean;
+            removeEnabled?: boolean;
+            /** Specifies how grid values can be edited manually. */
+            mode?: string;
+            /** Specifies whether or not grid records can be edited at runtime. */
+            allowUpdating?: boolean;
+            /** Specifies whether or not new grid records can be added at runtime. */
+            allowAdding?: boolean;
+            /** Specifies whether or not grid records can be deleted at runtime. */
+            allowDeleting?: boolean;
+            /** The form configuration object. Used only when the editing mode is "form". */
+            form?: DevExpress.ui.dxFormOptions;
+            /** Contains options that specify texts for editing-related grid controls. */
+            texts?: {
+                /** Specifies text for a hint that appears when a user hovers the mouse pointer over the "Save" button. Setting this option makes sense only when the editMode option is set to batch. */
+                saveAllChanges?: string;
+                /** Specifies text for a cancel button displayed when a row is in the editing state. Setting this option makes sense only when the allowUpdating option is set to true. */
+                cancelRowChanges?: string;
+                /** Specifies text for a hint that appears when a user hovers the mouse pointer over the "Revert" button. Setting this option makes sense only when the editMode option is set to batch. */
+                cancelAllChanges?: string;
+                /** Specifies a message to be displayed by a confirmation window. Setting this option makes sense only when the edit mode is "row". */
+                confirmDeleteMessage?: string;
+                /** Specifies text to be displayed in the title of a confirmation window. Setting this option makes sense only when the edit mode is "row". */
+                confirmDeleteTitle?: string;
+                /** Specifies text for a hint that appears when a user hovers the mouse pointer over the "Cancel changes" button. Setting this option makes sense only when the editMode option is set to cell and the validation capabilities are enabled. */
+                validationCancelChanges?: string;
+                /** Specifies text for a button that deletes a row from a grid. Setting this option makes sense only when the allowDeleting option is set to true. */
+                deleteRow?: string;
+                /** Specifies text for a hint that appears when a user hovers the mouse pointer over the "Add" button. Setting this option makes sense only when the allowAdding option is true. */
+                addRow?: string;
+                /** Specifies text for a button that turns a row into the editing state. Setting this option makes sense only when the allowUpdating option is set to true. */
+                editRow?: string;
+                /** Specifies text for a save button displayed when a row is in the editing state. Setting this option makes sense only when the allowUpdating option is set to true. */
+                saveRowChanges?: string;
+                /** Specifies text for a button that recovers a deleted row. Setting this option makes sense only if the grid uses the batch edit mode and the allowDeleting option is set to true. */
+                undeleteRow?: string;
+            };
+        };
+        /** Specifies filter row options. */
+        filterRow?: {
+            /** Specifies when to apply a filter. */
+            applyFilter?: string;
+            /** Specifies text for the hint that pops up when a user hovers the mouse pointer over the "Apply Filter" button. */
+            applyFilterText?: string;
+            /** Specifies descriptions for filter operations. */
+            operationDescriptions?: {
+                "=": string;
+                "<>": string;
+                "<": string;
+                "<=": string;
+                ">": string;
+                ">=": string;
+                "startswith": string;
+                "contains": string;
+                "notcontains": string;
+                "endswith": string;
+            };
+            /** Specifies text for the reset operation in a filter list. */
+            resetOperationText?: string;
+            /** Specifies text for the operation of clearing the applied filter when a select box is used. */
+            showAllText?: string;
+            /** Specifies text for the range start in the 'between' filter type. */
+            betweenStartText?: string;
+            /** Specifies text for the range end in the 'between' filter type. */
+            betweenEndText?: string;
+            /** Specifies whether or not an icon that allows the user to choose a filter operation is visible. */
+            showOperationChooser?: boolean;
+            /** Specifies whether the filter row is visible or not. */
+            visible?: boolean;
+        };
+        /** Specifies the behavior of grouped grid records. */
+        grouping?: {
+            /** Specifies whether the user can collapse grouped records in a grid or not. */
+            allowCollapsing?: boolean;
+            /** Specifies whether groups appear expanded or not. */
+            autoExpandAll?: boolean;
+            /** Specifies the message displayed in a group row when the corresponding group is continued from the previous page. */
+            groupContinuedMessage?: string;
+            /** Specifies the message displayed in a group row when the corresponding group continues on the next page. */
+            groupContinuesMessage?: string;
+        };
+        /** Specifies options that configure the group panel. */
+        groupPanel?: {
+            /** Specifies whether columns can be dragged onto or from the group panel. */
+            allowColumnDragging?: boolean;
+            /** Specifies text displayed by the group panel when it does not contain any columns. */
+            emptyPanelText?: string;
+            /** Specifies whether the group panel is visible or not. */
+            visible?: boolean;
+        };
+        /** Specifies options configuring the load panel. */
+        loadPanel?: {
+            /** Specifies whether to show the load panel or not. */
+            enabled?: boolean;
+            /** Specifies the height of the load panel in pixels. */
+            height?: number;
+            /** Specifies a URL pointing to an image to be used as a loading indicator. */
+            indicatorSrc?: string;
+            /** Specifies whether or not a loading indicator must be displayed on the load panel. */
+            showIndicator?: boolean;
+            /** Specifies whether or not the pane of the load panel must be displayed. */
+            showPane?: boolean;
+            /** Specifies text displayed by the load panel. */
+            text?: string;
+            /** Specifies the width of the load panel in pixels. */
+            width?: number;
+        };
+        /** Specifies text displayed when a grid does not contain any records. */
+        noDataText?: string;
+        /** Specifies the options of a grid pager. */
+        pager?: {
+            /** Specifies the page sizes that can be selected at runtime. */
+            allowedPageSizes?: any;
+            /** Specifies whether to show the page size selector or not. */
+            showPageSizeSelector?: boolean;
+            /** Specifies whether to show the pager or not. */
+            visible?: any;
+            /** Specifies the text accompanying the page navigator. */
+            infoText?: string;
+            /** Specifies whether or not to display the text accompanying the page navigator. This text is specified by the infoText option. */
+            showInfo?: boolean;
+            /** Specifies whether or not to display buttons that switch the grid to the previous or next page. */
+            showNavigationButtons?: boolean;
+        };
+        /** Specifies paging options. */
+        paging?: {
+            /** Specifies whether dxDataGrid loads data page by page or all at once. */
+            enabled?: boolean;
+            /** Specifies the grid page that should be displayed by default. */
+            pageIndex?: number;
+            /** Specifies the size of grid pages. */
+            pageSize?: number;
+        };
+        /** Specifies whether or not grid rows must be shaded in a different way. */
+        rowAlternationEnabled?: boolean;
+        /** Specifies whether to enable two-way data binding. */
+        twoWayBindingEnabled?: boolean;
+        /** A handler for the rowClick event. */
+        onRowClick?: any;
+        /** A handler for the rowPrepared event. */
+        onRowPrepared?: (e: Object) => void;
+        /** Specifies a custom template for grid rows. */
+        rowTemplate?: any;
+        /** A configuration object specifying scrolling options. */
+        scrolling?: {
+            /** Specifies the scrolling mode. */
+            mode?: string;
+            /** Specifies whether or not a grid must preload pages adjacent to the current page when using virtual scrolling. */
+            preloadEnabled?: boolean;
+            /** Specifies whether or not the widget uses native scrolling. */
+            useNative?: any;
+            /** Specifies the scrollbar display policy. */
+            showScrollbar?: string;
+            /** Specifies whether or not the scrolling by content is enabled. */
+            scrollByContent?: boolean;
+            /** Specifies whether or not the scrollbar thumb scrolling enabled. */
+            scrollByThumb?: boolean;
+        };
+        /** Specifies options of the search panel. */
+        searchPanel?: {
+            /** Specifies whether or not search strings in the located grid records should be highlighted. */
+            highlightSearchText?: boolean;
+            /** Specifies text displayed by the search panel when no search string was typed. */
+            placeholder?: string;
+            /** Specifies whether the search panel is visible or not. */
+            visible?: boolean;
+            /** Specifies the width of the search panel in pixels. */
+            width?: number;
+            /** Sets a search string for the search panel. */
+            text?: string;
+        };
+        /** Specifies the operations that must be performed on the server side. */
+        remoteOperations?: any;
+        /** Allows you to sort groups according to the values of group summary items. */
+        sortByGroupSummaryInfo?: Array<{
+            /** Specifies the group summary item whose values must be used to sort groups. */
+            summaryItem?: string;
+            /** Specifies the identifier of the column that must be used in grouping so that sorting by group summary item values be applied. */
+            groupColumn?: string;
+            /** Specifies the sort order of group summary item values. */
+            sortOrder?: string;
+        }>;
+        /** Allows you to build a master-detail interface in the grid. */
+        masterDetail?: {
+            /** Enables an end-user to expand/collapse detail sections. */
+            enabled?: boolean;
+            /** Specifies whether detail sections appear expanded or collapsed. */
+            autoExpandAll?: boolean;
+            /** Specifies the template for detail sections. */
+            template?: any;
+        };
+        /** Specifies options for exporting grid data. */
+        export?: {
+            /** Indicates if the export feature is enabled in the grid. */
+            enabled?: boolean;
+            /** Specifies a default name for the file to which grid data is exported. */
+            fileName?: string;
+            /** Specifies whether to enable Excel filtering for the exported data in the resulting XLSX file. */
+            excelFilterEnabled?: boolean;
+            /** Specifies whether to enable word wrapping for the exported data in the resulting XLSX file. */
+            excelWrapTextEnabled?: boolean;
+            /** Specifies the URL of the server-side proxy that streams the resulting file to the end user to enable export in IE8, IE9 and Safari browsers. */
+            proxyUrl?: string;
+            /** Indicates whether to allow end users to export not only the data displayed in the grid, but the selected rows only. */
+            allowExportSelectedData?: boolean;
+            /** Contains options that specify texts for the export-related commands and hints. */
+            texts?: {
+                /** Specifies text for the Export button when this button invokes a dropdown menu so you can choose the required export format. */
+                exportTo?: string;
+                /** Specifies text for the Export button's hint when this button exports to the XSLX format without invoking the drop-down menu. */
+                exportToExcel?: string;
+                /** Specifies text for the item in the Export dropdown menu that exports grid data to Excel. */
+                excelFormat?: string;
+                /** Specifies text for the option in the Export dropdown menu that allows you to choose whether to export all the grid data or the selected rows only. */
+                selectedRows?: string;
+            }
+        };
+        /** Specifies the keys of the records that must appear selected initially. */
+        selectedRowKeys?: Array<any>;
+        /** Specifies options of runtime selection. */
+        selection?: {
+            /** Specifies the checkbox row display policy in the multiple mode. */
+            showCheckBoxesMode?: string;
+            /** Specifies whether the user can select all grid records at once. */
+            allowSelectAll?: boolean;
+            /** Specifies the selection mode. */
+            mode?: string;
+        };
+        /** A handler for the dataErrorOccured event. */
+        onDataErrorOccurred?: (e: { error: Error }) => void;
+        /** A handler for the selectionChanged event. */
+        onSelectionChanged?: (e: {
+            currentSelectedRowKeys: Array<any>;
+            currentDeselectedRowKeys: Array<any>;
+            selectedRowKeys: Array<any>;
+            selectedRowsData: Array<any>;
+        }) => void;
+        /** A handler for the exporting event. */
+        onExporting?: (e: {
+            fileName: string;
+            cancel: boolean;
+        }) => void;
+        /** A handler for the fileSaving event. */
+        onFileSaving?: (e: {
+            fileName: string;
+            format: string;
+            data: any;
+            cancel: boolean;
+        }) => void;
+        /** A handler for the exported event. */
+        onExported?: (e: Object) => void;
+        /** A handler for the keyDown event. */
+        onKeyDown?: (e: Object) => void;
+        /** A handler for the rowExpanding event. */
+        onRowExpanding?: (e: Object) => void;
+        /** A handler for the rowExpanded event. */
+        onRowExpanded?: (e: Object) => void;
+        /** A handler for the rowCollapsing event. */
+        onRowCollapsing?: (e: Object) => void;
+        /** A handler for the rowCollapsed event. */
+        onRowCollapsed?: (e: Object) => void;
+        /** Specifies whether column headers are visible or not. */
+        showColumnHeaders?: boolean;
+        /** Specifies whether or not vertical lines separating one grid column from another are visible. */
+        showColumnLines?: boolean;
+        /** Specifies whether or not horizontal lines separating one grid row from another are visible. */
+        showRowLines?: boolean;
+        /** Specifies options of runtime sorting. */
+        sorting?: {
+            /** Specifies text for the context menu item that sets an ascending sort order in a column. */
+            ascendingText?: string;
+            /** Specifies text for the context menu item that resets sorting settings for a column. */
+            clearText?: string;
+            /** Specifies text for the context menu item that sets a descending sort order in a column. */
+            descendingText?: string;
+            /** Specifies the runtime sorting mode. */
+            mode?: string;
+        };
+        /** Specifies options of state storing. */
+        stateStoring?: {
+            /** Specifies a callback function that performs specific actions on state loading. */
+            customLoad?: () => JQueryPromise<Object>;
+            /** Specifies a callback function that performs specific actions on state saving. */
+            customSave?: (state: Object) => void;
+            /** Specifies whether or not a grid saves its state. */
+            enabled?: boolean;
+            /** Specifies the delay between the last change of a grid state and the operation of saving this state in milliseconds. */
+            savingTimeout?: number;
+            /** Specifies a unique key to be used for storing the grid state. */
+            storageKey?: string;
+            /** Specifies the type of storage to be used for state storing. */
+            type?: string;
+        };
+        /** Specifies the options of the grid summary. */
+        summary?: {
+            /** Contains options that specify text patterns for summary items. */
+            texts?: {
+                /** Specifies a pattern for the 'sum' summary items when they are displayed in the parent column. */
+                sum?: string;
+                /** Specifies a pattern for the 'sum' summary items displayed in a group row or in any other column rather than the parent one. */
+                sumOtherColumn?: string;
+                /** Specifies a pattern for the 'min' summary items when they are displayed in the parent column. */
+                min?: string;
+                /** Specifies a pattern for the 'min' summary items displayed in a group row or in any other column rather than the parent one. */
+                minOtherColumn?: string;
+                /** Specifies a pattern for the 'max' summary items when they are displayed in the parent column. */
+                max?: string;
+                /** Specifies a pattern for the 'max' summary items displayed in a group row or in any other column rather than the parent one. */
+                maxOtherColumn?: string;
+                /** Specifies a pattern for the 'avg' summary items when they are displayed in the parent column. */
+                avg?: string;
+                /** Specifies a pattern for the 'avg' summary items displayed in a group row or in any other column rather than the parent one. */
+                avgOtherColumn?: string;
+                /** Specifies a pattern for the 'count' summary items. */
+                count?: string;
+            };
+            /** Specifies items of the group summary. */
+            groupItems?: Array<{
+                /** Specifies the identifier of a summary item. */
+                name?: string;
+                /** Specifies the column that provides data for a group summary item. */
+                column?: string;
+                /** Customizes the text to be displayed in the summary item. */
+                customizeText?: (itemInfo: {
+                    value: any;
+                    valueText: string;
+                }) => string;
+                /** Specifies a pattern for the summary item text. */
+                displayFormat?: string;
+                /** Specifies a precision for the summary item value of a numeric format. */
+                precision?: number;
+                /** Specifies whether or not a summary item must be displayed in the group footer. */
+                showInGroupFooter?: boolean;
+                /** Indicates whether to display group summary items in parentheses after the group row header or to align them by the corresponding columns within the group row. */
+                alignByColumn?: boolean;
+                /** Specifies the column that must hold the summary item when this item is displayed in the group footer or aligned by a column in the group row. */
+                showInColumn?: string;
+                /** Specifies how to aggregate data for a summary item. */
+                summaryType?: string;
+                /** Specifies a format for the summary item value. */
+                valueFormat?: string;
+                /** Specifies whether or not to skip empty strings, null and undefined values when calculating a summary. */
+                skipEmptyValues?: boolean;
+            }>;
+            /** Specifies items of the total summary. */
+            totalItems?: Array<{
+                /** Specifies the identifier of a summary item. */
+                name?: string;
+                /** Specifies the alignment of a summary item. */
+                alignment?: string;
+                /** Specifies the column that provides data for a summary item. */
+                column?: string;
+                /** Specifies a CSS class to be applied to a summary item. */
+                cssClass?: string;
+                /** Customizes the text to be displayed in the summary item. */
+                customizeText?: (itemInfo: {
+                    value: any;
+                    valueText: string;
+                }) => string;
+                /** Specifies a pattern for the summary item text. */
+                displayFormat?: string;
+                /** Specifies a precision for the summary item value of a numeric format. */
+                precision?: number;
+                /** Specifies the column that must hold the summary item. */
+                showInColumn?: string;
+                /** Specifies how to aggregate data for a summary item. */
+                summaryType?: string;
+                /** Specifies a format for the summary item value. */
+                valueFormat?: string;
+                /** Specifies whether or not to skip empty strings, null and undefined values when calculating a summary. */
+                skipEmptyValues?: boolean;
+            }>;
+            /** Specifies whether or not to skip empty strings, null and undefined values when calculating a summary. */
+            skipEmptyValues?: boolean;
+            /** Allows you to use a custom aggregate function to calculate the value of a summary item. */
+            calculateCustomSummary?: (options: {
+                component: dxDataGrid;
+                name?: string;
+                value: any;
+                totalValue: any;
+                summaryProcess: string
+            }) => void;
+        };
+        /** Specifies whether text that does not fit into a column should be wrapped. */
+        wordWrapEnabled?: boolean;
+    }
+    /** A data grid widget. */
+    export class dxDataGrid extends Widget {
+        constructor(element: JQuery, options?: dxDataGridOptions);
+        constructor(element: Element, options?: dxDataGridOptions);
+        /** Ungroups grid records. */
+        clearGrouping(): void;
+        /** Clears sorting settings of all grid columns at once. */
+        clearSorting(): void;
+        /** Allows you to obtain a cell by its row index and the data field of its column. */
+        getCellElement(rowIndex: number, dataField: string): any;
+        /** Allows you to obtain a cell by its row index and the visible index of its column. */
+        getCellElement(rowIndex: number, visibleColumnIndex: number): any;
+        /** Returns the current state of the grid. */
+        state(): Object;
+        /** Sets the grid state. */
+        state(state: Object): void;
+        /** Allows you to obtain the row index by a data key. */
+        getRowIndexByKey(key: any): number;
+        /** Allows you to obtain the data key by a row index. */
+        getKeyByRowIndex(rowIndex: number): any;
+        /** Adds a new column to a grid. */
+        addColumn(columnOptions: dxDataGridColumn): void;
+        /** Removes the column from the grid. */
+        deleteColumn(id: any): void;
+        /** Displays the load panel. */
+        beginCustomLoading(messageText: string): void;
+        /** Discards changes made in a grid. */
+        cancelEditData(): void;
+        /** Checks whether or not the grid contains unsaved changes. */
+        hasEditData(): boolean;
+        /** Clears all the filters of a specific type applied to grid records. */
+        clearFilter(): void;
+        /** Deselects all grid records. */
+        clearSelection(): void;
+        /** Draws the cell being edited from the editing state. Use this method when the edit mode is batch. */
+        closeEditCell(): void;
+        /** Collapses groups or master rows in a grid. */
+        collapseAll(groupIndex?: number): void;
+        /** Returns the number of data columns in a grid. */
+        columnCount(): number;
+        /** Returns the value of a specific column option. */
+        columnOption(id: any, optionName: string): any;
+        /** Sets an option of a specific column. */
+        columnOption(id: any, optionName: string, optionValue: any): void;
+        /** Returns the options of a column by an identifier. */
+        columnOption(id: any): Object;
+        /** Sets several options of a column at once. */
+        columnOption(id: any, options: Object): void;
+        /** Sets a specific cell into the editing state. */
+        editCell(rowIndex: number, visibleColumnIndex: number): void;
+        /** Sets a specific cell into the editing state. */
+        editCell(rowIndex: number, dataField: string): void;
+        /** Sets a specific row into the editing state. */
+        editRow(rowIndex: number): void;
+        /** Gets the cell value. */
+        cellValue(rowIndex: number, dataField: string): any;
+        /** Gets the cell value. */
+        cellValue(rowIndex: number, visibleColumnIndex: number): any;
+        /** Sets the cell value. */
+        cellValue(rowIndex: number, dataField: string, value: any): void;
+        /** Sets the cell value. */
+        cellValue(rowIndex: number, visibleColumnIndex: number, value: any): void;
+        /** Hides the load panel. */
+        endCustomLoading(): void;
+        /** Expands groups or master rows in a grid. */
+        expandAll(groupIndex: number): void;
+        /** Allows you to find out whether a specific group or master row is expanded or collapsed. */
+        isRowExpanded(key: any): boolean;
+        /** Allows you to expand a specific group or master row by its key. */
+        expandRow(key: any): void;
+        /** Allows you to collapse a specific group or master row by its key. */
+        collapseRow(key: any): void;
+        /** Applies a filter to the grid's data source. */
+        filter(filterExpr?: any): void;
+        /** Returns a filter expression applied to the grid's data source using the filter(filterExpr) method. */
+        filter(): any;
+        /** Returns a filter expression applied to the grid using all possible scenarious. */
+        getCombinedFilter(): any;
+        /** Gets the keys of currently selected grid records. */
+        getSelectedRowKeys(): Array<Object>;
+        /** Gets the data objects of currently selected grid records. */
+        getSelectedRowsData(): Array<Object>;
+        /** Hides the column chooser panel. */
+        hideColumnChooser(): void;
+        /** Adds a new data row to a grid. */
+        addRow(): void;
+        /**
+         * Adds a new data row to a grid.
+         * @deprecated Use the addRow() method instead.
+         */
+        insertRow(): void;
+        /** Returns the key corresponding to the passed data object. */
+        keyOf(obj: Object): any;
+        /** Switches a grid to a specified page. */
+        pageIndex(newIndex: number): void;
+        /** Gets the index of the current page. */
+        pageIndex(): number;
+        /** Sets the page size. */
+        pageSize(value: number): void;
+        /** Gets the current page size. */
+        pageSize(): number;
+        /** Refreshes grid data. */
+        refresh(): void;
+        /** Removes a specific row from a grid. */
+        deleteRow(rowIndex: number): void;
+        /**
+         * Removes a specific row from a grid.
+         * @deprecated Use the deleteRow() method instead.
+         */
+        removeRow(rowIndex: number): void;
+        /** Saves changes made in a grid. */
+        saveEditData(): void;
+        /** Searches grid records by a search string. */
+        searchByText(text: string): void;
+        /** Selects all grid records. */
+        selectAll(): void;
+        /** Deselects the rows that are currently selected within the applied filter. */
+        deselectAll(): void;
+        /** Selects specific grid records. */
+        selectRows(keys: Array<any>, preserve: boolean): void;
+        /** Deselects specific grid records. */
+        deselectRows(keys: Array<any>): void;
+        /** Selects grid rows by indexes. */
+        selectRowsByIndexes(indexes: Array<any>): void;
+        /** Allows you to find out whether a row is selected or not. */
+        isRowSelected(key: any): boolean;
+        /** Invokes the column chooser panel. */
+        showColumnChooser(): void;
+        startSelectionWithCheckboxes(): boolean;
+        /** Returns the number of records currently held by a grid. */
+        totalCount(): number;
+        /** Recovers a row deleted in the batch edit mode. */
+        undeleteRow(rowIndex: number): void;
+        /** Allows you to obtain a data object by its key. */
+        byKey(key: any): JQueryPromise<any>;
+        /** Gets the value of a total summary item. */
+        getTotalSummaryValue(summaryItemName: string): any;
+        /** Exports grid data to Excel. */
+        exportToExcel(selectionOnly: boolean): void;
+        /** Updates the grid to the size of its content. */
+        updateDimensions(): void;
+        /** Focuses the specified cell element in the grid. */
+        focus(element?: JQuery): void;
+    }
+    export interface dxPivotGridOptions extends WidgetOptions {
+        onContentReady?: Function;
+        /** Specifies a data source for the pivot grid. */
+        dataSource?: any;
+        useNativeScrolling?: any;
+        /** A configuration object specifying scrolling options. */
+        scrolling?: {
+            /** Specifies the scrolling mode. */
+            mode?: string;
+            /** Specifies whether or not the widget uses native scrolling. */
+            useNative?: any;
+        };
+        /** Allows an end-user to change sorting options. */
+        allowSorting?: boolean;
+        /** Allows an end-user to sort columns by summary values. */
+        allowSortingBySummary?: boolean;
+        /** Allows an end-user to change filtering options. */
+        allowFiltering?: boolean;
+        /** Allows an end-user to expand/collapse all header items within a header level. */
+        allowExpandAll?: boolean;
+        /** Specifies whether to display the Total rows. */
+        showRowTotals?: boolean;
+        /** Specifies whether to display the Grand Total row. */
+        showRowGrandTotals?: boolean;
+        /** Specifies whether to display the Total columns. */
+        showColumnTotals?: boolean;
+        /** Specifies whether to display the Grand Total column. */
+        showColumnGrandTotals?: boolean;
+        /** Specifies whether or not to hide rows and columns with no data. */
+        hideEmptySummaryCells?: boolean;
+        /** Specifies where to show the total rows or columns. */
+        showTotalsPrior?: string;
+        /** Specifies whether the outer borders of the grid are visible or not. */
+        showBorders?: boolean;
+        /** The Field Chooser configuration options. */
+        fieldChooser?: {
+            /** Enables or disables the field chooser. */
+            enabled?: boolean;
+            /** Specifies the field chooser layout. */
+            layout?: number;
+            /** Specifies the text to display as a title of the field chooser popup window. */
+            title?: string;
+            /** Specifies the field chooser width. */
+            width?: number;
+            /** Specifies the field chooser height. */
+            height?: number;
+            /** Strings that can be changed or localized in the pivot grid's integrated Field Chooser. */
+            texts?: {
+                /** The string to display instead of Row Fields. */
+                rowFields?: string;
+                /** The string to display instead of Column Fields. */
+                columnFields?: string;
+                /** The string to display instead of Data Fields. */
+                dataFields?: string;
+                /** The string to display instead of Filter Fields. */
+                filterFields?: string;
+                /** The string to display instead of All Fields. */
+                allFields?: string;
+            };
+        }
+        /** Strings that can be changed or localized in the dxPivotGrid widget. */
+        texts?: {
+            /** The string to display as a header of the Grand Total row and column. */
+            grandTotal?: string;
+            /** The string to display as a header of the Total row and column. */
+            total?: string;
+            /** Specifies the text displayed when a pivot grid does not contain any fields. */
+            noData?: string;
+            /** The string to display as a Show Field Chooser context menu item. */
+            showFieldChooser?: string;
+            /** The string to display as an Expand All context menu item. */
+            expandAll?: string;
+            /** The string to display as a Collapse All context menu item. */
+            collapseAll?: string;
+            /** The string to display as a Sort Column by Summary Value context menu item. */
+            sortColumnBySummary?: string;
+            /** The string to display as a Sort Row by Summary Value context menu item. */
+            sortRowBySummary?: string;
+            /** The string to display as a Remove All Sorting context menu item. */
+            removeAllSorting?: string;
+            /** The string to display as an Export to Excel file context menu item. */
+            exportToExcel?: string;
+        };
+        /** Specifies options configuring the load panel. */
+        loadPanel?: {
+            /** Enables or disables the load panel. */
+            enabled?: boolean;
+            /** Specifies the height of the load panel. */
+            height?: number;
+            /** Specifies the URL pointing to an image that will be used as a load indicator. */
+            indicatorSrc?: string;
+            /** Specifies whether or not to show a load indicator. */
+            showIndicator?: boolean;
+            /** Specifies whether or not to show load panel background. */
+            showPane?: boolean;
+            /** Specifies the text to display inside a load panel. */
+            text?: string;
+            /** Specifies the width of the load panel. */
+            width?: number;
+        };
+        /** A handler for the cellClick event. */
+        onCellClick?: (e: any) => void;
+        /** A handler for the cellPrepared event. */
+        onCellPrepared?: (e: any) => void;
+        /** A handler for the contextMenuPreparing event. */
+        onContextMenuPreparing?: (e: Object) => void;
+        /** Specifies options for exporting pivot grid data. */
+        export?: {
+            /** Indicates whether the export feature is enabled for the pivot grid. */
+            enabled?: boolean;
+            /** Specifies a default name for the file to which grid data is exported. */
+            fileName?: string;
+            /** Specifies the URL of the server-side proxy that streams the resulting file to the end user to enable export in IE8, IE9 and Safari browsers. */
+            proxyUrl?: string;
+        };
+        /** A handler for the exporting event. */
+        onExporting?: (e: {
+            fileName: string;
+            cancel: boolean;
+        }) => void;
+        /** A handler for the fileSaving event. */
+        onFileSaving?: (e: {
+            fileName: string;
+            format: string;
+            data: any;
+            cancel: boolean;
+        }) => void;
+        /** A handler for the exported event. */
+        onExported?: (e: Object) => void;
+        /** A configuration object specifying options related to state storing. */
+        stateStoring?: {
+            /** Specifies a callback function that performs specific actions on state loading. */
+            customLoad?: () => JQueryPromise<Object>;
+            /** Specifies a callback function that performs specific actions on state saving. */
+            customSave?: (gridState: Object) => void;
+            /** Specifies whether or not a grid saves its state. */
+            enabled?: boolean;
+            /** Specifies the delay between the last change of a grid state and the operation of saving this state in milliseconds. */
+            savingTimeout?: number;
+            /** Specifies a unique key to be used for storing the grid state. */
+            storageKey?: string;
+            /** Specifies the type of storage to be used for state storing. */
+            type?: string;
+        };
+    }
+    /** A data summarization widget for multi-dimensional data analysis and data mining. */
+    export class dxPivotGrid extends Widget {
+        constructor(element: JQuery, options?: dxPivotGridOptions);
+        constructor(element: Element, options?: dxPivotGridOptions);
+        /** Gets the PivotGridDataSource instance. */
+        getDataSource(): DevExpress.data.PivotGridDataSource;
+        /** Gets the dxPopup instance of the field chooser window. */
+        getFieldChooserPopup(): DevExpress.ui.dxPopup;
+        /** Updates the widget to the size of its content. */
+        updateDimensions(): void;
+        /** Exports pivot grid data to the Excel file. */
+        exportToExcel(): void;
+    }
+    export interface dxPivotGridFieldChooserOptions extends WidgetOptions {
+        /** Specifies the height of the widget. */
+        height?: any;
+        /** Specifies the field chooser layout. */
+        layout?: number;
+        /** The data source of a dxPivotGrid widget. */
+        dataSource?: DevExpress.data.PivotGridDataSource;
+        onContentReady?: Function;
+        /** Strings that can be changed or localized in the dxPivotGridFieldChooser widget. */
+        texts?: {
+            /** The string to display instead of Row Fields. */
+            rowFields?: string;
+            /** The string to display instead of Column Fields. */
+            columnFields?: string;
+            /** The string to display instead of Data Fields. */
+            dataFields?: string;
+            /** The string to display instead of Filter Fields. */
+            filterFields?: string;
+            /** The string to display instead of All Fields. */
+            allFields?: string;
+        };
+    }
+    /** A complementary widget for dxPivotGrid that allows you to manage data displayed in the dxPivotGrid. */
+    export class dxPivotGridFieldChooser extends Widget {
+        constructor(element: JQuery, options?: dxPivotGridFieldChooserOptions);
+        constructor(element: Element, options?: dxPivotGridFieldChooserOptions);
+        /** Updates the widget to the size of its content. */
+        updateDimensions(): void;
+    }
+}
+interface JQuery {
+    dxTreeView(): JQuery;
+    dxTreeView(options: "instance"): DevExpress.ui.dxTreeView;
+    dxTreeView(options: string): any;
+    dxTreeView(options: string, ...params: any[]): any;
+    dxTreeView(options: DevExpress.ui.dxTreeViewOptions): JQuery;
+    dxMenuBase(): JQuery;
+    dxMenuBase(options: "instance"): DevExpress.ui.dxMenuBase;
+    dxMenuBase(options: string): any;
+    dxMenuBase(options: string, ...params: any[]): any;
+    dxMenuBase(options: DevExpress.ui.dxMenuBaseOptions): JQuery;
+    dxMenu(): JQuery;
+    dxMenu(options: "instance"): DevExpress.ui.dxMenu;
+    dxMenu(options: string): any;
+    dxMenu(options: string, ...params: any[]): any;
+    dxMenu(options: DevExpress.ui.dxMenuOptions): JQuery;
+    dxContextMenu(): JQuery;
+    dxContextMenu(options: "instance"): DevExpress.ui.dxContextMenu;
+    dxContextMenu(options: string): any;
+    dxContextMenu(options: string, ...params: any[]): any;
+    dxContextMenu(options: DevExpress.ui.dxContextMenuOptions): JQuery;
+    dxColorBox(): JQuery;
+    dxColorBox(options: "instance"): DevExpress.ui.dxColorBox;
+    dxColorBox(options: string): any;
+    dxColorBox(options: string, ...params: any[]): any;
+    dxColorBox(options: DevExpress.ui.dxColorBoxOptions): JQuery;
+    dxDataGrid(): JQuery;
+    dxDataGrid(options: "instance"): DevExpress.ui.dxDataGrid;
+    dxDataGrid(options: string): any;
+    dxDataGrid(options: string, ...params: any[]): any;
+    dxDataGrid(options: DevExpress.ui.dxDataGridOptions): JQuery;
+    dxPivotGrid(): JQuery;
+    dxPivotGrid(options: "instance"): DevExpress.ui.dxPivotGrid;
+    dxPivotGrid(options: string): any;
+    dxPivotGrid(options: string, ...params: any[]): any;
+    dxPivotGrid(options: DevExpress.ui.dxPivotGridOptions): JQuery;
+    dxPivotGridFieldChooser(): JQuery;
+    dxPivotGridFieldChooser(options: "instance"): DevExpress.ui.dxPivotGridFieldChooser;
+    dxPivotGridFieldChooser(options: string): any;
+    dxPivotGridFieldChooser(options: string, ...params: any[]): any;
+    dxPivotGridFieldChooser(options: DevExpress.ui.dxPivotGridFieldChooserOptions): JQuery;
+    dxScheduler(): JQuery;
+    dxScheduler(options: "instance"): DevExpress.ui.dxScheduler;
+    dxScheduler(options: string): any;
+    dxScheduler(options: string, ...params: any[]): any;
+    dxScheduler(options: DevExpress.ui.dxSchedulerOptions): JQuery;
+}
+declare module DevExpress.framework {
+    /** An object used to store information on the views displayed in an application. */
+    export class ViewCache {
+        viewRemoved: JQueryCallback;
+        /** Removes all the viewInfo objects from the cache. */
+        clear(): void;
+        /** Obtains a viewInfo object from the cache by the specified key. */
+        getView(key: string): Object;
+        /** Checks whether or not a viewInfo object is contained in the view cache under the specified key. */
+        hasView(key: string): boolean;
+        /** Removes a viewInfo object from the cache by the specified key. */
+        removeView(key: string): Object;
+        /** Adds the specified viewInfo object to the cache under the specified key. */
+        setView(key: string, viewInfo: Object): void;
+    }
+    export interface dxCommandOptions extends DOMComponentOptions {
+        /** Specifies an action performed when the execute() method of the command is called. */
+        onExecute?: any;
+        /** Indicates whether or not the widget that displays this command is disabled. */
+        disabled?: boolean;
+        /** Specifies whether the current command is rendered when a view is being rendered or after a view is shown. */
+        renderStage?: string;
+        /** Specifies the name of the icon shown inside the widget associated with this command. */
+        icon?: string;
+        iconSrc?: string;
+        /** The identifier of the command. */
+        id?: string;
+        /** Specifies the title of the widget associated with this command. */
+        title?: string;
+        /** Specifies the type of the button, if the command is rendered as a dxButton widget. */
+        type?: string;
+        /** A Boolean value specifying whether or not the widget associated with this command is visible. */
+        visible?: boolean;
+    }
+    /** A markup component used to define markup options for a command. */
+    export class dxCommand extends DOMComponent {
+        constructor(element: JQuery, options: dxCommandOptions);
+        constructor(options: dxCommandOptions);
+        /** Executes the action associated with this command. */
+        execute(): void;
+    }
+    /** An object responsible for routing. */
+    export class Router {
+        /** Adds a routing rule to the list of registered rules. */
+        register(pattern: string, defaults?: Object, constraints?: Object): void;
+        /** Decodes the specified URI to an object using the registered routing rules. */
+        parse(uri: string): Object;
+        /** Formats an object to a URI. */
+        format(obj: Object): string;
+    }
+    export interface StateManagerOptions {
+        /** A storage to which the state manager saves the application state. */
+        storage?: Object;
+    }
+    /** An object used to store the current application state. */
+    export class StateManager {
+        constructor(options?: StateManagerOptions);
+        /** Adds an object that implements an interface of a state source to the state manager's collection of state sources. */
+        addStateSource(stateSource: Object): void;
+        /** Removes a specified state source from the state manager's collection of state sources. */
+        removeStateSource(stateSource: Object): void;
+        /** Saves the current application state. */
+        saveState(): void;
+        /** Restores the application state that has been saved by the saveState() method to the state storage. */
+        restoreState(): void;
+        /** Removes the application state that has been saved by the saveState() method to the state storage. */
+        clearState(): void;
+    }
+    export module html {
+        export var layoutSets: Array<string>;
+        export var animationSets: { [animationSetName: string]: AnimationSet };
+        export interface AnimationSet {
+            [animationName: string]: any
+        }
+        export interface HtmlApplicationOptions {
+            /** Specifies where the commands that are defined in the application's views must be displayed. */
+            commandMapping?: Object;
+            /** Specifies whether or not view caching is disabled. */
+            disableViewCache?: boolean;
+            /** An array of layout controllers that should be used to show application views in the current navigation context. */
+            layoutSet?: any;
+            /** Specifies the animation presets that are used to animate different UI elements in the current application. */
+            animationSet?: AnimationSet;
+            /** Specifies whether the current application must behave as a mobile or web application. */
+            mode?: string;
+            /** Specifies the object that represents a root namespace of the application. */
+            namespace?: Object;
+            /** Specifies application behavior when the user navigates to a root view. */
+            navigateToRootViewMode?: string;
+            /** An array of dxCommand configuration objects used to define commands available from the application's global navigation. */
+            navigation?: Array<any>;
+            /** A state manager to be used in the application. */
+            stateManager?: StateManager;
+            /** Specifies the storage to be used by the application's state manager to store the application state. */
+            stateStorage?: Object;
+            /** Indicates whether on not to use the title of the previously displayed view as text on the Back button. */
+            useViewTitleAsBackText?: boolean;
+            /** A custom view cache to be used in the application. */
+            viewCache?: Object;
+            /** Specifies a limit for the views that can be cached. */
+            viewCacheSize?: number;
+            /** Specifies the current version of application templates. */
+            templatesVersion?: string;
+            /** Specifies options for the viewport meta tag of a mobile browser. */
+            viewPort?: JQuery;
+            /** A custom router to be used in the application. */
+            router?: Router;
+        }
+        /** An object used to manage views, as well as control the application life cycle. */
+        export class HtmlApplication implements EventsMixin<HtmlApplication> {
+            constructor(options: HtmlApplicationOptions);
+            afterViewSetup: JQueryCallback;
+            beforeViewSetup: JQueryCallback;
+            initialized: JQueryCallback;
+            navigating: JQueryCallback;
+            navigatingBack: JQueryCallback;
+            resolveLayoutController: JQueryCallback;
+            resolveViewCacheKey: JQueryCallback;
+            viewDisposed: JQueryCallback;
+            viewDisposing: JQueryCallback;
+            viewHidden: JQueryCallback;
+            viewRendered: JQueryCallback;
+            viewShowing: JQueryCallback;
+            viewShown: JQueryCallback;
+            /** Provides access to the ViewCache object. */
+            viewCache: ViewCache;
+            /** An array of dxCommand components that are created based on the application's navigation option value. */
+            navigation: Array<any>;
+            /** Provides access to the StateManager object. */
+            stateManager: StateManager;
+            /** Provides access to the Router object. */
+            router: Router;
+            /** Navigates to the URI preceding the current one in the navigation history. */
+            back(): void;
+            /** Returns a Boolean value indicating whether or not backwards navigation is currently possible. */
+            canBack(): boolean;
+            /** Calls the clearState() method of the application's StateManager object. */
+            clearState(): void;
+            /** Creates global navigation commands. */
+            createNavigation(navigationConfig: Array<any>): void;
+            /** Returns an HTML template of the specified view. */
+            getViewTemplate(viewName: string): JQuery;
+            /** Returns a configuration object used to create a dxView component for a specified view. */
+            getViewTemplateInfo(viewName: string): Object;
+            /** Adds a specified HTML template to a collection of view or layout templates. */
+            loadTemplates(source: any): JQueryPromise<any>;
+            /** Navigates to the specified URI. */
+            navigate(uri?: any, options?: Object): void;
+            /** Renders navigation commands to the navigation command containers that are located in the layouts used in the application. */
+            renderNavigation(): void;
+            /** Calls the restoreState() method of the application's StateManager object. */
+            restoreState(): void;
+            /** Calls the saveState method of the application's StateManager object. */
+            saveState(): void;
+            /** Provides access to the object that defines the current context to be considered when choosing an appropriate template for a view. */
+            templateContext(): Object;
+            on(eventName: "initialized", eventHandler: () => void): HtmlApplication;
+            on(eventName: "afterViewSetup", eventHandler: (e: {
+                viewInfo: Object;
+            }) => void): HtmlApplication;
+            on(eventName: "beforeViewSetup", eventHandler: (e: {
+                viewInfo: Object;
+            }) => void): HtmlApplication;
+            on(eventName: "navigating", eventHandler: (e: {
+                currentUri: string;
+                uri: string;
+                cancel: boolean;
+                options: {
+                    root: boolean;
+                    target: string;
+                    direction: string;
+                    rootInDetailPane: boolean;
+                    modal: boolean;
+                };
+            }) => void): HtmlApplication;
+            on(eventName: "navigatingBack", eventHandler: (e: {
+                cancel: boolean;
+                isHardwareButton: boolean;
+            }) => void): HtmlApplication;
+            on(eventName: "resolveLayoutController", eventHandler: (e: {
+                viewInfo: Object;
+                layoutController: Object;
+                availableLayoutControllers: Array<Object>;
+            }) => void): HtmlApplication;
+            on(eventName: "resolveViewCacheKey", eventHandler: (e: {
+                key: string;
+                navigationItem: Object;
+                routeData: Object;
+            }) => void): HtmlApplication;
+            on(eventName: "viewDisposed", eventHandler: (e: {
+                viewInfo: Object;
+            }) => void): HtmlApplication;
+            on(eventName: "viewDisposing", eventHandler: (e: {
+                viewInfo: Object;
+            }) => void): HtmlApplication;
+            on(eventName: "viewHidden", eventHandler: (e: {
+                viewInfo: Object;
+            }) => void): HtmlApplication;
+            on(eventName: "viewRendered", eventHandler: (e: {
+                viewInfo: Object;
+            }) => void): HtmlApplication;
+            on(eventName: "viewShowing", eventHandler: (e: {
+                viewInfo: Object;
+                direction: string;
+            }) => void): HtmlApplication;
+            on(eventName: "viewShown", eventHandler: (e: {
+                viewInfo: Object;
+                direction: string;
+            }) => void): HtmlApplication;
+            on(eventName: string, eventHandler: Function): HtmlApplication;
+            on(events: { [eventName: string]: Function; }): HtmlApplication;
+            off(eventName: "initialized"): HtmlApplication;
+            off(eventName: "afterViewSetup"): HtmlApplication;
+            off(eventName: "beforeViewSetup"): HtmlApplication;
+            off(eventName: "navigating"): HtmlApplication;
+            off(eventName: "navigatingBack"): HtmlApplication;
+            off(eventName: "resolveLayoutController"): HtmlApplication;
+            off(eventName: "resolveViewCacheKey"): HtmlApplication;
+            off(eventName: "viewDisposed"): HtmlApplication;
+            off(eventName: "viewDisposing"): HtmlApplication;
+            off(eventName: "viewHidden"): HtmlApplication;
+            off(eventName: "viewRendered"): HtmlApplication;
+            off(eventName: "viewShowing"): HtmlApplication;
+            off(eventName: "viewShown"): HtmlApplication;
+            off(eventName: string): HtmlApplication;
+            off(eventName: "initialized", eventHandler: () => void): HtmlApplication;
+            off(eventName: "afterViewSetup", eventHandler: (e: {
+                viewInfo: Object;
+            }) => void): HtmlApplication;
+            off(eventName: "beforeViewSetup", eventHandler: (e: {
+                viewInfo: Object;
+            }) => void): HtmlApplication;
+            off(eventName: "navigating", eventHandler: (e: {
+                currentUri: string;
+                uri: string;
+                cancel: boolean;
+                options: {
+                    root: boolean;
+                    target: string;
+                    direction: string;
+                    rootInDetailPane: boolean;
+                    modal: boolean;
+                };
+            }) => void): HtmlApplication;
+            off(eventName: "navigatingBack", eventHandler: (e: {
+                cancel: boolean;
+                isHardwareButton: boolean;
+            }) => void): HtmlApplication;
+            off(eventName: "resolveLayoutController", eventHandler: (e: {
+                viewInfo: Object;
+                layoutController: Object;
+                availableLayoutControllers: Array<Object>;
+            }) => void): HtmlApplication;
+            off(eventName: "resolveViewCacheKey", eventHandler: (e: {
+                key: string;
+                navigationItem: Object;
+                routeData: Object;
+            }) => void): HtmlApplication;
+            off(eventName: "viewDisposed", eventHandler: (e: {
+                viewInfo: Object;
+            }) => void): HtmlApplication;
+            off(eventName: "viewDisposing", eventHandler: (e: {
+                viewInfo: Object;
+            }) => void): HtmlApplication;
+            off(eventName: "viewHidden", eventHandler: (e: {
+                viewInfo: Object;
+            }) => void): HtmlApplication;
+            off(eventName: "viewRendered", eventHandler: (e: {
+                viewInfo: Object;
+            }) => void): HtmlApplication;
+            off(eventName: "viewShowing", eventHandler: (e: {
+                viewInfo: Object;
+                direction: string;
+            }) => void): HtmlApplication;
+            off(eventName: "viewShown", eventHandler: (e: {
+                viewInfo: Object;
+                direction: string;
+            }) => void): HtmlApplication;
+            off(eventName: string, eventHandler: Function): HtmlApplication;
+        }
+    }
+}
+declare module DevExpress.viz.core {
+    /**
+     * Applies a theme for the entire page with several DevExtreme visualization widgets.
+     * @deprecated Use the DevExpress.viz.currentTheme(theme) method instead.
+     */
+    export function currentTheme(theme: string): void;
+    /**
+     * Applies a new theme (with the color scheme defined separately) for the entire page with several DevExtreme visualization widgets.
+     * @deprecated Use the DevExpress.viz.currentTheme(platform, colorScheme) method instead.
+     */
+    export function currentTheme(platform: string, colorScheme: string): void;
+    /**
+     * Registers a new theme based on the existing one.
+     * @deprecated Use the DevExpress.viz.registerTheme(customTheme, baseTheme) method instead.
+     */
+    export function registerTheme(customTheme: Object, baseTheme: string): void;
+    /**
+     * Applies a predefined or registered custom palette to all visualization widgets at once.
+     * @deprecated Use the DevExpress.viz.currentPalette(paletteName) method instead.
+     */
+    export function currentPalette(paletteName: string): void;
+    /**
+     * Obtains the color sets of a predefined or registered palette.
+     * @deprecated Use the DevExpress.viz.getPalette(paletteName) method instead.
+     */
+    export function getPalette(paletteName: string): Object;
+    /**
+     * Registers a new palette.
+     * @deprecated Use the DevExpress.viz.registerPalette(paletteName, palette) method instead.
+     */
+    export function registerPalette(paletteName: string, palette: Object): void;
+    export interface Border {
+        /** Sets a border color for a selected series. */
+        color?: string;
+        /** Sets border visibility for a selected series. */
+        visible?: boolean;
+        /** Sets a border width for a selected series. */
+        width?: number;
+    }
+    export interface DashedBorder extends Border {
+        /** Specifies a dash style for the border of a selected series point. */
+        dashStyle?: string;
+    }
+    export interface DashedBorderWithOpacity extends DashedBorder {
+        /** Specifies the opacity of the tooltip's border. */
+        opacity?: number;
+    }
+    export interface Font {
+        /** Specifies the font color for a strip label. */
+        color?: string;
+        /** Specifies the font family for a strip label. */
+        family?: string;
+        /** Specifies the font opacity for a strip label. */
+        opacity?: number;
+        /** Specifies the font size for a strip label. */
+        size?: any;
+        /** Specifies the font weight for the text displayed in strips. */
+        weight?: number;
+    }
+    export interface Hatching {
+        direction?: string;
+        /** Specifies the opacity of hatching lines. */
+        opacity?: number;
+        /** Specifies the distance between hatching lines in pixels. */
+        step?: number;
+        /** Specifies the width of hatching lines in pixels. */
+        width?: number;
+    }
+    export interface Margins {
+        /** Specifies the distance in pixels between the bottom side of the title and the surrounding widget elements. */
+        bottom?: number;
+        /** Specifies the distance in pixels between the left side of the title and the surrounding widget elements. */
+        left?: number;
+        /** Specifies the distance between the right side of the title and surrounding widget elements in pixels. */
+        right?: number;
+        /** Specifies the distance between the top side of the title and surrounding widget elements in pixels. */
+        top?: number;
+    }
+    export interface Size {
+        /** Specifies the width of the widget. */
+        width?: number;
+        /** Specifies the height of the widget. */
+        height?: number;
+    }
+    export interface Title {
+        /** Specifies font options for the title. */
+        font?: viz.core.Font;
+        /** Specifies the widget title's horizontal position. */
+        horizontalAlignment?: string;
+       /** Specifies the widget title's position in the vertical direction. */
+        verticalAlignment?: string;
+        /** Specifies the distance between the title and surrounding widget elements in pixels. */
+        margin?: viz.core.Margins;
+         /** Specifies the height of the space reserved for the title. */
+        placeholderSize?: number;
+        /** Specifies text for the title. */
+        text?: string;
+        /** Specifies a subtitle for the widget. */
+        subtitle?: {
+            /** Specifies font options for the subtitle. */
+            font?: viz.core.Font;
+           /** Specifies text for the subtitle. */
+            text?: string;
+        }
+    }
+    export interface Tooltip {
+        /** Specifies the length of the tooltip's arrow in pixels. */
+        arrowLength?: number;
+        /** Specifies the appearance of the tooltip's border. */
+        border?: viz.core.DashedBorderWithOpacity;
+        /** Specifies a color for the tooltip. */
+        color?: string;
+        /** Specifies the z-index for tooltips. */
+        zIndex?: number;
+        /** Specifies the container to draw tooltips inside of it. */
+        container?: any;
+        /** Specifies text and appearance of a set of tooltips. */
+        customizeTooltip?: (arg: Object) => { color?: string; text?: string };
+        /** Specifies whether or not the tooltip is enabled. */
+        enabled?: boolean;
+        /** Specifies font options for the text displayed by the tooltip. */
+        font?: Font;
+        /** Specifies a format for the text displayed by the tooltip. */
+        format?: string;
+        /** Specifies the opacity of a tooltip. */
+        opacity?: number;
+        /** Specifies a distance from the tooltip's left/right boundaries to the inner text in pixels. */
+        paddingLeftRight?: number;
+        /** Specifies a distance from the tooltip's top/bottom boundaries to the inner text in pixels. */
+        paddingTopBottom?: number;
+        /** Specifies a precision for formatted values displayed by the tooltip. */
+        precision?: number;
+        /** Specifies options of the tooltip's shadow. */
+        shadow?: {
+            /** Specifies the blur distance of the tooltip's shadow. */
+            blur?: number;
+            /** Specifies the color of the tooltip's shadow. */
+            color?: string;
+            /** Specifies the horizontal offset of the tooltip's shadow relative to the tooltip in pixels. */
+            offsetX?: number;
+            /** Specifies the vertical offset of the tooltip's shadow relative to the tooltip in pixels. */
+            offsetY?: number;
+            /** Specifies the opacity of the tooltip's shadow. */
+            opacity?: number;
+        };
+    }
+    export interface Animation {
+        /** Determines how long animation runs. */
+        duration?: number;
+        /** Specifies the animation easing mode. */
+        easing?: string;
+        /** Indicates whether or not animation is enabled. */
+        enabled?: boolean;
+    }
+    export interface LoadingIndicator {
+        /** Specifies a color for the loading indicator background. */
+        backgroundColor?: string;
+        /** Specifies font options for the loading indicator text. */
+        font?: viz.core.Font;
+        /** Specifies whether to show the loading indicator or not. */
+        show?: boolean;
+        /** Specifies a text to be displayed by the loading indicator. */
+        text?: string;
+    }
+    export interface LegendBorder extends viz.core.DashedBorderWithOpacity {
+        /** Specifies a radius for the corners of the legend border. */
+        cornerRadius?: number;
+    }
+    export interface BaseLegend {
+        /** Specifies the color of the legend's background. */
+        backgroundColor?: string;
+        /** Specifies legend border settings. */
+        border?: viz.core.LegendBorder;
+        /** Specifies how many columns must be taken to arrange legend items. */
+        columnCount?: number;
+        /** Specifies the spacing between a pair of neighboring legend columns in pixels. */
+        columnItemSpacing?: number;
+        /** Specifies font options for legend items. */
+        font?: viz.core.Font;
+        /** Specifies the legend's position on the map. */
+        horizontalAlignment?: string;
+        /** Specifies the alignment of legend items. */
+        itemsAlignment?: string;
+        /** Specifies the position of text relative to the item marker. */
+        itemTextPosition?: string;
+        /** Specifies the distance between the legend and the container borders in pixels. */
+        margin?: viz.core.Margins;
+        /** Specifies the size of item markers in the legend in pixels. */
+        markerSize?: number;
+        /** Specifies whether to arrange legend items horizontally or vertically. */
+        orientation?: string;
+        /** Specifies the spacing between the legend left/right border and legend items in pixels. */
+        paddingLeftRight?: number;
+        /** Specifies the spacing between the legend top/bottom border and legend items in pixels. */
+        paddingTopBottom?: number;
+        /** Specifies how many rows must be taken to arrange legend items. */
+        rowCount?: number;
+        /** Specifies the spacing between a pair of neighboring legend rows in pixels. */
+        rowItemSpacing?: number;
+        /** Specifies the legend's position on the map. */
+        verticalAlignment?: string;
+        /** Specifies whether or not the legend is visible on the map. */
+        visible?: boolean;
+    }
+    export interface BaseWidgetOptions extends DOMComponentOptions {
+        /** A handler for the drawn event. */
+        onDrawn?: (e: {
+            component: BaseWidget;
+            element: Element;
+        }) => void;
+        /** A handler for the incidentOccurred event. */
+        onIncidentOccurred?: (
+        component: BaseWidget,
+        element: Element,
+        target: {
+            id: string;
+            type: string;
+            args: any;
+            text: string;
+            widget: string;
+            version: string;
+        }
+        ) => void;
+        /** Notifies a widget that it is embedded into an HTML page that uses a path modifier. */
+        pathModified?: boolean;
+        /** Specifies whether or not the widget supports right-to-left representation. */
+        rtlEnabled?: boolean;
+        /** Sets the name of the theme to be used in the widget. */
+        theme?: string;
+    }
+    /** This section describes options and methods that are common to all widgets. */
+    export class BaseWidget extends DOMComponent {
+        /** Returns the widget's SVG markup. */
+        svg(): string;
+    }
+}
+declare module DevExpress.viz.charts {
+    /** This section describes the fields and methods that can be used in code to manipulate the Series object. */
+    export interface BaseSeries {
+        /** Provides information about the state of the series object. */
+        fullState: number;
+        /** Returns the type of the series. */
+        type: string;
+        /** Unselects all the selected points of the series. The points are displayed in an initial style. */
+        clearSelection(): void;
+        /** Gets the color of a particular series. */
+        getColor(): string;
+        /** Gets points from the series point collection based on the specified argument. */
+        getPointsByArg(pointArg: any): Array<BasePoint>;
+        /** Gets a point from the series point collection based on the specified point position. */
+        getPointByPos(positionIndex: number): Object;
+        /** Selects the series. The series is displayed in a 'selected' style until another series is selected or the current series is deselected programmatically. */
+        select(): void;
+        /** Selects the specified point. The point is displayed in a 'selected' style. */
+        selectPoint(point: BasePoint): void;
+        /** Deselects the specified point. The point is displayed in an initial style. */
+        deselectPoint(point: BasePoint): void;
+        /** Returns an array of all points in the series. */
+        getAllPoints(): Array<BasePoint>;
+        /** Returns visible series points. */
+        getVisiblePoints(): Array<BasePoint>;
+        /** Returns the name of the series. */
+        name: string;
+        /** Returns the tag of the series. */
+        tag: string;
+        /** Hides a series. */
+        hide(): void;
+        /** Provides information about the hover state of a series. */
+        isHovered(): boolean;
+        /** Provides information about the selection state of a series. */
+        isSelected(): boolean;
+        /** Provides information about the visibility state of a series. */
+        isVisible(): boolean;
+        /** Makes a particular series visible. */
+        show(): void;
+    }
+    /** This section describes the methods that can be used in code to manipulate the Point object. */
+    export interface BasePoint {
+        /** Provides information about the state of the point object. */
+        fullState: number;
+        /** Returns the point's argument value that was set in the data source. */
+        originalArgument: any;
+        /** Returns the point's value that was set in the data source. */
+        originalValue: any;
+        /** Returns the tag of the point. */
+        tag: string;
+        /** Deselects the point. */
+        clearSelection(): void;
+        /** Gets the color of a particular point. */
+        getColor(): string;
+        /** Hides the tooltip of the point. */
+        hideTooltip(): void;
+        /** Provides information about the hover state of a point. */
+        isHovered(): boolean;
+        /** Provides information about the selection state of a point. */
+        isSelected(): boolean;
+        /** Selects the point. The point is displayed in a 'selected' style until another point is selected or the current point is deselected programmatically. */
+        select(): void;
+        /** Shows the tooltip of the point. */
+        showTooltip(): void;
+        /** Allows you to obtain the label of a series point. */
+        getLabel(): any;
+        /** Returns the series object to which the point belongs. */
+        series: BaseSeries;
+    }
+    /** This section describes the fields and methods that can be used in code to manipulate the Series object. */
+    export interface ChartSeries extends BaseSeries {
+        /** Returns the name of the series pane. */
+        pane: string;
+        /** Returns the name of the value axis of the series. */
+        axis: string;
+        selectPoint(point: ChartPoint): void;
+        deselectPoint(point: ChartPoint): void;
+        getAllPoints(): Array<ChartPoint>;
+        getVisiblePoints(): Array<ChartPoint>;
+    }
+    /** This section describes the methods that can be used in code to manipulate the Point object. */
+    export interface ChartPoint extends BasePoint {
+        /** Contains the close value of the point. This field is useful for points belonging to a series of the candle stick or stock type only. */
+        originalCloseValue: any;
+        /** Contains the high value of the point. This field is useful for points belonging to a series of the candle stick or stock type only. */
+        originalHighValue: any;
+        /** Contains the low value of the point. This field is useful for points belonging to a series of the candle stick or stock type only. */
+        originalLowValue: any;
+        /** Contains the first value of the point. This field is useful for points belonging to a series of the range area or range bar type only. */
+        originalMinValue: any;
+        /** Contains the open value of the point. This field is useful for points belonging to a series of the candle stick or stock type only. */
+        originalOpenValue: any;
+        /** Contains the size of the bubble as it was set in the data source. This field is useful for points belonging to a series of the bubble type only. */
+        size: any;
+        /** Gets the parameters of the point's minimum bounding rectangle (MBR). */
+        getBoundingRect(): { x: number; y: number; width: number; height: number; };
+        series: ChartSeries;
+    }
+    /** This section describes the methods that can be used in code to manipulate the Label object. */
+    export interface Label {
+        /** Gets the parameters of the label's minimum bounding rectangle (MBR). */
+        getBoundingRect(): { x: number; y: number; width: number; height: number; };
+        /** Hides the point label. */
+        hide(): void;
+        /** Shows the point label. */
+        show(): void;
+    }
+    export interface PieSeries extends BaseSeries {
+        selectPoint(point: PiePoint): void;
+        deselectPoint(point: PiePoint): void;
+        getAllPoints(): Array<PiePoint>;
+        getVisiblePoints(): Array<PiePoint>;
+    }
+    /** This section describes the methods that can be used in code to manipulate the Point object. */
+    export interface PiePoint extends BasePoint {
+        /** Gets the percentage value of the specific point. */
+        percent: any;
+        /** Provides information about the visibility state of a point. */
+        isVisible(): boolean;
+        /** Makes a specific point visible. */
+        show(): void;
+        /** Hides a specific point. */
+        hide(): void;
+        series: PieSeries;
+    }
+    /** This section describes the fields and methods that can be used in code to manipulate the Series object. */
+    export interface PolarSeries extends BaseSeries {
+        /** Returns the name of the value axis of the series. */
+        axis: string;
+        selectPoint(point: PolarPoint): void;
+        deselectPoint(point: PolarPoint): void;
+        getAllPoints(): Array<PolarPoint>;
+        getVisiblePoints(): Array<PolarPoint>;
+    }
+    /** This section describes the methods that can be used in code to manipulate the Point object. */
+    export interface PolarPoint extends BasePoint {
+        series: PolarSeries;
+    }
+    export interface Strip {
+        /** Specifies a color for a strip. */
+        color?: string;
+        /** An object that defines the label configuration options of a strip. */
+        label?: {
+            /** Specifies the text displayed in a strip. */
+            text?: string;
+        };
+        /** Specifies a start value for a strip. */
+        startValue?: any;
+        /** Specifies an end value for a strip. */
+        endValue?: any;
+    }
+    export interface BaseSeriesConfigLabel {
+        /** Specifies a format for arguments displayed by point labels. */
+        argumentFormat?: string;
+        /** Specifies a precision for formatted point arguments displayed in point labels. */
+        argumentPrecision?: number;
+        /** Specifies a background color for point labels. */
+        backgroundColor?: string;
+        /** Specifies border options for point labels. */
+        border?: viz.core.DashedBorder;
+        /** Specifies connector options for series point labels. */
+        connector?: {
+            /** Specifies the color of label connectors. */
+            color?: string;
+            /** Indicates whether or not label connectors are visible. */
+            visible?: boolean;
+            /** Specifies the width of label connectors. */
+            width?: number;
+        };
+        /** Specifies a callback function that returns the text to be displayed by point labels. */
+        customizeText?: (pointInfo: Object) => string;
+        /** Specifies font options for the text displayed in point labels. */
+        font?: viz.core.Font;
+        /** Specifies a format for the text displayed by point labels. */
+        format?: string;
+        position?: string;
+        /** Specifies a precision for formatted point values displayed in point labels. */
+        precision?: number;
+        /** Specifies the angle used to rotate point labels from their initial position. */
+        rotationAngle?: number;
+        /** Specifies the visibility of point labels. */
+        visible?: boolean;
+    }
+    export interface SeriesConfigLabel extends BaseSeriesConfigLabel {
+        /** Specifies whether or not to show a label when the point has a zero value. */
+        showForZeroValues?: boolean;
+    }
+    export interface ChartSeriesConfigLabel extends SeriesConfigLabel {
+        /** Specifies how to align point labels relative to the corresponding data points that they represent. */
+        alignment?: string;
+        /** Specifies how to shift point labels horizontally from their initial positions. */
+        horizontalOffset?: number;
+        /** Specifies how to shift point labels vertically from their initial positions. */
+        verticalOffset?: number;
+        /** Specifies a precision for the percentage values displayed in the labels of a full-stacked-like series. */
+        percentPrecision?: number;
+    }
+    export interface BaseCommonSeriesConfig {
+        /** Specifies the data source field that provides arguments for series points. */
+        argumentField?: string;
+        axis?: string;
+        /** An object defining the label configuration options for a series in the dxChart widget. */
+        label?: ChartSeriesConfigLabel;
+        /** Specifies border options for point labels. */
+        border?: viz.core.DashedBorder;
+        /** Specifies a series color. */
+        color?: string;
+        /** Specifies the dash style of the series' line. */
+        dashStyle?: string;
+        hoverMode?: string;
+        hoverStyle?: {
+            /** An object defining the border options for a hovered series. */
+            border?: viz.core.DashedBorder;
+            /** <p>Sets a color for a series when it is hovered over.</p> */
+            color?: string;
+            /** Specifies the dash style for the line in a hovered series. */
+            dashStyle?: string;
+            hatching?: viz.core.Hatching;
+            /** Specifies the width of a line in a hovered series. */
+            width?: number;
+        };
+        /** Specifies whether a chart ignores null data points or not. */
+        ignoreEmptyPoints?: boolean;
+        /** Specifies how many points are acceptable to be in a series to display all labels for these points. Otherwise, the labels will not be displayed. */
+        maxLabelCount?: number;
+        /** Specifies the minimal length of a displayed bar in pixels. */
+        minBarSize?: number;
+        /** Specifies opacity for a series. */
+        opacity?: number;
+        /** Specifies the series elements to highlight when the series is selected. */
+        selectionMode?: string;
+        selectionStyle?: {
+            /** An object defining the border options for a selected series. */
+            border?: viz.core.DashedBorder;
+            /** Sets a color for a series when it is selected. */
+            color?: string;
+            /** Specifies the dash style for the line in a selected series. */
+            dashStyle?: string;
+            hatching?: viz.core.Hatching;
+            /** Specifies the width of a line in a selected series. */
+            width?: number;
+        };
+        /** Specifies whether or not to show the series in the chart's legend. */
+        showInLegend?: boolean;
+        /** Specifies the name of the stack where the values of the _stackedBar_ series must be located. */
+        stack?: string;
+        /** Specifies the name of the data source field that provides data about a point. */
+        tagField?: string;
+        /** Specifies the data source field that provides values for series points. */
+        valueField?: string;
+        /** Specifies the visibility of a series. */
+        visible?: boolean;
+        /** Specifies a line width. */
+        width?: number;
+        /** Configures error bars. */
+        valueErrorBar?: {
+            /** Specifies whether error bars must be displayed in full or partially. */
+            displayMode?: string;
+            /** Specifies the data field that provides data for low error values. */
+            lowValueField?: string;
+            /** Specifies the data field that provides data for high error values. */
+            highValueField?: string;
+            /** Specifies how error bar values must be calculated. */
+            type?: string;
+            /** Specifies the value to be used for generating error bars. */
+            value?: number;
+            /** Specifies the color of error bars. */
+            color?: string;
+            /** Specifies the opacity of error bars. */
+            opacity?: number;
+            /** Specifies the length of the lines that indicate the error bar edges. */
+            edgeLength?: number;
+            /** Specifies the width of the error bar line. */
+            lineWidth?: number;
+        };
+    }
+    export interface CommonPointOptions {
+        /** Specifies border options for points in the line and area series. */
+        border?: viz.core.Border;
+        /** Specifies the points color. */
+        color?: string;
+        /** Specifies what series points to highlight when a point is hovered over. */
+        hoverMode?: string;
+        /** An object defining configuration options for a hovered point. */
+        hoverStyle?: {
+            /** An object defining the border options for a hovered point. */
+            border?: viz.core.Border;
+            /** Sets a color for a point when it is hovered over. */
+            color?: string;
+            /** Specifies the diameter of a hovered point in the series that represents data points as symbols (not as bars for instance). */
+            size?: number;
+        };
+        /** Specifies what series points to highlight when a point is selected. */
+        selectionMode?: string;
+        /** An object defining configuration options for a selected point. */
+        selectionStyle?: {
+            /** An object defining the border options for a selected point. */
+            border?: viz.core.Border;
+            /** <p>Sets a color for a point when it is selected.</p> */
+            color?: string;
+            /** Specifies the diameter of a selected point in the series that represents data points as symbols (not as bars for instance). */
+            size?: number;
+        };
+        /** Specifies the point diameter in pixels for those series that represent data points as symbols (not as bars for instance). */
+        size?: number;
+        /** Specifies a symbol for presenting points of the line and area series. */
+        symbol?: string;
+        visible?: boolean;
+    }
+    export interface ChartCommonPointOptions extends CommonPointOptions {
+        /** An object specifying the parameters of an image that is used as a point marker. */
+        image?: {
+            /** Specifies the height of an image that is used as a point marker. */
+            height?: any;
+            /** Specifies a URL leading to the image to be used as a point marker. */
+            url?: any;
+            /** Specifies the width of an image that is used as a point marker. */
+            width?: any;
+        };
+    }
+    export interface PolarCommonPointOptions extends CommonPointOptions {
+        /** An object specifying the parameters of an image that is used as a point marker. */
+        image?: {
+            /** Specifies the height of an image that is used as a point marker. */
+            height?: number;
+            /** Specifies a URL leading to the image to be used as a point marker. */
+            url?: string;
+            /** Specifies the width of an image that is used as a point marker. */
+            width?: number;
+        };
+    }
+    /** An object that defines configuration options for chart series. */
+    export interface CommonSeriesConfig extends BaseCommonSeriesConfig {
+        /** Specifies the data source field that provides a 'close' value for a _candleStick_ or _stock_ series. */
+        closeValueField?: string;
+        /** Specifies a radius for bar corners. */
+        cornerRadius?: number;
+        /** Specifies the data source field that provides a 'high' value for a _candleStick_ or _stock_ series. */
+        highValueField?: string;
+        /** Specifies the color for the body (rectangle) of a _candleStick_ series. */
+        innerColor?: string;
+        /** Specifies the data source field that provides a 'low' value for a _candleStick_ or _stock_ series. */
+        lowValueField?: string;
+        /** Specifies the data source field that provides an 'open' value for a _candleStick_ or _stock_ series. */
+        openValueField?: string;
+        /** Specifies the pane that will be used to display a series. */
+        pane?: string;
+        /** An object defining configuration options for points in line-, scatter- and area-like series. */
+        point?: ChartCommonPointOptions;
+        /** Specifies the data source field that provides values for one end of a range series. To set the data source field for the other end of the range series, use the rangeValue2Field property. */
+        rangeValue1Field?: string;
+        /** Specifies the data source field that provides values for the second end of a range series. To set the data source field for the other end of the range series, use the rangeValue1Field property. */
+        rangeValue2Field?: string;
+        /** Specifies reduction options for the stock or candleStick series. */
+        reduction?: {
+            /** Specifies a color for the points whose reduction level price is lower in comparison to the value in the previous point. */
+            color?: string;
+            /** Specifies for which price level (open, high, low or close) to enable reduction options in the series. */
+            level?: string;
+        };
+        /** Specifies the data source field that defines the size of bubbles. */
+        sizeField?: string;
+    }
+    export interface CommonSeriesSettings extends CommonSeriesConfig {
+        /** <p>An object that specifies configuration options for all series of the <i>area</i> type in the chart.</p> */
+        area?: CommonSeriesConfig;
+        /** An object that specifies configuration options for all series of the _bar_ type in the chart. */
+        bar?: CommonSeriesConfig;
+        /** An object that specifies configuration options for all series of the bubble type in the chart. */
+        bubble?: CommonSeriesConfig;
+        /** An object that specifies configuration options for all series of the _candleStick_ type in the chart. */
+        candlestick?: CommonSeriesConfig;
+        /** An object that specifies configuration options for all series of the _fullStackedArea_ type in the chart. */
+        fullstackedarea?: CommonSeriesConfig;
+        /** An object that specifies configuration options for all series of the Full-Stacked Spline Area type in the chart. */
+        fullstackedsplinearea?: CommonSeriesConfig;
+        /** An object that specifies configuration options for all series of the _fullStackedBar_ type in the chart. */
+        fullstackedbar?: CommonSeriesConfig;
+        /** An object that specifies configuration options for all series of the _fullStackedLine_ type in the chart. */
+        fullstackedline?: CommonSeriesConfig;
+        /** An object that specifies configuration options for all series of the Full-Stacked Spline type in the chart. */
+        fullstackedspline?: CommonSeriesConfig;
+        /** An object that specifies configuration options for all series of the _line_ type in the chart. */
+        line?: CommonSeriesConfig;
+        /** An object that specifies configuration options for all series of the _rangeArea_ type in the chart. */
+        rangearea?: CommonSeriesConfig;
+        /** An object that specifies configuration options for all series of the _rangeBar_ type in the chart. */
+        rangebar?: CommonSeriesConfig;
+        /** An object that specifies configuration options for all series of the _scatter_ type in the chart. */
+        scatter?: CommonSeriesConfig;
+        /** An object that specifies configuration options for all series of the _spline_ type in the chart. */
+        spline?: CommonSeriesConfig;
+        /** An object that specifies configuration options for all series of the _splineArea_ type in the chart. */
+        splinearea?: CommonSeriesConfig;
+        /** An object that specifies configuration options for all series of the _stackedArea_ type in the chart. */
+        stackedarea?: CommonSeriesConfig;
+        /** An object that specifies configuration options for all series of the Stacked Spline Area type in the chart. */
+        stackedsplinearea?: CommonSeriesConfig;
+        /** An object that specifies configuration options for all series of the _stackedBar_ type in the chart. */
+        stackedbar?: CommonSeriesConfig;
+        /** An object that specifies configuration options for all series of the _stackedLine_ type in the chart. */
+        stackedline?: CommonSeriesConfig;
+        /** An object that specifies configuration options for all series of the Stacked Spline type in the chart. */
+        stackedspline?: CommonSeriesConfig;
+        /** An object that specifies configuration options for all series of the _stepArea_ type in the chart. */
+        steparea?: CommonSeriesConfig;
+        /** An object that specifies configuration options for all series of the _stepLine_ type in the chart. */
+        stepline?: CommonSeriesConfig;
+        /** An object that specifies configuration options for all series of the _stock_ type in the chart. */
+        stock?: CommonSeriesConfig;
+        /** Sets a series type. */
+        type?: string;
+    }
+    export interface SeriesConfig extends CommonSeriesConfig {
+        /** Specifies the name that identifies the series. */
+        name?: string;
+        /** Specifies data about a series. */
+        tag?: any;
+        /** Sets the series type. */
+        type?: string;
+    }
+    /** An object that defines configuration options for polar chart series. */
+    export interface CommonPolarSeriesConfig extends BaseCommonSeriesConfig {
+        /** Specifies whether or not to close the chart by joining the end point with the first point. */
+        closed?: boolean;
+        label?: SeriesConfigLabel;
+        point?: PolarCommonPointOptions;
+    }
+    export interface CommonPolarSeriesSettings extends CommonPolarSeriesConfig {
+        /** An object that specifies configuration options for all series of the <i>area</i> type in the chart. */
+        area?: CommonPolarSeriesConfig;
+        /** An object that specifies configuration options for all series of the _bar_ type in the chart. */
+        bar?: CommonPolarSeriesConfig;
+        /** An object that specifies configuration options for all series of the _line_ type in the chart. */
+        line?: CommonPolarSeriesConfig;
+        /** An object that specifies configuration options for all series of the _scatter_ type in the chart. */
+        scatter?: CommonPolarSeriesConfig;
+        /** An object that specifies configuration options for all series of the _stackedBar_ type in the chart. */
+        stackedbar?: CommonPolarSeriesConfig;
+        /** Sets a series type. */
+        type?: string;
+    }
+    export interface PolarSeriesConfig extends CommonPolarSeriesConfig {
+        /** Specifies the name that identifies the series. */
+        name?: string;
+        /** Specifies data about a series. */
+        tag?: any;
+        /** Sets the series type. */
+        type?: string;
+    }
+    export interface PieSeriesConfigLabel extends BaseSeriesConfigLabel {
+        /** Specifies how to shift labels from their initial position in a radial direction in pixels. */
+        radialOffset?: number;
+        /** Specifies a precision for the percentage values displayed in labels. */
+        percentPrecision?: number;
+    }
+    /** An object that defines configuration options for chart series. */
+    export interface CommonPieSeriesConfig {
+        /** Specifies the data source field that provides arguments for series points. */
+        argumentField?: string;
+        /** Specifies the required type for series arguments. */
+        argumentType?: string;
+        /** An object defining the series border configuration options. */
+        border?: viz.core.DashedBorder;
+        /** Specifies a series color. */
+        color?: string;
+        /** Specifies the chart elements to highlight when a series is hovered over. */
+        hoverMode?: string;
+        /** An object defining configuration options for a hovered series. */
+        hoverStyle?: {
+            /** An object defining the border options for a hovered series. */
+            border?: viz.core.DashedBorder;
+            /** Sets a color for the series when it is hovered over. */
+            color?: string;
+            /** Specifies the hatching options to be applied when a point is hovered over. */
+            hatching?: viz.core.Hatching;
+        };
+        /**
+         * Specifies the fraction of the inner radius relative to the total radius in the series of the 'doughnut' type.
+         * @deprecated use the 'innerRadius' option instead
+         */
+        innerRadius?: number;
+        /** An object defining the label configuration options. */
+        label?: PieSeriesConfigLabel;
+        /** Specifies how many points are acceptable to be in a series to display all labels for these points. Otherwise, the labels will not be displayed. */
+        maxLabelCount?: number;
+        /** Specifies a minimal size of a displayed pie segment. */
+        minSegmentSize?: number;
+        /**
+         * Specifies the direction in which the dxPieChart series points are located.
+         * @deprecated use the 'segmentsDirection' option instead
+         */
+        segmentsDirection?: string;
+        /** <p>Specifies the chart elements to highlight when the series is selected.</p> */
+        selectionMode?: string;
+        /** An object defining configuration options for the series when it is selected. */
+        selectionStyle?: {
+            /** An object defining the border options for a selected series. */
+            border?: viz.core.DashedBorder;
+            /** Sets a color for a series when it is selected. */
+            color?: string;
+            /** Specifies the hatching options to be applied when a point is selected. */
+            hatching?: viz.core.Hatching;
+        };
+        /** Specifies chart segment grouping options. */
+        smallValuesGrouping?: {
+            /** Specifies the name of the grouped chart segment. This name represents the segment in the chart legend. */
+            groupName?: string;
+            /** Specifies the segment grouping mode. */
+            mode?: string;
+            /** Specifies a threshold for segment values. */
+            threshold?: number;
+            /** Specifies how many segments must not be grouped. */
+            topCount?: number;
+        };
+        /**
+         * Specifies a start angle for a pie chart in arc degrees.
+         * @deprecated use the 'startAngle' option instead
+         */
+        startAngle?: number;
+        /** <p>Specifies the name of the data source field that provides data about a point.</p> */
+        tagField?: string;
+        /** Specifies the data source field that provides values for series points. */
+        valueField?: string;
+    }
+    export interface CommonPieSeriesSettings extends CommonPieSeriesConfig {
+        /**
+         * Specifies the type of the pie chart series.
+         * @deprecated use the 'type' option instead
+         */
+        type?: string;
+    }
+    export interface PieSeriesConfig extends CommonPieSeriesConfig {
+        /**
+         * Sets the series type.
+         * @deprecated use the 'type' option instead
+         */
+        type?: string;
+        /** Specifies the name that identifies the series. */
+        name?: string;
+        /** Specifies data about a series. */
+        tag?: any;
+    }
+    export interface SeriesTemplate {
+        /** Specifies a callback function that returns a series object with individual series settings. */
+        customizeSeries?: (seriesName: string) => SeriesConfig;
+        /** Specifies a data source field that represents the series name. */
+        nameField?: string;
+    }
+    export interface PolarSeriesTemplate {
+        /** Specifies a callback function that returns a series object with individual series settings. */
+        customizeSeries?: (seriesName: string) => PolarSeriesConfig;
+        /** Specifies a data source field that represents the series name. */
+        nameField?: string;
+    }
+    export interface ChartCommonConstantLineLabel {
+        /** Specifies font options for a constant line label. */
+        font?: viz.core.Font;
+        /** Specifies the position of the constant line label relative to the chart plot. */
+        position?: string;
+        /** Indicates whether or not to display labels for the axis constant lines. */
+        visible?: boolean;
+    }
+    export interface PolarCommonConstantLineLabel {
+        /** Indicates whether or not to display labels for the axis constant lines. */
+        visible?: boolean;
+        /** Specifies font options for a constant line label. */
+        font?: viz.core.Font;
+    }
+    export interface ConstantLineStyle {
+        /** Specifies a color for a constant line. */
+        color?: string;
+        /** Specifies a dash style for a constant line. */
+        dashStyle?: string;
+        /** Specifies a constant line width in pixels. */
+        width?: number;
+    }
+    export interface ChartCommonConstantLineStyle extends ConstantLineStyle {
+        /** An object defining constant line label options. */
+        label?: ChartCommonConstantLineLabel;
+        /** Specifies the space between the constant line label and the left/right side of the constant line. */
+        paddingLeftRight?: number;
+        /** Specifies the space between the constant line label and the top/bottom side of the constant line. */
+        paddingTopBottom?: number;
+    }
+    export interface PolarCommonConstantLineStyle extends ConstantLineStyle {
+        /** An object defining constant line label options. */
+        label?: PolarCommonConstantLineLabel;
+    }
+    export interface CommonAxisLabel {
+        /** Specifies font options for axis labels. */
+        font?: viz.core.Font;
+        /** Specifies the spacing between an axis and its labels in pixels. */
+        indentFromAxis?: number;
+        /** Indicates whether or not axis labels are visible. */
+        visible?: boolean;
+    }
+    export interface ChartCommonAxisLabel extends CommonAxisLabel {
+        /** Specifies the label's position relative to the tick (grid line). */
+        alignment?: string;
+        /** Specifies the overlap resolving algorithm to be applied to axis labels. */
+        overlappingBehavior?: {
+            /** Specifies how to arrange axis labels. */
+            mode?: string;
+            /** Specifies the angle used to rotate axis labels. */
+            rotationAngle?: number;
+            /** Specifies the spacing that must be set between staggered rows when the 'stagger' algorithm is applied. */
+            staggeringSpacing?: number;
+        };
+    }
+    export interface PolarCommonAxisLabel extends CommonAxisLabel {
+        /** Specifies the overlap resolving algorithm to be applied to axis labels. */
+        overlappingBehavior?: string;
+    }
+    export interface CommonAxisTitle {
+        /** Specifies font options for an axis title. */
+        font?: viz.core.Font;
+        /** Specifies a margin for an axis title in pixels. */
+        margin?: number;
+    }
+    export interface BaseCommonAxisSettings {
+        /** Specifies the color of the line that represents an axis. */
+        color?: string;
+        /** Specifies whether ticks/grid lines of a discrete axis are located between labels or cross the labels. */
+        discreteAxisDivisionMode?: string;
+        /** An object defining the configuration options for the grid lines of an axis in the dxPolarChart widget. */
+        grid?: {
+            /** Specifies a color for grid lines. */
+            color?: string;
+            /** Specifies an opacity for grid lines. */
+            opacity?: number;
+            /** Indicates whether or not the grid lines of an axis are visible. */
+            visible?: boolean;
+            /** Specifies the width of grid lines. */
+            width?: number;
+        };
+        /** Specifies the options of the minor grid. */
+        minorGrid?: {
+            /** Specifies a color for the lines of the minor grid. */
+            color?: string;
+            /** Specifies an opacity for the lines of the minor grid. */
+            opacity?: number;
+            /** Indicates whether the minor grid is visible or not. */
+            visible?: boolean;
+            /** Specifies a width for the lines of the minor grid. */
+            width?: number;
+        };
+        /** Indicates whether or not an axis is inverted. */
+        inverted?: boolean;
+        /** Specifies the opacity of the line that represents an axis. */
+        opacity?: number;
+        /** Indicates whether or not to set ticks/grid lines of a continuous axis of the 'date-time' type at the beginning of each date-time interval. */
+        setTicksAtUnitBeginning?: boolean;
+        /** An object defining the configuration options for axis ticks. */
+        tick?: {
+            /** Specifies ticks color. */
+            color?: string;
+            /** Specifies tick opacity. */
+            opacity?: number;
+            /** Indicates whether or not ticks are visible on an axis. */
+            visible?: boolean;
+            /** Specifies tick width. */
+            width?: number;
+            /** Specifies tick length. */
+            length?: number;
+        };
+        /** Specifies the options of the minor ticks. */
+        minorTick?: {
+            /** Specifies a color for the minor ticks. */
+            color?: string;
+            /** Specifies an opacity for the minor ticks. */
+            opacity?: number;
+            /** Indicates whether or not the minor ticks are displayed on an axis. */
+            visible?: boolean;
+            /** Specifies minor tick width. */
+            width?: number;
+            /** Specifies minor tick length. */
+            length?: number;
+        };
+        /** Indicates whether or not the line that represents an axis in a chart is visible. */
+        visible?: boolean;
+        /** Specifies the width of the line that represents an axis in the chart. */
+        width?: number;
+    }
+    export interface ChartCommonAxisSettings extends BaseCommonAxisSettings {
+        /** Specifies the appearance of all the widget's constant lines. */
+        constantLineStyle?: ChartCommonConstantLineStyle;
+        /** An object defining the label configuration options that are common for all axes in the dxChart widget. */
+        label?: ChartCommonAxisLabel;
+        /** Specifies a coefficient that determines the spacing between the maximum series point and the axis. */
+        maxValueMargin?: number;
+        /** Specifies a coefficient that determines the spacing between the minimum series point and the axis. */
+        minValueMargin?: number;
+        /** Specifies, in pixels, the space reserved for an axis. */
+        placeholderSize?: number;
+        /** An object defining configuration options for strip style. */
+        stripStyle?: {
+            /** An object defining the configuration options for a strip label style. */
+            label?: {
+                /** Specifies font options for a strip label. */
+                font?: viz.core.Font;
+                /** Specifies the label's position on a strip. */
+                horizontalAlignment?: string;
+                /** Specifies a label's position on a strip. */
+                verticalAlignment?: string;
+            };
+            /** Specifies the spacing, in pixels, between the left/right strip border and the strip label. */
+            paddingLeftRight?: number;
+            /** Specifies the spacing, in pixels, between the top/bottom strip borders and the strip label. */
+            paddingTopBottom?: number;
+        };
+        /** An object defining the title configuration options that are common for all axes in the dxChart widget. */
+        title?: CommonAxisTitle;
+        /** Indicates whether or not to display series with indents from axis boundaries. */
+        valueMarginsEnabled?: boolean;
+    }
+    export interface PolarCommonAxisSettings extends BaseCommonAxisSettings {
+        /** Specifies the appearance of all the widget's constant lines. */
+        constantLineStyle?: PolarCommonConstantLineStyle;
+        /** An object defining the label configuration options that are common for all axes in the dxPolarChart widget. */
+        label?: PolarCommonAxisLabel;
+        /** An object defining configuration options for strip style. */
+        stripStyle?: {
+            /** An object defining the configuration options for a strip label style. */
+            label?: {
+                /** Specifies font options for a strip label. */
+                font?: viz.core.Font;
+            };
+        };
+    }
+    export interface ChartConstantLineLabel extends ChartCommonConstantLineLabel {
+        /** Specifies the horizontal alignment of a constant line label. */
+        horizontalAlignment?: string;
+        /** Specifies the vertical alignment of a constant line label. */
+        verticalAlignment?: string;
+        /** Specifies the text to be displayed in a constant line label. */
+        text?: string;
+    }
+    export interface PolarConstantLineLabel extends PolarCommonConstantLineLabel {
+        /** Specifies the text to be displayed in a constant line label. */
+        text?: string;
+    }
+    export interface AxisLabel {
+        /** Specifies the text for a hint that appears when a user hovers the mouse pointer over a label on the value axis. */
+        customizeHint?: (argument: { value: any; valueText: string }) => string;
+        /** Specifies a callback function that returns the text to be displayed in value axis labels. */
+        customizeText?: (argument: { value: any; valueText: string }) => string;
+        /** Specifies a format for the text displayed by axis labels. */
+        format?: string;
+        /** Specifies a precision for the formatted value displayed in the axis labels. */
+        precision?: number;
+    }
+    export interface ChartAxisLabel extends ChartCommonAxisLabel, AxisLabel { }
+    export interface PolarAxisLabel extends PolarCommonAxisLabel, AxisLabel { }
+    export interface AxisTitle extends CommonAxisTitle {
+        /** Specifies the text for the value axis title. */
+        text?: string;
+    }
+    export interface ChartConstantLineStyle extends ChartCommonConstantLineStyle {
+        /** An object defining constant line label options. */
+        label?: ChartConstantLineLabel;
+    }
+    export interface ChartConstantLine extends ChartConstantLineStyle {
+        /** An object defining constant line label options. */
+        label?: ChartConstantLineLabel;
+        /** Specifies a value to be displayed by a constant line. */
+        value?: any;
+    }
+    export interface PolarConstantLine extends PolarCommonConstantLineStyle {
+        /** An object defining constant line label options. */
+        label?: PolarConstantLineLabel;
+        /** Specifies a value to be displayed by a constant line. */
+        value?: any;
+    }
+    export interface Axis {
+        /** Specifies a coefficient for dividing the value axis. */
+        axisDivisionFactor?: number;
+        /** Specifies the order in which discrete values are arranged on the value axis. */
+        categories?: Array<any>;
+        /** Specifies the value to be raised to a power when generating ticks for a logarithmic axis. */
+        logarithmBase?: number;
+        /** Specifies an interval between axis ticks/grid lines. */
+        tickInterval?: any;
+        /** Specifies the interval between minor ticks. */
+        minorTickInterval?: any;
+        /** Specifies the number of minor ticks between two neighboring major ticks. */
+        minorTickCount?: number;
+        /** Specifies the required type of the value axis. */
+        type?: string;
+        /** Specifies the pane on which the current value axis will be displayed. */
+        pane?: string;
+        /** Specifies options for value axis strips. */
+        strips?: Array<Strip>;
+    }
+    export interface ChartAxis extends ChartCommonAxisSettings, Axis {
+        /** Defines an array of the value axis constant lines. */
+        constantLines?: Array<ChartConstantLine>;
+        /** Specifies the appearance options for the constant lines of the value axis. */
+        constantLineStyle?: ChartCommonConstantLineStyle;
+        /** Specifies options for value axis labels. */
+        label?: ChartAxisLabel;
+        /** Specifies the maximum value on the value axis. */
+        max?: any;
+        /** Specifies the minimum value on the value axis. */
+        min?: any;
+        /** Specifies the position of the value axis on a chart. */
+        position?: string;
+        /** Specifies the title for a value axis. */
+        title?: AxisTitle;
+    }
+    export interface PolarAxis extends PolarCommonAxisSettings, Axis {
+        /** Defines an array of the value axis constant lines. */
+        constantLines?: Array<PolarConstantLine>;
+        /** Specifies options for value axis labels. */
+        label?: PolarAxisLabel;
+    }
+    export interface ArgumentAxis {
+        /** Specifies the desired type of axis values. */
+        argumentType?: string;
+        /** Specifies the elements that will be highlighted when the argument axis is hovered over. */
+        hoverMode?: string;
+    }
+    export interface ChartArgumentAxis extends ChartAxis, ArgumentAxis { }
+    export interface PolarArgumentAxis extends PolarAxis, ArgumentAxis {
+        /** Specifies the angle in arc degrees to which the argument axis should be rotated. The positive values rotate the axis clockwise. */
+        startAngle?: number;
+        /** Specifies whether or not to display the first point at the angle specified by the startAngle option. */
+        firstPointOnStartAngle?: boolean;
+        /** Specifies the value to be used as the origin for the argument axis. */
+        originValue?: number;
+        /** Specifies the period of the argument values in the data source. */
+        period?: number;
+    }
+    export interface ValueAxis {
+        /** Specifies the name of the value axis. */
+        name?: string;
+        /** Specifies whether or not to indicate a zero value on the value axis. */
+        showZero?: boolean;
+        /** Specifies the desired type of axis values. */
+        valueType?: string;
+    }
+    export interface ChartValueAxis extends ChartAxis, ValueAxis {
+        /** Specifies the spacing, in pixels, between multiple value axes in a chart. */
+        multipleAxesSpacing?: number;
+        /** Specifies the value by which the chart's value axes are synchronized. */
+        synchronizedValue?: number;
+    }
+    export interface PolarValueAxis extends PolarAxis, ValueAxis {
+        /** Indicates whether to display series with indents from axis boundaries. */
+        valueMarginsEnabled?: boolean;
+        /** Specifies a coefficient that determines the spacing between the maximum series point and the axis. */
+        maxValueMargin?: number;
+        /** Specifies a coefficient that determines the spacing between the minimum series point and the axis. */
+        minValueMargin?: number;
+        tick?: {
+            visible?: boolean;
+        }
+    }
+    export interface CommonPane {
+        /** Specifies a background color in a pane. */
+        backgroundColor?: string;
+        /** Specifies the border options of a chart's pane. */
+        border?: PaneBorder;
+    }
+    export interface Pane extends CommonPane {
+        /** Specifies the name of a pane. */
+        name?: string;
+    }
+    export interface PaneBorder extends viz.core.DashedBorderWithOpacity {
+        /** Specifies the bottom border's visibility state in a pane. */
+        bottom?: boolean;
+        /** Specifies the left border's visibility state in a pane. */
+        left?: boolean;
+        /** Specifies the right border's visibility state in a pane. */
+        right?: boolean;
+        /** Specifies the top border's visibility state in a pane. */
+        top?: boolean;
+    }
+    export interface ChartAnimation extends viz.core.Animation {
+        /** Specifies the maximum series point count in the chart that the animation supports. */
+        maxPointCountSupported?: number;
+    }
+    export interface BaseChartTooltip extends viz.core.Tooltip {
+        /** Specifies a format for arguments of the chart's series points. */
+        argumentFormat?: string;
+        /** Specifies a precision for formatted arguments displayed in tooltips. */
+        argumentPrecision?: number;
+        /** Specifies a precision for a percent value displayed in tooltips for stacked series and dxPieChart series. */
+        percentPrecision?: number;
+    }
+    export interface BaseChartOptions<TPoint> extends viz.core.BaseWidgetOptions {
+        /** Specifies adaptive layout options. */
+        adaptiveLayout?: {
+            /** Specifies the width of the widget that is small enough for the layout to begin adapting. */
+            width?: number;
+            /** Specifies the height of the widget that is small enough for the layout to begin adapting. */
+            height?: number;
+            /** Specifies whether or not point labels can be hidden when the layout is adapting. */
+            keepLabels?: boolean;
+        };
+        /** Specifies animation options. */
+        animation?: ChartAnimation;
+        /** Specifies a callback function that returns an object with options for a specific point label. */
+        customizeLabel?: (labelInfo: Object) => Object;
+        /** Specifies a callback function that returns an object with options for a specific point. */
+        customizePoint?: (pointInfo: Object) => Object;
+        /** Specifies a data source for the chart. */
+        dataSource?: any;
+        /** Specifies the appearance of the loading indicator. */
+        loadingIndicator?: viz.core.LoadingIndicator;
+        /** Specifies options of a dxChart's (dxPieChart's) legend. */
+        legend?: core.BaseLegend;
+        /** Specifies the blank space between the chart's extreme elements and the boundaries of the area provided for the widget (see size) in pixels. */
+        margin?: viz.core.Margins;
+        /** Sets the name of the palette to be used in the chart. Alternatively, an array of colors can be set as a custom palette to be used within this chart. */
+        palette?: any;
+        /** A handler for the done event. */
+        onDone?: (e: {
+            component: BaseChart;
+            element: Element;
+        }) => void;
+        /** A handler for the pointClick event. */
+        onPointClick?: any;
+        /** A handler for the pointHoverChanged event. */
+        onPointHoverChanged?: (e: {
+            component: BaseChart;
+            element: Element;
+            target: TPoint;
+        }) => void;
+        /** A handler for the pointSelectionChanged event. */
+        onPointSelectionChanged?: (e: {
+            component: BaseChart;
+            element: Element;
+            target: TPoint;
+        }) => void;
+        /** Specifies whether a single point or multiple points can be selected in the chart. */
+        pointSelectionMode?: string;
+        /** Specifies whether to redraw the widget when the size of the parent browser window changes or a mobile device rotates. */
+        redrawOnResize?: boolean;
+        /** Specifies options for the dxChart and dxPieChart widget series. */
+        series?: any;
+        /** Specifies the size of the widget in pixels. */
+        size?: viz.core.Size;
+        /** Specifies a title for the chart. */
+        title?: viz.core.Title;
+        /** Specifies tooltip options. */
+        tooltip?: BaseChartTooltip;
+        /** A handler for the tooltipShown event. */
+        onTooltipShown?: (e: {
+            component: BaseChart;
+            element: Element;
+            target: BasePoint;
+        }) => void;
+        /** A handler for the tooltipHidden event. */
+        onTooltipHidden?: (e: {
+            component: BaseChart;
+            element: Element;
+            target: BasePoint;
+        }) => void;
+    }
+    /** A base class for all chart widgets included in the ChartJS library. */
+    export class BaseChart extends viz.core.BaseWidget {
+        /** Deselects the chart's selected series. The series is displayed in an initial style. */
+        clearSelection(): void;
+        /** Gets the current size of the widget. */
+        getSize(): { width: number; height: number };
+        /** Returns an array of all series in the chart. */
+        getAllSeries(): Array<BaseSeries>;
+        /** Gets a series within the chart's series collection by the specified name (see the name option). */
+        getSeriesByName(seriesName: string): BaseSeries;
+        /** Gets a series within the chart's series collection by its position number. */
+        getSeriesByPos(seriesIndex: number): BaseSeries;
+        /** Displays the loading indicator. */
+        showLoadingIndicator(): void;
+        /** Conceals the loading indicator. */
+        hideLoadingIndicator(): void;
+        /** Hides all widget tooltips. */
+        hideTooltip(): void;
+        /** Redraws a widget. */
+        render(renderOptions?: {
+            force?: boolean;
+            animate?: boolean;
+            asyncSeriesRendering?: boolean;
+        }): void;
+    }
+    export interface AdvancedLegend extends core.BaseLegend {
+        /** Specifies the text for a hint that appears when a user hovers the mouse pointer over a legend item. */
+        customizeHint?: (seriesInfo: { seriesName: string; seriesIndex: number; seriesColor: string; }) => string;
+        /** <p>Specifies a callback function that returns the text to be displayed by legend items.</p> */
+        customizeText?: (seriesInfo: { seriesName: string; seriesIndex: number; seriesColor: string; }) => string;
+        /** Specifies what series elements to highlight when a corresponding item in the legend is hovered over. */
+        hoverMode?: string;
+    }
+    export interface AdvancedOptions<TPoint, TSeries> extends BaseChartOptions<TPoint> {
+        /** A handler for the argumentAxisClick event. */
+        onArgumentAxisClick?: any;
+        /** Specifies the color of the parent page element. */
+        containerBackgroundColor?: string;
+        /** An object providing options for managing data from a data source. */
+        dataPrepareSettings?: {
+            /** Specifies whether or not to validate the values from a data source. */
+            checkTypeForAllData?: boolean;
+            /** Specifies whether or not to convert the values from a data source into the data type of an axis. */
+            convertToAxisDataType?: boolean;
+            /** Specifies how to sort the series points. */
+            sortingMethod?: any;
+        };
+        /** A handler for the legendClick event. */
+        onLegendClick?: any;
+        /** A handler for the seriesClick event. */
+        onSeriesClick?: any;
+        /** A handler for the seriesHoverChanged event. */
+        onSeriesHoverChanged?: (e: {
+            component: BaseChart;
+            element: Element;
+            target: TSeries;
+        }) => void;
+        /** A handler for the seriesSelectionChanged event. */
+        onSeriesSelectionChanged?: (e: {
+            component: BaseChart;
+            element: Element;
+            target: TSeries;
+        }) => void;
+        /** Specifies whether a single series or multiple series can be selected in the chart. */
+        seriesSelectionMode?: string;
+        /** Specifies how the chart must behave when series point labels overlap. */
+        resolveLabelOverlapping?: string;
+        /** Specifies whether or not all bars in a series must have the same angle, or may have different angles if any points in other series are missing. */
+        equalBarWidth?: boolean;
+        /** Specifies a common bar width as a percentage from 0 to 1. */
+        barWidth?: number;
+        /** Forces the widget to treat negative values as zeroes. Applies to stacked-like series only. */
+        negativesAsZeroes?: boolean;
+    }
+    export interface Legend extends AdvancedLegend {
+        /** Specifies whether the legend is located outside or inside the chart's plot. */
+        position?: string;
+    }
+    export interface ChartTooltip extends BaseChartTooltip {
+        /** Specifies whether the tooltip must be located in the center of a bar or on its edge. Applies to the Bar and Bubble series. */
+        location?: string;
+        /** Specifies the kind of information to display in a tooltip. */
+        shared?: boolean;
+    }
+    export interface dxChartOptions extends AdvancedOptions<ChartPoint, ChartSeries> {
+        adaptiveLayout?: {
+            keepLabels?: boolean;
+        };
+        /** Indicates whether or not to synchronize value axes when they are displayed on a single pane. */
+        synchronizeMultiAxes?: boolean;
+        /** Specifies whether or not to filter the series points depending on their quantity. */
+        useAggregation?: boolean;
+        /** Indicates whether or not to adjust a value axis to the current minimum and maximum values of a zoomed chart. */
+        adjustOnZoom?: boolean;
+        /** Specifies argument axis options for the dxChart widget. */
+        argumentAxis?: ChartArgumentAxis;
+        /** An object defining the configuration options that are common for all axes of the dxChart widget. */
+        commonAxisSettings?: ChartCommonAxisSettings;
+        /** An object defining the configuration options that are common for all panes in the dxChart widget. */
+        commonPaneSettings?: CommonPane;
+        /** An object defining the configuration options that are common for all series of the dxChart widget. */
+        commonSeriesSettings?: CommonSeriesSettings;
+        /** An object that specifies the appearance options of the chart crosshair. */
+        crosshair?: {
+            /** Specifies a color for the crosshair lines. */
+            color?: string;
+            /** Specifies a dash style for the crosshair lines. */
+            dashStyle?: string;
+            /** Specifies whether to enable the crosshair or not. */
+            enabled?: boolean;
+            /** Specifies the opacity of the crosshair lines. */
+            opacity?: number;
+            /** Specifies the width of the crosshair lines. */
+            width?: number;
+            /** Specifies the appearance of the horizontal crosshair line. */
+            horizontalLine?: CrosshaierWithLabel;
+            /** Specifies the appearance of the vertical crosshair line. */
+            verticalLine?: CrosshaierWithLabel;
+            /** Specifies the options of the crosshair labels. */
+            label?: {
+                /** Specifies a color for the background of the crosshair labels. */
+                backgroundColor?: string;
+                /** Specifies whether the crosshair labels are visible or not. */
+                visible?: boolean;
+                /** Specifies font options for the text of the crosshair labels. */
+                font?: viz.core.Font;
+                /** Specifies the format of the values displayed by crosshair labels. */
+                format?: string;
+                /** Specifies a precision for formatted values. */
+                precision?: number;
+                /** Customizes the text displayed by the crosshair labels. */
+                customizeText?: (info: { value: any; valueText: string; point: ChartPoint; }) => string;
+            }
+        };
+        /** Specifies a default pane for the chart series. */
+        defaultPane?: string;
+        /** Specifies a coefficient determining the diameter of the largest bubble. */
+        maxBubbleSize?: number;
+        /** Specifies the diameter of the smallest bubble measured in pixels. */
+        minBubbleSize?: number;
+        /** Defines the dxChart widget's <a href="/Documentation/Guide/Data_Visualization/Charts/Chart_Elements?version=15_2#Panes">pane(s)</a>. */
+        panes?: Array<Pane>;
+        /** Swaps the axes round so that the value axis becomes horizontal and the argument axes becomes vertical. */
+        rotated?: boolean;
+        /** Specifies the options of a chart's legend. */
+        legend?: Legend;
+        /** Specifies options for dxChart widget series. */
+        series?: Array<SeriesConfig>;
+        /** Defines options for the series template. */
+        seriesTemplate?: SeriesTemplate;
+        /** Specifies tooltip options. */
+        tooltip?: ChartTooltip;
+        /** Specifies value axis options for the dxChart widget. */
+        valueAxis?: Array<ChartValueAxis>;
+        /** Enables scrolling in your chart. */
+        scrollingMode?: string;
+        /** Enables zooming in your chart. */
+        zoomingMode?: string;
+        /** Specifies the settings of the scroll bar. */
+        scrollBar?: {
+            /** Specifies whether the scroll bar is visible or not. */
+            visible?: boolean;
+            /** Specifies the spacing between the scroll bar and the chart's plot in pixels. */
+            offset?: number;
+            /** Specifies the color of the scroll bar. */
+            color?: string;
+            /** Specifies the width of the scroll bar in pixels. */
+            width?: number;
+            /** Specifies the opacity of the scroll bar. */
+            opacity?: number;
+            /** Specifies the position of the scroll bar in the chart. */
+            position?: string;
+        };
+    }
+    /** A widget used to embed charts into HTML JS applications. */
+    export class dxChart extends BaseChart {
+        constructor(element: JQuery, options?: dxChartOptions);
+        constructor(element: Element, options?: dxChartOptions);
+        /** Sets the specified start and end values for the chart's argument axis. */
+        zoomArgument(startValue: any, endValue: any): void;
+    }
+    interface CrosshaierWithLabel extends viz.core.DashedBorderWithOpacity {
+        /** Configures the label that belongs to the horizontal crosshair line. */
+        label?: {
+            /** Specifies a color for the background of the label that belongs to the horizontal crosshair line. */
+            backgroundColor?: string;
+            /** Specifies whether the label of the horizontal crosshair line is visible or not. */
+            visible?: boolean;
+            /** Specifies font options for the text of the label that belongs to the horizontal crosshair line. */
+            font?: viz.core.Font;
+            /** Specifies the format of the values displayed by crosshair labels. */
+            format?: string;
+            /** Specifies a precision for formatted values. */
+            precision?: number;
+            /** Customizes the text displayed by the crosshair label that accompany the horizontal line. */
+            customizeText?: (info: { value: any; valueText: string; point: ChartPoint; }) => string;
+        }
+    }
+    export interface PolarChartTooltip extends BaseChartTooltip {
+        /** Specifies the kind of information to display in a tooltip. */
+        shared?: boolean;
+    }
+    export interface dxPolarChartOptions extends AdvancedOptions<PolarPoint, PolarSeries> {
+        /** Specifies adaptive layout options. */
+        adaptiveLayout?: {
+            width?: number;
+            height?: number;
+            /** Specifies whether or not point labels can be hidden when the layout is adapting. */
+            keepLabels?: boolean;
+        };
+        /** Indicates whether or not to display a "spider web". */
+        useSpiderWeb?: boolean;
+        /** Specifies argument axis options for the dxPolarChart widget. */
+        argumentAxis?: PolarArgumentAxis;
+        /** An object defining the configuration options that are common for all axes of the dxPolarChart widget. */
+        commonAxisSettings?: PolarCommonAxisSettings;
+        /** An object defining the configuration options that are common for all series of the dxPolarChart widget. */
+        commonSeriesSettings?: CommonPolarSeriesSettings;
+        /** Specifies the options of a chart's legend. */
+        legend?: AdvancedLegend;
+        /** Specifies options for dxPolarChart widget series. */
+        series?: Array<PolarSeriesConfig>;
+        /** Defines options for the series template. */
+        seriesTemplate?: PolarSeriesTemplate;
+        /** Specifies tooltip options. */
+        tooltip?: PolarChartTooltip;
+        /** Specifies value axis options for the dxPolarChart widget. */
+        valueAxis?: PolarValueAxis;
+    }
+    /** A chart widget displaying data in a polar coordinate system. */
+    export class dxPolarChart extends BaseChart {
+        constructor(element: JQuery, options?: dxPolarChartOptions);
+        constructor(element: Element, options?: dxPolarChartOptions);
+    }
+    export interface PieLegend extends core.BaseLegend {
+        /** Specifies what chart elements to highlight when a corresponding item in the legend is hovered over. */
+        hoverMode?: string;
+        /** Specifies the text for a hint that appears when a user hovers the mouse pointer over a legend item. */
+        customizeHint?: (pointInfo: { pointName: string; pointIndex: number; pointColor: string; }) => string;
+        /** Specifies a callback function that returns the text to be displayed by a legend item. */
+        customizeText?: (pointInfo: { pointName: string; pointIndex: number; pointColor: string; }) => string;
+    }
+    export interface dxPieChartOptions extends BaseChartOptions<PiePoint> {
+        /** Specifies adaptive layout options. */
+        adaptiveLayout?: {
+            /** Specifies whether or not point labels can be hidden when the layout is adapting. */
+            keepLabels?: boolean;
+        };
+        /** Specifies dxPieChart legend options. */
+        legend?: PieLegend;
+        /** Specifies options for the series of the dxPieChart widget. */
+        series?: Array<PieSeriesConfig>;
+        /** Specifies the diameter of the pie. */
+        diameter?: number;
+        /** Specifies the direction that the pie chart segments will occupy. */
+        segmentsDirection?: string;
+        /** Specifies the angle in arc degrees from which the first segment of a pie chart should start. */
+        startAngle?: number;
+        /** Specifies the fraction of the inner radius relative to the total radius in the series of the 'doughnut' type. The value should be between 0 and 1. */
+        innerRadius?: number;
+        /** A handler for the legendClick event. */
+        onLegendClick?: any;
+        /** Specifies how a chart must behave when series point labels overlap. */
+        resolveLabelOverlapping?: string;
+        /** An object defining the configuration options that are common for all series of the dxPieChart widget. */
+        commonSeriesSettings?: CommonPieSeriesSettings;
+        /** Specifies the type of the pie chart series. */
+        type?: string;
+    }
+    /** A circular chart widget for HTML JS applications. */
+    export class dxPieChart extends BaseChart {
+        constructor(element: JQuery, options?: dxPieChartOptions);
+        constructor(element: Element, options?: dxPieChartOptions);
+        /**
+         * Provides access to the dxPieChart series.
+         * @deprecated ..\..\BaseChart\3 Methods\getAllSeries().md
+         */
+        getSeries(): PieSeries;
+    }
+}
+interface JQuery {
+    dxChart(options?: DevExpress.viz.charts.dxChartOptions): JQuery;
+    dxChart(methodName: string, ...params: any[]): any;
+    dxChart(methodName: "instance"): DevExpress.viz.charts.dxChart;
+    dxPieChart(options?: DevExpress.viz.charts.dxPieChartOptions): JQuery;
+    dxPieChart(methodName: string, ...params: any[]): any;
+    dxPieChart(methodName: "instance"): DevExpress.viz.charts.dxPieChart;
+    dxPolarChart(options?: DevExpress.viz.charts.dxPolarChartOptions): JQuery;
+    dxPolarChart(methodName: string, ...params: any[]): any;
+    dxPolarChart(methodName: "instance"): DevExpress.viz.charts.dxPolarChart;
+}
+declare module DevExpress.viz.gauges {
+    export interface BaseRangeContainer {
+        /** Specifies a range container's background color. */
+        backgroundColor?: string;
+        /** Specifies the offset of the range container from an invisible scale line in pixels. */
+        offset?: number;
+        /** Sets the name of the palette or an array of colors to be used for coloring the gauge range container. */
+        palette?: any;
+        /** An array of objects representing ranges contained in the range container. */
+        ranges?: Array<{ startValue: number; endValue: number; color: string }>;
+        /** Specifies a color of a range. */
+        color?: string;
+        /** Specifies an end value of a range. */
+        endValue?: number;
+        /** Specifies a start value of a range. */
+        startValue?: number;
+    }
+    export interface ScaleTick {
+        /** Specifies the color of the scale's minor ticks. */
+        color?: string;
+        /**
+         * Specifies an array of custom minor ticks.
+         * @deprecated ..\customMinorTicks.md
+         */
+        customTickValues?: Array<any>;
+        /** Specifies the length of the scale's minor ticks. */
+        length?: number;
+        /**
+         * Indicates whether automatically calculated minor ticks are visible or not.
+         * @deprecated This functionality in not more available
+         */
+        showCalculatedTicks?: boolean;
+        /**
+         * Specifies an interval between minor ticks.
+         * @deprecated ..\minorTickInterval.md
+         */
+        tickInterval?: number;
+        /** Indicates whether scale minor ticks are visible or not. */
+        visible?: boolean;
+        /** Specifies the width of the scale's minor ticks. */
+        width?: number;
+    }
+    export interface ScaleMajorTick extends ScaleTick {
+        /**
+         * Specifies whether or not to expand the current major tick interval if labels overlap each other.
+         * @deprecated ..\label\overlappingBehavior\useAutoArrangement.md
+         */
+        useTicksAutoArrangement?: boolean;
+    }
+    export interface ScaleMinorTick extends ScaleTick {
+        /** Specifies the opacity of the scale's minor ticks. */
+        opacity?: number;
+    }
+    export interface BaseScaleLabel {
+        /** Specifies whether or not scale labels should be colored similarly to their corresponding ranges in the range container. */
+        useRangeColors?: boolean;
+        /** Specifies a callback function that returns the text to be displayed in scale labels. */
+        customizeText?: (scaleValue: { value: number; valueText: string }) => string;
+        /** Specifies the overlap resolving options to be applied to scale labels. */
+        overlappingBehavior?: {
+            /** Specifies whether or not to expand the current major tick interval if labels overlap each other. */
+            useAutoArrangement?: boolean;
+            /** Specifies what label to hide in case of overlapping. */
+            hideFirstOrLast?: string;
+        };
+        /** Specifies font options for the text displayed in the scale labels of the gauge. */
+        font?: viz.core.Font;
+        /** Specifies a format for the text displayed in scale labels. */
+        format?: string;
+        /** Specifies a precision for the formatted value displayed in the scale labels. */
+        precision?: number;
+        /** Specifies whether or not scale labels are visible on the gauge. */
+        visible?: boolean;
+    }
+    export interface BaseScale {
+        /** Specifies the end value for the scale of the gauge. */
+        endValue?: number;
+        /**
+         * Specifies whether or not to hide the first scale label.
+         * @deprecated This functionality in not more available
+         */
+        hideFirstLabel?: boolean;
+        /**
+         * Specifies whether or not to hide the first major tick on the scale.
+         * @deprecated This functionality in not more available
+         */
+        hideFirstTick?: boolean;
+        /**
+         * Specifies whether or not to hide the last scale label.
+         * @deprecated This functionality in not more available
+         */
+        hideLastLabel?: boolean;
+        /**
+         * Specifies whether or not to hide the last major tick on the scale.
+         * @deprecated This functionality in not more available
+         */
+        hideLastTick?: boolean;
+        /** Specifies an interval between major ticks. */
+        tickInterval?: number;
+        /** Specifies an interval between minor ticks. */
+        minorTickInterval?: number;
+        /** Specifies an array of custom major ticks. */
+        customTicks?: Array<any>;
+        /** Specifies an array of custom minor ticks. */
+        customMinorTicks?: Array<any>;
+        /** Specifies common options for scale labels. */
+        label?: BaseScaleLabel;
+        /**
+         * Specifies options of the gauge's major ticks.
+         * @deprecated ..\tick\tick.md
+         */
+        majorTick?: ScaleMajorTick;
+        /** Specifies options of the gauge's major ticks. */
+        tick?: {
+            /** Specifies the color of the scale's major ticks. */
+            color?: string;
+            /** Specifies the length of the scale's major ticks. */
+            length?: number;
+            /** Indicates whether scale major ticks are visible or not. */
+            visible?: boolean;
+            /** Specifies the width of the scale's major ticks. */
+            width?: number;
+            /** Specifies the opacity of the scale's major ticks. */
+            opacity?: number;
+        };
+        /** Specifies options of the gauge's minor ticks. */
+        minorTick?: ScaleMinorTick;
+        /** Specifies the start value for the scale of the gauge. */
+        startValue?: number;
+    }
+    export interface BaseValueIndicator {
+        /** Specifies the type of subvalue indicators. */
+        type?: string;
+        /** Specifies the background color for the indicator of the rangeBar type. */
+        backgroundColor?: string;
+        /** Specifies the base value for the indicator of the rangeBar type. */
+        baseValue?: number;
+        /** Specifies a color of the indicator. */
+        color?: string;
+        /** Specifies the range bar size for an indicator of the rangeBar type. */
+        size?: number;
+        text?: {
+            /** Specifies a callback function that returns the text to be displayed in an indicator. */
+            customizeText?: (indicatedValue: { value: number; valueText: string }) => string;
+            font?: viz.core.Font;
+            /** Specifies a format for the text displayed in an indicator. */
+            format?: string;
+            /** Specifies the range bar's label indent in pixels. */
+            indent?: number;
+            /** Specifies a precision for the formatted value displayed by an indicator. */
+            precision?: number;
+        };
+        offset?: number;
+        length?: number;
+        width?: number;
+        /** Specifies the length of an arrow for the indicator of the textCloud type in pixels. */
+        arrowLength?: number;
+        /** Sets the array of colors to be used for coloring subvalue indicators. */
+        palette?: Array<any>;
+        /** Specifies the distance between the needle and the center of a gauge for the indicator of a needle-like type. */
+        indentFromCenter?: number;
+        /** Specifies the second color for the indicator of the twoColorNeedle type. */
+        secondColor?: string;
+        /** Specifies the length of a twoNeedleColor type indicator tip as a percentage. */
+        secondFraction?: number;
+        /** Specifies the spindle's diameter in pixels for the indicator of a needle-like type. */
+        spindleSize?: number;
+        /** Specifies the inner diameter in pixels, so that the spindle has the shape of a ring. */
+        spindleGapSize?: number;
+        /** Specifies the orientation of the rangeBar indicator on a vertically oriented dxLinearGauge widget. */
+        horizontalOrientation?: string;
+        /** Specifies the orientation of the rangeBar indicator on a horizontally oriented dxLinearGauge widget. */
+        verticalOrientation?: string;
+    }
+    export interface SharedGaugeOptions {
+        /** Specifies animation options. */
+        animation?: viz.core.Animation;
+        /** Specifies the appearance of the loading indicator. */
+        loadingIndicator?: viz.core.LoadingIndicator;
+        /** Specifies whether to redraw the widget when the size of the parent browser window changes or a mobile device rotates. */
+        redrawOnResize?: boolean;
+        /** Specifies the size of the widget in pixels. */
+        size?: viz.core.Size;
+        /**
+         * Specifies a subtitle for the widget.
+         * @deprecated ..\..\..\BaseGauge\1 Configuration\title\subtitle\subtitle.md
+         */
+        subtitle?: {
+            /**
+             * Specifies font options for the subtitle.
+             * @deprecated ..\..\title\subtitle\font\font.md
+             */
+            font?: viz.core.Font;
+            /**
+             * Specifies a text for the subtitle.
+             * @deprecated ..\title\subtitle\text.md
+             */
+            text?: string;
+        };
+        /** Specifies a title for a gauge. */
+        title?: {
+            /** Specifies font options for the title. */
+            font?: viz.core.Font;
+            /**
+             * Specifies a title's position on the gauge.
+             * @deprecated basegaugeoptions_title_verticalAlignment and basegaugeoptions_title_horizontalAlignment
+             */
+            position?: string;
+            /** Specifies the distance between the title and surrounding gauge elements in pixels. */
+            margin?: viz.core.Margins;
+            /** Specifies the height of the space reserved for the title. */
+            placeholderSize?: number;
+            /** Specifies the gauge title's position in the vertical direction. */
+            verticalAlignment?: string;
+            /** Specifies the gauge title's horizontal position. */
+            horizontalAlignment?: string;
+            /** Specifies text for the title. */
+            text?: string;
+            /** Specifies a subtitle for the widget. */
+            subtitle?: {
+                /** Specifies font options for the subtitle. */
+                font?: viz.core.Font;
+                /** Specifies text for the subtitle. */
+                text?: string;
+            }
+        };
+        /** Specifies options for gauge tooltips. */
+        tooltip?: viz.core.Tooltip;
+        /** A handler for the tooltipShown event. */
+        onTooltipShown?: (e: {
+            component: dxBaseGauge;
+            element: Element;
+            target: {};
+        }) => void;
+        /** A handler for the tooltipHidden event. */
+        onTooltipHidden?: (e: {
+            component: dxBaseGauge;
+            element: Element;
+            target: {};
+        }) => void;
+    }
+    export interface BaseGaugeOptions extends viz.core.BaseWidgetOptions, SharedGaugeOptions {
+        /** Specifies the color of the parent page element. */
+        containerBackgroundColor?: string;
+        /** Specifies the blank space in pixels between the widget's extreme elements and the boundaries of the area provided for the widget (see the size option). */
+        margin?: viz.core.Margins;
+        /** Specifies options of the gauge's range container. */
+        rangeContainer?: BaseRangeContainer;
+        /** Specifies a gauge's scale options. */
+        scale?: BaseScale;
+        /** Specifies the appearance options of subvalue indicators. */
+        subvalueIndicator?: BaseValueIndicator;
+        /** Specifies a set of subvalues to be designated by the subvalue indicators. */
+        subvalues?: Array<number>;
+        /** Specifies the main value on a gauge. */
+        value?: number;
+        /** Specifies the appearance options of the value indicator. */
+        valueIndicator?: BaseValueIndicator;
+    }
+    /** A gauge widget. */
+    export class dxBaseGauge extends viz.core.BaseWidget {
+        /** Displays the loading indicator. */
+        showLoadingIndicator(): void;
+        /** Conceals the loading indicator. */
+        hideLoadingIndicator(): void;
+        /** Redraws a widget. */
+        render(): void;
+        /** Returns the main gauge value. */
+        value(): number;
+        /** Updates a gauge value. */
+        value(value: number): void;
+        /** Returns an array of gauge subvalues. */
+        subvalues(): Array<number>;
+        /** Updates gauge subvalues. */
+        subvalues(subvalues: Array<number>): void;
+    }
+    export interface LinearRangeContainer extends BaseRangeContainer {
+        /** Specifies the orientation of the range container on a vertically oriented dxLinearGauge widget. */
+        horizontalOrientation?: string;
+        /** Specifies the orientation of a range container on a horizontally oriented dxLinearGauge widget. */
+        verticalOrientation?: string;
+        /** Specifies the width of the range container's start and end boundaries in the dxLinearGauge widget. */
+        width?: any;
+        /** Specifies an end width of a range container. */
+        end?: number;
+        /** Specifies a start width of a range container. */
+        start?: number;
+    }
+    export interface LinearScaleLabel extends BaseScaleLabel {
+        /** Specifies the spacing between scale labels and ticks. */
+        indentFromTick?: number;
+    }
+    export interface LinearScale extends BaseScale {
+        /** Specifies the orientation of scale ticks on a vertically oriented dxLinearGauge widget. */
+        horizontalOrientation?: string;
+        label?: LinearScaleLabel;
+        /** Specifies the orientation of scale ticks on a horizontally oriented dxLinearGauge widget. */
+        verticalOrientation?: string;
+    }
+    export interface dxLinearGaugeOptions extends BaseGaugeOptions {
+        /** Specifies the options required to set the geometry of the dxLinearGauge widget. */
+        geometry?: {
+            /** Indicates whether to display the dxLinearGauge widget vertically or horizontally. */
+            orientation?: string;
+        };
+        /** Specifies gauge range container options. */
+        rangeContainer?: LinearRangeContainer;
+        scale?: LinearScale;
+    }
+    /** A widget that represents a gauge with a linear scale. */
+    export class dxLinearGauge extends dxBaseGauge {
+        constructor(element: JQuery, options?: dxLinearGaugeOptions);
+        constructor(element: Element, options?: dxLinearGaugeOptions);
+    }
+    export interface CircularRangeContainer extends BaseRangeContainer {
+        /** Specifies the orientation of the range container in the dxCircularGauge widget. */
+        orientation?: string;
+        /** Specifies the range container's width in pixels. */
+        width?: number;
+    }
+    export interface CircularScaleLabel extends BaseScaleLabel {
+        /** Specifies the spacing between scale labels and ticks. */
+        indentFromTick?: number;
+    }
+    export interface CircularScale extends BaseScale {
+        label?: CircularScaleLabel;
+        /** Specifies the orientation of scale ticks. */
+        orientation?: string;
+    }
+    export interface dxCircularGaugeOptions extends BaseGaugeOptions {
+        /** Specifies the options required to set the geometry of the dxCircularGauge widget. */
+        geometry?: {
+            /** Specifies the end angle of the circular gauge's arc. */
+            endAngle?: number;
+            /** Specifies the start angle of the circular gauge's arc. */
+            startAngle?: number;
+        };
+        /** Specifies gauge range container options. */
+        rangeContainer?: CircularRangeContainer;
+        scale?: CircularScale;
+    }
+    /** A widget that represents a gauge with a circular scale. */
+    export class dxCircularGauge extends dxBaseGauge {
+        constructor(element: JQuery, options?: dxCircularGaugeOptions);
+        constructor(element: Element, options?: dxCircularGaugeOptions);
+    }
+    export interface dxBarGaugeOptions extends viz.core.BaseWidgetOptions, SharedGaugeOptions {
+        /** Specifies a color for the remaining segment of the bar's track. */
+        backgroundColor?: string;
+        /** Specifies a distance between bars in pixels. */
+        barSpacing?: number;
+        /** Specifies a base value for bars. */
+        baseValue?: number;
+        /** Specifies an end value for the gauge's invisible scale. */
+        endValue?: number;
+        /** Defines the shape of the gauge's arc. */
+        geometry?: {
+            /** Specifies the end angle of the bar gauge's arc. */
+            endAngle?: number;
+            /** Specifies the start angle of the bar gauge's arc. */
+            startAngle?: number;
+        };
+        /** Specifies the options of the labels that accompany gauge bars. */
+        label?: {
+            /** Specifies a color for the label connector text. */
+            connectorColor?: string;
+            /** Specifies the width of the label connector in pixels. */
+            connectorWidth?: number;
+            /** Specifies a callback function that returns a text for labels. */
+            customizeText?: (barValue: { value: number; valueText: string }) => string;
+            /** Specifies font options for bar labels. */
+            font?: viz.core.Font;
+            /** Specifies a format for bar labels. */
+            format?: string;
+            /** Specifies the distance between the upper bar and bar labels in pixels. */
+            indent?: number;
+            /** Specifies a precision for the formatted value displayed by labels. */
+            precision?: number;
+            /** Specifies whether bar labels appear on a gauge or not. */
+            visible?: boolean;
+        };
+        /** Sets the name of the palette or an array of colors to be used for coloring the gauge range container. */
+        palette?: string;
+        /** Defines the radius of the bar that is closest to the center relatively to the radius of the topmost bar. */
+        relativeInnerRadius?: number;
+        /** Specifies a start value for the gauge's invisible scale. */
+        startValue?: number;
+        /** Specifies the array of values to be indicated on a bar gauge. */
+        values?: Array<number>;
+    }
+    /** A circular bar widget. */
+    export class dxBarGauge extends viz.core.BaseWidget {
+        constructor(element: JQuery, options?: dxBarGaugeOptions);
+        constructor(element: Element, options?: dxBarGaugeOptions);
+        /** Displays the loading indicator. */
+        showLoadingIndicator(): void;
+        /** Conceals the loading indicator. */
+        hideLoadingIndicator(): void;
+        /** Redraws the widget. */
+        render(): void;
+        /** Returns an array of gauge values. */
+        values(): Array<number>;
+        /** Updates the values displayed by a gauge. */
+        values(values: Array<number>): void;
+    }
+}
+interface JQuery {
+    dxLinearGauge(options?: DevExpress.viz.gauges.dxLinearGaugeOptions): JQuery;
+    dxLinearGauge(methodName: string, ...params: any[]): any;
+    dxLinearGauge(methodName: "instance"): DevExpress.viz.gauges.dxLinearGauge;
+    dxCircularGauge(options?: DevExpress.viz.gauges.dxCircularGaugeOptions): JQuery;
+    dxCircularGauge(methodName: string, ...params: any[]): any;
+    dxCircularGauge(methodName: "instance"): DevExpress.viz.gauges.dxCircularGauge;
+    dxBarGauge(options?: DevExpress.viz.gauges.dxBarGaugeOptions): JQuery;
+    dxBarGauge(methodName: string, ...params: any[]): any;
+    dxBarGauge(methodName: "instance"): DevExpress.viz.gauges.dxBarGauge;
+}
+declare module DevExpress.viz.rangeSelector {
+    export interface dxRangeSelectorOptions extends viz.core.BaseWidgetOptions {
+        /** Specifies the options for the range selector's background. */
+        background?: {
+            /** Specifies the background color for the dxRangeSelector. */
+            color?: string;
+            /** Specifies image options. */
+            image?: {
+                /** Specifies a location for the image in the background of a range selector. */
+                location?: string;
+                /** Specifies the image's URL. */
+                url?: string;
+            };
+            /** Indicates whether or not the background (background color and/or image) is visible. */
+            visible?: boolean;
+        };
+        /** Specifies a title for the range selector. */
+        title?: viz.core.Title;
+        /** Specifies the dxRangeSelector's behavior options. */
+        behavior?: {
+            /** Indicates whether or not you can swap sliders. */
+            allowSlidersSwap?: boolean;
+            /** Indicates whether or not animation is enabled. */
+            animationEnabled?: boolean;
+            /** Specifies when to call the onSelectedRangeChanged function. */
+            callSelectedRangeChanged?: string;
+            /** Indicates whether or not an end user can specify the range using a mouse, without the use of sliders. */
+            manualRangeSelectionEnabled?: boolean;
+            /** Indicates whether or not an end user can shift the selected range to the required location on a scale by clicking. */
+            moveSelectedRangeByClick?: boolean;
+            /** Indicates whether to snap a slider to ticks. */
+            snapToTicks?: boolean;
+        };
+        /** Specifies the options required to display a chart as the range selector's background. */
+        chart?: {
+            /** Specifies a coefficient for determining an indent from the bottom background boundary to the lowest chart point. */
+            bottomIndent?: number;
+            /** An object defining the common configuration options for the chart’s series. */
+            commonSeriesSettings?: viz.charts.CommonSeriesSettings;
+            /** An object providing options for managing data from a data source. */
+            dataPrepareSettings?: {
+                /** Specifies whether or not to validate values from a data source. */
+                checkTypeForAllData?: boolean;
+                /** Specifies whether or not to convert the values from a data source into the data type of an axis. */
+                convertToAxisDataType?: boolean;
+                /** Specifies how to sort series points. */
+                sortingMethod?: any;
+            };
+            /** Specifies whether all bars in a series must have the same width, or may have different widths if any points in other series are missing. */
+            equalBarWidth?: boolean;
+            /** Specifies a common bar width as a percentage from 0 to 1. */
+            barWidth?: number;
+            /** Forces the widget to treat negative values as zeroes. Applies to stacked-like series only. */
+            negativesAsZeroes?: boolean;
+            /** Sets the name of the palette to be used in the range selector's chart. Alternatively, an array of colors can be set as a custom palette to be used within this chart. */
+            palette?: any;
+            /** An object defining the chart’s series. */
+            series?: Array<viz.charts.SeriesConfig>;
+            /** Defines options for the series template. */
+            seriesTemplate?: viz.charts.SeriesTemplate;
+            /** Specifies a coefficient for determining an indent from the background's top boundary to the topmost chart point. */
+            topIndent?: number;
+            /** Specifies whether or not to filter the series points depending on their quantity. */
+            useAggregation?: boolean;
+            /** Specifies options for the chart's value axis. */
+            valueAxis?: {
+                /** Indicates whether or not the chart's value axis must be inverted. */
+                inverted?: boolean;
+                /** Specifies the value to be raised to a power when generating ticks for a logarithmic value axis. */
+                logarithmBase?: number;
+                /** Specifies the maximum value of the chart's value axis. */
+                max?: number;
+                /** Specifies the minimum value of the chart's value axis. */
+                min?: number;
+                /** Specifies the type of the value axis. */
+                type?: string;
+                /** Specifies the desired type of axis values. */
+                valueType?: string;
+            };
+        };
+        /** Specifies the color of the parent page element. */
+        containerBackgroundColor?: string;
+        /** Specifies a data source for the scale values and for the chart at the background. */
+        dataSource?: any;
+        /** Specifies the data source field that provides data for the scale. */
+        dataSourceField?: string;
+        /** Specifies the appearance of the loading indicator. */
+        loadingIndicator?: viz.core.LoadingIndicator;
+        /** Specifies the blank space in pixels between the dxRangeSelector widget's extreme elements and the boundaries of the area provided for the widget (see size). */
+        margin?: viz.core.Margins;
+        /** Specifies whether to redraw the widget when the size of the parent browser window changes or a mobile device rotates. */
+        redrawOnResize?: boolean;
+        /** Specifies options of the range selector's scale. */
+        scale?: {
+            /** Specifies the scale's end value. */
+            endValue?: any;
+            /** Specifies common options for scale labels. */
+            label?: {
+                /** Specifies a callback function that returns the text to be displayed in scale labels. */
+                customizeText?: (scaleValue: { value: any; valueText: string; }) => string;
+                /** Specifies font options for the text displayed in the range selector's scale labels. */
+                font?: viz.core.Font;
+                /** Specifies a format for the text displayed in scale labels. */
+                format?: string;
+                /** Specifies a precision for the formatted value displayed in the scale labels. */
+                precision?: number;
+                /** Specifies a spacing between scale labels and the background bottom edge. */
+                topIndent?: number;
+                /** Specifies whether or not the scale's labels are visible. */
+                visible?: boolean;
+            };
+            /** Specifies the value to be raised to a power when generating ticks for a logarithmic scale. */
+            logarithmBase?: number;
+            /**
+             * Specifies an interval between major ticks.
+             * @deprecated ..\tickInterval\tickInterval.md
+             */
+            majorTickInterval?: any;
+            /** Specifies an interval between axis ticks. */
+            tickInterval?: any;
+            /** Specifies options for the date-time scale's markers. */
+            marker?: {
+                /** Defines the options that can be set for the text that is displayed by the scale markers. */
+                label?: {
+                    /** Specifies a callback function that returns the text to be displayed in scale markers. */
+                    customizeText?: (markerValue: { value: any; valueText: string }) => string;
+                    /** Specifies a format for the text displayed in scale markers. */
+                    format?: string;
+                };
+                /** Specifies the height of the marker's separator. */
+                separatorHeight?: number;
+                /** Specifies the space between the marker label and the marker separator. */
+                textLeftIndent?: number;
+                /** Specifies the space between the marker's label and the top edge of the marker's separator. */
+                textTopIndent?: number;
+                /** Specified the indent between the marker and the scale lables. */
+                topIndent?: number;
+                /** Indicates whether scale markers are visible. */
+                visible?: boolean;
+            };
+            /** Specifies the maximum range that can be selected. */
+            maxRange?: any;
+            /** Specifies the number of minor ticks between neighboring major ticks. */
+            minorTickCount?: number;
+            /** Specifies an interval between minor ticks. */
+            minorTickInterval?: any;
+            /** Specifies the minimum range that can be selected. */
+            minRange?: any;
+            /** Specifies the height of the space reserved for the scale in pixels. */
+            placeholderHeight?: number;
+            /** Indicates whether or not to set ticks of a date-time scale at the beginning of each date-time interval. */
+            setTicksAtUnitBeginning?: boolean;
+            /** Specifies whether or not to show ticks for the boundary scale values, when neither major ticks nor minor ticks are created for these values. */
+            showCustomBoundaryTicks?: boolean;
+            /**
+             * Indicates whether or not to show minor ticks on the scale.
+             * @deprecated minorTick\visible.md
+             */
+            showMinorTicks?: boolean;
+            /** Specifies the scale's start value. */
+            startValue?: any;
+            /** Specifies options defining the appearance of scale ticks. */
+            tick?: {
+                /** Specifies the color of scale ticks (both major and minor ticks). */
+                color?: string;
+                /** Specifies the opacity of scale ticks (both major and minor ticks). */
+                opacity?: number;
+                /** Specifies the width of the scale's ticks (both major and minor ticks). */
+                width?: number;
+            };
+            /** Specifies options of the range selector's minor ticks. */
+            minorTick?: {
+                /** Specifies the color of the scale's minor ticks. */
+                color?: string;
+                /** Specifies the opacity of the scale's minor ticks. */
+                opacity?: number;
+                /** Specifies the width of the scale's minor ticks. */
+                width?: number;
+                /** Indicates whether scale minor ticks are visible or not. */
+                visible?: boolean;
+            };
+            /** Specifies the type of the scale. */
+            type?: string;
+            /** Specifies whether or not to expand the current tick interval if labels overlap each other. */
+            useTicksAutoArrangement?: boolean;
+            /** Specifies the type of values on the scale. */
+            valueType?: string;
+			/** Specifies the order of arguments on a discrete scale. */
+			categories?: Array<any>;
+        };
+        /** Specifies the range to be selected when displaying the dxRangeSelector. */
+        selectedRange?: {
+            /** Specifies the start value of the range to be selected when displaying the dxRangeSelector widget on a page. */
+            startValue?: any;
+            /** Specifies the end value of the range to be selected when displaying the dxRangeSelector widget on a page. */
+            endValue?: any;
+        };
+        /** Specifies the color of the selected range. */
+        selectedRangeColor?: string;
+        /** Range selector's indent options. */
+        indent?: {
+            /** Specifies range selector's left indent. */
+            left?: number;
+            /** Specifies range selector's right indent. */
+            right?: number;
+        };
+        /** A handler for the selectedRangeChanged event. */
+        onSelectedRangeChanged?: (e: {
+            startValue: any;
+            endValue: any;
+            component: dxRangeSelector;
+            element: Element;
+        }) => void;
+        /** Specifies range selector shutter options. */
+        shutter?: {
+            /** Specifies shutter color. */
+            color?: string;
+            /** Specifies the opacity of the color of shutters. */
+            opacity?: number;
+        };
+        /** Specifies in pixels the size of the dxRangeSelector widget. */
+        size?: viz.core.Size;
+        /** Specifies the appearance of the range selector's slider handles. */
+        sliderHandle?: {
+            /** Specifies the color of the slider handles. */
+            color?: string;
+            /** Specifies the opacity of the slider handles. */
+            opacity?: number;
+            /** Specifies the width of the slider handles. */
+            width?: number;
+        };
+        /** Defines the options of the range selector slider markers. */
+        sliderMarker?: {
+            /** Specifies the color of the slider markers. */
+            color?: string;
+            /** Specifies a callback function that returns the text to be displayed by slider markers. */
+            customizeText?: (scaleValue: { value: any; valueText: any; }) => string;
+            /** Specifies font options for the text displayed by the range selector slider markers. */
+            font?: viz.core.Font;
+            /** Specifies a format for the text displayed in slider markers. */
+            format?: string;
+            /** Specifies the color used for the slider marker text when the currently selected range does not match the minRange and maxRange values. */
+            invalidRangeColor?: string;
+            /**
+             * Specifies the empty space between the marker's border and the marker’s text.
+             * @deprecated Use the 'paddingTopBottom' and 'paddingLeftRight' options instead
+             */
+            padding?: number;
+            /** Specifies the empty space between the marker's top and bottom borders and the marker's text. */
+            paddingTopBottom?: number;
+            /** Specifies the empty space between the marker's left and right borders and the marker's text. */
+            paddingLeftRight?: number;
+            /** Specifies the placeholder height of the slider marker. */
+            placeholderHeight?: number;
+            /**
+             * Specifies in pixels the height and width of the space reserved for the range selector slider markers.
+             * @deprecated Use the 'placeholderHeight' and 'indent' options instead
+             */
+            placeholderSize?: {
+                /** Specifies the height of the placeholder for the left and right slider markers. */
+                height?: number;
+                /** Specifies the width of the placeholder for the left and right slider markers. */
+                width?: {
+                    /** Specifies the width of the left slider marker's placeholder. */
+                    left?: number;
+                    /** Specifies the width of the right slider marker's placeholder. */
+                    right?: number;
+                };
+            };
+            /** Specifies a precision for the formatted value displayed in slider markers. */
+            precision?: number;
+            /** Indicates whether or not the slider markers are visible. */
+            visible?: boolean;
+        };
+    }
+    /** A widget that allows end users to select a range of values on a scale. */
+    export class dxRangeSelector extends viz.core.BaseWidget {
+        constructor(element: JQuery, options?: dxRangeSelectorOptions);
+        constructor(element: Element, options?: dxRangeSelectorOptions);
+        /** Displays the loading indicator. */
+        showLoadingIndicator(): void;
+        /** Conceals the loading indicator. */
+        hideLoadingIndicator(): void;
+        /** Redraws a widget. */
+        render(skipChartAnimation?: boolean): void;
+        /** Returns the currently selected range. */
+        getSelectedRange(): { startValue: any; endValue: any; };
+        /** Sets a specified range. */
+        setSelectedRange(selectedRange: { startValue: any; endValue: any; }): void;
+    }
+}
+interface JQuery {
+    dxRangeSelector(options?: DevExpress.viz.rangeSelector.dxRangeSelectorOptions): JQuery;
+    dxRangeSelector(methodName: string, ...params: any[]): any;
+    dxRangeSelector(methodName: "instance"): DevExpress.viz.rangeSelector.dxRangeSelector;
+}
+declare module DevExpress.viz.map {
+    /** This section describes the fields and methods that can be used in code to manipulate the Layer object. */
+    export interface MapLayer {
+        /** The name of the layer. */
+        name: string;
+        /** The layer index in the layers array. */
+        index: number;
+        /** The layer type. Can be "area", "line" or "marker". */
+        type: string;
+        /** The type of the layer elements. */
+        elementType: string;
+        /** Gets all layer elements. */
+        getElements(): Array<MapLayerElement>;
+        /** Deselects all layer elements. */
+        clearSelection(): void;
+    }
+    /** This section describes the fields and methods that can be used in code to manipulate the Layer Element object. */
+    export interface MapLayerElement {
+        /** The parent layer of the layer element. */
+        layer: MapLayer;
+        /** Gets the layer element coordinates. */
+        coordinates(): Object;
+        /** Sets the value of an attribute. */
+        attribute(name: string, value: any): void;
+        /** Gets the value of an attribute. */
+        attribute(name: string): any;
+        /** Gets the selection state of the layer element. */
+        selected(): boolean;
+        /** Sets the selection state of the layer element. */
+        selected(state: boolean): void;
+        /** Applies the layer element settings and updates element appearance. */
+        applySettings(settings: any): void;
+    }
+    /**
+     * This section describes the fields and methods that can be used in code to manipulate the Area object.
+     * @deprecated Use the "Layer Element" instead
+     */
+    export interface Area {
+        /**
+         * Contains the element type.
+         * @deprecated ..\..\Layer\2 Fields\type.md
+         */
+        type: string;
+        /**
+         * Return the value of an attribute.
+         * @deprecated ..\..\Layer Element\3 Methods\attribute(name_value).md
+         */
+        attribute(name: string): any;
+        /**
+         * Provides information about the selection state of an area.
+         * @deprecated Use the "selected()" method of the Layer Element
+         */
+        selected(): boolean;
+        /**
+         * Sets a new selection state for an area.
+         * @deprecated Use the "selected(state)" method of the Layer Element
+         */
+        selected(state: boolean): void;
+        /**
+         * Applies the area settings specified as a parameter and updates the area appearance.
+         * @deprecated ..\..\Layer Element\3 Methods\applySettings(settings).md
+         */
+        applySettings(settings: any): void;
+    }
+    /**
+     * This section describes the fields and methods that can be used in code to manipulate the Markers object.
+     * @deprecated Use the "Layer Element" instead
+     */
+    export interface Marker {
+        /**
+         * Contains the descriptive text accompanying the map marker.
+         * @deprecated Get the text with the "attribute" method (using the "layers.label.dataField" value)
+         */
+        text: string;
+        /**
+         * Contains the type of the element.
+         * @deprecated ..\..\Layer\2 Fields\type.md
+         */
+        type: string;
+        /**
+         * Contains the URL of an image map marker.
+         * @deprecated Get the url with the "attribute" method (using the "layers.dataField" value)
+         */
+        url: string;
+        /**
+         * Contains the value of a bubble map marker.
+         * @deprecated Get the value with the "attribute" method (using the "layers.dataField" value)
+         */
+        value: number;
+        /**
+         * Contains the values of a pie map marker.
+         * @deprecated Get the values with the "attribute" method (using the "layers.dataField" value)
+         */
+        values: Array<number>;
+        /**
+         * Returns the value of an attribute.
+         * @deprecated ..\..\Layer Element\3 Methods\attribute(name_value).md
+         */
+        attribute(name: string): any;
+        /**
+         * Returns the coordinates of a specific marker.
+         * @deprecated ..\..\Layer Element\3 Methods\coordinates().md
+         */
+        coordinates(): Array<number>;
+        /**
+         * Provides information about the selection state of a marker.
+         * @deprecated Use the "selected()" method of the Layer Element
+         */
+        selected(): boolean;
+        /**
+         * Sets a new selection state for a marker.
+         * @deprecated Use the "selected(state)" method of the Layer Element
+         */
+        selected(state: boolean): void;
+        /**
+         * Applies the marker settings specified as a parameter and updates marker appearance.
+         * @deprecated ..\..\Layer Element\3 Methods\applySettings(settings).md
+         */
+        applySettings(settings: any): void;
+    }
+    export interface MapLayerSettings {
+        /** Specifies the layer name. */
+        name?: string;
+        /** Specifies layer type. */
+        type?: string;
+        /** Specifies the type of a marker element. Setting this option makes sense only if the layer type is "marker". */
+        elementType?: string;
+        /** Specifies a data source for the layer. */
+        data?: any;
+        /** Specifies the line width (for layers of a line type) or width of the layer elements border in pixels. */
+        borderWidth?: number;
+        /** Specifies a color for the border of the layer elements. */
+        borderColor?: string;
+        /** Specifies a color for layer elements. */
+        color?: string;
+        /** Specifies a color for the border of the layer element when it is hovered over. */
+        hoveredBorderColor?: string;
+        /** Specifies the pixel-measured line width (for layers of a line type) or width for the border of the layer element when it is hovered over. */
+        hoveredBorderWidth?: number;
+        /** Specifies a color for a layer element when it is hovered over. */
+        hoveredColor?: string;
+        /** Specifies a pixel-measured line width (for layers of a line type) or width for the border of the layer element when it is selected. */
+        selectedBorderWidth?: number;
+        /** Specifies a color for the border of the layer element when it is selected. */
+        selectedBorderColor?: string;
+        /** Specifies a color for the layer element when it is selected. */
+        selectedColor?: string;
+        /** Specifies the layer opacity (from 0 to 1). */
+        opacity?: number;
+        /** Specifies the size of markers. Setting this option makes sense only if the layer type is "marker" and the elementType is "dot", "pie" or "image". */
+        size?: number;
+        /** Specifies the pixel-measured diameter of the marker that represents the smallest value. Setting this option makes sense only if the layer type is "marker". */
+        minSize?: number;
+        /** Specifies the pixel-measured diameter of the marker that represents the biggest value. Setting this option makes sense only if the layer type is "marker". */
+        maxSize?: number;
+        /** Specifies whether or not to change the appearance of a layer element when it is hovered over. */
+        hoverEnabled?: boolean;
+        /** Specifies whether single or multiple map elements can be selected on a vector map. */
+        selectionMode?: string;
+        /** Specifies the name of the palette or a custom range of colors to be used for coloring a layer. */
+        palette?: any;
+        /** Specifies the number of colors in a palette. */
+        paletteSize?: number;
+        /** Allows you to paint layer elements with similar attributes in the same color. */
+        colorGroups?: Array<number>;
+        /** Specifies the field that provides data to be used for coloring of layer elements. */
+        colorGroupingField?: string;
+        /** Allows you to display bubbles with similar attributes in the same size. Setting this option makes sense only if the layer type is "marker" and the elementType is "bubble". */
+        sizeGroups?: Array<number>;
+        /** Specifies the field that provides data to be used for sizing bubble markers. Setting this option makes sense only if the layer type is "marker" and the elementType is "bubble". */
+        sizeGroupingField?: string;
+        /** Specifies the name of the attribute containing marker data. Setting this option makes sense only if the layer type is "marker" and the elementType is "bubble", "pie" or "image". */
+        dataField?: string;
+        /** Specifies the function that customizes each layer element individually. */
+        customize?: (eleemnts: Array<MapLayerElement>) => void;
+        /** Specifies marker label options. */
+        label?: {
+            /** The name of the data attribute containing marker texts. */
+            dataField?: string;
+            /** Enables marker labels. */
+            enabled?: boolean;
+            /** Specifies font options for marker labels. */
+            font?: viz.core.Font;
+        };
+    }
+    export interface AreaSettings {
+        /**
+         * Specifies the width of the area border in pixels.
+         * @deprecated ..\layers\borderWidth.md
+         */
+        borderWidth?: number;
+        /**
+         * Specifies a color for the area border.
+         * @deprecated ..\layers\borderColor.md
+         */
+        borderColor?: string;
+        /**
+         * Specifies a color for an area.
+         * @deprecated ..\layers\color.md
+         */
+        color?: string;
+        /**
+         * Specifies the function that customizes each area individually.
+         * @deprecated ..\layers\customize.md
+         */
+        customize?: (areaInfo: Area) => AreaSettings;
+        /**
+         * Specifies a color for the area border when the area is hovered over.
+         * @deprecated ..\layers\hoveredBorderColor.md
+         */
+        hoveredBorderColor?: string;
+        /**
+         * Specifies the pixel-measured width of the area border when the area is hovered over.
+         * @deprecated ..\layers\hoveredBorderWidth.md
+         */
+        hoveredBorderWidth?: number;
+        /**
+         * Specifies a color for an area when this area is hovered over.
+         * @deprecated ..\layers\hoveredColor.md
+         */
+        hoveredColor?: string;
+        /**
+         * Specifies whether or not to change the appearance of an area when it is hovered over.
+         * @deprecated ..\layers\hoverEnabled.md
+         */
+        hoverEnabled?: boolean;
+        /**
+         * Configures area labels.
+         * @deprecated ..\..\layers\label\label.md
+         */
+        label?: {
+            /**
+             * Specifies the data field that provides data for area labels.
+             * @deprecated ..\..\layers\label\dataField.md
+             */
+            dataField?: string;
+            /**
+             * Enables area labels.
+             * @deprecated ..\..\layers\label\enabled.md
+             */
+            enabled?: boolean;
+            /**
+             * Specifies font options for area labels.
+             * @deprecated ..\..\..\layers\label\font\font.md
+             */
+            font?: viz.core.Font;
+        };
+        /**
+         * Specifies the name of the palette or a custom range of colors to be used for coloring a map.
+         * @deprecated ..\layers\palette.md
+         */
+        palette?: any;
+        /**
+         * Specifies the number of colors in a palette.
+         * @deprecated ..\layers\paletteSize.md
+         */
+        paletteSize?: number;
+        /**
+         * Allows you to paint areas with similar attributes in the same color.
+         * @deprecated ..\layers\colorGroups.md
+         */
+        colorGroups?: Array<number>;
+        /**
+         * Specifies the field that provides data to be used for coloring areas.
+         * @deprecated ..\layers\colorGroupingField.md
+         */
+        colorGroupingField?: string;
+        /**
+         * Specifies a color for the area border when the area is selected.
+         * @deprecated ..\layers\selectedBorderColor.md
+         */
+        selectedBorderColor?: string;
+        /**
+         * Specifies a color for an area when this area is selected.
+         * @deprecated ..\layers\selectedColor.md
+         */
+        selectedColor?: string;
+        /**
+         * Specifies the pixel-measured width of the area border when the area is selected.
+         * @deprecated ..\layers\selectedBorderWidth.md
+         */
+        selectedBorderWidth?: number;
+        /**
+         * Specifies whether single or multiple areas can be selected on a vector map.
+         * @deprecated ..\layers\selectionMode.md
+         */
+        selectionMode?: string;
+    }
+    export interface MarkerSettings {
+        /**
+         * Specifies a color for the marker border.
+         * @deprecated ..\layers\borderColor.md
+         */
+        borderColor?: string;
+        /**
+         * Specifies the width of the marker border in pixels.
+         * @deprecated ..\layers\borderWidth.md
+         */
+        borderWidth?: number;
+        /**
+         * Specifies a color for a marker of the dot or bubble type.
+         * @deprecated ..\layers\color.md
+         */
+        color?: string;
+        /**
+         * Specifies the function that customizes each marker individually.
+         * @deprecated ..\layers\customize.md
+         */
+        customize?: (markerInfo: Marker) => MarkerSettings;
+        /**
+         * Specifies the pixel-measured width of the marker border when the marker is hovered over.
+         * @deprecated ..\layers\hoveredBorderWidth.md
+         */
+        hoveredBorderWidth?: number;
+        /**
+         * Specifies a color for the marker border when the marker is hovered over.
+         * @deprecated ..\layers\hoveredBorderColor.md
+         */
+        hoveredBorderColor?: string;
+        /**
+         * Specifies a color for a marker of the dot or bubble type when this marker is hovered over.
+         * @deprecated ..\layers\hoveredColor.md
+         */
+        hoveredColor?: string;
+        /**
+         * Specifies whether or not to change the appearance of a marker when it is hovered over.
+         * @deprecated ..\layers\hoverEnabled.md
+         */
+        hoverEnabled?: boolean;
+        /**
+         * Specifies marker label options.
+         * @deprecated ..\..\layers\label\label.md
+         */
+        label?: {
+            /**
+             * Enables marker labels.
+             * @deprecated ..\..\layers\label\enabled.md
+             */
+            enabled?: boolean;
+            /**
+             * Specifies font options for marker labels.
+             * @deprecated ..\..\..\layers\label\font\font.md
+             */
+            font?: viz.core.Font;
+        };
+        /**
+         * Specifies the pixel-measured diameter of the marker that represents the biggest value. Setting this option makes sense only if you use markers of the bubble type.
+         * @deprecated ..\layers\maxSize.md
+         */
+        maxSize?: number;
+        /**
+         * Specifies the pixel-measured diameter of the marker that represents the smallest value. Setting this option makes sense only if you use markers of the bubble type.
+         * @deprecated ..\layers\minSize.md
+         */
+        minSize?: number;
+        /**
+         * Specifies the opacity of markers. Setting this option makes sense only if you use markers of the bubble type.
+         * @deprecated ..\layers\opacity.md
+         */
+        opacity?: number;
+        /**
+         * Specifies the pixel-measured width of the marker border when the marker is selected.
+         * @deprecated ..\layers\selectedBorderWidth.md
+         */
+        selectedBorderWidth?: number;
+        /**
+         * Specifies a color for the marker border when the marker is selected.
+         * @deprecated ..\layers\selectedBorderColor.md
+         */
+        selectedBorderColor?: string;
+        /**
+         * Specifies a color for a marker of the dot or bubble type when this marker is selected.
+         * @deprecated ..\layers\selectedColor.md
+         */
+        selectedColor?: string;
+        /**
+         * Specifies whether a single or multiple markers can be selected on a vector map.
+         * @deprecated ..\layers\selectionMode.md
+         */
+        selectionMode?: string;
+        /**
+         * Specifies the size of markers. Setting this option makes sense for any type of marker except bubble.
+         * @deprecated ..\layers\size.md
+         */
+        size?: number;
+        /**
+         * Specifies the type of markers to be used on the map.
+         * @deprecated ..\layers\elementType.md
+         */
+        type?: string;
+        /**
+         * Specifies the name of a palette or a custom set of colors to be used for coloring markers of the pie type.
+         * @deprecated ..\layers\palette.md
+         */
+        palette?: any;
+        /**
+         * Allows you to paint markers with similar attributes in the same color.
+         * @deprecated ..\layers\colorGroups.md
+         */
+        colorGroups?: Array<number>;
+        /**
+         * Specifies the field that provides data to be used for coloring markers.
+         * @deprecated ..\layers\colorGroupingField.md
+         */
+        colorGroupingField?: string;
+        /**
+         * Allows you to display bubbles with similar attributes in the same size.
+         * @deprecated ..\layers\sizeGroups.md
+         */
+        sizeGroups?: Array<number>;
+        /**
+         * Specifies the field that provides data to be used for sizing bubble markers.
+         * @deprecated ..\layers\sizeGroupingField.md
+         */
+        sizeGroupingField?: string;
+    }
+    export interface dxVectorMapOptions extends viz.core.BaseWidgetOptions {
+        /**
+         * An object specifying options for the map areas.
+         * @deprecated Use the 'layers' option instead
+         */
+        areaSettings?: AreaSettings;
+        /** Specifies the options for the map background. */
+        background?: {
+            /** Specifies a color for the background border. */
+            borderColor?: string;
+            /** Specifies a color for the background. */
+            color?: string;
+        };
+        /** Specifies options for dxVectorMap widget layers. */
+        layers?: Array<MapLayerSettings>;
+        /** Specifies the map projection. */
+        projection?: Object;
+        /** Specifies the positioning of a map in geographical coordinates. */
+        bounds?: Array<number>;
+        /** Specifies the options of the control bar. */
+        controlBar?: {
+            /** Specifies a color for the outline of the control bar elements. */
+            borderColor?: string;
+            /** Specifies a color for the inner area of the control bar elements. */
+            color?: string;
+            /** Specifies whether or not to display the control bar. */
+            enabled?: boolean;
+            /** Specifies the margin of the control bar in pixels. */
+            margin?: number;
+            /** Specifies the position of the control bar. */
+            horizontalAlignment?: string;
+            /** Specifies the position of the control bar. */
+            verticalAlignment?: string;
+            /** Specifies the opacity of the Control_Bar. */
+            opacity?: number;
+        };
+        /** Specifies the appearance of the loading indicator. */
+        loadingIndicator?: viz.core.LoadingIndicator;
+        /**
+         * Specifies a data source for the map area.
+         * @deprecated Use the 'layers.data' option instead
+         */
+        mapData?: any;
+        /**
+         * Specifies a data source for the map markers.
+         * @deprecated Use the 'layers.data' option instead
+         */
+        markers?: any;
+        /**
+         * An object specifying options for the map markers.
+         * @deprecated Use the 'layers' option instead
+         */
+        markerSettings?: MarkerSettings;
+        /** Specifies the size of the dxVectorMap widget. */
+        size?: viz.core.Size;
+        /** Specifies a title for the vector map. */
+        title?: viz.core.Title;
+        /** Specifies tooltip options. */
+        tooltip?: viz.core.Tooltip;
+        /** Configures map legends. */
+        legends?: Array<Legend>;
+        /** Specifies whether or not the map should respond when a user rolls the mouse wheel. */
+        wheelEnabled?: boolean;
+        /** Specifies whether the map should respond to touch gestures. */
+        touchEnabled?: boolean;
+        /** Disables the zooming capability. */
+        zoomingEnabled?: boolean;
+        /** Specifies the geographical coordinates of the center for a map. */
+        center?: Array<number>;
+        /** A handler for the centerChanged event. */
+        onCenterChanged?: (e: {
+			center: Array<number>;
+			component: dxVectorMap;
+			element: Element;
+        }) => void;
+        /** A handler for the tooltipShown event. */
+        onTooltipShown?: (e: {
+            component: dxVectorMap;
+            element: Element;
+            target: {};
+        }) => void;
+        /** A handler for the tooltipHidden event. */
+        onTooltipHidden?: (e: {
+            component: dxVectorMap;
+            element: Element;
+            target: {};
+        }) => void;
+        /** Specifies a number that is used to zoom a map initially. */
+        zoomFactor?: number;
+        /** Specifies a map's maximum zoom factor. */
+        maxZoomFactor?: number;
+        /** A handler for the zoomFactorChanged event. */
+        onZoomFactorChanged?: (e: {
+            component: dxVectorMap;
+            element: Element;
+            zoomFactor: number;
+        }) => void;
+        /** A handler for the click event. */
+        onClick?: any;
+        /** A handler for the selectionChanged event. */
+        onSelectionChanged?: (e: {
+            component: dxVectorMap;
+            element: Element;
+            target: MapLayerElement;
+        }) => void;
+        /**
+         * A handler for the areaClick event.
+         * @deprecated Use the 'onClick' option instead
+         */
+        onAreaClick?: any;
+        /**
+         * A handler for the areaSelectionChanged event.
+         * @deprecated Use the 'onSelectionChanged' option instead
+         */
+        onAreaSelectionChanged?: (e: {
+            target: Area;
+            component: dxVectorMap;
+            element: Element;
+        }) => void;
+        /**
+         * A handler for the markerClick event.
+         * @deprecated Use the 'onClick' option instead
+         */
+        onMarkerClick?: any;
+        /**
+         * A handler for the markerSelectionChanged event.
+         * @deprecated Use the 'onSelecitonChanged' option instead
+         */
+        onMarkerSelectionChanged?: (e: {
+            target: Marker;
+            component: dxVectorMap;
+            element: Element;
+        }) => void;
+        /** Disables the panning capability. */
+        panningEnabled?: boolean;
+    }
+    export interface Legend extends viz.core.BaseLegend {
+        /** Specifies the color of item markers in the legend. The specified color applied only when the legend uses 'size' source. */
+        markerColor?: string;
+        /** Specifies text for legend items. */
+        customizeText?: (itemInfo: { start: number; end: number; index: number; color: string; size: number; }) => string;
+        /** Specifies text for a hint that appears when a user hovers the mouse pointer over the text of a legend item. */
+        customizeHint?: (itemInfo: { start: number; end: number; index: number; color: string; size: number }) => string;
+        /** Specifies the source of data for the legend. */
+        source?: {
+            /** Specifies a layer to which the legend belongs. */
+            layer?: string;
+            /** Specifies the type of the legend grouping. */
+            grouping?: string;
+        }
+    }
+    /** A vector map widget. */
+    export class dxVectorMap extends viz.core.BaseWidget {
+        constructor(element: JQuery, options?: dxVectorMapOptions);
+        constructor(element: Element, options?: dxVectorMapOptions);
+        /** Displays the loading indicator. */
+        showLoadingIndicator(): void;
+        /** Conceals the loading indicator. */
+        hideLoadingIndicator(): void;
+        /** Redraws a widget. */
+        render(): void;
+        /** Gets the current coordinates of the map center. */
+        center(): Array<number>;
+        /** Sets the coordinates of the map center. */
+        center(centerCoordinates: Array<number>): void;
+        /**
+         * Deselects all the selected areas on a map. The areas are displayed in their initial style after.
+         * @deprecated Use the 'clearSelection' method on a layer instead
+         */
+        clearAreaSelection(): void;
+        /**
+         * Deselects all the selected markers on a map. The markers are displayed in their initial style after.
+         * @deprecated Use the 'clearSelection' method on a layer instead
+         */
+        clearMarkerSelection(): void;
+        /** Deselects all the selected area and markers on a map at once. The areas and markers are displayed in their initial style after. */
+        clearSelection(): void;
+        /** Converts client area coordinates into map coordinates. */
+        convertCoordinates(x: number, y: number): Array<number>;
+        /** Gets all map layers. */
+        getLayers(): Array<MapLayer>;
+        /** Gets the layer by its index. */
+        getLayerByIndex(index: number): MapLayer;
+        /** Gets the layer by its name. */
+        getLayerByName(name: string): MapLayer;
+        /**
+         * Returns an array with all the map areas.
+         * @deprecated Use the 'getElements' method on a layer instead
+         */
+        getAreas(): Array<Area>;
+        /**
+         * Returns an array with all the map markers.
+         * @deprecated Use the 'getElements' method on a layer instead
+         */
+        getMarkers(): Array<Marker>;
+        /** Gets the current coordinates of the map viewport. */
+        viewport(): Array<any>;
+        /** Sets the coordinates of the map viewport. */
+        viewport(viewportCoordinates: Array<number>): void;
+        /** Gets the current value of the map zoom factor. */
+        zoomFactor(): number;
+        /** Sets the value of the map zoom factor. */
+        zoomFactor(zoomFactor: number): void;
+    }
+    export var projection: ProjectionCreator;
+    export interface ProjectionCreator {
+        /** Creates a new projection. */
+        (data: {
+            to?: (coordinates: Array<number>) => Array<number>;
+            from?: (coordinates: Array<number>) => Array<number>;
+            aspectRatio?: number;
+        }): Object;
+        /** Gets the default or custom projection from the projection storage. */
+        get(name: string): Object;
+        /** Adds a new projection to the internal projections storage. */
+        add(name: string, projection: Object): void;
+    }
+}
+interface JQuery {
+    dxVectorMap(options?: DevExpress.viz.map.dxVectorMapOptions): JQuery;
+    dxVectorMap(methodName: string, ...params: any[]): any;
+    dxVectorMap(methodName: "instance"): DevExpress.viz.map.dxVectorMap;
+}
+declare module DevExpress.viz.sparklines {
+    export interface SparklineTooltip extends viz.core.Tooltip {
+        /**
+         * Specifies how a tooltip is horizontally aligned relative to the graph.
+         * @deprecated Tooltip alignment is no more available.
+         */
+        horizontalAlignment?: string;
+        /**
+         * Specifies how a tooltip is vertically aligned relative to the graph.
+         * @deprecated Tooltip alignment is no more available.
+         */
+        verticalAlignment?: string;
+    }
+    export interface BaseSparklineOptions extends viz.core.BaseWidgetOptions {
+        /** Specifies the blank space between the widget's extreme elements and the boundaries of the area provided for the widget in pixels. */
+        margin?: viz.core.Margins;
+        /** Specifies the size of the widget. */
+        size?: viz.core.Size;
+        /** Specifies tooltip options. */
+        tooltip?: SparklineTooltip;
+        /** A handler for the tooltipShown event. */
+        onTooltipShown?: (e: {
+            component: BaseSparkline;
+            element: Element;
+        }) => void;
+        /** A handler for the tooltipHidden event. */
+        onTooltipHidden?: (e: {
+            component: BaseSparkline;
+            element: Element;
+        }) => void;
+    }
+    /** Overridden by descriptions for particular widgets. */
+    export class BaseSparkline extends viz.core.BaseWidget {
+        /** Redraws a widget. */
+        render(): void;
+    }
+    export interface dxBulletOptions extends BaseSparkline {
+        /** Specifies a color for the bullet bar. */
+        color?: string;
+        /** Specifies an end value for the invisible scale. */
+        endScaleValue?: number;
+        /** Specifies whether or not to show the target line. */
+        showTarget?: boolean;
+        /** Specifies whether or not to show the line indicating zero on the invisible scale. */
+        showZeroLevel?: boolean;
+        /** Specifies a start value for the invisible scale. */
+        startScaleValue?: number;
+        /** Specifies the value indicated by the target line. */
+        target?: number;
+        /** Specifies a color for both the target and zero level lines. */
+        targetColor?: string;
+        /** Specifies the width of the target line. */
+        targetWidth?: number;
+        /** Specifies the primary value indicated by the bullet bar. */
+        value?: number;
+    }
+    /** A bullet graph widget. */
+    export class dxBullet extends BaseSparkline {
+        constructor(element: JQuery, options?: dxBulletOptions);
+        constructor(element: Element, options?: dxBulletOptions);
+    }
+    export interface dxSparklineOptions extends BaseSparklineOptions {
+        /** Specifies the data source field that provides arguments for a sparkline. */
+        argumentField?: string;
+        /** Sets a color for the bars indicating negative values. Available for a sparkline of the bar type only. */
+        barNegativeColor?: string;
+        /** Sets a color for the bars indicating positive values. Available for a sparkline of the bar type only. */
+        barPositiveColor?: string;
+        /** Specifies a data source for the sparkline. */
+        dataSource?: Array<any>;
+        /** Sets a color for the boundary of both the first and last points on a sparkline. */
+        firstLastColor?: string;
+        /** Specifies whether a sparkline ignores null data points or not. */
+        ignoreEmptyPoints?: boolean;
+        /** Sets a color for a line on a sparkline. Available for the sparklines of the line- and area-like types. */
+        lineColor?: string;
+        /** Specifies a width for a line on a sparkline. Available for the sparklines of the line- and area-like types. */
+        lineWidth?: number;
+        /** Sets a color for the bars indicating the values that are less than the winloss threshold. Available for a sparkline of the winloss type only. */
+        lossColor?: string;
+        /** Sets a color for the boundary of the maximum point on a sparkline. */
+        maxColor?: string;
+        /** Sets a color for the boundary of the minimum point on a sparkline. */
+        minColor?: string;
+        /** Sets a color for points on a sparkline. Available for the sparklines of the line- and area-like types. */
+        pointColor?: string;
+        /** Specifies the diameter of sparkline points in pixels. Available for the sparklines of line- and area-like types. */
+        pointSize?: number;
+        /** Specifies a symbol to use as a point marker on a sparkline. Available for the sparklines of the line- and area-like types. */
+        pointSymbol?: string;
+        /** Specifies whether or not to indicate both the first and last values on a sparkline. */
+        showFirstLast?: boolean;
+        /** Specifies whether or not to indicate both the minimum and maximum values on a sparkline. */
+        showMinMax?: boolean;
+        /** Determines the type of a sparkline. */
+        type?: string;
+        /** Specifies the data source field that provides values for a sparkline. */
+        valueField?: string;
+        /** Sets a color for the bars indicating the values greater than a winloss threshold. Available for a sparkline of the winloss type only. */
+        winColor?: string;
+        /** Specifies a value that serves as a threshold for the sparkline of the winloss type. */
+        winlossThreshold?: number;
+        /** Specifies the minimum value of the sparkline value axis. */
+        minValue?: number;
+        /** Specifies the maximum value of the sparkline's value axis. */
+        maxValue?: number;
+    }
+    /** A sparkline widget. */
+    export class dxSparkline extends BaseSparkline {
+        constructor(element: JQuery, options?: dxSparklineOptions);
+        constructor(element: Element, options?: dxSparklineOptions);
+    }
+}
+interface JQuery {
+    dxBullet(options?: DevExpress.viz.sparklines.dxBulletOptions): JQuery;
+    dxBullet(methodName: string, ...params: any[]): any;
+    dxBullet(methodName: "instance"): DevExpress.viz.sparklines.dxBullet;
+    dxSparkline(options?: DevExpress.viz.sparklines.dxSparklineOptions): JQuery;
+    dxSparkline(methodName: string, ...params: any[]): any;
+    dxSparkline(methodName: "instance"): DevExpress.viz.sparklines.dxSparkline;
+}
diff --git a/devextreme/devextreme.d.ts b/devextreme/devextreme.d.ts
index 3a7d42e05a..d8b1149efd 100644
--- a/devextreme/devextreme.d.ts
+++ b/devextreme/devextreme.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for DevExtreme 15.2.9
+// Type definitions for DevExtreme 15.2.10
 // Project: http://js.devexpress.com/
 // Definitions by: DevExpress Inc. <http://devexpress.com/>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -192,19 +192,19 @@ declare module DevExpress {
     /** The position object specifies the widget positioning options. */
     export interface PositionOptions {
         /** The target element position that the widget is positioned against. */
-        at?: string;
+        at?: any;
         /** The element within which the widget is positioned. */
-        boundary?: Element;
-        /** A string value holding horizontal and vertical offset from the window's boundaries. */
-        boundaryOffset?: string;
+        boundary?: Object;
+        /** Specifies the horizontal and vertical offset from the window's boundaries. */
+        boundaryOffset?: any;
         /** Specifies how to move the widget if it overflows the screen. */
         collision?: any;
         /** The position of the widget to align against the target element. */
-        my?: string;
+        my?: any;
         /** The target element that the widget is positioned against. */
-        of?: HTMLElement;
-        /** A string value holding horizontal and vertical offset in pixels, separated by a space (e.g., "5 -10"). */
-        offset?: string;
+        of?: Object;
+        /** Specifies horizontal and vertical offset in pixels. */
+        offset?: any;
     }
     export interface ComponentOptions {
         /** A handler for the initialized event. */
@@ -243,6 +243,8 @@ declare module DevExpress {
         height?: any;
         /** Specifies the width of the widget. */
         width?: any;
+        /** A bag for holding any options that require two-way binding (Angular approach specific) */
+        bindingOptions?: { [key: string]: any; };
     }
     /** A base class for all components. */
     export class DOMComponent extends Component {
@@ -371,6 +373,8 @@ declare module DevExpress {
             then(doneFn?: Function, failFn?: Function, progressFn?: Function): Promise;
         }
         export interface CustomStoreOptions extends StoreOptions {
+            /** Specifies whether or not the store combines the search expression with the filter expression. */
+            useDefaultSearch?: boolean;
             /** The user implementation of the byKey(key, extraOptions) method. */
             byKey?: (key: any) => Promise;
             /** The user implementation of the insert(values) method. */
@@ -414,6 +418,8 @@ declare module DevExpress {
             select?: Object;
             /** An array of the strings that represent the names of the navigation properties to be loaded simultaneously with the OData store's entity. */
             expand?: Object;
+            /** The bag of custom parameters passed to the query executed when the DataSource load operation is invoked. */
+            customQueryParams?: Object;
             /** Specifies whether or not the DataSource instance requests the total count of items available in the storage. */
             requireTotalCount?: boolean;
             /** Specifies the initial sort option value. */
@@ -477,7 +483,7 @@ declare module DevExpress {
             /** Returns the searchExpr option value. */
             searchExpr(): Object;
             /** Sets the searchExpr option value. */
-            searchExpr(expr: Object): void;
+            searchExpr(...expr: Object[]): void;
             /** Returns the currently specified search operation. */
             searchOperation(): string;
             /** Sets the current search operation. */
@@ -502,6 +508,7 @@ declare module DevExpress {
             store(): Store;
             /** Returns the number of data items available in an underlying Store after the last load() operation without paging. */
             totalCount(): number;
+            /** Cancels the load operation associated with the specified identifier. */
             cancel(operationId: number): boolean;
             on(eventName: "loadingChanged", eventHandler: (isLoading: boolean) => void): DataSource;
             on(eventName: "loadError", eventHandler: (e?: Error) => void): DataSource;
@@ -913,7 +920,7 @@ declare module DevExpress.ui {
         /** Specifies whether or not the widget displays unfiltered values until a user types a number of characters exceeding the minSearchLength option value. */
         showDataBeforeSearch?: boolean;
         /** Specifies the name of a data source item field or an expression whose value is compared to the search criterion. */
-        searchExpr?: Object;
+        searchExpr?: any;
         /** Specifies the binary operation used to filter data. */
         searchMode?: string;
         /** Specifies the time delay, in milliseconds, after the last character has been typed in, before a search is executed. */
@@ -926,7 +933,7 @@ declare module DevExpress.ui {
         searchEnabled?: boolean;
         /**
          * Specifies whether or not the widget displays items by pages.
-         * @deprecated dataSource.paginate.md
+         * @deprecated Use the DataSource paging opportunities instead.
          */
         pagingEnabled?: boolean;
         /** The text or HTML markup displayed by the widget if the item collection is empty. */
@@ -954,7 +961,12 @@ declare module DevExpress.ui {
         constructor(element: Element, options?: dxToolbarOptions);
     }
     export interface dxToastOptions extends dxOverlayOptions {
-        animation?: fx.AnimationOptions;
+        animation?: {
+            /** An object that defines the animation options used when the widget is being shown. */
+            show?: fx.AnimationOptions;
+            /** An object that defines the animation options used when the widget is being hidden. */
+            hide?: fx.AnimationOptions;
+        };
         /** The time span in milliseconds during which the dxToast widget is visible. */
         displayTime?: number;
         height?: any;
@@ -1130,6 +1142,11 @@ declare module DevExpress.ui {
         reachBottomText?: string;
         /** Specifies the text shown in the pullDown panel displayed when the content is being refreshed. */
         refreshingText?: string;
+    }
+    /** A widget used to display scrollable content. */
+    export class dxScrollView extends dxScrollable {
+        constructor(element: JQuery, options?: dxScrollViewOptions);
+        constructor(element: Element, options?: dxScrollViewOptions);
         /** Returns a value indicating if the scrollView content is larger then the widget container. */
         isFull(): boolean;
         /** Locks the widget until the release(preventScrollBottom) method is called and executes the function passed to the onPullDown option and the handler assigned to the pullDown event. */
@@ -1139,11 +1156,6 @@ declare module DevExpress.ui {
         /** Toggles the loading state of the widget. */
         toggleLoading(showOrHide: boolean): void;
     }
-    /** A widget used to display scrollable content. */
-    export class dxScrollView extends dxScrollable {
-        constructor(element: JQuery, options?: dxScrollViewOptions);
-        constructor(element: Element, options?: dxScrollViewOptions);
-    }
     export interface dxScrollableLocation {
         top?: number;
         left?: number;
@@ -1211,8 +1223,27 @@ declare module DevExpress.ui {
         constructor(element: JQuery, options?: dxRadioGroupOptions);
         constructor(element: Element, options?: dxRadioGroupOptions);
     }
+    export interface dxPopupButtonOptions {
+        /** Specifies whether or not a toolbar item must be displayed disabled. */
+        disabled?: boolean;
+        /** Specifies html code inserted into the toolbar item element. */
+        html?: string;
+        /** Specifies a location for the item on the toolbar. */
+        location?: string;
+        /** Specifies a configuration object for the widget that presents a toolbar item. */
+        options?: Object;
+        /** Specifies an item template that should be used to render this item only. */
+        template?: any;
+        /** Specifies text displayed for the toolbar item. */
+        text?: string;
+        /** Specifies whether the item is displayed on a top or bottom toolbar. */
+        toolbar?: string;
+        /** Specifies whether or not a widget item must be displayed. */
+        visible?: boolean;
+        /** A widget that presents a toolbar item. */
+        widget?: string;
+    }
     export interface dxPopupOptions extends dxOverlayOptions {
-        animation?: fx.AnimationOptions;
         /** Specifies whether or not to allow a user to drag the popup window. */
         dragEnabled?: boolean;
         /** A Boolean value specifying whether or not to display the widget in full-screen mode. */
@@ -1226,7 +1257,7 @@ declare module DevExpress.ui {
         titleTemplate?: any;
         width?: any;
         /** Specifies items displayed on the top or bottom toolbar of the popup window. */
-        buttons?: Array<any>;
+        buttons?: Array<dxPopupButtonOptions>;
         /** Specifies whether or not the widget displays the Close button. */
         showCloseButton?: boolean;
         /** A handler for the titleRendered event. */
@@ -1238,8 +1269,13 @@ declare module DevExpress.ui {
         constructor(element: Element, options?: dxPopupOptions);
     }
     export interface dxPopoverOptions extends dxPopupOptions {
-        /** An object defining animation options of the widget. */
-        animation?: fx.AnimationOptions;
+        /** An object that defines the animation options of the widget. */
+        animation?: {
+            /** An object that defines the animation options used when the widget is being shown. */
+            show?: fx.AnimationOptions;
+            /** An object that defines the animation options used when the widget is being hidden. */
+            hide?: fx.AnimationOptions;
+        };
         /** Specifies the height of the widget. */
         height?: any;
         /** An object defining widget positioning options. */
@@ -1261,7 +1297,12 @@ declare module DevExpress.ui {
     }
     export interface dxOverlayOptions extends WidgetOptions {
         /** An object that defines the animation options of the widget. */
-        animation?: fx.AnimationOptions;
+        animation?: {
+            /** An object that defines the animation options used when the widget is being shown. */
+            show?: fx.AnimationOptions;
+            /** An object that defines the animation options used when the widget is being hidden. */
+            hide?: fx.AnimationOptions;
+        };
         /** A Boolean value specifying whether or not the widget is closed if a user presses the Back hardware button. */
         closeOnBackButton?: boolean;
         /** A Boolean value specifying whether or not the widget is closed if a user clicks outside of the overlapping window. */
@@ -1435,8 +1476,14 @@ declare module DevExpress.ui {
         removeRoute(route: any): JQueryPromise<void>;
     }
     export interface dxLookupOptions extends dxDropDownListOptions {
-        /** An object defining widget animation options. */
-        animation?: fx.AnimationOptions;
+        applyValueMode?: string;
+        /** An object that defines widget animation options. */
+        animation?: {
+            /** An object that defines the animation options used when the widget is being shown. */
+            show?: fx.AnimationOptions;
+            /** An object that defines the animation options used when the widget is being hidden. */
+            hide?: fx.AnimationOptions;
+        };
         /** The text displayed on the Cancel button. */
         cancelButtonText?: string;
         /** The text displayed on the Clear button. */
@@ -1492,7 +1539,7 @@ declare module DevExpress.ui {
         showCancelButton?: boolean;
         /**
          * A Boolean value specifying whether the widget loads the next page automatically when you reach the bottom of the list or when a button is clicked.
-         * @deprecated pageLoadMode.md
+         * @deprecated Use the pageLoadMode option instead.
          */
         showNextButton?: boolean;
         /** The title of the lookup window. */
@@ -1516,7 +1563,6 @@ declare module DevExpress.ui {
     export class dxLookup extends dxDropDownList {
         constructor(element: JQuery, options?: dxLookupOptions);
         constructor(element: Element, options?: dxLookupOptions);
-        /** This section lists the data source fields that are used in a default template for lookup drop-down items. */
     }
     export interface dxLoadPanelOptions extends dxOverlayOptions {
         /** An object defining the animation options of the widget. */
@@ -1550,6 +1596,13 @@ declare module DevExpress.ui {
         constructor(element: JQuery, options?: dxLoadIndicatorOptions);
         constructor(element: Element, options?: dxLoadIndicatorOptions);
     }
+    /** An object containing items for a context menu called for a list item. */
+    export interface ListOptionsMenuItem {
+        /** Specifies the menu item text. */
+        text?: string;
+        /** Specifies the function called when the menu item is clicked. */
+        action?: (itemElement: Element, itemData: any) => void;
+    }
     export interface dxListOptions extends CollectionWidgetOptions {
         /** A Boolean value specifying whether or not to display a grouped list. */
         grouped?: boolean;
@@ -1609,7 +1662,7 @@ declare module DevExpress.ui {
         selectAllText?: string;
         onSelectAllChanged?: Function;
         /** Specifies the array of items for a context menu called for a list item. */
-        menuItems?: Array<any>;
+        menuItems?: Array<ListOptionsMenuItem>;
         /** Specifies whether an item context menu is shown when a user holds or swipes an item. */
         menuMode?: string;
         /** Specifies whether or not an end user can delete list items. */
@@ -1751,14 +1804,14 @@ declare module DevExpress.ui {
         placeholder?: string;
         /**
          * Specifies whether or not a user can pick out a date using the drop-down calendar.
-         * @deprecated Use 'pickerType' option instead.
+         * @deprecated Use the pickerType option instead.
          */
         useCalendar?: boolean;
         /** An object or a value, specifying the date and time currently selected using the date box. */
         value?: any;
         /**
          * Specifies whether or not the widget uses the native HTML input element.
-         * @deprecated Use 'pickerType' option instead.
+         * @deprecated Use the pickerType option instead.
          */
         useNative?: boolean;
         /** Specifies the interval between neighboring values in the popup list in minutes. */
@@ -1801,10 +1854,12 @@ declare module DevExpress.ui {
         currentDate?: Date;
         /** Specifies the first day of a week. */
         firstDayOfWeek?: number;
+        /** An object or a value, specifying the date and time currently selected in the calendar. */
+        value?: any;
         /** The latest date the widget allows to select. */
-        max?: Date;
+        max?: any;
         /** The earliest date the widget allows to select. */
-        min?: Date;
+        min?: any;
         /** Specifies whether or not the widget displays a button that selects the current date. */
         showTodayButton?: boolean;
         /** Specifies the current calendar zoom level. */
@@ -1843,7 +1898,7 @@ declare module DevExpress.ui {
         constructor(element: JQuery, options?: dxButtonOptions);
         constructor(element: Element, options?: dxButtonOptions);
     }
-    export interface dxBoxOptions extends CollectionWidget {
+    export interface dxBoxOptions extends CollectionWidgetOptions {
         /** Specifies how widget items are aligned along the main direction. */
         align?: string;
         /** Specifies the direction of item positioning in the widget. */
@@ -2189,6 +2244,8 @@ declare module DevExpress.ui {
         updateDimensions(): JQueryPromise<void>;
         /** Validates the values of all editors on the form against the list of the validation rules specified for each form item. */
         validate(): Object;
+        /** Resets the editor's value to undefined. */
+        resetValues(): void;
     }
 }
 interface JQuery {
@@ -2577,7 +2634,6 @@ declare module DevExpress.ui {
     export class dxDropDownMenu extends Widget {
         constructor(element: JQuery, options?: dxDropDownEditorOptions);
         constructor(element: Element, options?: dxDropDownEditorOptions);
-        /** This section lists the data source fields that are used in a default template for drop-down menu items. */
         /** Opens the drop-down menu. */
         open(): void;
         /** Closes the drop-down menu. */
@@ -2850,7 +2906,7 @@ declare module DevExpress.data {
 declare module DevExpress.ui {
     export interface dxSchedulerOptions extends WidgetOptions {
         /** Specifies a date displayed on the current scheduler view by default. */
-        currentDate?: Date;
+        currentDate?: any;
         /** The earliest date the widget allows you to select. */
         min?: Date;
         /** The latest date the widget allows you to select. */
@@ -2898,7 +2954,7 @@ declare module DevExpress.ui {
             allowMultiple?: boolean;
             /**
              * Indicates whether or not resources of this kind have priority in the color identification of the appointments that have resources of different kinds assigned.
-             * @deprecated Use the 'useColorAsDefault' property instead
+             * @deprecated Use the useColorAsDefault option instead.
              */
             mainColor?: boolean;
             /** Indicates whether or not resources of this kind have priority in the color identification of the appointments that have resources of different kinds assigned. */
@@ -3017,7 +3073,7 @@ declare module DevExpress.ui {
         expandAllEnabled?: boolean;
         /**
          * Specifies whether or not a check box is displayed at each tree view item.
-         * @deprecated Use the showCheckBoxesMode option instead.
+         * @deprecated Use the showCheckBoxesMode options instead.
          */
         showCheckBoxes?: boolean;
         /** Specifies the current check boxes display mode. */
@@ -3028,7 +3084,7 @@ declare module DevExpress.ui {
         expandNodesRecursive?: boolean;
         /**
          * Specifies whether the "Select All" check box is displayed over the tree view.
-         * @deprecated Use the showCheckBoxesMode option instead.
+         * @deprecated Use the showCheckBoxesMode options instead.
          */
         selectAllEnabled?: boolean;
         /** Specifies the text displayed at the "Select All" check box. */
@@ -3077,7 +3133,12 @@ declare module DevExpress.ui {
     }
     export interface dxMenuBaseOptions extends HierarchicalCollectionWidgetOptions {
         /** An object that defines the animation options of the widget. */
-        animation?: fx.AnimationOptions;
+        animation?: {
+            /** An object that defines the animation options used when the widget is being shown. */
+            show?: fx.AnimationOptions;
+            /** An object that defines the animation options used when the widget is being hidden. */
+            hide?: fx.AnimationOptions;
+        };
         /** A Boolean value specifying whether or not the widget changes its state when interacting with a user. */
         activeStateEnabled?: boolean;
         /** Specifies the name of the CSS class associated with the menu. */
@@ -3927,7 +3988,7 @@ declare module DevExpress.ui {
         deleteRow(rowIndex: number): void;
         /**
          * Removes a specific row from a grid.
-         * @deprecated Use the deleteRow() method instead.
+         * @deprecated Use the deleteRow(rowIndex) method instead.
          */
         removeRow(rowIndex: number): void;
         /** Saves changes made in a grid. */
@@ -5196,7 +5257,7 @@ declare module DevExpress.viz.charts {
         };
         /**
          * Specifies the fraction of the inner radius relative to the total radius in the series of the 'doughnut' type.
-         * @deprecated use the 'innerRadius' option instead
+         * @deprecated Use the innerRadius option instead.
          */
         innerRadius?: number;
         /** An object defining the label configuration options. */
@@ -5207,7 +5268,7 @@ declare module DevExpress.viz.charts {
         minSegmentSize?: number;
         /**
          * Specifies the direction in which the dxPieChart series points are located.
-         * @deprecated use the 'segmentsDirection' option instead
+         * @deprecated Use the segmentsDirection option instead.
          */
         segmentsDirection?: string;
         /** <p>Specifies the chart elements to highlight when the series is selected.</p> */
@@ -5234,7 +5295,7 @@ declare module DevExpress.viz.charts {
         };
         /**
          * Specifies a start angle for a pie chart in arc degrees.
-         * @deprecated use the 'startAngle' option instead
+         * @deprecated Use the startAngle option instead.
          */
         startAngle?: number;
         /** <p>Specifies the name of the data source field that provides data about a point.</p> */
@@ -5245,14 +5306,14 @@ declare module DevExpress.viz.charts {
     export interface CommonPieSeriesSettings extends CommonPieSeriesConfig {
         /**
          * Specifies the type of the pie chart series.
-         * @deprecated use the 'type' option instead
+         * @deprecated Use the type option instead.
          */
         type?: string;
     }
     export interface PieSeriesConfig extends CommonPieSeriesConfig {
         /**
          * Sets the series type.
-         * @deprecated use the 'type' option instead
+         * @deprecated Use the type option instead.
          */
         type?: string;
         /** Specifies the name that identifies the series. */
@@ -5525,7 +5586,7 @@ declare module DevExpress.viz.charts {
         /** Specifies the position of the value axis on a chart. */
         position?: string;
         /** Specifies the title for a value axis. */
-        title?: AxisTitle;
+        title?: any;
     }
     export interface PolarAxis extends PolarCommonAxisSettings, Axis {
         /** Defines an array of the value axis constant lines. */
@@ -5952,7 +6013,7 @@ declare module DevExpress.viz.charts {
         constructor(element: Element, options?: dxPieChartOptions);
         /**
          * Provides access to the dxPieChart series.
-         * @deprecated ..\..\BaseChart\3 Methods\getAllSeries().md
+         * @deprecated Use the getAllSeries() method instead.
          */
         getSeries(): PieSeries;
     }
@@ -5990,19 +6051,19 @@ declare module DevExpress.viz.gauges {
         color?: string;
         /**
          * Specifies an array of custom minor ticks.
-         * @deprecated ..\customMinorTicks.md
+         * @deprecated Use the scale | customMinorTicks option instead.
          */
         customTickValues?: Array<any>;
         /** Specifies the length of the scale's minor ticks. */
         length?: number;
         /**
          * Indicates whether automatically calculated minor ticks are visible or not.
-         * @deprecated This functionality in not more available
+         * @deprecated This feature is no longer available.
          */
         showCalculatedTicks?: boolean;
         /**
          * Specifies an interval between minor ticks.
-         * @deprecated ..\minorTickInterval.md
+         * @deprecated Use the scale | minorTickInterval option instead.
          */
         tickInterval?: number;
         /** Indicates whether scale minor ticks are visible or not. */
@@ -6013,7 +6074,7 @@ declare module DevExpress.viz.gauges {
     export interface ScaleMajorTick extends ScaleTick {
         /**
          * Specifies whether or not to expand the current major tick interval if labels overlap each other.
-         * @deprecated ..\label\overlappingBehavior\useAutoArrangement.md
+         * @deprecated Use the overlappingBehavior | useAutoArrangement option instead.
          */
         useTicksAutoArrangement?: boolean;
     }
@@ -6047,22 +6108,22 @@ declare module DevExpress.viz.gauges {
         endValue?: number;
         /**
          * Specifies whether or not to hide the first scale label.
-         * @deprecated This functionality in not more available
+         * @deprecated This feature is no longer available.
          */
         hideFirstLabel?: boolean;
         /**
          * Specifies whether or not to hide the first major tick on the scale.
-         * @deprecated This functionality in not more available
+         * @deprecated This feature is no longer available.
          */
         hideFirstTick?: boolean;
         /**
          * Specifies whether or not to hide the last scale label.
-         * @deprecated This functionality in not more available
+         * @deprecated This feature is no longer available.
          */
         hideLastLabel?: boolean;
         /**
          * Specifies whether or not to hide the last major tick on the scale.
-         * @deprecated This functionality in not more available
+         * @deprecated This feature is no longer available.
          */
         hideLastTick?: boolean;
         /** Specifies an interval between major ticks. */
@@ -6077,7 +6138,7 @@ declare module DevExpress.viz.gauges {
         label?: BaseScaleLabel;
         /**
          * Specifies options of the gauge's major ticks.
-         * @deprecated ..\tick\tick.md
+         * @deprecated Use the tick option instead.
          */
         majorTick?: ScaleMajorTick;
         /** Specifies options of the gauge's major ticks. */
@@ -6153,17 +6214,17 @@ declare module DevExpress.viz.gauges {
         size?: viz.core.Size;
         /**
          * Specifies a subtitle for the widget.
-         * @deprecated ..\..\..\BaseGauge\1 Configuration\title\subtitle\subtitle.md
+         * @deprecated Use the title | subtitle option instead.
          */
         subtitle?: {
             /**
              * Specifies font options for the subtitle.
-             * @deprecated ..\..\title\subtitle\font\font.md
+             * @deprecated Use the title | subtitle | font option instead.
              */
             font?: viz.core.Font;
             /**
              * Specifies a text for the subtitle.
-             * @deprecated ..\title\subtitle\text.md
+             * @deprecated Use the title | subtitle | text option instead.
              */
             text?: string;
         };
@@ -6173,7 +6234,7 @@ declare module DevExpress.viz.gauges {
             font?: viz.core.Font;
             /**
              * Specifies a title's position on the gauge.
-             * @deprecated basegaugeoptions_title_verticalAlignment and basegaugeoptions_title_horizontalAlignment
+             * @deprecated Use the horizontalAlignment and verticalAlignment options instead.
              */
             position?: string;
             /** Specifies the distance between the title and surrounding gauge elements in pixels. */
@@ -6350,7 +6411,7 @@ declare module DevExpress.viz.gauges {
             visible?: boolean;
         };
         /** Sets the name of the palette or an array of colors to be used for coloring the gauge range container. */
-        palette?: string;
+        palette?: any;
         /** Defines the radius of the bar that is closest to the center relatively to the radius of the topmost bar. */
         relativeInnerRadius?: number;
         /** Specifies a start value for the gauge's invisible scale. */
@@ -6500,7 +6561,7 @@ declare module DevExpress.viz.rangeSelector {
             logarithmBase?: number;
             /**
              * Specifies an interval between major ticks.
-             * @deprecated ..\tickInterval\tickInterval.md
+             * @deprecated Use the tickInterval option instead.
              */
             majorTickInterval?: any;
             /** Specifies an interval between axis ticks. */
@@ -6541,7 +6602,7 @@ declare module DevExpress.viz.rangeSelector {
             showCustomBoundaryTicks?: boolean;
             /**
              * Indicates whether or not to show minor ticks on the scale.
-             * @deprecated minorTick\visible.md
+             * @deprecated Use the minorTick | visible option instead.
              */
             showMinorTicks?: boolean;
             /** Specifies the scale's start value. */
@@ -6630,7 +6691,7 @@ declare module DevExpress.viz.rangeSelector {
             invalidRangeColor?: string;
             /**
              * Specifies the empty space between the marker's border and the marker’s text.
-             * @deprecated Use the 'paddingTopBottom' and 'paddingLeftRight' options instead
+             * @deprecated Use the paddingTopBottom and paddingLeftRight options instead.
              */
             padding?: number;
             /** Specifies the empty space between the marker's top and bottom borders and the marker's text. */
@@ -6641,7 +6702,7 @@ declare module DevExpress.viz.rangeSelector {
             placeholderHeight?: number;
             /**
              * Specifies in pixels the height and width of the space reserved for the range selector slider markers.
-             * @deprecated Use the 'placeholderHeight' and 'indent' options instead
+             * @deprecated Use the placeholderHeight and indent options instead.
              */
             placeholderSize?: {
                 /** Specifies the height of the placeholder for the left and right slider markers. */
@@ -6716,88 +6777,88 @@ declare module DevExpress.viz.map {
     }
     /**
      * This section describes the fields and methods that can be used in code to manipulate the Area object.
-     * @deprecated Use the "Layer Element" instead
+     * @deprecated Use the Layer Element instead.
      */
     export interface Area {
         /**
          * Contains the element type.
-         * @deprecated ..\..\Layer\2 Fields\type.md
+         * @deprecated Use the Layer | type instead.
          */
         type: string;
         /**
          * Return the value of an attribute.
-         * @deprecated ..\..\Layer Element\3 Methods\attribute(name_value).md
+         * @deprecated Use the Layer Element | attribute(name, value) method instead.
          */
         attribute(name: string): any;
         /**
          * Provides information about the selection state of an area.
-         * @deprecated Use the "selected()" method of the Layer Element
+         * @deprecated Use the Layer Element | selected() method instead.
          */
         selected(): boolean;
         /**
          * Sets a new selection state for an area.
-         * @deprecated Use the "selected(state)" method of the Layer Element
+         * @deprecated Use the Layer Element | selected(state) method instead.
          */
         selected(state: boolean): void;
         /**
          * Applies the area settings specified as a parameter and updates the area appearance.
-         * @deprecated ..\..\Layer Element\3 Methods\applySettings(settings).md
+         * @deprecated Use the Layer Element | applySettings(settings) method instead.
          */
         applySettings(settings: any): void;
     }
     /**
      * This section describes the fields and methods that can be used in code to manipulate the Markers object.
-     * @deprecated Use the "Layer Element" instead
+     * @deprecated Use the Layer Element instead.
      */
     export interface Marker {
         /**
          * Contains the descriptive text accompanying the map marker.
-         * @deprecated Get the text with the "attribute" method (using the "layers.label.dataField" value)
+         * @deprecated Get the text using the Layer Element | attribute(name) method. The name parameter value for text is set at the dataField option.
          */
         text: string;
         /**
          * Contains the type of the element.
-         * @deprecated ..\..\Layer\2 Fields\type.md
+         * @deprecated Use the Layer | type instead.
          */
         type: string;
         /**
          * Contains the URL of an image map marker.
-         * @deprecated Get the url with the "attribute" method (using the "layers.dataField" value)
+         * @deprecated Get the image URL using the Layer Element | attribute(name) method. The name parameter value for the image URL is set at the dataField option.
          */
         url: string;
         /**
          * Contains the value of a bubble map marker.
-         * @deprecated Get the value with the "attribute" method (using the "layers.dataField" value)
+         * @deprecated Get the bubble value using the Layer Element | attribute(name) method. The name parameter for the bubble value is set at the dataField option.
          */
         value: number;
         /**
          * Contains the values of a pie map marker.
-         * @deprecated Get the values with the "attribute" method (using the "layers.dataField" value)
+         * @deprecated Get the pie values using the Layer Element | attribute(name) method. The name parameter for pie values is set at the dataField option.
          */
         values: Array<number>;
         /**
          * Returns the value of an attribute.
-         * @deprecated ..\..\Layer Element\3 Methods\attribute(name_value).md
+         * @deprecated Use the Layer Element | attribute(name, value) method instead.
          */
         attribute(name: string): any;
         /**
          * Returns the coordinates of a specific marker.
-         * @deprecated ..\..\Layer Element\3 Methods\coordinates().md
+         * @deprecated Use the Layer Element | coordinates() method instead.
          */
         coordinates(): Array<number>;
         /**
          * Provides information about the selection state of a marker.
-         * @deprecated Use the "selected()" method of the Layer Element
+         * @deprecated Use the Layer Element | selected() method instead.
          */
         selected(): boolean;
         /**
          * Sets a new selection state for a marker.
-         * @deprecated Use the "selected(state)" method of the Layer Element
+         * @deprecated Use the Layer Element | selected(state) method instead.
          */
         selected(state: boolean): void;
         /**
          * Applies the marker settings specified as a parameter and updates marker appearance.
-         * @deprecated ..\..\Layer Element\3 Methods\applySettings(settings).md
+         * @deprecated Use the Layer Element | applySettings(settings) method instead.
          */
         applySettings(settings: any): void;
     }
@@ -6809,7 +6870,7 @@ declare module DevExpress.viz.map {
         /** Specifies the type of a marker element. Setting this option makes sense only if the layer type is "marker". */
         elementType?: string;
         /** Specifies a data source for the layer. */
-        data?: any;
+        dataSource?: any;
         /** Specifies the line width (for layers of a line type) or width of the layer elements border in pixels. */
         borderWidth?: number;
         /** Specifies a color for the border of the layer elements. */
@@ -6858,7 +6919,7 @@ declare module DevExpress.viz.map {
         customize?: (eleemnts: Array<MapLayerElement>) => void;
         /** Specifies marker label options. */
         label?: {
-            /** The name of the data attribute containing marker texts. */
+            /** The name of the dataSource attribute containing marker texts. */
             dataField?: string;
             /** Enables marker labels. */
             enabled?: boolean;
@@ -6869,238 +6930,238 @@ declare module DevExpress.viz.map {
     export interface AreaSettings {
         /**
          * Specifies the width of the area border in pixels.
-         * @deprecated ..\layers\borderWidth.md
+         * @deprecated Use the layers | borderWidth option instead.
          */
         borderWidth?: number;
         /**
          * Specifies a color for the area border.
-         * @deprecated ..\layers\borderColor.md
+         * @deprecated Use the layers | borderColor option instead.
          */
         borderColor?: string;
         /**
          * Specifies a color for an area.
-         * @deprecated ..\layers\color.md
+         * @deprecated Use the layers | color option instead.
          */
         color?: string;
         /**
          * Specifies the function that customizes each area individually.
-         * @deprecated ..\layers\customize.md
+         * @deprecated Use the layers | customize option instead.
          */
         customize?: (areaInfo: Area) => AreaSettings;
         /**
          * Specifies a color for the area border when the area is hovered over.
-         * @deprecated ..\layers\hoveredBorderColor.md
+         * @deprecated Use the layers | hoveredBorderColor option instead.
          */
         hoveredBorderColor?: string;
         /**
          * Specifies the pixel-measured width of the area border when the area is hovered over.
-         * @deprecated ..\layers\hoveredBorderWidth.md
+         * @deprecated Use the layers | hoveredBorderWidth option instead.
          */
         hoveredBorderWidth?: number;
         /**
          * Specifies a color for an area when this area is hovered over.
-         * @deprecated ..\layers\hoveredColor.md
+         * @deprecated Use the layers | hoveredColor option instead.
          */
         hoveredColor?: string;
         /**
          * Specifies whether or not to change the appearance of an area when it is hovered over.
-         * @deprecated ..\layers\hoverEnabled.md
+         * @deprecated Use the layers | hoverEnabled option instead.
          */
         hoverEnabled?: boolean;
         /**
          * Configures area labels.
-         * @deprecated ..\..\layers\label\label.md
+         * @deprecated Use the layers | label option instead.
          */
         label?: {
             /**
              * Specifies the data field that provides data for area labels.
-             * @deprecated ..\..\layers\label\dataField.md
+             * @deprecated Use the layers | label | dataField option instead.
              */
             dataField?: string;
             /**
              * Enables area labels.
-             * @deprecated ..\..\layers\label\enabled.md
+             * @deprecated Use the layers | label | enabled option instead.
              */
             enabled?: boolean;
             /**
              * Specifies font options for area labels.
-             * @deprecated ..\..\..\layers\label\font\font.md
+             * @deprecated Use the layers | label | font option instead.
              */
             font?: viz.core.Font;
         };
         /**
          * Specifies the name of the palette or a custom range of colors to be used for coloring a map.
-         * @deprecated ..\layers\palette.md
+         * @deprecated Use the layers | palette option instead.
          */
         palette?: any;
         /**
          * Specifies the number of colors in a palette.
-         * @deprecated ..\layers\paletteSize.md
+         * @deprecated Use the layers | paletteSize option instead.
          */
         paletteSize?: number;
         /**
          * Allows you to paint areas with similar attributes in the same color.
-         * @deprecated ..\layers\colorGroups.md
+         * @deprecated Use the layers | colorGroups option instead.
          */
         colorGroups?: Array<number>;
         /**
          * Specifies the field that provides data to be used for coloring areas.
-         * @deprecated ..\layers\colorGroupingField.md
+         * @deprecated Use the layers | colorGroupingField option instead.
          */
         colorGroupingField?: string;
         /**
          * Specifies a color for the area border when the area is selected.
-         * @deprecated ..\layers\selectedBorderColor.md
+         * @deprecated Use the layers | selectedBorderColor option instead.
          */
         selectedBorderColor?: string;
         /**
          * Specifies a color for an area when this area is selected.
-         * @deprecated ..\layers\selectedColor.md
+         * @deprecated Use the layers | selectedColor option instead.
          */
         selectedColor?: string;
         /**
          * Specifies the pixel-measured width of the area border when the area is selected.
-         * @deprecated ..\layers\selectedBorderWidth.md
+         * @deprecated Use the layers | selectedBorderWidth option instead.
          */
         selectedBorderWidth?: number;
         /**
          * Specifies whether single or multiple areas can be selected on a vector map.
-         * @deprecated ..\layers\selectionMode.md
+         * @deprecated Use the layers | selectionMode option instead.
          */
         selectionMode?: string;
     }
     export interface MarkerSettings {
         /**
          * Specifies a color for the marker border.
-         * @deprecated ..\layers\borderColor.md
+         * @deprecated Use the layers | borderColor option instead.
          */
         borderColor?: string;
         /**
          * Specifies the width of the marker border in pixels.
-         * @deprecated ..\layers\borderWidth.md
+         * @deprecated Use the layers | borderWidth option instead.
          */
         borderWidth?: number;
         /**
          * Specifies a color for a marker of the dot or bubble type.
-         * @deprecated ..\layers\color.md
+         * @deprecated Use the layers | color option instead.
          */
         color?: string;
         /**
          * Specifies the function that customizes each marker individually.
-         * @deprecated ..\layers\customize.md
+         * @deprecated Use the layers | customize option instead.
          */
         customize?: (markerInfo: Marker) => MarkerSettings;
         /**
          * Specifies the pixel-measured width of the marker border when the marker is hovered over.
-         * @deprecated ..\layers\hoveredBorderWidth.md
+         * @deprecated Use the layers | hoveredBorderWidth option instead.
          */
         hoveredBorderWidth?: number;
         /**
          * Specifies a color for the marker border when the marker is hovered over.
-         * @deprecated ..\layers\hoveredBorderColor.md
+         * @deprecated Use the layers | hoveredBorderColor option instead.
          */
         hoveredBorderColor?: string;
         /**
          * Specifies a color for a marker of the dot or bubble type when this marker is hovered over.
-         * @deprecated ..\layers\hoveredColor.md
+         * @deprecated Use the layers | hoveredColor option instead.
          */
         hoveredColor?: string;
         /**
          * Specifies whether or not to change the appearance of a marker when it is hovered over.
-         * @deprecated ..\layers\hoverEnabled.md
+         * @deprecated Use the layers | hoverEnabled option instead.
          */
         hoverEnabled?: boolean;
         /**
          * Specifies marker label options.
-         * @deprecated ..\..\layers\label\label.md
+         * @deprecated Use the layers | label option instead.
          */
         label?: {
             /**
              * Enables marker labels.
-             * @deprecated ..\..\layers\label\enabled.md
+             * @deprecated Use the layers | label | enabled option instead.
              */
             enabled?: boolean;
             /**
              * Specifies font options for marker labels.
-             * @deprecated ..\..\..\layers\label\font\font.md
+             * @deprecated Use the layers | label | font option instead.
              */
             font?: viz.core.Font;
         };
         /**
          * Specifies the pixel-measured diameter of the marker that represents the biggest value. Setting this option makes sense only if you use markers of the bubble type.
-         * @deprecated ..\layers\maxSize.md
+         * @deprecated Use the layers | maxSize option instead.
          */
         maxSize?: number;
         /**
          * Specifies the pixel-measured diameter of the marker that represents the smallest value. Setting this option makes sense only if you use markers of the bubble type.
-         * @deprecated ..\layers\minSize.md
+         * @deprecated Use the layers | minSize option instead.
          */
         minSize?: number;
         /**
          * Specifies the opacity of markers. Setting this option makes sense only if you use markers of the bubble type.
-         * @deprecated ..\layers\opacity.md
+         * @deprecated Use the layers | opacity option instead.
          */
         opacity?: number;
         /**
          * Specifies the pixel-measured width of the marker border when the marker is selected.
-         * @deprecated ..\layers\selectedBorderWidth.md
+         * @deprecated Use the layers | selectedBorderWidth option instead.
          */
         selectedBorderWidth?: number;
         /**
          * Specifies a color for the marker border when the marker is selected.
-         * @deprecated ..\layers\selectedBorderColor.md
+         * @deprecated Use the layers | selectedBorderColor option instead.
          */
         selectedBorderColor?: string;
         /**
          * Specifies a color for a marker of the dot or bubble type when this marker is selected.
-         * @deprecated ..\layers\selectedColor.md
+         * @deprecated Use the layers | selectedColor option instead.
          */
         selectedColor?: string;
         /**
          * Specifies whether a single or multiple markers can be selected on a vector map.
-         * @deprecated ..\layers\selectionMode.md
+         * @deprecated Use the layers | selectionMode option instead.
          */
         selectionMode?: string;
         /**
          * Specifies the size of markers. Setting this option makes sense for any type of marker except bubble.
-         * @deprecated ..\layers\size.md
+         * @deprecated Use the layers | size option instead.
          */
         size?: number;
         /**
          * Specifies the type of markers to be used on the map.
-         * @deprecated ..\layers\elementType.md
+         * @deprecated Use the layers | elementType option instead.
          */
         type?: string;
         /**
          * Specifies the name of a palette or a custom set of colors to be used for coloring markers of the pie type.
-         * @deprecated ..\layers\palette.md
+         * @deprecated Use the layers | palette option instead.
          */
         palette?: any;
         /**
          * Allows you to paint markers with similar attributes in the same color.
-         * @deprecated ..\layers\colorGroups.md
+         * @deprecated Use the layers | colorGroups option instead.
          */
         colorGroups?: Array<number>;
         /**
          * Specifies the field that provides data to be used for coloring markers.
-         * @deprecated ..\layers\colorGroupingField.md
+         * @deprecated Use the layers | colorGroupingField option instead.
          */
         colorGroupingField?: string;
         /**
          * Allows you to display bubbles with similar attributes in the same size.
-         * @deprecated ..\layers\sizeGroups.md
+         * @deprecated Use the layers | sizeGroups option instead.
          */
         sizeGroups?: Array<number>;
         /**
          * Specifies the field that provides data to be used for sizing bubble markers.
-         * @deprecated ..\layers\sizeGroupingField.md
+         * @deprecated Use the layers | sizeGroupingField option instead.
          */
         sizeGroupingField?: string;
     }
     export interface dxVectorMapOptions extends viz.core.BaseWidgetOptions {
         /**
          * An object specifying options for the map areas.
-         * @deprecated Use the 'layers' option instead
+         * @deprecated Use the "area" type element of the layers array.
          */
         areaSettings?: AreaSettings;
         /** Specifies the options for the map background. */
@@ -7130,24 +7191,24 @@ declare module DevExpress.viz.map {
             horizontalAlignment?: string;
             /** Specifies the position of the control bar. */
             verticalAlignment?: string;
-            /** Specifies the opacity of the Control_Bar. */
+            /** Specifies the opacity of the control bar. */
             opacity?: number;
         };
         /** Specifies the appearance of the loading indicator. */
         loadingIndicator?: viz.core.LoadingIndicator;
         /**
          * Specifies a data source for the map area.
-         * @deprecated Use the 'layers.data' option instead
+         * @deprecated Use the layers | dataSource option instead.
          */
         mapData?: any;
         /**
          * Specifies a data source for the map markers.
-         * @deprecated Use the 'layers.data' option instead
+         * @deprecated Use the layers | dataSource option instead.
          */
         markers?: any;
         /**
          * An object specifying options for the map markers.
-         * @deprecated Use the 'layers' option instead
+         * @deprecated Use the "marker" type element of the layers array.
          */
         markerSettings?: MarkerSettings;
         /** Specifies the size of the dxVectorMap widget. */
@@ -7204,12 +7265,12 @@ declare module DevExpress.viz.map {
         }) => void;
         /**
          * A handler for the areaClick event.
-         * @deprecated Use the 'onClick' option instead
+         * @deprecated Use the onClick option instead.
          */
         onAreaClick?: any;
         /**
          * A handler for the areaSelectionChanged event.
-         * @deprecated Use the 'onSelectionChanged' option instead
+         * @deprecated Use the onSelectionChanged option instead.
          */
         onAreaSelectionChanged?: (e: {
             target: Area;
@@ -7218,12 +7279,12 @@ declare module DevExpress.viz.map {
         }) => void;
         /**
          * A handler for the markerClick event.
-         * @deprecated Use the 'onClick' option instead
+         * @deprecated Use the onClick option instead.
          */
         onMarkerClick?: any;
         /**
          * A handler for the markerSelectionChanged event.
-         * @deprecated Use the 'onSelecitonChanged' option instead
+         * @deprecated Use the onSelecitonChanged option instead.
          */
         onMarkerSelectionChanged?: (e: {
             target: Marker;
@@ -7264,12 +7325,12 @@ declare module DevExpress.viz.map {
         center(centerCoordinates: Array<number>): void;
         /**
          * Deselects all the selected areas on a map. The areas are displayed in their initial style after.
-         * @deprecated Use the 'clearSelection' method on a layer instead
+         * @deprecated Use the layer's clearSelection() method instead.
          */
         clearAreaSelection(): void;
         /**
          * Deselects all the selected markers on a map. The markers are displayed in their initial style after.
-         * @deprecated Use the 'clearSelection' method on a layer instead
+         * @deprecated Use the layer's clearSelection() method instead.
          */
         clearMarkerSelection(): void;
         /** Deselects all the selected area and markers on a map at once. The areas and markers are displayed in their initial style after. */
@@ -7284,12 +7345,12 @@ declare module DevExpress.viz.map {
         getLayerByName(name: string): MapLayer;
         /**
          * Returns an array with all the map areas.
-         * @deprecated Use the 'getElements' method on a layer instead
+         * @deprecated Use the layer's getElements() method instead.
          */
         getAreas(): Array<Area>;
         /**
          * Returns an array with all the map markers.
-         * @deprecated Use the 'getElements' method on a layer instead
+         * @deprecated Use the layer's getElements() method instead.
          */
         getMarkers(): Array<Marker>;
         /** Gets the current coordinates of the map viewport. */
@@ -7324,12 +7385,12 @@ declare module DevExpress.viz.sparklines {
     export interface SparklineTooltip extends viz.core.Tooltip {
         /**
          * Specifies how a tooltip is horizontally aligned relative to the graph.
-         * @deprecated Tooltip alignment is no more available.
+         * @deprecated Tooltip alignment is no longer useful because the tooltips are aligned automatically.
          */
         horizontalAlignment?: string;
         /**
          * Specifies how a tooltip is vertically aligned relative to the graph.
-         * @deprecated Tooltip alignment is no more available.
+         * @deprecated Tooltip alignment is no longer useful because the tooltips are aligned automatically.
          */
         verticalAlignment?: string;
     }
@@ -7389,7 +7450,7 @@ declare module DevExpress.viz.sparklines {
         /** Sets a color for the bars indicating positive values. Available for a sparkline of the bar type only. */
         barPositiveColor?: string;
         /** Specifies a data source for the sparkline. */
-        dataSource?: Array<any>;
+        dataSource?: any;
         /** Sets a color for the boundary of both the first and last points on a sparkline. */
         firstLastColor?: string;
         /** Specifies whether a sparkline ignores null data points or not. */
@@ -7440,4 +7501,4 @@ interface JQuery {
     dxSparkline(options?: DevExpress.viz.sparklines.dxSparklineOptions): JQuery;
     dxSparkline(methodName: string, ...params: any[]): any;
     dxSparkline(methodName: "instance"): DevExpress.viz.sparklines.dxSparkline;
-}
+}
\ No newline at end of file

From de02750377547d653eaa476169dee43f6e44fcb9 Mon Sep 17 00:00:00 2001
From: zenwarr <zenw@yandex.ru>
Date: Thu, 2 Jun 2016 22:52:35 +0700
Subject: [PATCH 55/60] Add node Buffer.alloc methods (#9529)

---
 node/node.d.ts | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/node/node.d.ts b/node/node.d.ts
index 8c7ffe724e..aa073e062e 100644
--- a/node/node.d.ts
+++ b/node/node.d.ts
@@ -197,6 +197,29 @@ declare var Buffer: {
      * The same as buf1.compare(buf2).
      */
     compare(buf1: Buffer, buf2: Buffer): number;
+    /**
+     * Allocates a new buffer of {size} octets.
+     *
+     * @param size count of octets to allocate.
+     * @param fill if specified, buffer will be initialized by calling buf.fill(fill).
+     *    If parameter is omitted, buffer will be filled with zeros.
+     * @param encoding encoding used for call to buf.fill while initalizing
+     */
+    alloc(size: number, fill?: string|Buffer|number, encoding?: string): Buffer;
+     /**
+      * Allocates a new buffer of {size} octets, leaving memory not initialized, so the contents
+      * of the newly created Buffer are unknown and may contain sensitive data.
+      *
+      * @param size count of octets to allocate
+      */
+    allocUnsafe(size: number): Buffer;
+     /**
+      * Allocates a new non-pooled buffer of {size} octets, leaving memory not initialized, so the contents
+      * of the newly created Buffer are unknown and may contain sensitive data.
+      *
+      * @param size count of octets to allocate
+      */
+    allocUnsafeSlow(size: number): Buffer;
 };
 
 /************************************************

From 0b20db14dc8d546bd6e8e7b3bcaaf2289f63b55d Mon Sep 17 00:00:00 2001
From: Manuel Schweigert <manu-lg@hotmail.de>
Date: Thu, 2 Jun 2016 17:54:59 +0200
Subject: [PATCH 56/60] fixes some type parameters (#9531)

track and defineproperty now use generic types instead of any
fixed untrack, doesn't return anything
---
 knockout.es5/knockout.es5.d.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/knockout.es5/knockout.es5.d.ts b/knockout.es5/knockout.es5.d.ts
index 06309059ef..10e0054bf6 100644
--- a/knockout.es5/knockout.es5.d.ts
+++ b/knockout.es5/knockout.es5.d.ts
@@ -6,10 +6,10 @@
 /// <reference path="../knockout/knockout.d.ts" />
 
 interface KnockoutStatic {
-    track(obj: any, propertyNames?: Array<string>): any;
-    untrack(obj: any, propertyNames?: Array<string>): any;
-    defineProperty(obj: any, propertyName: string, evaluator: Function): any;
-    defineProperty(obj: any, propertyName: string, options: KnockoutDefinePropertyOptions): any;
+    track<T>(obj: T, propertyNames?: Array<string>): T;
+    untrack(obj: any, propertyNames?: Array<string>): void;
+    defineProperty<T>(obj: T, propertyName: string, evaluator: Function): T;
+    defineProperty<T>(obj: T, propertyName: string, options: KnockoutDefinePropertyOptions): T;
     getObservable(obj: any, propertyName: string): KnockoutObservable<any>;
     valueHasMutated(obj: any, propertyName: string): void;
 }

From 0e9b30d821df52555eb2fdc9dfc8807ee21763eb Mon Sep 17 00:00:00 2001
From: Milan Burda <milan.burda@gmail.com>
Date: Thu, 2 Jun 2016 17:56:50 +0200
Subject: [PATCH 57/60] Electron (#9445)

* Update to Electron 1.1.1

* Update to Electron 1.1.2

* Update to Electron 1.2.0

* Update to Electron 1.2.1
---
 github-electron/github-electron-main-tests.ts |  45 +++--
 .../github-electron-renderer-tests.ts         |   5 +-
 github-electron/github-electron.d.ts          | 177 ++++++++++++++----
 3 files changed, 176 insertions(+), 51 deletions(-)

diff --git a/github-electron/github-electron-main-tests.ts b/github-electron/github-electron-main-tests.ts
index 00798c382b..fd840b72e4 100644
--- a/github-electron/github-electron-main-tests.ts
+++ b/github-electron/github-electron-main-tests.ts
@@ -79,19 +79,9 @@ app.on('ready', () => {
 		mainWindow = null;
 	});
 
-	mainWindow.print({silent: true, printBackground: false});
 	mainWindow.webContents.print({silent: true, printBackground: false});
-	mainWindow.print();
 	mainWindow.webContents.print();
 
-	mainWindow.printToPDF({
-		marginsType: 1,
-		pageSize: 'A3',
-		printBackground: true,
-		printSelectionOnly: true,
-		landscape: true,
-	}, (error: Error, data: Buffer) => {});
-
 	mainWindow.webContents.printToPDF({
 		marginsType: 1,
 		pageSize: 'A3',
@@ -100,7 +90,6 @@ app.on('ready', () => {
 		landscape: true,
 	}, (error: Error, data: Buffer) => {});
 
-	mainWindow.printToPDF({}, (err, data) => {});
 	mainWindow.webContents.printToPDF({}, (err, data) => {});
 
 	mainWindow.webContents.executeJavaScript('return true;');
@@ -146,6 +135,29 @@ app.on('ready', () => {
 	mainWindow.webContents.debugger.sendCommand("Network.enable");
 });
 
+app.commandLine.appendSwitch('enable-web-bluetooth');
+
+app.on('ready', () => {
+	mainWindow.webContents.on('select-bluetooth-device', (event, deviceList, callback) => {
+		event.preventDefault();
+
+		let result = (() => {
+			for (let device of deviceList) {
+				if (device.deviceName === 'test') {
+					return device;
+				}
+			}
+			return null;
+		})();
+
+		if (!result) {
+			callback('');
+		} else {
+			callback(result.deviceId);
+		}
+	});
+});
+
 // Locale
 app.getLocale();
 
@@ -287,10 +299,6 @@ if (browserOptions.transparent) {
   	win.loadURL('file://' + __dirname + '/fallback.html');
 }
 
-app.on('platform-theme-changed', () => {
-	console.log(systemPreferences.isDarkMode());
-});
-
 // app
 // https://github.com/atom/electron/blob/master/docs/api/app.md
 
@@ -857,6 +865,13 @@ session.defaultSession.setPermissionRequestHandler(function(webContents, permiss
 	callback(true);
 });
 
+// consider any url ending with `example.com`, `foobar.com`, `baz`
+// for integrated authentication.
+session.defaultSession.allowNTLMCredentialsForDomains('*example.com, *foobar.com, *baz')
+
+// consider all urls for integrated authentication.
+session.defaultSession.allowNTLMCredentialsForDomains('*')
+
 // Modify the user agent for all requests to the following urls.
 var filter = {
 	urls: ["https://*.github.com/*", "*://electron.github.io"]
diff --git a/github-electron/github-electron-renderer-tests.ts b/github-electron/github-electron-renderer-tests.ts
index 42d034c5c7..eecec65752 100644
--- a/github-electron/github-electron-renderer-tests.ts
+++ b/github-electron/github-electron-renderer-tests.ts
@@ -75,6 +75,9 @@ webFrame.executeJavaScript('JSON.stringify({})', false, (result) => {
     console.log(result);
 });
 
+console.log(webFrame.getResourceUsage());
+webFrame.clearCache();
+
 // clipboard
 // https://github.com/atom/electron/blob/master/docs/api/clipboard.md
 
@@ -232,7 +235,7 @@ webview.addEventListener('found-in-page', function(e) {
 	}
 });
 
-var rquestId = webview.findInPage("test");
+var requestId = webview.findInPage("test");
 
 webview.addEventListener('new-window', function(e) {
 	require('electron').shell.openExternal(e.url);
diff --git a/github-electron/github-electron.d.ts b/github-electron/github-electron.d.ts
index 235e7d55fb..75840aa741 100644
--- a/github-electron/github-electron.d.ts
+++ b/github-electron/github-electron.d.ts
@@ -1,4 +1,4 @@
-// Type definitions for Electron v1.0.2
+// Type definitions for Electron v1.2.1
 // Project: http://electron.atom.io/
 // Definitions by: jedmao <https://github.com/jedmao/>, rhysd <https://rhysd.github.io>, Milan Burda <https://github.com/miniak/>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
@@ -49,7 +49,9 @@ declare namespace Electron {
 		/**
 		 * Emitted when all windows have been closed.
 		 *
-		 * This event is only emitted when the application is not going to quit.
+		 * If you do not subscribe to this event and all windows are closed,
+		 * the default behavior is to quit the app; however, if you subscribe,
+		 * you control whether the app quits or not.
 		 * If the user pressed Cmd + Q, or the developer called app.quit(),
 		 * Electron will first try to close all the windows and then emit the will-quit event,
 		 * and in this case the window-all-closed event would not be emitted.
@@ -271,30 +273,29 @@ declare namespace Electron {
 		 * Note: This API is only available on Windows.
 		 */
 		setUserTasks(tasks: Task[]): void;
-		/**
-		 * Dynamically sets whether to always send credentials for HTTP NTLM or Negotiate authentication.
-		 * Normally, Electron will only send NTLM/Kerberos credentials for URLs that fall under
-		 * "Local Intranet" sites (i.e. are in the same domain as you).
-		 * However, this detection often fails when corporate networks are badly configured,
-		 * so this lets you co-opt this behavior and enable it for all URLs.
-		 */
-		allowNTLMCredentialsForAllDomains(allow: boolean): void;
 		/**
 		 * This method makes your application a Single Instance Application instead of allowing
 		 * multiple instances of your app to run, this will ensure that only a single instance
 		 * of your app is running, and other instances signal this instance and exit.
 		 */
 		makeSingleInstance(callback: (args: string[], workingDirectory: string) => void): boolean;
+		/**
+		 * Releases all locks that were created by makeSingleInstance. This will allow
+		 * multiple instances of the application to once again run side by side.
+		 */
+		releaseSingleInstance(): void;
 		/**
 		 * Creates an NSUserActivity and sets it as the current activity.
 		 * The activity is eligible for Handoff to another device afterward.
 		 *
 		 * @param type Uniquely identifies the activity. Maps to NSUserActivity.activityType.
 		 * @param userInfo App-specific state to store for use by another device.
+		 * @param webpageURL The webpage to load in a browser if no suitable app is
+		 * 					 installed on the resuming device. The scheme must be http or https.
 		 *
 		 * Note: This API is only available on Mac.
 		 */
-		setUserActivity(type: string, userInfo: Object): void;
+		setUserActivity(type: string, userInfo: Object, webpageURL?: string): void;
 		/**
 		 * @returns The type of the currently running activity.
 		 *
@@ -851,7 +852,7 @@ declare namespace Electron {
 		 * Changes the attachment point for sheets on Mac OS X.
 		 * Note: This API is available only on OS X.
 		 */
-		setSheetOffset(offset: number): void;
+		setSheetOffset(offsetY: number, offsetX?: number): void;
 		/**
 		 * Starts or stops flashing the window to attract user's attention.
 		 */
@@ -925,19 +926,11 @@ declare namespace Electron {
 		capturePage(rect: Rectangle, callback: (image: NativeImage) => void): void;
 		capturePage(callback: (image: NativeImage) => void): void;
 		/**
-		 * Same with webContents.print([options])
-		 */
-		print(options?: PrintOptions): void;
-		/**
-		 * Same with webContents.printToPDF([options])
-		 */
-		printToPDF(options: PrintToPDFOptions, callback: (error: Error, data: Buffer) => void): void;
-		/**
-		 * Same with webContents.loadURL(url).
+		 * Same as webContents.loadURL(url).
 		 */
 		loadURL(url: string, options?: LoadURLOptions): void;
 		/**
-		 * Same with webContents.reload.
+		 * Same as webContents.reload.
 		 */
 		reload(): void;
 		/**
@@ -984,6 +977,11 @@ declare namespace Electron {
 		 * Note: This API is available only on OS X.
 		 */
 		showDefinitionForSelection(): void;
+		/**
+		 * Changes window icon.
+		 * Note: This API is not available on OS X.
+		 */
+		setIcon(icon: NativeImage): void;
 		/**
 		 * Sets whether the window menu bar should hide itself automatically. Once set
 		 * the menu bar will only show when users press the single Alt key.
@@ -1275,7 +1273,8 @@ declare namespace Electron {
 		 */
 		fullscreen?: boolean;
 		/**
-		 * Whether the maximize/zoom button on OS X should toggle full screen mode or maximize window.
+		 * Whether the window can be put into fullscreen mode.
+		 * On OS X, also whether the maximize/zoom button should toggle full screen mode or maximize window.
 		 * Default: true.
 		 */
 		fullscreenable?: boolean;
@@ -1392,11 +1391,11 @@ declare namespace Electron {
 		/**
 		 * @returns The contents of the clipboard as markup.
 		 */
-		readHtml(type?: ClipboardType): string;
+		readHTML(type?: ClipboardType): string;
 		/**
 		 * Writes markup to the clipboard.
 		 */
-		writeHtml(markup: string, type?: ClipboardType): void;
+		writeHTML(markup: string, type?: ClipboardType): void;
 		/**
 		 * @returns The contents of the clipboard as a NativeImage.
 		 */
@@ -1408,11 +1407,11 @@ declare namespace Electron {
 		/**
 		 * @returns The contents of the clipboard as RTF.
 		 */
-		readRtf(type?: ClipboardType): string;
+		readRTF(type?: ClipboardType): string;
 		/**
 		 * Writes the text into the clipboard in RTF.
 		 */
-		writeRtf(text: string, type?: ClipboardType): void;
+		writeRTF(text: string, type?: ClipboardType): void;
 		/**
 		 * Clears everything in clipboard.
 		 */
@@ -1718,6 +1717,10 @@ declare namespace Electron {
 	interface OpenDialogOptions {
 		title?: string;
 		defaultPath?: string;
+		/**
+		 * Custom label for the confirmation button, when left empty the default label will be used.
+		 */
+		buttonLabel?: string;
 		/**
 		 * File types that can be displayed or selected.
 		 */
@@ -1738,6 +1741,10 @@ declare namespace Electron {
 	interface SaveDialogOptions {
 		title?: string;
 		defaultPath?: string;
+		/**
+		 * Custom label for the confirmation button, when left empty the default label will be used.
+		 */
+		buttonLabel?: string;
 		/**
 		 * File types that can be displayed, see dialog.showOpenDialog for an example.
 		 */
@@ -2590,6 +2597,11 @@ declare namespace Electron {
 		 * Clears the host resolver cache.
 		 */
 		clearHostResolverCache(callback: Function): void;
+		/**
+		 * Dynamically sets whether to always send credentials for HTTP NTLM or Negotiate authentication.
+		 * @param domains Comma-seperated list of servers for which integrated authentication is enabled.
+		 */
+		allowNTLMCredentialsForDomains(domains: string): void;
 		/**
 		 * The webRequest API set allows to intercept and modify contents of a request at various stages of its lifetime.
 		 */
@@ -2993,7 +3005,7 @@ declare namespace Electron {
 		 *
 		 * Note: This is only implemented on OS X.
 		 */
-		subscribeNotification(event: string, callback: Function): number;
+		subscribeNotification(event: string, callback: (event: Event, userInfo: Object) => void): number;
 		/**
 		 * Removes the subscriber with id.
 		 *
@@ -3320,6 +3332,14 @@ declare namespace Electron {
 		 * Emitted when there is a new context menu that needs to be handled.
 		 */
 		on(event: 'context-menu', listener: (event: Event, params: ContextMenuParams) => void): this;
+		/**
+		 * Emitted when bluetooth device needs to be selected on call to navigator.bluetooth.requestDevice.
+		 * To use navigator.bluetooth api webBluetooth should be enabled.
+		 * If event.preventDefault is not called, first available device will be selected.
+		 * callback should be called with deviceId to be selected,
+		 * passing empty string to callback will cancel the request.
+		 */
+		on(event: 'select-bluetooth-device', listener: (event: Event, deviceList: BluetoothDevice[], callback: (deviceId: string) => void) => void): this;
 		on(event: string, listener: Function): this;
 		/**
 		 * Loads the url in the window.
@@ -3590,6 +3610,10 @@ declare namespace Electron {
 		 * @returns If the process of saving page has been initiated successfully.
 		 */
 		savePage(fullPath: string, saveType: 'HTMLOnly' | 'HTMLComplete' | 'MHTML', callback?: (eror: Error) => void): boolean;
+		/**
+		 * @returns The unique ID of this WebContents.
+		 */
+		id: number;
 		/**
 		 * @returns The session object used by this webContents.
 		 */
@@ -3748,6 +3772,11 @@ declare namespace Electron {
 		menuSourceType: 'none' | 'mouse' | 'keyboard' | 'touch' | 'touchMenu';
 	}
 
+	interface BluetoothDevice {
+		deviceName: string;
+		deviceId: string;
+	}
+
 	interface Headers {
 		[key: string]: string;
 	}
@@ -3756,8 +3785,8 @@ declare namespace Electron {
 
 	/**
 	 * Specifies the action to take place when ending webContents.findInPage request.
-	 * 'clearSelection' - Translate the selection into a normal selection.
-	 * 'keepSelection' - Clear the selection.
+	 * 'clearSelection' - Clear the selection.
+	 * 'keepSelection' - Translate the selection into a normal selection.
 	 * 'activateSelection' - Focus and click the selection node.
 	 */
 	type StopFindInPageAtion = 'clearSelection' | 'keepSelection' | 'activateSelection';
@@ -3805,7 +3834,7 @@ declare namespace Electron {
 		 * Specify page size of the generated PDF.
 		 * Default: A4.
 		 */
-		pageSize?: 'A3' | 'A4' | 'A5' | 'Legal' | 'Letter' | 'Tabloid';
+		pageSize?: 'A3' | 'A4' | 'A5' | 'Legal' | 'Letter' | 'Tabloid' | Dimension;
 		/**
 		 * Whether to print CSS backgrounds.
 		 * Default: false.
@@ -4063,6 +4092,32 @@ declare namespace Electron {
 		 * this limitation.
 		 */
 		executeJavaScript(code: string, userGesture?: boolean, callback?: (result: any) => void): void;
+		/**
+		 * @returns Object describing usage information of Blink’s internal memory caches.
+		 */
+		getResourceUsage(): ResourceUsages;
+		/**
+		 * Attempts to free memory that is no longer being used (like images from a previous navigation).
+		 */
+		clearCache(): void;
+	}
+
+	interface ResourceUsages {
+		fonts: ResourceUsage;
+		images: ResourceUsage;
+		cssStyleSheets: ResourceUsage;
+		xslStyleSheets: ResourceUsage;
+		scripts: ResourceUsage;
+		other: ResourceUsage;
+	}
+
+	interface ResourceUsage {
+		count: number;
+		decodedSize: number;
+		liveSize: number;
+		purgeableSize: number;
+		purgedSize: number;
+		size: number;
 	}
 
 	// https://github.com/electron/electron/blob/master/docs/api/web-view-tag.md
@@ -4602,6 +4657,10 @@ declare namespace Electron {
 		 * properties and a single method.
 		 */
 		postMessage(message: string, targetOrigin: string): void;
+		/**
+		 * Invokes the print dialog on the child window.
+		 */
+		print(): void;
 	}
 
 	// https://github.com/electron/electron/blob/master/docs/api/synopsis.md
@@ -4669,6 +4728,10 @@ interface File {
 
 declare namespace NodeJS {
 	interface Process {
+		/**
+		 * Setting this to true can disable the support for asar archives in Node's built-in modules.
+		 */
+		noAsar?: boolean;
 		/**
 		 * Process's type
 		 */
@@ -4696,10 +4759,6 @@ declare namespace NodeJS {
 		 */
 		on(event: 'loaded', listener: Function): this;
 		on(event: string, listener: Function): this;
-		/**
-		 * Setting this to true can disable the support for asar archives in Node's built-in modules.
-		 */
-		noAsar?: boolean;
 		/**
 		 * Causes the main thread of the current process crash;
 		 */
@@ -4715,6 +4774,54 @@ declare namespace NodeJS {
 		 * Note: This API is only available on Mac and Linux.
 		 */
 		setFdLimit(maxDescriptors: number): void;
+		/**
+		 * @returns Object giving memory usage statistics about the current process.
+		 * Note: All statistics are reported in Kilobytes.
+		 */
+		getProcessMemoryInfo(): ProcessMemoryInfo;
+		/**
+		 * @returns Object giving memory usage statistics about the entire system.
+		 * Note: All statistics are reported in Kilobytes.
+		 */
+		getSystemMemoryInfo(): SystemMemoryInfo;
+	}
+
+	interface ProcessMemoryInfo {
+		/**
+		 * The amount of memory currently pinned to actual physical RAM.
+		 */
+		workingSetSize: number;
+		/**
+		 * The maximum amount of memory that has ever been pinned to actual physical RAM.
+		 */
+		peakWorkingSetSize: number;
+		/**
+		 * The amount of memory not shared by other processes, such as JS heap or HTML content.
+		 */
+		privateBytes: number;
+		/**
+		 * The amount of memory shared between processes, typically memory consumed by the Electron code itself.
+		 */
+		sharedBytes: number;
+	}
+
+	interface SystemMemoryInfo {
+		/**
+		 * The total amount of physical memory available to the system.
+		 */
+		total: number;
+		/**
+		 * The total amount of memory not being used by applications or disk cache.
+		 */
+		free: number;
+		/**
+		 * The total amount of swap memory available to the system.
+		 */
+		swapTotal: number;
+		/**
+		 * The free amount of swap memory available to the system.
+		 */
+		swapFree: number;
 	}
 }
 

From b08fb432440f7834986fd3b4b73c2763b05bc980 Mon Sep 17 00:00:00 2001
From: Tamir Duberstein <tamird@gmail.com>
Date: Thu, 2 Jun 2016 11:57:52 -0400
Subject: [PATCH 58/60] bytebuffer: remove superfluous namespace (#9487)

* bytebuffer: whitespace

* bytebuffer: remove superfluous namespace

This prevents `import ByteBuffer = require("bytebuffer");` from
generating the javascript require call.
---
 bytebuffer/bytebuffer.d.ts | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/bytebuffer/bytebuffer.d.ts b/bytebuffer/bytebuffer.d.ts
index e5d267787f..e87fb710d8 100644
--- a/bytebuffer/bytebuffer.d.ts
+++ b/bytebuffer/bytebuffer.d.ts
@@ -91,7 +91,7 @@ declare class ByteBuffer
     /**
      * Data view to manipulate the backing buffer. Becomes null if the backing buffer has a capacity of 0.
      */
-    view: DataView;    
+    view: DataView;
 
     /**
      * Allocates a new ByteBuffer backed by a buffer of the specified capacity.
@@ -424,7 +424,7 @@ declare class ByteBuffer
 
     /**
      * Resizes this ByteBuffer to be backed by a buffer of at least the given capacity. Will do nothing if already that large or larger.
-     */ 
+     */
     resize( capacity: number ): ByteBuffer;
 
     /**
@@ -611,6 +611,5 @@ declare class ByteBuffer
 }
 
 declare module 'bytebuffer' {
-    namespace ByteBuffer {}
     export = ByteBuffer;
 }

From cec53b2710e2cc07e44d6260fc25d13ae21d640c Mon Sep 17 00:00:00 2001
From: Georgii Dolzhykov <thorn.mailbox@gmail.com>
Date: Thu, 2 Jun 2016 19:01:39 +0300
Subject: [PATCH 59/60] angularjs: $parseProvider.addLiteral & setIdentifierFns
 (#9472)

docs: https://docs.angularjs.org/api/ng/provider/$parseProvider
---
 angularjs/angular.d.ts | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/angularjs/angular.d.ts b/angularjs/angular.d.ts
index 983c0ca799..68a7c00de7 100644
--- a/angularjs/angular.d.ts
+++ b/angularjs/angular.d.ts
@@ -883,6 +883,24 @@ declare namespace angular {
 
         unwrapPromises(): boolean;
         unwrapPromises(value: boolean): IParseProvider;
+
+        /**
+         * Configure $parse service to add literal values that will be present as literal at expressions.
+         *
+         * @param literalName Token for the literal value. The literal name value must be a valid literal name.
+         * @param literalValue Value for this literal. All literal values must be primitives or `undefined`.
+         **/
+        addLiteral(literalName: string, literalValue: any): void;
+
+        /**
+         * Allows defining the set of characters that are allowed in Angular expressions. The function identifierStart will get called to know if a given character is a valid character to be the first character for an identifier. The function identifierContinue will get called to know if a given character is a valid character to be a follow-up identifier character. The functions identifierStart and identifierContinue will receive as arguments the single character to be identifier and the character code point. These arguments will be string and numeric. Keep in mind that the string parameter can be two characters long depending on the character representation. It is expected for the function to return true or false, whether that character is allowed or not.
+         * Since this function will be called extensivelly, keep the implementation of these functions fast, as the performance of these functions have a direct impact on the expressions parsing speed.
+         *
+         * @param identifierStart The function that will decide whether the given character is a valid identifier start character.
+         * @param identifierContinue The function that will decide whether the given character is a valid identifier continue character.
+         **/
+        setIdentifierFns(identifierStart?: (character: string, codePoint: number) => boolean,
+            identifierContinue?: (character: string, codePoint: number) => boolean): void;
     }
 
     interface ICompiledExpression {

From 473232e5dbd179e9ee682fab12f796720f37b118 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adam=20Pluci=C5=84ski?= <adaskothebeast@gmail.com>
Date: Thu, 2 Jun 2016 18:02:16 +0200
Subject: [PATCH 60/60] Sync with current versionof jstree lib (#9501)

Sync with current versionof jstree lib
---
 jstree/jstree.d.ts | 180 ++++++++++++++++++++++++++++++++-------------
 1 file changed, 130 insertions(+), 50 deletions(-)

diff --git a/jstree/jstree.d.ts b/jstree/jstree.d.ts
index db60de893d..f3961f7e3e 100644
--- a/jstree/jstree.d.ts
+++ b/jstree/jstree.d.ts
@@ -1,8 +1,8 @@
-// Type definitions for jsTree v3.0.9 
+// Type definitions for jsTree v3.3.1 
 // Project: http://www.jstree.com/
 // Definitions by: Adam Pluciński <https://github.com/adaskothebeast>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// 45 commit df38535 2015-03-02 13:23 +2:00
+// 1 commit 3b8f55d3797cd299eb36695b62d75c2313a3e3b3 2016-05-10
 
 ///<reference path="../jquery/jquery.d.ts" />
 
@@ -65,10 +65,12 @@ interface JSTreeStatic {
 
     /**
     * stores all loaded jstree plugins (used internally)
+    * @name $.jstree.plugins
     */
     plugins: any[];
     path: string;
     idregex: any;
+    root: string;
 
     /**
      * creates a jstree instance
@@ -77,7 +79,7 @@ interface JSTreeStatic {
      * @param {Object} options options for this instance (extends `$.jstree.defaults`)
      * @return {jsTree} the new instance
      */
-    create(el: any, options?: JSTreeStaticDefaults): JSTree;
+    create(el: HTMLElement|JQuery|string, options?: JSTreeStaticDefaults): JSTree;
 
     /**
      * remove all traces of jstree from the DOM and destroy all instances
@@ -98,41 +100,22 @@ interface JSTreeStatic {
     * 
     * __Examples__
     *
-    * $.jstree.reference('tree');
-    * $.jstree.reference('#tree');
-    * $.jstree.reference('branch');
-    * $.jstree.reference('#branch');
-    *
-    * @param {String} selector 
-    * @returns {JSTree|null} the instance or `null` if not found
-    */
-    reference(selector: string): JSTree;
-
-    /**
-    * get a reference to an existing instance
-    * 
-    * __Examples__
-    *
-    * $.jstree.reference(document.getElementByID('tree'));
-    * $.jstree.reference(document.getElementByID('branch'));
-    *
-    * @param {HTMLElement} element 
-    * @returns {JSTree|null} the instance or `null` if not found
-    */
-    reference(element: HTMLElement): JSTree;
-
-    /**
-    * get a reference to an existing instance
-    * 
-    * __Examples__
-    *
-    * $.jstree.reference($('#tree'));
-    * $.jstree.reference($('#branch'));
-    *
-    * @param {JQuery} object 
-    * @returns {JSTree|null} the instance or `null` if not found
-    */
-    reference(object: JQuery): JSTree;
+    *	// provided a container with an ID of "tree", and a nested node with an ID of "branch"
+	*	// all of there will return the same instance
+    *	$.jstree.reference('tree');
+	 *	$.jstree.reference('#tree');
+	 *	$.jstree.reference($('#tree'));
+	 *	$.jstree.reference(document.getElementByID('tree'));
+	 *	$.jstree.reference('branch');
+	 *	$.jstree.reference('#branch');
+	 *	$.jstree.reference($('#branch'));
+	 *	$.jstree.reference(document.getElementByID('branch'));
+	 *
+	 * @name $.jstree.reference(needle)
+	 * @param {DOMElement|jQuery|String} needle
+	 * @return {jsTree|null} the instance or `null` if not found
+	 */
+    reference(needle: HTMLElement|JQuery|string): JSTree;
 }
 
 interface JSTreeStaticDefaults {
@@ -475,18 +458,19 @@ interface JSTreeStaticDefaultsContextMenu {
 
     /**
     * an object of actions, or a function that accepts a node and a callback function and calls the callback function with an object of actions available for that node (you can also return the items too).
-    * 
-    * Each action consists of a key (a unique name) and a value which is an object with the following properties (only label and action are required):
-    * 
+    *
+    * Each action consists of a key (a unique name) and a value which is an object with the following properties (only label and action are required). Once a menu item is activated the `action` function will be invoked with an object containing the following keys: item - the contextmenu item definition as seen below, reference - the DOM node that was used (the tree node), element - the contextmenu DOM element, position - an object with x/y properties indicating the position of the menu.
+    *
     * * `separator_before` - a boolean indicating if there should be a separator before this item
     * * `separator_after` - a boolean indicating if there should be a separator after this item
     * * `_disabled` - a boolean indicating if this action should be disabled
     * * `label` - a string - the name of the action (could be a function returning a string)
-    * * `action` - a function to be executed if this item is chosen
+    * * `action` - a function to be executed if this item is chosen, the function will receive 
     * * `icon` - a string, can be a path to an icon or a className, if using an image that is in the current directory use a `./` prefix, otherwise it will be detected as a class
     * * `shortcut` - keyCode which will trigger the action if the menu is open (for example `113` for rename, which equals F2)
     * * `shortcut_label` - shortcut label (like for example `F2` for rename)
-    * 
+    * * `submenu` - an object with the same structure as $.jstree.defaults.contextmenu.items which can be used to create a submenu - each key will be rendered as a separate option in a submenu that will appear once the current item is hovered
+    *
     * @name $.jstree.defaults.contextmenu.items
     * @plugin contextmenu
     */
@@ -563,6 +547,14 @@ interface JSTreeStaticDefaultsDragNDrop {
     * @plugin dnd
     */
     large_drag_target: boolean;
+    
+    /**
+    * controls whether use HTML5 dnd api instead of classical. That will allow better integration of dnd events with other HTML5 controls.
+    * @reference http://caniuse.com/#feat=dragndrop
+    * @name $.jstree.defaults.dnd.use_html5
+    * @plugin dnd
+    */
+    use_html5: boolean;
 }
 
 interface JSTreeStaticDefaultsMassload {
@@ -627,6 +619,14 @@ interface JSTreeStaticDefaultsSearch {
     * @plugin search
     */
     show_only_matches: boolean;
+    
+    /**
+	* Indicates if the children of matched element are shown (when show_only_matches is true)
+	* This setting can be changed at runtime when calling the search method. Default is `false`.
+	* @name $.jstree.defaults.search.show_only_matches_children
+	* @plugin search
+	*/
+	show_only_matches_children: boolean;
 
     /**
     * Indicates if all nodes opened to reveal the search result, 
@@ -720,7 +720,7 @@ interface JSTree extends JQuery {
     * @param {Object} options options for this instance
     * @trigger init.jstree, loading.jstree, loaded.jstree, ready.jstree, changed.jstree
     */
-    init: (el:any, options:any) => void;
+    init: (el: HTMLElement|JQuery|string, options:any) => void;
 
     /**
     * destroy an instance
@@ -932,8 +932,9 @@ interface JSTree extends JQuery {
     * @param  {array} nodes
     * @param  {function} callback a function to be executed once loading is complete, the function is executed in the instance's scope and receives one argument - the array passed to _load_nodes
     * @param  {Boolean} is_callback - if false reloads node (AP - original comment missing in source code)
+    * @param  {Boolean} force_reload - if true force reloads node (AP - original comment missing in source code)
     */
-    _load_nodes: (nodes: any[], callback?: (nodes: any[]) => void, is_callback?: boolean) => void;
+    _load_nodes: (nodes: any[], callback?: (nodes: any[]) => void, is_callback?: boolean, force_reload?: boolean) => void;
 
     /**
     * loads all unloaded nodes
@@ -1130,6 +1131,45 @@ interface JSTree extends JQuery {
     * @trigger disable_node.jstree
     */
     disable_node: (obj: any) => boolean;
+    
+    /**
+    * determines if a node is hidden
+    * @name is_hidden(obj)
+    * @param {mixed} obj the node
+    */
+    is_hidden: (obj: any) => boolean;
+    
+    /**
+	* hides a node - it is still in the structure but will not be visible
+	* @name hide_node(obj)
+	* @param {mixed} obj the node to hide
+	* @param {Boolean} skip_redraw internal parameter controlling if redraw is called
+	* @trigger hide_node.jstree
+	*/
+    hide_node: (obj: any, skip_redraw: boolean) => boolean;
+    
+    /**
+    * shows a node
+    * @name show_node(obj)
+    * @param {mixed} obj the node to show
+    * @param {Boolean} skip_redraw internal parameter controlling if redraw is called
+    * @trigger show_node.jstree
+    */
+    show_node: (obj: any, skip_redraw: boolean) => boolean;
+    
+    /**
+    * hides all nodes
+    * @name hide_all()
+    * @trigger hide_all.jstree
+    */
+	hide_all: (skip_redraw: boolean) => boolean;
+    
+    /**
+    * shows all nodes
+    * @name show_all()
+    * @trigger show_all.jstree
+    */
+    show_all: (skip_redraw: boolean) => boolean;
 
     /**
     * called when a node is selected by the user. Used internally.
@@ -1432,11 +1472,12 @@ interface JSTree extends JQuery {
 
     /**
     * put a node in edit mode (input field to rename the node)
-    * @name edit(obj [, default_text])
+    * @name edit(obj [, default_text, callback])
     * @param  {mixed} obj
-    * @param  {String} default_text the text to populate the input with (if omitted the node text value is used)
-    */
-    edit: (obj: any, default_text?: string) => void;
+	* @param  {String} default_text the text to populate the input with (if omitted or set to a non-string value the node's text value is used)
+	* @param  {Function} callback a function to be called once the text box is blurred, it is called in the instance's scope and receives the node, a status parameter (true if the rename is successful, false otherwise) and a boolean indicating if the user cancelled the edit. You can access the node's title using .text
+	*/
+    edit: (obj: any, default_text?: string, callback?: (node: any, status: boolean, canceled: boolean) => void) => void;
 
     /**
     * changes the theme
@@ -1553,6 +1594,10 @@ interface JSTree extends JQuery {
     * @param {mixed} obj
     */
     show_icon: (obj: any) => void;
+    
+    /**
+    * checkbox plugin
+    */
 
     /**
     * set the undetermined state where and if necessary. Used internally.
@@ -1590,6 +1635,24 @@ interface JSTree extends JQuery {
     * @return {Boolean}
     */
     is_undetermined: (obj: any) => boolean;
+    
+    /**
+    * disable a node's checkbox
+    * @name disable_checkbox(obj)
+    * @param {mixed} obj an array can be used too
+    * @trigger disable_checkbox.jstree
+    * @plugin checkbox
+    */
+    disable_checkbox: (obj: any) => boolean;
+    
+    /**
+    * enable a node's checkbox
+    * @name disable_checkbox(obj)
+    * @param {mixed} obj an array can be used too
+    * @trigger enable_checkbox.jstree
+    * @plugin checkbox
+    */
+    enable_checkbox: (obj: any) => boolean;
 
     /**
     * check a node (only if tie_selection in checkbox settings is false, otherwise select_node will be called internally)
@@ -1689,6 +1752,10 @@ interface JSTree extends JQuery {
     * @private
     */
     _show_contextmenu: (obj: any, x: number, y: number, i: number) => void;
+    
+    /**
+    * search plugin
+    */
 
     /**
     * used to search the tree nodes for a given string
@@ -1698,10 +1765,11 @@ interface JSTree extends JQuery {
     * @param {Boolean} show_only_matches if set to true only matching nodes will be shown (keep in mind this can be very slow on large trees or old browsers)
     * @param {mixed} inside an optional node to whose children to limit the search
     * @param {Boolean} append if set to true the results of this search are appended to the previous search
+    * @param {Boolean} show_only_matches_children show only matched children
     * @plugin search
     * @trigger search.jstree
     */
-    search: (str: string, skip_async?: boolean, show_only_matches?: boolean, inside?: any, append?: boolean) => void;
+    search: (str: string, skip_async?: boolean, show_only_matches?: boolean, inside?: any, append?: boolean, show_only_matches_children?: boolean) => void;
 
     /**
     * used to clear the last search (removes classes and shows all nodes if filtering is on)
@@ -1719,6 +1787,10 @@ interface JSTree extends JQuery {
     * @plugin search
     */
     _search_open: (d: string[]) => void;
+    
+    /**
+    * sort plugin
+    */
 
     /**
     * used to sort a node's children
@@ -1730,6 +1802,10 @@ interface JSTree extends JQuery {
     * @trigger search.jstree
     */
     sort: (obj: any, deep?: boolean) => void;
+    
+    /**
+    * state plugin
+    */
 
     /**
     * save the state
@@ -1751,6 +1827,10 @@ interface JSTree extends JQuery {
     * @plugin state
     */
     clear_state: () => void;
+    
+    /**
+    * types plugin
+    */
 
     /**
     * used to retrieve the type settings object for a node