From 18a9075edd78e84bcf296b65a1cac343235e1c1f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fran=C3=A7ois=20Frisch?= <francoisfrisch@gmail.com>
Date: Wed, 16 Apr 2014 12:16:50 -0700
Subject: [PATCH] Remove matte dependency.

---
 node_modules/matte/.npmignore                 |    7 -
 node_modules/matte/CHANGES.md                 |   12 -
 node_modules/matte/LICENSE.md                 |   55 -
 node_modules/matte/README.md                  |   33 -
 .../matte/node_modules/native/.npmignore      |    7 -
 .../matte/node_modules/native/CHANGES.md      |    3 -
 .../matte/node_modules/native/LICENSE.md      |   55 -
 .../matte/node_modules/native/README.md       |   33 -
 .../matte/node_modules/native/overview.html   |   21 -
 .../matte/node_modules/native/package.json    |   29 -
 .../native/ui/anchor.reel/anchor.js           |   70 -
 .../native/ui/button.reel/button.js           |  509 -----
 .../native/ui/button.reel/button.meta         |  312 ---
 .../node_modules/native/ui/check-input.js     |  117 --
 .../native/ui/image.reel/image.js             |   46 -
 .../ui/input-checkbox.reel/input-checkbox.js  |   72 -
 .../native/ui/input-date.reel/input-date.js   |   40 -
 .../ui/input-number.reel/input-number.js      |   40 -
 .../native/ui/input-radio.reel/input-radio.js |  171 --
 .../native/ui/input-range.reel/input-range.js |   73 -
 .../native/ui/input-text.reel/input-text.js   |   20 -
 .../node_modules/native/ui/native-control.js  |  122 --
 .../native/ui/native-control.meta             |  314 ---
 .../native/ui/progress.reel/progress.js       |   39 -
 .../native/ui/select.reel/select.js           |  545 -----
 .../node_modules/native/ui/text-input.js      |  303 ---
 .../native/ui/textarea.reel/textarea.js       |  131 --
 node_modules/matte/package.json               |   30 -
 node_modules/matte/run-tests.html             |   16 -
 node_modules/matte/ui/anchor.reel/anchor.js   |   24 -
 .../autocomplete.reel/autocomplete.css        |    7 -
 .../autocomplete.reel/autocomplete.html       |   10 -
 .../autocomplete.reel/autocomplete.js         |  538 -----
 .../autocomplete.reel/loading.gif             |  Bin 1456 -> 0 bytes
 .../result-item.reel/result-item.js           |   35 -
 .../results-list.reel/results-list.css        |   25 -
 .../results-list.reel/results-list.html       |   57 -
 .../results-list.reel/results-list.js         |   11 -
 node_modules/matte/ui/button.reel/button.css  |   65 -
 node_modules/matte/ui/button.reel/button.html |    9 -
 node_modules/matte/ui/button.reel/button.js   |   22 -
 node_modules/matte/ui/button.reel/button.meta |   34 -
 .../component-group.reel/component-group.js   |   25 -
 .../dynamic-element.reel/dynamic-element.js   |  175 --
 .../ui/image.reel/image-description.json      |   87 -
 node_modules/matte/ui/image.reel/image.js     |   25 -
 .../matte/ui/input-checkbox.reel/checkbox.png |  Bin 1087 -> 0 bytes
 .../ui/input-checkbox.reel/input-checkbox.css |   37 -
 .../input-checkbox.reel/input-checkbox.html   |    9 -
 .../ui/input-checkbox.reel/input-checkbox.js  |   23 -
 .../matte/ui/input-date.reel/input-date.html  |    9 -
 .../matte/ui/input-date.reel/input-date.js    |   27 -
 .../ui/input-number.reel/input-number.html    |    9 -
 .../ui/input-number.reel/input-number.js      |   27 -
 .../matte/ui/input-range.reel/input-range.css |   46 -
 .../ui/input-range.reel/input-range.html      |   33 -
 .../matte/ui/input-range.reel/input-range.js  |  326 ---
 .../matte/ui/input-text.reel/input-text.css   |   39 -
 .../matte/ui/input-text.reel/input-text.html  |    9 -
 .../matte/ui/input-text.reel/input-text.js    |   22 -
 node_modules/matte/ui/list.reel/list.css      |    4 -
 node_modules/matte/ui/list.reel/list.html     |   57 -
 node_modules/matte/ui/list.reel/list.js       |  119 --
 node_modules/matte/ui/list.reel/list.meta     |  101 -
 .../ui/loading-panel.reel/loading-panel.css   |   40 -
 .../ui/loading-panel.reel/loading-panel.html  |   58 -
 .../ui/loading-panel.reel/loading-panel.js    |   32 -
 .../matte/ui/loading.reel/loading-0.svg       |    3 -
 .../matte/ui/loading.reel/loading-1.svg       |    3 -
 .../matte/ui/loading.reel/loading-2.svg       |    3 -
 .../matte/ui/loading.reel/loading-3.svg       |    3 -
 .../matte/ui/loading.reel/loading-4.svg       |    3 -
 .../matte/ui/loading.reel/loading-5.svg       |    3 -
 .../matte/ui/loading.reel/loading-bg.svg      |   31 -
 .../matte/ui/loading.reel/loading.css         |   73 -
 .../matte/ui/loading.reel/loading.html        |   29 -
 node_modules/matte/ui/loading.reel/loading.js |   53 -
 .../matte/ui/popup/alert.reel/alert.css       |   62 -
 .../matte/ui/popup/alert.reel/alert.html      |   86 -
 .../matte/ui/popup/alert.reel/alert.js        |  127 --
 .../matte/ui/popup/confirm.reel/confirm.css   |   12 -
 .../matte/ui/popup/confirm.reel/confirm.html  |   88 -
 .../matte/ui/popup/confirm.reel/confirm.js    |  179 --
 .../matte/ui/popup/notifier.reel/notifier.css |   10 -
 .../ui/popup/notifier.reel/notifier.html      |   27 -
 .../matte/ui/popup/notifier.reel/notifier.js  |  111 --
 .../matte/ui/popup/popup.reel/popup.css       |   69 -
 .../matte/ui/popup/popup.reel/popup.html      |   43 -
 .../matte/ui/popup/popup.reel/popup.js        |  561 ------
 .../matte/ui/progress.reel/progress.css       |   24 -
 .../matte/ui/progress.reel/progress.html      |   23 -
 .../matte/ui/progress.reel/progress.js        |  101 -
 .../ui/radio-button.reel/radio-button.css     |   37 -
 .../ui/radio-button.reel/radio-button.html    |    9 -
 .../ui/radio-button.reel/radio-button.js      |   23 -
 .../matte/ui/radio-button.reel/radio.png      |  Bin 1015 -> 0 bytes
 .../rich-text-linkpopup.css                   |   26 -
 .../rich-text-linkpopup.html                  |   30 -
 .../rich-text-linkpopup.js                    |  268 ---
 .../rich-text-resizer.css                     |  136 --
 .../rich-text-resizer.html                    |   38 -
 .../rich-text-resizer.js                      |  560 ------
 .../rich-text-editor-base.js                  | 1750 -----------------
 .../rich-text-editor.css                      |   26 -
 .../rich-text-editor.html                     |   32 -
 .../rich-text-editor.reel/rich-text-editor.js |  683 -------
 .../rich-text-sanitizer.js                    |  126 --
 .../matte/ui/scroll-bars.reel/scroll-bars.css |   62 -
 .../ui/scroll-bars.reel/scroll-bars.html      |   48 -
 .../matte/ui/scroll-bars.reel/scroll-bars.js  |  274 ---
 .../matte/ui/scroller.reel/scroller.css       |   10 -
 .../matte/ui/scroller.reel/scroller.html      |   69 -
 .../matte/ui/scroller.reel/scroller.js        |  250 ---
 node_modules/matte/ui/select.reel/select.css  |   46 -
 node_modules/matte/ui/select.reel/select.html |    9 -
 node_modules/matte/ui/select.reel/select.js   |   24 -
 node_modules/matte/ui/select.reel/select.png  |  Bin 978 -> 0 bytes
 node_modules/matte/ui/text-input.js           |  337 ----
 .../matte/ui/text-slider.reel/text-slider.css |   16 -
 .../ui/text-slider.reel/text-slider.html      |   97 -
 .../matte/ui/text-slider.reel/text-slider.js  |  466 -----
 .../matte/ui/textarea.reel/textarea.css       |   27 -
 .../matte/ui/textarea.reel/textarea.html      |    9 -
 .../matte/ui/textarea.reel/textarea.js        |   22 -
 .../ui/toggle-button.reel/toggle-button.css   |    8 -
 .../ui/toggle-button.reel/toggle-button.html  |   10 -
 .../ui/toggle-button.reel/toggle-button.js    |  176 --
 .../ui/toggle-switch.reel/toggle-switch.css   |  157 --
 .../ui/toggle-switch.reel/toggle-switch.html  |    9 -
 .../ui/toggle-switch.reel/toggle-switch.js    |  419 ----
 .../token-field.reel/token-field.css          |   29 -
 .../token-field.reel/token-field.html         |   80 -
 .../token-field.reel/token-field.js           |  226 ---
 .../matte/ui/token-field/token.reel/token.css |   49 -
 .../ui/token-field/token.reel/token.html      |   40 -
 .../matte/ui/token-field/token.reel/token.js  |  111 --
 .../matte/ui/video-player.reel/README.md      |  105 -
 .../images/fullscreen-enter.png               |  Bin 1178 -> 0 bytes
 .../images/fullscreen-exit.png                |  Bin 1214 -> 0 bytes
 .../ui/video-player.reel/images/pause.png     |  Bin 2928 -> 0 bytes
 .../ui/video-player.reel/images/play.png      |  Bin 3223 -> 0 bytes
 .../video-player.reel/images/volume-down.png  |  Bin 991 -> 0 bytes
 .../ui/video-player.reel/images/volume-up.png |  Bin 1094 -> 0 bytes
 .../ui/video-player.reel/video-player.css     |  315 ---
 .../ui/video-player.reel/video-player.html    |  268 ---
 .../ui/video-player.reel/video-player.js      |  369 ----
 package.json                                  |    1 -
 147 files changed, 15010 deletions(-)
 delete mode 100644 node_modules/matte/.npmignore
 delete mode 100644 node_modules/matte/CHANGES.md
 delete mode 100644 node_modules/matte/LICENSE.md
 delete mode 100644 node_modules/matte/README.md
 delete mode 100644 node_modules/matte/node_modules/native/.npmignore
 delete mode 100644 node_modules/matte/node_modules/native/CHANGES.md
 delete mode 100644 node_modules/matte/node_modules/native/LICENSE.md
 delete mode 100644 node_modules/matte/node_modules/native/README.md
 delete mode 100644 node_modules/matte/node_modules/native/overview.html
 delete mode 100644 node_modules/matte/node_modules/native/package.json
 delete mode 100644 node_modules/matte/node_modules/native/ui/anchor.reel/anchor.js
 delete mode 100644 node_modules/matte/node_modules/native/ui/button.reel/button.js
 delete mode 100644 node_modules/matte/node_modules/native/ui/button.reel/button.meta
 delete mode 100644 node_modules/matte/node_modules/native/ui/check-input.js
 delete mode 100644 node_modules/matte/node_modules/native/ui/image.reel/image.js
 delete mode 100644 node_modules/matte/node_modules/native/ui/input-checkbox.reel/input-checkbox.js
 delete mode 100644 node_modules/matte/node_modules/native/ui/input-date.reel/input-date.js
 delete mode 100644 node_modules/matte/node_modules/native/ui/input-number.reel/input-number.js
 delete mode 100644 node_modules/matte/node_modules/native/ui/input-radio.reel/input-radio.js
 delete mode 100644 node_modules/matte/node_modules/native/ui/input-range.reel/input-range.js
 delete mode 100644 node_modules/matte/node_modules/native/ui/input-text.reel/input-text.js
 delete mode 100644 node_modules/matte/node_modules/native/ui/native-control.js
 delete mode 100644 node_modules/matte/node_modules/native/ui/native-control.meta
 delete mode 100644 node_modules/matte/node_modules/native/ui/progress.reel/progress.js
 delete mode 100644 node_modules/matte/node_modules/native/ui/select.reel/select.js
 delete mode 100644 node_modules/matte/node_modules/native/ui/text-input.js
 delete mode 100644 node_modules/matte/node_modules/native/ui/textarea.reel/textarea.js
 delete mode 100644 node_modules/matte/package.json
 delete mode 100644 node_modules/matte/run-tests.html
 delete mode 100644 node_modules/matte/ui/anchor.reel/anchor.js
 delete mode 100644 node_modules/matte/ui/autocomplete/autocomplete.reel/autocomplete.css
 delete mode 100644 node_modules/matte/ui/autocomplete/autocomplete.reel/autocomplete.html
 delete mode 100644 node_modules/matte/ui/autocomplete/autocomplete.reel/autocomplete.js
 delete mode 100644 node_modules/matte/ui/autocomplete/autocomplete.reel/loading.gif
 delete mode 100644 node_modules/matte/ui/autocomplete/result-item.reel/result-item.js
 delete mode 100644 node_modules/matte/ui/autocomplete/results-list.reel/results-list.css
 delete mode 100644 node_modules/matte/ui/autocomplete/results-list.reel/results-list.html
 delete mode 100644 node_modules/matte/ui/autocomplete/results-list.reel/results-list.js
 delete mode 100644 node_modules/matte/ui/button.reel/button.css
 delete mode 100644 node_modules/matte/ui/button.reel/button.html
 delete mode 100644 node_modules/matte/ui/button.reel/button.js
 delete mode 100644 node_modules/matte/ui/button.reel/button.meta
 delete mode 100644 node_modules/matte/ui/component-group.reel/component-group.js
 delete mode 100644 node_modules/matte/ui/dynamic-element.reel/dynamic-element.js
 delete mode 100644 node_modules/matte/ui/image.reel/image-description.json
 delete mode 100644 node_modules/matte/ui/image.reel/image.js
 delete mode 100644 node_modules/matte/ui/input-checkbox.reel/checkbox.png
 delete mode 100644 node_modules/matte/ui/input-checkbox.reel/input-checkbox.css
 delete mode 100644 node_modules/matte/ui/input-checkbox.reel/input-checkbox.html
 delete mode 100644 node_modules/matte/ui/input-checkbox.reel/input-checkbox.js
 delete mode 100644 node_modules/matte/ui/input-date.reel/input-date.html
 delete mode 100644 node_modules/matte/ui/input-date.reel/input-date.js
 delete mode 100644 node_modules/matte/ui/input-number.reel/input-number.html
 delete mode 100644 node_modules/matte/ui/input-number.reel/input-number.js
 delete mode 100644 node_modules/matte/ui/input-range.reel/input-range.css
 delete mode 100644 node_modules/matte/ui/input-range.reel/input-range.html
 delete mode 100644 node_modules/matte/ui/input-range.reel/input-range.js
 delete mode 100644 node_modules/matte/ui/input-text.reel/input-text.css
 delete mode 100644 node_modules/matte/ui/input-text.reel/input-text.html
 delete mode 100644 node_modules/matte/ui/input-text.reel/input-text.js
 delete mode 100644 node_modules/matte/ui/list.reel/list.css
 delete mode 100644 node_modules/matte/ui/list.reel/list.html
 delete mode 100644 node_modules/matte/ui/list.reel/list.js
 delete mode 100644 node_modules/matte/ui/list.reel/list.meta
 delete mode 100644 node_modules/matte/ui/loading-panel.reel/loading-panel.css
 delete mode 100644 node_modules/matte/ui/loading-panel.reel/loading-panel.html
 delete mode 100644 node_modules/matte/ui/loading-panel.reel/loading-panel.js
 delete mode 100644 node_modules/matte/ui/loading.reel/loading-0.svg
 delete mode 100644 node_modules/matte/ui/loading.reel/loading-1.svg
 delete mode 100644 node_modules/matte/ui/loading.reel/loading-2.svg
 delete mode 100644 node_modules/matte/ui/loading.reel/loading-3.svg
 delete mode 100644 node_modules/matte/ui/loading.reel/loading-4.svg
 delete mode 100644 node_modules/matte/ui/loading.reel/loading-5.svg
 delete mode 100644 node_modules/matte/ui/loading.reel/loading-bg.svg
 delete mode 100644 node_modules/matte/ui/loading.reel/loading.css
 delete mode 100644 node_modules/matte/ui/loading.reel/loading.html
 delete mode 100644 node_modules/matte/ui/loading.reel/loading.js
 delete mode 100644 node_modules/matte/ui/popup/alert.reel/alert.css
 delete mode 100644 node_modules/matte/ui/popup/alert.reel/alert.html
 delete mode 100644 node_modules/matte/ui/popup/alert.reel/alert.js
 delete mode 100644 node_modules/matte/ui/popup/confirm.reel/confirm.css
 delete mode 100644 node_modules/matte/ui/popup/confirm.reel/confirm.html
 delete mode 100644 node_modules/matte/ui/popup/confirm.reel/confirm.js
 delete mode 100644 node_modules/matte/ui/popup/notifier.reel/notifier.css
 delete mode 100644 node_modules/matte/ui/popup/notifier.reel/notifier.html
 delete mode 100644 node_modules/matte/ui/popup/notifier.reel/notifier.js
 delete mode 100644 node_modules/matte/ui/popup/popup.reel/popup.css
 delete mode 100644 node_modules/matte/ui/popup/popup.reel/popup.html
 delete mode 100644 node_modules/matte/ui/popup/popup.reel/popup.js
 delete mode 100644 node_modules/matte/ui/progress.reel/progress.css
 delete mode 100644 node_modules/matte/ui/progress.reel/progress.html
 delete mode 100644 node_modules/matte/ui/progress.reel/progress.js
 delete mode 100644 node_modules/matte/ui/radio-button.reel/radio-button.css
 delete mode 100644 node_modules/matte/ui/radio-button.reel/radio-button.html
 delete mode 100644 node_modules/matte/ui/radio-button.reel/radio-button.js
 delete mode 100644 node_modules/matte/ui/radio-button.reel/radio.png
 delete mode 100644 node_modules/matte/ui/rich-text-editor/overlays/rich-text-linkpopup.reel/rich-text-linkpopup.css
 delete mode 100644 node_modules/matte/ui/rich-text-editor/overlays/rich-text-linkpopup.reel/rich-text-linkpopup.html
 delete mode 100644 node_modules/matte/ui/rich-text-editor/overlays/rich-text-linkpopup.reel/rich-text-linkpopup.js
 delete mode 100644 node_modules/matte/ui/rich-text-editor/overlays/rich-text-resizer.reel/rich-text-resizer.css
 delete mode 100644 node_modules/matte/ui/rich-text-editor/overlays/rich-text-resizer.reel/rich-text-resizer.html
 delete mode 100644 node_modules/matte/ui/rich-text-editor/overlays/rich-text-resizer.reel/rich-text-resizer.js
 delete mode 100644 node_modules/matte/ui/rich-text-editor/rich-text-editor.reel/rich-text-editor-base.js
 delete mode 100644 node_modules/matte/ui/rich-text-editor/rich-text-editor.reel/rich-text-editor.css
 delete mode 100644 node_modules/matte/ui/rich-text-editor/rich-text-editor.reel/rich-text-editor.html
 delete mode 100644 node_modules/matte/ui/rich-text-editor/rich-text-editor.reel/rich-text-editor.js
 delete mode 100644 node_modules/matte/ui/rich-text-editor/rich-text-editor.reel/rich-text-sanitizer.js
 delete mode 100644 node_modules/matte/ui/scroll-bars.reel/scroll-bars.css
 delete mode 100644 node_modules/matte/ui/scroll-bars.reel/scroll-bars.html
 delete mode 100644 node_modules/matte/ui/scroll-bars.reel/scroll-bars.js
 delete mode 100644 node_modules/matte/ui/scroller.reel/scroller.css
 delete mode 100644 node_modules/matte/ui/scroller.reel/scroller.html
 delete mode 100644 node_modules/matte/ui/scroller.reel/scroller.js
 delete mode 100644 node_modules/matte/ui/select.reel/select.css
 delete mode 100644 node_modules/matte/ui/select.reel/select.html
 delete mode 100644 node_modules/matte/ui/select.reel/select.js
 delete mode 100644 node_modules/matte/ui/select.reel/select.png
 delete mode 100644 node_modules/matte/ui/text-input.js
 delete mode 100644 node_modules/matte/ui/text-slider.reel/text-slider.css
 delete mode 100644 node_modules/matte/ui/text-slider.reel/text-slider.html
 delete mode 100644 node_modules/matte/ui/text-slider.reel/text-slider.js
 delete mode 100644 node_modules/matte/ui/textarea.reel/textarea.css
 delete mode 100644 node_modules/matte/ui/textarea.reel/textarea.html
 delete mode 100644 node_modules/matte/ui/textarea.reel/textarea.js
 delete mode 100644 node_modules/matte/ui/toggle-button.reel/toggle-button.css
 delete mode 100644 node_modules/matte/ui/toggle-button.reel/toggle-button.html
 delete mode 100644 node_modules/matte/ui/toggle-button.reel/toggle-button.js
 delete mode 100644 node_modules/matte/ui/toggle-switch.reel/toggle-switch.css
 delete mode 100644 node_modules/matte/ui/toggle-switch.reel/toggle-switch.html
 delete mode 100644 node_modules/matte/ui/toggle-switch.reel/toggle-switch.js
 delete mode 100644 node_modules/matte/ui/token-field/token-field.reel/token-field.css
 delete mode 100644 node_modules/matte/ui/token-field/token-field.reel/token-field.html
 delete mode 100644 node_modules/matte/ui/token-field/token-field.reel/token-field.js
 delete mode 100644 node_modules/matte/ui/token-field/token.reel/token.css
 delete mode 100644 node_modules/matte/ui/token-field/token.reel/token.html
 delete mode 100644 node_modules/matte/ui/token-field/token.reel/token.js
 delete mode 100644 node_modules/matte/ui/video-player.reel/README.md
 delete mode 100644 node_modules/matte/ui/video-player.reel/images/fullscreen-enter.png
 delete mode 100644 node_modules/matte/ui/video-player.reel/images/fullscreen-exit.png
 delete mode 100644 node_modules/matte/ui/video-player.reel/images/pause.png
 delete mode 100644 node_modules/matte/ui/video-player.reel/images/play.png
 delete mode 100644 node_modules/matte/ui/video-player.reel/images/volume-down.png
 delete mode 100644 node_modules/matte/ui/video-player.reel/images/volume-up.png
 delete mode 100644 node_modules/matte/ui/video-player.reel/video-player.css
 delete mode 100644 node_modules/matte/ui/video-player.reel/video-player.html
 delete mode 100644 node_modules/matte/ui/video-player.reel/video-player.js

diff --git a/node_modules/matte/.npmignore b/node_modules/matte/.npmignore
deleted file mode 100644
index 72f8f5a3..00000000
--- a/node_modules/matte/.npmignore
+++ /dev/null
@@ -1,7 +0,0 @@
-.DS_Store
-.idea
-node_modules
-overview
-run-test.html
-test
-testacular.conf.js
diff --git a/node_modules/matte/CHANGES.md b/node_modules/matte/CHANGES.md
deleted file mode 100644
index b464c156..00000000
--- a/node_modules/matte/CHANGES.md
+++ /dev/null
@@ -1,12 +0,0 @@
-### 0.1.4
-
- - Update native dependency to v0.1.3
-   - Updated blueprints
-   - Dispatch an action event when the select.reel is changed by the user
- - Fix confirm.reel buttons taking given values
- - Add video-player.reel
-
-### 0.1.3
-
- - Stop re-establishing bindings in list so `contentController` or `content`
-   can be set multiple times
diff --git a/node_modules/matte/LICENSE.md b/node_modules/matte/LICENSE.md
deleted file mode 100644
index 2681f5ca..00000000
--- a/node_modules/matte/LICENSE.md
+++ /dev/null
@@ -1,55 +0,0 @@
-============================================================================
-Copyright (c) 2013, François Frisch
-All rights reserved.
-
-Redistribution and use in source and binary forms, with or without
-modification, are permitted provided that the following conditions are met:
-
-* Redistributions of source code must retain the above copyright notice,
-  this list of conditions and the following disclaimer.
-
-* Redistributions in binary form must reproduce the above copyright notice,
-  this list of conditions and the following disclaimer in the documentation
-  and/or other materials provided with the distribution.
-
-THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
-AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
-IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
-ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE
-LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
-CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
-SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
-INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
-CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
-ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
-POSSIBILITY OF SUCH DAMAGE.
-
-==========================================
-Copyright (c) 2012, Motorola Mobility LLC.
-All Rights Reserved.
-
-Redistribution and use in source and binary forms, with or without
-modification, are permitted provided that the following conditions are met:
-
-* Redistributions of source code must retain the above copyright notice,
-  this list of conditions and the following disclaimer.
-
-* Redistributions in binary form must reproduce the above copyright notice,
-  this list of conditions and the following disclaimer in the documentation
-  and/or other materials provided with the distribution.
-
-* Neither the name of Motorola Mobility LLC nor the names of its
-  contributors may be used to endorse or promote products derived from this
-  software without specific prior written permission.
-
-THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
-AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
-IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
-ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE
-LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
-CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
-SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
-INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
-CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
-ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
-POSSIBILITY OF SUCH DAMAGE.
diff --git a/node_modules/matte/README.md b/node_modules/matte/README.md
deleted file mode 100644
index 83d31489..00000000
--- a/node_modules/matte/README.md
+++ /dev/null
@@ -1,33 +0,0 @@
-matte
-==============
-
-This is the Montage package template.
-
-Note: Before working on your package you will need to add montage to it.
-
-```
-npm install .
-```
-
-Layout
-------
-
-The template contains the following files and directories:
-
-* `ui/` – Directory containing all the UI .reel directories.
-* `package.json` – Describes your app and its dependencies
-* `README.md` – This readme. Replace the current content with a description of your app
-* `overview.html`
-* `overview/` – Directory that contains the files for the overview page. This is a different package so you will need to require the component using matte/*.
-  * `main.reel` – The main interface component where you can add the components to show.
-* `node_modules/` – Directory containing all npm packages needed, including Montage. Any packages here must be included as `dependencies` in `package.json` for the Montage require to find them.
-* `test/` – Directory containing tests for your package.
-  * `all.js` – Module that point the test runner to all your jasmine specs.
-* `run-tests.html` – Page to run jasmine tests manually in your browser
-* `testacular.conf.js` – This is the testacular configuration file. You can start testacular by running `node_modules/testacular/bin/testacular start`
-
-Create the following directories if you need them:
-
-* `locale/` – Directory containing localized content.
-* `scripts/` – Directory containing other JS libraries. If a library doesn’t support the CommonJS "exports" object it will need to be loaded through a `<script>` tag.
-
diff --git a/node_modules/matte/node_modules/native/.npmignore b/node_modules/matte/node_modules/native/.npmignore
deleted file mode 100644
index e551e898..00000000
--- a/node_modules/matte/node_modules/native/.npmignore
+++ /dev/null
@@ -1,7 +0,0 @@
-.DS_Store
-.idea
-node_modules
-overview
-run-tests.html
-test
-testacular.conf.js
diff --git a/node_modules/matte/node_modules/native/CHANGES.md b/node_modules/matte/node_modules/native/CHANGES.md
deleted file mode 100644
index cbb0fca5..00000000
--- a/node_modules/matte/node_modules/native/CHANGES.md
+++ /dev/null
@@ -1,3 +0,0 @@
-### v0.1.3
-
- - Dispatch an action event when the select is changed by the user
diff --git a/node_modules/matte/node_modules/native/LICENSE.md b/node_modules/matte/node_modules/native/LICENSE.md
deleted file mode 100644
index 2681f5ca..00000000
--- a/node_modules/matte/node_modules/native/LICENSE.md
+++ /dev/null
@@ -1,55 +0,0 @@
-============================================================================
-Copyright (c) 2013, François Frisch
-All rights reserved.
-
-Redistribution and use in source and binary forms, with or without
-modification, are permitted provided that the following conditions are met:
-
-* Redistributions of source code must retain the above copyright notice,
-  this list of conditions and the following disclaimer.
-
-* Redistributions in binary form must reproduce the above copyright notice,
-  this list of conditions and the following disclaimer in the documentation
-  and/or other materials provided with the distribution.
-
-THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
-AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
-IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
-ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE
-LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
-CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
-SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
-INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
-CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
-ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
-POSSIBILITY OF SUCH DAMAGE.
-
-==========================================
-Copyright (c) 2012, Motorola Mobility LLC.
-All Rights Reserved.
-
-Redistribution and use in source and binary forms, with or without
-modification, are permitted provided that the following conditions are met:
-
-* Redistributions of source code must retain the above copyright notice,
-  this list of conditions and the following disclaimer.
-
-* Redistributions in binary form must reproduce the above copyright notice,
-  this list of conditions and the following disclaimer in the documentation
-  and/or other materials provided with the distribution.
-
-* Neither the name of Motorola Mobility LLC nor the names of its
-  contributors may be used to endorse or promote products derived from this
-  software without specific prior written permission.
-
-THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
-AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
-IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
-ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE
-LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
-CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
-SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
-INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
-CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
-ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
-POSSIBILITY OF SUCH DAMAGE.
diff --git a/node_modules/matte/node_modules/native/README.md b/node_modules/matte/node_modules/native/README.md
deleted file mode 100644
index e5726762..00000000
--- a/node_modules/matte/node_modules/native/README.md
+++ /dev/null
@@ -1,33 +0,0 @@
-montage-native
-==============
-
-This is the Montage package template.
-
-Note: Before working on your package you will need to add montage to it.
-
-```
-npm install .
-```
-
-Layout
-------
-
-The template contains the following files and directories:
-
-* `ui/` – Directory containing all the UI .reel directories.
-* `package.json` – Describes your app and its dependencies
-* `README.md` – This readme. Replace the current content with a description of your app
-* `overview.html`
-* `overview/` – Directory that contains the files for the overview page. This is a different package so you will need to require the component using montage-native/*.
-  * `main.reel` – The main interface component where you can add the components to show.
-* `node_modules/` – Directory containing all npm packages needed, including Montage. Any packages here must be included as `dependencies` in `package.json` for the Montage require to find them.
-* `test/` – Directory containing tests for your package.
-  * `all.js` – Module that point the test runner to all your jasmine specs.
-* `run-tests.html` – Page to run jasmine tests manually in your browser
-* `testacular.conf.js` – This is the testacular configuration file. You can start testacular by running `node_modules/testacular/bin/testacular start`
-
-Create the following directories if you need them:
-
-* `locale/` – Directory containing localized content.
-* `scripts/` – Directory containing other JS libraries. If a library doesn’t support the CommonJS "exports" object it will need to be loaded through a `<script>` tag.
-
diff --git a/node_modules/matte/node_modules/native/overview.html b/node_modules/matte/node_modules/native/overview.html
deleted file mode 100644
index c0ce622e..00000000
--- a/node_modules/matte/node_modules/native/overview.html
+++ /dev/null
@@ -1,21 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-    <title>montage-native</title>
-
-    <link rel="stylesheet" href="assets/style/style.css" />
-
-    <script src="node_modules/montage/montage.js" data-package="overview"></script>
-    <script type="text/montage-serialization">
-    {
-        "owner": {
-            "prototype": "montage/ui/loader.reel"
-        }
-    }
-    </script>
-</head>
-<body>
-    <div class="loading">Loading</div>
-</body>
-</html>
diff --git a/node_modules/matte/node_modules/native/package.json b/node_modules/matte/node_modules/native/package.json
deleted file mode 100644
index f6eab1af..00000000
--- a/node_modules/matte/node_modules/native/package.json
+++ /dev/null
@@ -1,29 +0,0 @@
-{
-  "name": "native",
-  "version": "0.2.0",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/montagejs/native.git"
-  },
-  "dependencies": {
-    "montage": "~0.14.0"
-  },
-  "devDependencies": {
-    "montage-testing": "~0.4.0"
-  },
-  "exclude": [
-    "overview.html",
-    "overview",
-    "run-tests.html",
-    "test"
-  ],
-  "readme": "montage-native\n==============\n\nThis is the Montage package template.\n\nNote: Before working on your package you will need to add montage to it.\n\n```\nnpm install .\n```\n\nLayout\n------\n\nThe template contains the following files and directories:\n\n* `ui/` – Directory containing all the UI .reel directories.\n* `package.json` – Describes your app and its dependencies\n* `README.md` – This readme. Replace the current content with a description of your app\n* `overview.html`\n* `overview/` – Directory that contains the files for the overview page. This is a different package so you will need to require the component using montage-native/*.\n  * `main.reel` – The main interface component where you can add the components to show.\n* `node_modules/` – Directory containing all npm packages needed, including Montage. Any packages here must be included as `dependencies` in `package.json` for the Montage require to find them.\n* `test/` – Directory containing tests for your package.\n  * `all.js` – Module that point the test runner to all your jasmine specs.\n* `run-tests.html` – Page to run jasmine tests manually in your browser\n* `testacular.conf.js` – This is the testacular configuration file. You can start testacular by running `node_modules/testacular/bin/testacular start`\n\nCreate the following directories if you need them:\n\n* `locale/` – Directory containing localized content.\n* `scripts/` – Directory containing other JS libraries. If a library doesn’t support the CommonJS \"exports\" object it will need to be loaded through a `<script>` tag.\n\n",
-  "readmeFilename": "README.md",
-  "description": "montage-native ==============",
-  "bugs": {
-    "url": "https://github.com/montagejs/native/issues"
-  },
-  "homepage": "https://github.com/montagejs/native",
-  "_id": "native@0.2.0",
-  "_from": "native@~0.2.0"
-}
diff --git a/node_modules/matte/node_modules/native/ui/anchor.reel/anchor.js b/node_modules/matte/node_modules/native/ui/anchor.reel/anchor.js
deleted file mode 100644
index b1361da0..00000000
--- a/node_modules/matte/node_modules/native/ui/anchor.reel/anchor.js
+++ /dev/null
@@ -1,70 +0,0 @@
-/**
-    @module "native/ui/anchor.reel"
-*/
-var NativeControl = require("ui/native-control").NativeControl;
-/**
-  The Anchor component wraps a native <code>&lt;a&gt;</code> element and exposes its standard attributes as bindable properties.
-  @class module:"native/ui/anchor.reel".Anchor
-  @extends module:native/ui/native-control.NativeControl
-
-*/
-var Anchor = exports.Anchor = NativeControl.specialize({
-
-    // HTMLAnchorElement methods
-
-    blur: { value: function() { this._element.blur(); } },
-    focus: { value: function() { this._element.focus(); } }
-
-});
-
-Anchor.addAttributes( /** @lends module:"native/ui/anchor.reel".Anchor# */ {
-
-/**
-    The text displayed by the link.
-    @type string
-    @default null
-*/
-    textContent: null,
-
-/**
-    The link target URL.
-    @type string
-    @default null
-*/
-    href: null,
-
-/**
-    The language of the linked resource.
-    @type string
-    @default null
-*/
-    hreflang: null,
-
-/**
-     The media type for which the target document was designed.
-    @type string
-     @default null
-*/
-    media: null,
-
-/**
-    Controls what kinds of links the elements create.
-    @type string
-    @default null
-*/
-    rel: null,
-
-/**
-     The target window the link will open in.
-     @type string
-     @default null
-*/
-    target: null,
-
-/**
-     The MIME type of the linked resource.
-     @type string
-     @default null
-*/
-    type: null
-});
diff --git a/node_modules/matte/node_modules/native/ui/button.reel/button.js b/node_modules/matte/node_modules/native/ui/button.reel/button.js
deleted file mode 100644
index bca9949f..00000000
--- a/node_modules/matte/node_modules/native/ui/button.reel/button.js
+++ /dev/null
@@ -1,509 +0,0 @@
- /*global require, exports*/
-
-/**
-    @module "montage/ui/native/button.reel"
-*/
-var NativeControl = require("ui/native-control").NativeControl,
-    PressComposer = require("montage/composer/press-composer").PressComposer,
-    Dict = require("montage/collections/dict");
-
-// TODO migrate away from using undefinedGet and undefinedSet
-
-/**
-    Wraps a native <code>&lt;button></code> or <code>&lt;input[type="button"]></code> HTML element. The element's standard attributes are exposed as bindable properties.
-    @class module:"montage/ui/native/button.reel".Button
-    @extends module:montage/ui/native-control.NativeControl
-    @fires action
-    @fires hold
-    @example
-<caption>JavaScript example</caption>
-var b1 = new Button();
-b1.element = document.querySelector("btnElement");
-b1.addEventListener("action", function(event) {
-    console.log("Got event 'action' event");
-});
-    @example
-<caption>Serialized example</caption>
-{
-    "aButton": {
-        "prototype": "montage/ui/native/button.reel",
-        "properties": {
-            "element": {"#": "btnElement"}
-        },
-        "listeners": [
-            {
-                "type": "action",
-                "listener": {"@": "appListener"}
-            }
-        ]
-    },
-    "listener": {
-        "prototype": "appListener"
-    }
-}
-&lt;button data-montage-id="btnElement"></button>
-*/
-var Button = exports.Button = NativeControl.specialize(/** @lends module:"montage/ui/native/button.reel".Button# */ {
-
-    /**
-        Dispatched when the button is activated through a mouse click, finger tap,
-        or when focused and the spacebar is pressed.
-
-        @event action
-        @memberof module:"montage/ui/native/button.reel".Button
-        @param {Event} event
-    */
-
-    /**
-        Dispatched when the button is pressed for a period of time, set by
-        {@link holdThreshold}.
-
-        @event hold
-        @memberof module:"montage/ui/native/button.reel".Button
-        @param {Event} event
-    */
-
-    _preventFocus: {
-        enumerable: false,
-        value: false
-    },
-
-/**
-    Specifies whether the button should receive focus or not.
-    @type {boolean}
-    @default false
-    @event longpress
-*/
-    preventFocus: {
-        get: function () {
-            return this._preventFocus;
-        },
-        set: function (value) {
-            if (value === true) {
-                this._preventFocus = true;
-            } else {
-                this._preventFocus = false;
-            }
-        }
-    },
-
-
-/**
-    Enables or disables the Button from user input. When this property is set to <code>false</code>, the "disabled" CSS style is applied to the button's DOM element during the next draw cycle. When set to <code>true</code> the "disabled" CSS class is removed from the element's class list.
-*/
-    //TODO we should prefer positive properties like enabled vs disabled, get rid of disabled
-    enabled: {
-        dependencies: ["disabled"],
-        get: function () {
-            return !this._disabled;
-        },
-        set: function (value) {
-            this.disabled = !value;
-        }
-    },
-
-    /**
-        A Montage converter object used to convert or format the label displayed by the Button instance. When a new value is assigned to <code>label</code>, the converter object's <code>convert()</code> method is invoked, passing it the newly assigned label value.
-        @type {Property}
-        @default null
-    */
-    converter: {
-        value: null
-    },
-
-    /**
-      Stores the node that contains this button's value. Only used for
-      non-`<input>` elements.
-      @private
-    */
-    _labelNode: {value:undefined, enumerable: false},
-
-    _label: { value: undefined, enumerable: false },
-
-    /**
-        The displayed text on the button. In an &lt;input> element this is taken from the element's <code>value</code> attribute. On any other element (including &lt;button>) this is the first child node which is a text node. If one isn't found then it will be created.
-
-        If the button has a non-null <code>converter</code> property, the converter object's <code>convert()</code> method is called on the value before being assigned to the button instance.
-
-        @type {string}
-        @default undefined
-    */
-    label: {
-        get: function() {
-            return this._label;
-        },
-        set: function(value) {
-            if (value && value.length > 0 && this.converter) {
-                try {
-                    value = this.converter.convert(value);
-                    if (this.error) {
-                        this.error = null;
-                    }
-                } catch(e) {
-                    // unable to convert - maybe error
-                    this.error = e;
-                }
-            }
-
-            this._label = value;
-            if (this._isInputElement) {
-                this._value = value;
-            }
-
-            this.needsDraw = true;
-        }
-    },
-
-    setLabelInitialValue: {
-        value: function(value) {
-            if (this._label === undefined) {
-                    this._label = value;
-                }
-        }
-    },
-
-    /**
-        The amount of time in milliseconds the user must press and hold the button a <code>hold</code> event is dispatched. The default is 1 second.
-        @type {number}
-        @default 1000
-    */
-    holdThreshold: {
-        get: function() {
-            return this._pressComposer.longPressThreshold;
-        },
-        set: function(value) {
-            this._pressComposer.longPressThreshold = value;
-        }
-    },
-
-    _pressComposer: {
-        enumberable: false,
-        value: null
-    },
-
-    _active: {
-        enumerable: false,
-        value: false
-    },
-
-    /**
-        This property is true when the button is being interacted with, either through mouse click or touch event, otherwise false.
-        @type {boolean}
-        @default false
-    */
-    active: {
-        get: function() {
-            return this._active;
-        },
-        set: function(value) {
-            this._active = value;
-            this.needsDraw = true;
-        }
-    },
-
-    // HTMLInputElement/HTMLButtonElement methods
-
-    blur: { value: function() { this._element.blur(); } },
-    focus: { value: function() { this._element.focus(); } },
-    // click() deliberately omitted (it isn't available on <button> anyways)
-
-    constructor: {
-        value: function NativeButton () {
-            this.super();
-            this._pressComposer = new PressComposer();
-            this._pressComposer.longPressThreshold = this.holdThreshold;
-            this.addComposer(this._pressComposer);
-        }
-    },
-
-    prepareForActivationEvents: {
-        value: function() {
-            this._pressComposer.addEventListener("pressStart", this, false);
-            this._pressComposer.addEventListener("press", this, false);
-            this._pressComposer.addEventListener("pressCancel", this, false);
-        }
-    },
-
-    // Optimisation
-    addEventListener: {
-        value: function(type, listener, useCapture) {
-            this.super(type, listener, useCapture);
-            if (type === "hold") {
-                this._pressComposer.addEventListener("longPress", this, false);
-            }
-        }
-    },
-
-    // Handlers
-
-    /**
-    Called when the user starts interacting with the component.
-    */
-    handlePressStart: {
-        value: function(event) {
-            this.active = true;
-
-            if (event.touch) {
-                // Prevent default on touchmove so that if we are inside a scroller,
-                // it scrolls and not the webpage
-                document.addEventListener("touchmove", this, false);
-            }
-
-            if (!this._preventFocus) {
-                this._element.focus();
-            }
-        }
-    },
-
-    /**
-    Called when the user has interacted with the button.
-    */
-    handlePress: {
-        value: function(event) {
-            this.active = false;
-            this._dispatchActionEvent();
-            document.removeEventListener("touchmove", this, false);
-        }
-    },
-
-    handleKeyup: {
-        value: function(event) {
-            // action event on spacebar
-            if (event.keyCode === 32) {
-                this.active = false;
-                this._dispatchActionEvent();
-            }
-        }
-    },
-
-    handleLongPress: {
-        value: function(event) {
-            // When we fire the "hold" event we don't want to fire the
-            // "action" event as well.
-            this._pressComposer.cancelPress();
-
-            var holdEvent = document.createEvent("CustomEvent");
-            holdEvent.initCustomEvent("hold", true, true, null);
-            this.dispatchEvent(holdEvent);
-        }
-    },
-
-    /**
-    Called when all interaction is over.
-    @private
-    */
-    handlePressCancel: {
-        value: function(event) {
-            this.active = false;
-            document.removeEventListener("touchmove", this, false);
-        }
-    },
-
-    handleTouchmove: {
-        value: function(event) {
-            event.preventDefault();
-        }
-    },
-
-    /**
-    If this is an input element then the label is handled differently.
-    @private
-    */
-    _isInputElement: {
-        value: false,
-        enumerable: false
-    },
-
-    enterDocument: {
-        value: function(firstDraw) {
-            if (NativeControl.enterDocument) {
-                NativeControl.enterDocument.apply(this, arguments);
-            }
-            
-            if(firstDraw) {
-                this._isInputElement = (this.originalElement.tagName === "INPUT");
-                // Only take the value from the element if it hasn't been set
-                // elsewhere (i.e. in the serialization)
-                if (this._isInputElement) {
-                    // NOTE: This might not be the best way to do this
-                    // With an input element value and label are one and the same
-                    Object.defineProperty(this, "value", {
-                        get: function() {
-                            return this._label;
-                        },
-                        set: function(value) {
-                            this.label = value;
-                        }
-                    });
-
-                    if (this._label === undefined) {
-                        this._label = this.originalElement.value;
-                    }
-                } else {
-                    if (!this.originalElement.firstChild) {
-                        this.originalElement.appendChild(document.createTextNode(""));
-                    }
-                    this._labelNode = this.originalElement.firstChild;
-                    this.setLabelInitialValue(this._labelNode.data)
-                    if (this._label === undefined) {
-                        this._label = this._labelNode.data;
-                    }
-                }
-
-                //this.classList.add("montage-Button");
-                this.element.setAttribute("role", "button");
-                this.element.addEventListener("keyup", this, false);
-            }
-        }
-    },
-
-    /**
-    Draws the label to the DOM.
-    @function
-    @private
-    */
-    _drawLabel: {
-        enumerable: false,
-        value: function(value) {
-            if (this._isInputElement) {
-                this._element.setAttribute("value", value);
-            } else {
-                this._labelNode.data = value;
-            }
-        }
-    },
-
-    draw: {
-        value: function() {
-            this.super();
-
-            if (this._disabled) {
-                this._element.classList.add("disabled");
-            } else {
-                this._element.classList.remove("disabled");
-            }
-
-            if (this._active) {
-                this._element.classList.add("active");
-            } else {
-                this._element.classList.remove("active");
-            }
-
-            this._drawLabel(this.label);
-        }
-    },
-
-    _detail: {
-        value: null
-    },
-
-    /**
-        The data property of the action event.
-        example to toggle the complete class: "detail.selectedItem" : { "<-" : "@repetition.objectAtCurrentIteration"}
-        @type {Property}
-        @default null
-    */
-    detail: {
-        get: function() {
-            if (this._detail === null) {
-                this._detail = new Dict();
-            }
-            return this._detail;
-        }
-    },
-
-    createActionEvent: {
-        value: function() {
-            var actionEvent = document.createEvent("CustomEvent"),
-                eventDetail;
-
-            eventDetail = this._detail;
-            actionEvent.initCustomEvent("action", true, true, eventDetail);
-            return actionEvent;
-        }
-    }
-});
-
-Button.addAttributes( /** @lends module:"montage/ui/native/button.reel".Button# */{
-
-/**
-    Specifies whether the button should be focused as soon as the page is loaded.
-    @type {boolean}
-    @default false
-*/
-    autofocus: {value: false, dataType: 'boolean'},
-
-/**
-    When true, the button is disabled to user input and "disabled" is added to its CSS class list.
-    @type {boolean}
-    @default false
-*/
-    disabled: {value: false, dataType: 'boolean'},
-
-/**
-    The value of the id attribute of the form with which to associate the component's element.
-    @type {string}
-    @default null
-*/
-    form: null,
-
-/**
-    The URL to which the form data will be sumbitted.
-    @type {string}
-    @default null
-*/
-    formaction: null,
-
-/**
-    The content type used to submit the form to the server.
-    @type {string}
-    @default null
-*/
-    formenctype: null,
-
-/**
-    The HTTP method used to submit the form.
-    @type {string}
-    @default null
-*/
-    formmethod: null,
-
-/**
-    Indicates if the form should be validated upon submission.
-    @type {boolean}
-    @default null
-*/
-    formnovalidate: {dataType: 'boolean'},
-
-/**
-    The target frame or window in which the form output should be rendered.
-    @type string}
-    @default null
-*/
-    formtarget: null,
-
-/**
-    A string indicating the input type of the component's element.
-    @type {string}
-    @default "button"
-*/
-    type: {value: 'button'},
-
-/**
-    The name associated with the component's DOM element.
-    @type {string}
-    @default null
-*/
-    name: null,
-
-/**
-    <strong>Use <code>label</code> to set the displayed text on the button</strong>
-    The value associated with the element. This sets the value attribute of
-    the button that gets sent when the form is submitted.
-    @type {string}
-    @default null
-    @see label
-*/
-    value: null
-
-});
diff --git a/node_modules/matte/node_modules/native/ui/button.reel/button.meta b/node_modules/matte/node_modules/native/ui/button.reel/button.meta
deleted file mode 100644
index 520c5430..00000000
--- a/node_modules/matte/node_modules/native/ui/button.reel/button.meta
+++ /dev/null
@@ -1,312 +0,0 @@
-{
-    "blueprint_button_autofocus": {
-        "prototype": "montage/core/meta/property-blueprint",
-        "properties": {
-            "name": "autofocus",
-            "blueprint": {
-                "@": "root"
-            },
-            "cardinality": 1,
-            "mandatory": false,
-            "denyDelete": false,
-            "readOnly": false,
-            "valueType": "string",
-            "enumValues": [],
-            "helpKey": ""
-        }
-    },
-    "blueprint_button_enabled": {
-        "prototype": "montage/core/meta/property-blueprint",
-        "properties": {
-            "name": "enabled",
-            "blueprint": {
-                "@": "root"
-            },
-            "cardinality": 1,
-            "mandatory": false,
-            "denyDelete": false,
-            "readOnly": false,
-            "valueType": "boolean",
-            "enumValues": [],
-            "helpKey": ""
-        }
-    },
-    "blueprint_button_form": {
-        "prototype": "montage/core/meta/property-blueprint",
-        "properties": {
-            "name": "form",
-            "blueprint": {
-                "@": "root"
-            },
-            "cardinality": 1,
-            "mandatory": false,
-            "denyDelete": false,
-            "readOnly": false,
-            "valueType": "string",
-            "enumValues": [],
-            "helpKey": ""
-        }
-    },
-    "blueprint_button_formaction": {
-        "prototype": "montage/core/meta/property-blueprint",
-        "properties": {
-            "name": "formaction",
-            "blueprint": {
-                "@": "root"
-            },
-            "cardinality": 1,
-            "mandatory": false,
-            "denyDelete": false,
-            "readOnly": false,
-            "valueType": "url",
-            "enumValues": [],
-            "helpKey": ""
-        }
-    },
-    "blueprint_button_formenctype": {
-        "prototype": "montage/core/meta/property-blueprint",
-        "properties": {
-            "name": "formenctype",
-            "blueprint": {
-                "@": "root"
-            },
-            "cardinality": 1,
-            "mandatory": false,
-            "denyDelete": false,
-            "readOnly": false,
-            "valueType": "enum",
-            "enumValues": [
-                "application/x-www-form-urlencoded",
-                "multipart/form-data",
-                "text/plain"
-            ],
-            "helpKey": ""
-        }
-    },
-    "blueprint_button_formmethod": {
-        "prototype": "montage/core/meta/property-blueprint",
-        "properties": {
-            "name": "formmethod",
-            "blueprint": {
-                "@": "root"
-            },
-            "cardinality": 1,
-            "mandatory": false,
-            "denyDelete": false,
-            "readOnly": false,
-            "valueType": "enum",
-            "enumValues": [
-                "get",
-                "post"
-            ],
-            "helpKey": ""
-        }
-    },
-    "blueprint_button_formnovalidate": {
-        "prototype": "montage/core/meta/property-blueprint",
-        "properties": {
-            "name": "formnovalidate",
-            "blueprint": {
-                "@": "root"
-            },
-            "cardinality": 1,
-            "mandatory": false,
-            "denyDelete": false,
-            "readOnly": false,
-            "valueType": "boolean",
-            "enumValues": [],
-            "helpKey": ""
-        }
-    },
-    "blueprint_button_formtarget": {
-        "prototype": "montage/core/meta/property-blueprint",
-        "properties": {
-            "name": "formtarget",
-            "blueprint": {
-                "@": "root"
-            },
-            "cardinality": 1,
-            "mandatory": false,
-            "denyDelete": false,
-            "readOnly": false,
-            "valueType": "string",
-            "enumValues": [],
-            "helpKey": ""
-        }
-    },
-    "blueprint_button_name": {
-        "prototype": "montage/core/meta/property-blueprint",
-        "properties": {
-            "name": "name",
-            "blueprint": {
-                "@": "root"
-            },
-            "cardinality": 1,
-            "mandatory": false,
-            "denyDelete": false,
-            "readOnly": false,
-            "valueType": "string",
-            "enumValues": [],
-            "helpKey": ""
-        }
-    },
-    "blueprint_button_label": {
-        "prototype": "montage/core/meta/property-blueprint",
-        "properties": {
-            "name": "label",
-            "blueprint": {
-                "@": "root"
-            },
-            "cardinality": 1,
-            "mandatory": false,
-            "denyDelete": false,
-            "readOnly": false,
-            "valueType": "string",
-            "enumValues": [],
-            "helpKey": ""
-        }
-    },
-    "blueprint_button_type": {
-        "prototype": "montage/core/meta/property-blueprint",
-        "properties": {
-            "name": "type",
-            "blueprint": {
-                "@": "root"
-            },
-            "cardinality": 1,
-            "mandatory": false,
-            "denyDelete": false,
-            "readOnly": false,
-            "valueType": "enum",
-            "enumValues": [
-                "button",
-                "reset",
-                "submit"
-            ],
-            "helpKey": ""
-        }
-    },
-    "blueprint_button_value": {
-        "prototype": "montage/core/meta/property-blueprint",
-        "properties": {
-            "name": "value",
-            "blueprint": {
-                "@": "root"
-            },
-            "cardinality": 1,
-            "mandatory": false,
-            "denyDelete": false,
-            "readOnly": false,
-            "valueType": "string",
-            "enumValues": [],
-            "helpKey": ""
-        }
-    },
-    "blueprint_nativecontrol_reference": {
-        "prototype": "montage/core/meta/blueprint-reference",
-        "properties": {
-            "valueReference": {
-                "blueprintName": "NativeControl",
-                "prototypeName": "NativeControl",
-                "blueprintModule": {
-                    "%": "ui/native-control.meta"
-                }
-            }
-        }
-    },
-    "root": {
-        "prototype": "montage/core/meta/module-blueprint",
-        "properties": {
-            "name": "button",
-            "customPrototype": false,
-            "parent": {
-                "@": "blueprint_nativecontrol_reference"
-            },
-            "propertyBlueprints": [
-                {
-                    "@": "blueprint_button_autofocus"
-                },
-                {
-                    "@": "blueprint_button_enabled"
-                },
-                {
-                    "@": "blueprint_button_form"
-                },
-                {
-                    "@": "blueprint_button_formaction"
-                },
-                {
-                    "@": "blueprint_button_formenctype"
-                },
-                {
-                    "@": "blueprint_button_formmethod"
-                },
-                {
-                    "@": "blueprint_button_formnovalidate"
-                },
-                {
-                    "@": "blueprint_button_formtarget"
-                },
-                {
-                    "@": "blueprint_button_name"
-                },
-                {
-                    "@": "blueprint_button_label"
-                },
-                {
-                    "@": "blueprint_button_type"
-                },
-                {
-                    "@": "blueprint_button_value"
-                }
-            ],
-            "propertyBlueprintGroups": {
-                "button": [
-                    {
-                        "@": "blueprint_button_label"
-                    },
-                    {
-                        "@": "blueprint_button_type"
-                    },
-                    {
-                        "@": "blueprint_button_name"
-                    },
-                    {
-                        "@": "blueprint_button_enabled"
-                    },
-                    {
-                        "@": "blueprint_button_autofocus"
-                    }
-                ],
-                "button-form": [
-                    {
-                        "@": "blueprint_button_form"
-                    },
-                    {
-                        "@": "blueprint_button_formaction"
-                    },
-                    {
-                        "@": "blueprint_button_formenctype"
-                    },
-                    {
-                        "@": "blueprint_button_formmethod"
-                    },
-                    {
-                        "@": "blueprint_button_formnovalidate"
-                    },
-                    {
-                        "@": "blueprint_button_formtarget"
-                    }
-                ]
-            },
-            "propertyValidationRules": {},
-            "blueprintModule": {
-                "%": "ui/native/button.reel/button.meta"
-            },
-            "exportName": "Button",
-            "module": {
-                "%": "ui/button.reel"
-            }
-        }
-    }
-}
diff --git a/node_modules/matte/node_modules/native/ui/check-input.js b/node_modules/matte/node_modules/native/ui/check-input.js
deleted file mode 100644
index 382fa5fa..00000000
--- a/node_modules/matte/node_modules/native/ui/check-input.js
+++ /dev/null
@@ -1,117 +0,0 @@
-/*global require, exports */
-
-/**
-    @module montage/ui/check-input
-*/
-var NativeControl = require("ui/native-control").NativeControl,
-    PressComposer = require("montage/composer/press-composer").PressComposer;
-
-/**
-    The base class for the Checkbox component. You will not typically create this class directly but instead use the Checkbox component.
-    @class module:montage/ui/check-input.CheckInput
-    @extends module:montage/ui/native-control.NativeControl
-*/
-exports.CheckInput =  NativeControl.specialize({
-
-    // HTMLInputElement methods
-
-    blur: { value: function() { this._element.blur(); } },
-    focus: { value: function() { this._element.focus(); } },
-    // click() deliberately omitted, use checked = instead
-
-    // Callbacks
-    draw: {
-        value: function() {
-            this.super();
-            this._element.setAttribute("aria-checked", this._checked);
-        }
-    },
-
-    _pressComposer: {
-        enumerable: false,
-        value: null
-    },
-
-    prepareForActivationEvents: {
-        value: function() {
-            var pressComposer = this._pressComposer = new PressComposer();
-            this.addComposer(pressComposer);
-            pressComposer.addEventListener("pressStart", this, false);
-            pressComposer.addEventListener("press", this, false);
-        }
-    },
-
-    enterDocument: {
-        value: function(firstTime) {
-            if (firstTime) {
-                this._element.addEventListener('change', this);
-            }
-        }
-    },
-
-    /**
-    Fake the checking of the element.
-
-    Changes the checked property of the element and dispatches a change event.
-    Radio button overrides this.
-
-    @private
-    */
-    _fakeCheck: {
-        enumerable: false,
-        value: function() {
-            var changeEvent;
-            // NOTE: this may be BAD, modifying the element outside of
-            // the draw loop, but it's what a click/touch would
-            // actually have done
-            this._element.checked = !this._element.checked;
-            changeEvent = document.createEvent("HTMLEvents");
-            changeEvent.initEvent("change", true, true);
-            this._element.dispatchEvent(changeEvent);
-        }
-    },
-
-    /**
-    Stores if we need to "fake" checking of the input element.
-
-    When preventDefault is called on touchstart and touchend events (e.g. by
-    the scroller component) the checkbox doesn't check itself, so we need
-    to fake it later.
-
-    @default false
-    @private
-    */
-    _shouldFakeCheck: {
-        enumerable: false,
-        value: false
-    },
-
-    // Handlers
-
-    handlePressStart: {
-        value: function(event) {
-            this._shouldFakeCheck = event.defaultPrevented;
-        }
-    },
-
-
-    handlePress: {
-        value: function(event) {
-            if (this._shouldFakeCheck) {
-                this._shouldFakeCheck = false;
-                this._fakeCheck();
-            }
-        }
-    },
-
-    handleChange: {
-        enumerable: false,
-        value: function(event) {
-            if (!this._pressComposer || this._pressComposer.state !== PressComposer.CANCELLED) {
-                Object.getPropertyDescriptor(this, "checked").set.call(this,
-                    this.element.checked, true);
-                this._dispatchActionEvent();
-            }
-        }
-    }
-});
diff --git a/node_modules/matte/node_modules/native/ui/image.reel/image.js b/node_modules/matte/node_modules/native/ui/image.reel/image.js
deleted file mode 100644
index 04719078..00000000
--- a/node_modules/matte/node_modules/native/ui/image.reel/image.js
+++ /dev/null
@@ -1,46 +0,0 @@
-/**
-    @module "montage/ui/native/image.reel"
-    @requires montage/ui/component
-    @requires montage/ui/native-control
-*/
-var NativeControl = require("ui/native-control").NativeControl;
-
-/**
- * Wraps the a &lt;img> element with binding support for its standard attributes.
-   @class module:"montage/ui/native/image.reel".Image
-   @extends module:montage/ui/native-control.NativeControl
- */
-var Image = exports.Image = NativeControl.specialize({
-
-});
-
-Image.addAttributes(/** @lends module:"montage/ui/native/image.reel".Image */{
-
-/**
-    A text description to display in place of the image.
-    @type {string}
-    @default null
-*/
-        alt: null,
-
-/**
-    The height of the image in CSS pixels.
-    @type {number}
-    @default null
-*/
-        height: null,
-
-/**
-    The URL where the image is located.
-    @type {string}
-    @default null
-*/
-        src: null,
-
-/**
-    The width of the image in CSS pixels.
-    @type {number}
-    @default null
-*/
-        width: null
-});
diff --git a/node_modules/matte/node_modules/native/ui/input-checkbox.reel/input-checkbox.js b/node_modules/matte/node_modules/native/ui/input-checkbox.reel/input-checkbox.js
deleted file mode 100644
index a890fab5..00000000
--- a/node_modules/matte/node_modules/native/ui/input-checkbox.reel/input-checkbox.js
+++ /dev/null
@@ -1,72 +0,0 @@
-/**
-    @module "montage/ui/native/input-checkbox.reel"
-    @requires montage/core/core
-    @requires montage/ui/check-input
-*/
-var CheckInput = require("ui/check-input").CheckInput;
-
-/**
-
-    @class module:"montage/ui/native/input-checkbox.reel".InputCheckbox
-    @extends module:montage/ui/check-input.CheckInput
-*/
-var InputCheckbox = exports.InputCheckbox = CheckInput.specialize({
-
-});
-InputCheckbox.addAttributes( /** @lends module:"montage/ui/native/input-checkbox.reel".InputCheckbox# */ {
-
-/**
-    Specifies if the checkbox control should receive focus when the document loads. Because Montage components are loaded asynchronously after the document has loaded, setting this property has no effect on the element's focus state.
-    @type {boolean}
-    @default false
-*/
-    autofocus: {value: false, dataType: 'boolean'},
-
-/**
-    Specifies if the checkbox control is disabled.
-    @type {boolean}
-    @default false
-*/
-    disabled: {value: false, dataType: 'boolean'},
-
-/**
-    Specifies if the checkbox is in it checked state or not.
-    @type {boolean}
-    @default false
-*/
-    checked: {value: false, dataType: 'boolean'},
-
-/**
-    The value of the id attribute of the form with which to associate the element.
-    @type {string}
-    @default null
-*/
-    form: null,
-
-/**
-    The name part of the name/value pair associated with this element for the purposes of form submission.
-    @type {string}
-    @default null
-*/
-    name: null,
-
-/**
-    Specifies if this control is readonly.
-    @type {boolean}
-    @default false
-*/
-    readonly: {value: false, dataType: 'boolean'},
-
-/**
-    A string the browser displays in a tooltip when the user hovers their mouse over the element.
-    @type {string}
-    @default null
-*/
-    title: null,
-    /*
-    The value associated with the checkbox. Per the WC3 specification, if the element has a <code>value</code> attribute then the value of that attribute's value is returned; otherwise, it returns "on".
-    @type {string}
-    @default "on"
-    */
-    value: {value: 'on'}
-});
diff --git a/node_modules/matte/node_modules/native/ui/input-date.reel/input-date.js b/node_modules/matte/node_modules/native/ui/input-date.reel/input-date.js
deleted file mode 100644
index fa35b73b..00000000
--- a/node_modules/matte/node_modules/native/ui/input-date.reel/input-date.js
+++ /dev/null
@@ -1,40 +0,0 @@
-/**
-    @module "montage/ui/native/input-date.reel"
-    @requires montage/core/core
-    @requires montage/ui/component
-    @requires montage/ui/text-input
-*/
-var Montage = require("montage").Montage,
-    Component = require("montage/ui/component").Component,
-    TextInput = require("ui/text-input").TextInput;
-
-/**
-  	Wraps an &lt;input type="date"> element as a component.
-    @class module:"montage/ui/native/input-date.reel".InputDate
-    @extends module:montage/ui/text-input.TextInput
- */
-var InputDate = exports.InputDate = TextInput.specialize({
-});
-
-InputDate.addAttributes( /** @lends module:"montage/ui/native/input-date.reel".InputDate# */{
-
-/**
-	The upper bound for the element’s value represented in the "full-date" format, (for example, 2001-05-24).
-	@type {string}
-	@default: null
-*/
-    max: null,
-/**
-	The lower bound for the element’s value represented in the "full-date" format, (for example, 2001-05-24).
-	@type {string}
-	@default: null
-*/
-    min: null,
-
-/**
-	The amount the date changes with each step.
-	@type {string|number}
-	@default null
-*/
-    step: null
-});
diff --git a/node_modules/matte/node_modules/native/ui/input-number.reel/input-number.js b/node_modules/matte/node_modules/native/ui/input-number.reel/input-number.js
deleted file mode 100644
index 1f14eeeb..00000000
--- a/node_modules/matte/node_modules/native/ui/input-number.reel/input-number.js
+++ /dev/null
@@ -1,40 +0,0 @@
-/**
-    @module "montage/ui/native/input-number.reel"
-    @requires montage/ui/component
-    @requires montage/ui/text-input
-*/
-
-var TextInput = require("ui/text-input").TextInput;
-
-/**
- * Wraps the a &lt;input type="date"> element with binding support for the element's standard attributes.
-   @class module:"montage/ui/native/input-number.reel".InputNumber
-   @extends module:montage/ui/text-input.TextInput
- */
-var InputNumber = exports.InputNumber = TextInput.specialize({
-
-});
-
-InputNumber.addAttributes(/** @lends module:"montage/ui/native/input-number.reel".InputNumber */{
-
-/**
-	The maximum value displayed but the number control.
-	@type {number}
-	@default null
-*/
-    max: {dataType: 'number'},
-
-/**
-	The minimum value displayed but the number control.
-	@type {number}
-	@default null
-*/
-    min: {dataType: 'number'},
-
-/**
-	The amount the number changes with each step.
-	@type {number}
-	@default null
-*/
-    step: null // number or 'any'
-});
diff --git a/node_modules/matte/node_modules/native/ui/input-radio.reel/input-radio.js b/node_modules/matte/node_modules/native/ui/input-radio.reel/input-radio.js
deleted file mode 100644
index b362c9d2..00000000
--- a/node_modules/matte/node_modules/native/ui/input-radio.reel/input-radio.js
+++ /dev/null
@@ -1,171 +0,0 @@
-/**
-    @module "montage/ui/native/input-radio.reel"
-*/
-var CheckInput = require("ui/check-input").CheckInput;
-/**
- * Wraps the a &lt;input type="radio"> element with binding support for the element's standard attributes.
-   @class module:"montage/ui/native/input-radio.reel".InputRadio
-   @extends module:montage/ui/check-input.CheckInput
- */
-var InputRadio = exports.InputRadio = CheckInput.specialize({
-    
-    constructor: {
-        value: function InputRadio() {
-            this.super();
-            InputRadio.addEventListener('checked', this);
-        }
-    },
-
-    
-    _fakeCheck: {
-        enumerable: false,
-        value: function() {
-            var changeEvent;
-            // NOTE: this may be BAD, modifying the element outside of
-            // the draw loop, but it's what a click/touch would
-            // actually have done
-
-            if (!this._element.checked) {
-                this._element.checked = true;
-                changeEvent = document.createEvent("HTMLEvents");
-                changeEvent.initEvent("change", true, true);
-                this._element.dispatchEvent(changeEvent);
-            }
-        }
-    },
-
-    _checkedSyncedWithInputField: {
-        enumerable: false,
-        value: false
-    },
-
-    _checked: {
-        enumerable: false,
-        value: null
-    },
-
-/**
-    Specifies if the InputRadio is in its checked state or not.
-    @type {boolean}
-    @default false
-*/
-    checked: {
-        get: function() {
-            // If we haven't synced with the input field then our value is
-            // more up to date than the element and so we don't get it from the
-            // element. If we have synced then the user could have changed
-            // the focus to another radio button, so we *do* retrieve it from
-            // the element.
-            if (this._checkedSyncedWithInputField === true) {
-                this._checked = this._element.checked;
-            }
-
-            return this._checked;
-        },
-        set: function(value, fromInput) {
-            this._checked = value;
-            if (fromInput) {
-                this._valueSyncedWithInputField = true;
-            } else {
-                this._valueSyncedWithInputField = false;
-                this.needsDraw = true;
-            }
-
-            if(this._checked === true) {
-                if(this.name && this.name !== null) {
-                    // dispatch an event to all other radiobuttons with the same name
-                    var anEvent = document.createEvent("CustomEvent");
-                    anEvent.initCustomEvent("checked", true, true, {
-                        name: this.name,
-                        component: this
-                    });
-                    InputRadio.dispatchEvent(anEvent);
-                }
-            }
-        }
-    },
-
-
-    handleChecked:{
-        value: function(evt) {
-            // if we receive this event, it means that some other radiobutton with the same name
-            // has been checked. So, mark this as unchecked.
-            if(this.name === evt.detail.name && this !== evt.detail.component) {
-                this.checked = false;
-            }
-        }
-    },
-
-    draw: {
-        value: function() {
-            if (!this._valueSyncedWithInputField) {
-                this._element.checked = this._checked;
-            }
-
-            this.super();
-        }
-    }
-});
-InputRadio.addAttributes(/** @lends module:"montage/ui/native/input-radio.reel".InputRadio */ {
-
-/**
-    Specifies whether the radio button should be focused as soon as the page is loaded.
-    @type {boolean}
-    @default false
-*/
-    autofocus: {value: false, dataType: 'boolean'},
-
-/**
-    When true, the radio button is disabled to user input and "disabled" is added to the element's CSS class list, allowing you to style the disabled control.
-    @type {boolean}
-    @default false
-*/
-    disabled: {value: false, dataType: 'boolean'},
-
-/**
-    Specifies if the radio button is checked or not.
-    @type {boolean}
-    @default false
-*/
-    checked: {value: false, dataType: 'boolean'},
-
-/**
-    The value of the id attribute on the form with which to associate the radio button element.
-    @type string}
-    @default null
-*/
-    form: null,
-
-/**
-    The name associated with the radio button's element.
-    @type {string}
-    @default null
-*/
-    name: null,
-
-/**
-    Specifies whether or not the user can edit the radio button.
-    @type {boolean}
-    @default false
-*/
-    readonly: {value: false, dataType: 'boolean'},
-
-/**
-    Advisory information for the element, rendered as the element's tooltip.
-    @type {string},
-    @default null
-*/
-    title: null,
-    /*
-    "On getting, if the element has a value attribute, it must return that
-    attribute's value; otherwise, it must return the string "on". On setting,
-    it must set the element's value attribute to the new value."
-    http://www.w3.org/TR/html5/common-input-element-attributes.html#dom-input-value-default-on
-    */
-/**
-    The value associated with the element.
-    @type {string}
-    @default "on"
-*/
-    value: {value: 'on'}
-});
diff --git a/node_modules/matte/node_modules/native/ui/input-range.reel/input-range.js b/node_modules/matte/node_modules/native/ui/input-range.reel/input-range.js
deleted file mode 100644
index c24bb58c..00000000
--- a/node_modules/matte/node_modules/native/ui/input-range.reel/input-range.js
+++ /dev/null
@@ -1,73 +0,0 @@
-/*global require,exports */
-
-/**
-    @module "montage/ui/native/input-range.reel"
-*/
-
-var TextInput = require("ui/text-input").TextInput,
-    PressComposer = require("montage/composer/press-composer").PressComposer;
-
-/**
- * Wraps the a &lt;input type="range"> element with binding support for the element's standard attributes.
-   @class module:"montage/ui/native/input-range.reel".InputRange
-   @extends module:montage/ui/text-input.TextInput
- */
-var InputRange = exports.InputRange = TextInput.specialize({
-    prepareForActivationEvents: {
-        value: function() {
-            var pressComposer = new PressComposer();
-            pressComposer.delegate = this;
-            this.addComposer(pressComposer);
-            pressComposer.addEventListener("pressStart", this, false);
-            pressComposer.addEventListener("press", this, false);
-            pressComposer.addEventListener("pressCancel", this, false);
-        }
-    },
-
-    handlePressStart: {
-        value: function(e) {
-            var interactionStartEvent = document.createEvent("CustomEvent");
-            interactionStartEvent.initCustomEvent("montage_range_interaction_start", true, true, null);
-            this.dispatchEvent(interactionStartEvent);
-        }
-    },
-
-    handlePress: {
-        value: function(e) {
-            var interactionEndEvent = document.createEvent("CustomEvent");
-            interactionEndEvent.initCustomEvent("montage_range_interaction_end", true, true, null);
-            this.dispatchEvent(interactionEndEvent);
-        }
-    },
-
-    surrenderPointer: {
-        value: function(pointer, composer) {
-            // If the user is sliding us then we do not want anyone using
-            // the pointer
-            return false;
-        }
-    }
-});
-
-InputRange.addAttributes( /** @lends module:"montage/ui/native/input-range.reel".InputRange# */ {
-/**
-    The maximum value displayed but the input control.
-    @type {number}
-    @default null
-*/
-    max: {dataType: 'number'},
-
-/**
-    The minimum value displayed but the input control.
-    @type {number}
-    @default null
-*/
-    min: {dataType: 'number'},
-
-/**
-    The amount the number changes with each step. The step size can be a number, or the string 'any'.
-    @type {number|string}
-    @default null
-*/
-    step: null // number or 'any'
-});
diff --git a/node_modules/matte/node_modules/native/ui/input-text.reel/input-text.js b/node_modules/matte/node_modules/native/ui/input-text.reel/input-text.js
deleted file mode 100644
index 6236496b..00000000
--- a/node_modules/matte/node_modules/native/ui/input-text.reel/input-text.js
+++ /dev/null
@@ -1,20 +0,0 @@
-/**
-    @module "montage/ui/native/input-text.reel"
-*/
-var TextInput = require("ui/text-input").TextInput;
-/**
- * Wraps the a &lt;input type="text"> element with binding support for the element's standard attributes.
-   @class module:"montage/ui/native/input-text.reel".InputText
-   @extends module:montage/ui/text-input.TextInput
-
- */
-exports.InputText = TextInput.specialize({
-
-    select: {
-        value: function() {
-            this._element.select();
-        }
-    }
-
-});
-
diff --git a/node_modules/matte/node_modules/native/ui/native-control.js b/node_modules/matte/node_modules/native/ui/native-control.js
deleted file mode 100644
index fa668801..00000000
--- a/node_modules/matte/node_modules/native/ui/native-control.js
+++ /dev/null
@@ -1,122 +0,0 @@
-/**
-    @module montage/ui/native-control
-*/
-
-var Component = require("montage/ui/component").Component;
-
-/**
-    Base component for all native components, such as RadioButton and Checkbox.
-    @class module:montage/ui/native-control.NativeControl
-    @extends module:montage/ui/component.Component
- */
-var NativeControl = exports.NativeControl = Component.specialize(/** @lends module:montage/ui/native-control.NativeControl# */ {
-
-    hasTemplate: {
-        value: false
-    },
-
-    willPrepareForDraw: {
-        value: function() {
-        }
-    }
-});
-
-//http://www.w3.org/TR/html5/elements.html#global-attributes
-NativeControl.addAttributes( /** @lends module:montage/ui/native-control.NativeControl# */ {
-
-/**
-    Specifies the shortcut key(s) that gives focuses to or activates the element.
-    @see {@link http://www.w3.org/TR/html5/editing.html#the-accesskey-attribute}
-    @type {string}
-    @default null
-*/
-    accesskey: null,
-
-/**
-    Specifies if the content is editable or not. Valid values are "true", "false", and "inherit".
-    @see {@link http://www.w3.org/TR/html5/editing.html#contenteditable}
-    @type {string}
-    @default null
-
-*/
-    contenteditable: null,
-
-/**
-    Specifies the ID of a <code>menu</code> element in the DOM to use as the element's context menu.
-    @see  {@link http://www.w3.org/TR/html5/interactive-elements.html#attr-contextmenu}
-    @type {string}
-    @default null
-*/
-    contextmenu: null,
-
-/**
-    Specifies the elements element's text directionality. Valid values are "ltr", "rtl", and "auto".
-    @see {@link http://www.w3.org/TR/html5/elements.html#the-dir-attribute}
-    @type {string}
-    @default null
-*/
-    dir: null,
-
-/**
-    Specifies if the element is draggable. Valid values are "true", "false", and "auto".
-    @type {string}
-    @default null
-    @see {@link http://www.w3.org/TR/html5/dnd.html#the-draggable-attribute}
-*/
-    draggable: null,
-
-/**
-    Specifies the behavior that's taken when an item is dropped on the element. Valid values are "copy", "move", and "link".
-    @type {string}
-    @see {@link http://www.w3.org/TR/html5/dnd.html#the-dropzone-attribute}
-*/
-    dropzone: null,
-
-/**
-    When specified on an element, it indicates that the element should not be displayed.
-    @type {boolean}
-    @default false
-*/
-    hidden: {dataType: 'boolean'},
-    //id: null,
-
-/**
-    Specifies the primary language for the element's contents and for any of the element's attributes that contain text.
-    @type {string}
-    @default null
-    @see {@link http://www.w3.org/TR/html5/elements.html#attr-lang}
-*/
-    lang: null,
-
-/**
-    Specifies if element should have its spelling and grammar checked by the browser. Valid values are "true", "false".
-    @type {string}
-    @default null
-    @see {@link http://www.w3.org/TR/html5/editing.html#attr-spellcheck}
-*/
-    spellcheck: null,
-
-/**
-    The CSS styling attribute.
-    @type {string}
-    @default null
-    @see {@link http://www.w3.org/TR/html5/elements.html#the-style-attribute}
-*/
-    style: null,
-
-/**
-     Specifies the relative order of the element for the purposes of sequential focus navigation.
-     @type {number}
-     @default null
-     @see {@link http://www.w3.org/TR/html5/editing.html#attr-tabindex}
-*/
-    tabindex: null,
-
-/**
-    Specifies advisory information about the element, used as a tooltip when hovering over the element, and other purposes.
-    @type {string}
-    @default null
-    @see {@link http://www.w3.org/TR/html5/elements.html#the-title-attribute}
-*/
-    title: null
-});
diff --git a/node_modules/matte/node_modules/native/ui/native-control.meta b/node_modules/matte/node_modules/native/ui/native-control.meta
deleted file mode 100644
index f817d664..00000000
--- a/node_modules/matte/node_modules/native/ui/native-control.meta
+++ /dev/null
@@ -1,314 +0,0 @@
-{
-    "blueprint_native_control_accesskey": {
-        "prototype": "montage/core/meta/property-blueprint",
-        "properties": {
-            "name": "accesskey",
-            "blueprint": {
-                "@": "root"
-            },
-            "cardinality": 1,
-            "mandatory": false,
-            "denyDelete": false,
-            "readOnly": false,
-            "valueType": "string",
-            "enumValues": [],
-            "helpKey": ""
-        }
-    },
-    "blueprint_native_control_contenteditable": {
-        "prototype": "montage/core/meta/property-blueprint",
-        "properties": {
-            "name": "contenteditable",
-            "blueprint": {
-                "@": "root"
-            },
-            "cardinality": 1,
-            "mandatory": false,
-            "denyDelete": false,
-            "readOnly": false,
-            "valueType": "enum",
-            "enumValues": [
-                "true",
-                "false",
-                "inherit"
-            ],
-            "helpKey": ""
-        }
-    },
-    "blueprint_native_control_contextmenu": {
-        "prototype": "montage/core/meta/property-blueprint",
-        "properties": {
-            "name": "contextmenu",
-            "blueprint": {
-                "@": "root"
-            },
-            "cardinality": 1,
-            "mandatory": false,
-            "denyDelete": false,
-            "readOnly": false,
-            "valueType": "string",
-            "enumValues": [],
-            "helpKey": ""
-        }
-    },
-    "blueprint_native_control_dir": {
-        "prototype": "montage/core/meta/property-blueprint",
-        "properties": {
-            "name": "dir",
-            "blueprint": {
-                "@": "root"
-            },
-            "cardinality": 1,
-            "mandatory": false,
-            "denyDelete": false,
-            "readOnly": false,
-            "valueType": "enum",
-            "enumValues": [
-                "ltr",
-                "rtl",
-                "auto"
-            ],
-            "helpKey": ""
-        }
-    },
-    "blueprint_native_control_draggable": {
-        "prototype": "montage/core/meta/property-blueprint",
-        "properties": {
-            "name": "draggable",
-            "blueprint": {
-                "@": "root"
-            },
-            "cardinality": 1,
-            "mandatory": false,
-            "denyDelete": false,
-            "readOnly": false,
-            "valueType": "enum",
-            "enumValues": [
-                "true",
-                "false",
-                "auto"
-            ],
-            "helpKey": ""
-        }
-    },
-    "blueprint_native_control_dropzone": {
-        "prototype": "montage/core/meta/property-blueprint",
-        "properties": {
-            "name": "dropzone",
-            "blueprint": {
-                "@": "root"
-            },
-            "cardinality": 1,
-            "mandatory": false,
-            "denyDelete": false,
-            "readOnly": false,
-            "valueType": "string",
-            "enumValues": [],
-            "helpKey": ""
-        }
-    },
-    "blueprint_native_control_hidden": {
-        "prototype": "montage/core/meta/property-blueprint",
-        "properties": {
-            "name": "hidden",
-            "blueprint": {
-                "@": "root"
-            },
-            "cardinality": 1,
-            "mandatory": false,
-            "denyDelete": false,
-            "readOnly": false,
-            "valueType": "boolean",
-            "enumValues": [],
-            "helpKey": ""
-        }
-    },
-    "blueprint_native_control_lang": {
-        "prototype": "montage/core/meta/property-blueprint",
-        "properties": {
-            "name": "lang",
-            "blueprint": {
-                "@": "root"
-            },
-            "cardinality": 1,
-            "mandatory": false,
-            "denyDelete": false,
-            "readOnly": false,
-            "valueType": "string",
-            "enumValues": [],
-            "helpKey": ""
-        }
-    },
-    "blueprint_native_control_spellcheck": {
-        "prototype": "montage/core/meta/property-blueprint",
-        "properties": {
-            "name": "spellcheck",
-            "blueprint": {
-                "@": "root"
-            },
-            "cardinality": 1,
-            "mandatory": false,
-            "denyDelete": false,
-            "readOnly": false,
-            "valueType": "boolean",
-            "enumValues": [],
-            "helpKey": ""
-        }
-    },
-    "blueprint_native_control_style": {
-        "prototype": "montage/core/meta/property-blueprint",
-        "properties": {
-            "name": "style",
-            "blueprint": {
-                "@": "root"
-            },
-            "cardinality": 1,
-            "mandatory": false,
-            "denyDelete": false,
-            "readOnly": false,
-            "valueType": "string",
-            "enumValues": [],
-            "helpKey": ""
-        }
-    },
-    "blueprint_native_control_tabindex": {
-        "prototype": "montage/core/meta/property-blueprint",
-        "properties": {
-            "name": "tabindex",
-            "blueprint": {
-                "@": "root"
-            },
-            "cardinality": 1,
-            "mandatory": false,
-            "denyDelete": false,
-            "readOnly": false,
-            "valueType": "number",
-            "enumValues": [],
-            "helpKey": ""
-        }
-    },
-    "blueprint_native_control_title": {
-        "prototype": "montage/core/meta/property-blueprint",
-        "properties": {
-            "name": "title",
-            "blueprint": {
-                "@": "root"
-            },
-            "cardinality": 1,
-            "mandatory": false,
-            "denyDelete": false,
-            "readOnly": false,
-            "valueType": "string",
-            "enumValues": [],
-            "helpKey": ""
-        }
-    },
-    "blueprint_component_reference": {
-        "prototype": "montage/core/meta/blueprint-reference",
-        "properties": {
-            "valueReference": {
-                "blueprintName": "Component",
-                "prototypeName": "Component",
-                "blueprintModule": {
-                    "%": "montage/ui/component.meta"
-                }
-            }
-        }
-    },
-    "root": {
-        "prototype": "montage/core/meta/module-blueprint",
-        "properties": {
-            "name": "NativeControl",
-            "customPrototype": false,
-            "parent": {
-                "@": "blueprint_component_reference"
-            },
-            "propertyBlueprints": [
-                {
-                    "@": "blueprint_native_control_accesskey"
-                },
-                {
-                    "@": "blueprint_native_control_contenteditable"
-                },
-                {
-                    "@": "blueprint_native_control_contextmenu"
-                },
-                {
-                    "@": "blueprint_native_control_dir"
-                },
-                {
-                    "@": "blueprint_native_control_draggable"
-                },
-                {
-                    "@": "blueprint_native_control_dropzone"
-                },
-                {
-                    "@": "blueprint_native_control_hidden"
-                },
-                {
-                    "@": "blueprint_native_control_lang"
-                },
-                {
-                    "@": "blueprint_native_control_spellcheck"
-                },
-                {
-                    "@": "blueprint_native_control_style"
-                },
-                {
-                    "@": "blueprint_native_control_tabindex"
-                },
-                {
-                    "@": "blueprint_native_control_title"
-                }
-            ],
-            "propertyBlueprintGroups": {
-                "native-control": [
-                    {
-                        "@": "blueprint_native_control_accesskey"
-                    },
-                    {
-                        "@": "blueprint_native_control_contenteditable"
-                    },
-                    {
-                        "@": "blueprint_native_control_contextmenu"
-                    },
-                    {
-                        "@": "blueprint_native_control_dir"
-                    },
-                    {
-                        "@": "blueprint_native_control_draggable"
-                    },
-                    {
-                        "@": "blueprint_native_control_dropzone"
-                    },
-                    {
-                        "@": "blueprint_native_control_hidden"
-                    },
-                    {
-                        "@": "blueprint_native_control_lang"
-                    },
-                    {
-                        "@": "blueprint_native_control_spellcheck"
-                    },
-                    {
-                        "@": "blueprint_native_control_style"
-                    },
-                    {
-                        "@": "blueprint_native_control_tabindex"
-                    },
-                    {
-                        "@": "blueprint_native_control_title"
-                    }
-                ]
-            },
-            "propertyValidationRules": {},
-            "blueprintModule": {
-                "%": "ui/native-control.meta"
-            },
-            "exportName": "NativeControl",
-            "module": {
-                "%": "ui/native-control"
-            }
-        }
-    }
-}
diff --git a/node_modules/matte/node_modules/native/ui/progress.reel/progress.js b/node_modules/matte/node_modules/native/ui/progress.reel/progress.js
deleted file mode 100644
index 88ee9d41..00000000
--- a/node_modules/matte/node_modules/native/ui/progress.reel/progress.js
+++ /dev/null
@@ -1,39 +0,0 @@
-/**
-    @module "montage/ui/native/progress.reel"
-*/
-
-var NativeControl = require("ui/native-control").NativeControl;
-
-/**
-  The Progress component wraps a native <code>&lt;progress></code> element and exposes its standard attributes as bindable properties.
-  @class module:"montage/ui/native/progress.reel".Progress
-  @extends module:montage/ui/native-control.NativeControl
-
-*/
-var Progress = exports.Progress =  NativeControl.specialize({
-
-});
-
-Progress.addAttributes( /** @lends module:"montage/ui/native/progress.reel".Progress# */{
-
-/**
-    The value of the id attribute of the form with which to associate the component's element.
-    @type string}
-    @default null
-*/
-    form: null,
-
-/**
-    The maximum value displayed but the progress control.
-    @type {number}
-    @default null
-*/
-    max: {dataType: 'number'},
-
-/**
-    The current value displayed but the progress control.
-    @type {number}
-    @default null
-*/
-    value: {dataType: 'number'}
-});
diff --git a/node_modules/matte/node_modules/native/ui/select.reel/select.js b/node_modules/matte/node_modules/native/ui/select.reel/select.js
deleted file mode 100644
index e37483cf..00000000
--- a/node_modules/matte/node_modules/native/ui/select.reel/select.js
+++ /dev/null
@@ -1,545 +0,0 @@
-/**
-    @module "montage/ui/native/select.reel"
-*/
-
-var Bindings = require("montage/core/bindings").Bindings,
-    RangeController = require("montage/core/range-controller").RangeController,
-    NativeControl = require("ui/native-control").NativeControl,
-    PressComposer = require("montage/composer/press-composer").PressComposer;
-
-/**
-    Wraps the a &lt;select&gt; element with binding support for the element's
-    standard attributes. Uses an ArrayController instance to manage the
-    element's contents and selection.
-    @class module:"montage/ui/native/select.reel".Select
-    @extends module:montage/ui/native-control.NativeControl
-    @summary
-    If the &lt;select&gt; markup contains <option> is provided in the markup
-    and <code>contentController</code> is not, the
-    <code>contentController</code> collection is populated with the options
-    from the markup. If <code>contentController</code> is present, any options
-    in the markup are overwritten by the values from the
-    <code>contentController</code> when they are available.
- */
-var Select = exports.Select =  NativeControl.specialize(/** @lends module:"montage/ui/native/select.reel".Select */ {
-
-    _fromInput: {value: null},
-    _synching: {value: null},
-    //_internalSet: {value: null},
-
-    _selectedIndexes: {
-        value: null
-    },
-
-    selectedIndexes: {
-        get: function() {
-            return this._selectedIndexes;
-        },
-        set: function(selectedIndexes) {
-            var content = this.content,
-                values = [];
-
-            for (var i = 0, ii = selectedIndexes.length; i < ii; i++) {
-                values.push(content[selectedIndexes[i]][this.valuePropertyPath || 'value']);
-            }
-
-            // values should be automatically created by a binding
-            if (selectedIndexes.length <= 1) {
-                this.value = values[0];
-            } else {
-                this.values = values;
-            }
-        }
-    },
-
-    constructor: {
-        value: function Select() {
-            this.super();
-
-            this._selectedIndexes = [];
-            this._selectedIndexes.addRangeChangeListener(this, "selectedIndexes");
-        }
-    },
-
-    handleSelectedIndexesRangeChange: {
-        value: function() {
-            if(this.needsDraw === false) {
-                this.needsDraw = this._synching || !this._fromInput;
-            }
-        }
-    },
-
-    _setContentControllerSelectedIndexes: {
-        value: function(selectedIndexes) {
-            var content = this.content,
-                selection = this._contentController.selection,
-                ix;
-
-            for (var i = 0, ii = content.length; i < ii; i++) {
-                if (selectedIndexes.indexOf(i) >= 0) {
-                    // If the item was selected in the Select then add it
-                    // to the controller selection if it isn't there.
-                    if (selection.indexOf(content[i]) === -1) {
-                        selection.push(content[i]);
-                    }
-                } else {
-                    ix = selection.indexOf(content[i]);
-                    // If the item is deselected in the Select then remove it
-                    // from the controller selection if it is there.
-                    if (ix >= 0) {
-                        selection.splice(ix, 1);
-                    }
-                }
-            }
-        }
-    },
-
-    //-----------------------
-    // Public API
-    //-----------------------
-
-    _content: {value: null, enumerable: false},
-/**
-    An array of items to to assign to the component's
-    <code>contentController</code> property, which is a RangeController.
-*/
-    content: {
-        set: function(value) {
-            //if(!Array.isArray(value)) {
-            //    value = [value];
-            //}
-            this._content = value;
-
-            if(!this.contentController) {
-                var contentController = new RangeController();
-                contentController.content = value;
-                contentController.selection = [];
-                this.contentController = contentController;
-            }
-
-            this.needsDraw = true;
-        },
-        get: function() {
-            return this._content;
-        }
-    },
-
-    // If a <code>contentController</code> is provided, this allows the developer to specify
-    // which property in each element provides the "value" part of <option>
-    /**
-        Specifies the property belonging to the component's <code>contentController</code> to use as the "value" part of the <option>.
-    */
-    valuePropertyPath: {
-        value: null
-    },
-
-    /**
-        Specifies the property belonging to the component's <code>contentController</code> to use as the text content of the <option>.
-    */
-    textPropertyPath: {
-        value: null
-    },
-
-
-    _contentController: {
-        value: null
-    },
-
-/**
-    An ArrayController instance used to manage the content and selection of the select input control.
-    @default null
-*/
-    contentController: {
-        get: function() {
-            return this._contentController;
-        },
-        set: function(value) {
-            if (this._contentController === value) {
-                return;
-            }
-
-            this._contentController = value;
-            value.multiSelect = this.multiple;
-
-            Bindings.defineBindings(this, {
-                "content": {"<-": "_contentController.organizedContent"},
-                "_selection": {"<-": "_contentController.selection"},
-                "_selectedIndexes.rangeContent()": {
-                    "<-": "content.enumerate().filter{$_selection.has(.1)}.map{.0}"
-                }
-            });
-        }
-    },
-
-    _getSelectedValuesFromIndexes: {
-        value: function() {
-            var selectedIndexes = this._selectedIndexes,
-                content = this._content,
-                arr,
-                length = selectedIndexes.length,
-                valuePath;
-
-            if(length > 0) {
-                arr = [];
-                valuePath = this.valuePropertyPath || 'value';
-
-                for (var i = 0; i < length; i++) {
-                    if (content[selectedIndexes[i]][valuePath]) {
-                        arr.push(content[selectedIndexes[i]][valuePath]);
-                    }
-                }
-            }
-
-            return arr;
-        }
-    },
-
-    _synchValues: {
-        value: function() {
-            if(!this._synching) {
-                this._synching = true;
-                this.values = this._getSelectedValuesFromIndexes();
-                this.value = ((this.values && this.values.length > 0) ? this.values[0] : null);
-                this._synching = false;
-            }
-        }
-    },
-
-
-    // TODO: values could be automatically created by
-    // iterations.selections.map{value}
-    _values: {value: null},
-    values: {
-        get: function() {
-            return this._values;
-        },
-        set: function(valuesArray) {
-            var content = this.content;
-
-            if(valuesArray && content) {
-                this._values = valuesArray;
-
-                if(!this._synching) {
-                    var selectedIndexes = [];
-                    var i=0, len = this._values.length, index;
-
-                    for(; i<len; i++) {
-                        index = this._indexOf(this._values[i]);
-                        if(index >= 0) {
-                            selectedIndexes.push(index);
-                        }
-                    }
-
-                    this._synching = true;
-                    this._setContentControllerSelectedIndexes(selectedIndexes);
-                    this._synching = false;
-                }
-            }
-        }
-        //dependencies: ["_selectedIndexes"]
-    },
-
-    // TODO: values could be automatically created by
-    // selection.0.value
-    _value: {value: null},
-    value: {
-        get: function() {
-            return this._value;
-        },
-        set: function(value) {
-            this._value = value;
-
-            if(!this._synching) {
-                if(value == null) {
-                    this.values = [];
-                } else {
-                    this.values = [value];
-                }
-            }
-
-
-        }
-        //dependencies: ["_selectedIndexes"]
-    },
-
-    // HTMLSelectElement methods
-
-    // add() and remove() deliberately omitted. Use the contentController instead
-    blur: { value: function() { this._element.blur(); } },
-    focus: { value: function() { this._element.focus(); } },
-
-    // -------------------
-    // Montage Callbacks
-    // --------------------
-
-    _addOptionsFromMarkup: {
-        value: function() {
-
-            var el = this.element, options = el.querySelectorAll('option');
-            // @todo: if contentController is provided, should we just ignore the <option>
-            // from the markup ?
-
-            // create a new RangeController if one is not provided
-            // add options to contentController
-            // look for selected options in the markup and mark these as selected
-            if(!this.contentController) {
-                var contentController = new RangeController();
-                var selection = [];
-                var content = [];
-
-                if(options && options.length > 0) {
-                    var i=0, len = options.length, selected;
-                    for(; i< len; i++) {
-                        selected = options[i].getAttribute('selected');
-                        var object = {
-                            value: options[i].value,
-                            text: options[i].textContent
-                        };
-                        if (selected) {
-                            selection.push(object);
-                        }
-                        content.push(object);
-                    }
-
-                    if (selection.length === 0 && len > 0) {
-                        // nothing is marked as selected by default. Select the
-                        // first one (gh-122)
-                        selection.push(content[0]);
-                    }
-                    this._fromInput = true;
-                    this.contentController = contentController;
-                    contentController.content = content;
-                    contentController.selection = selection;
-                }
-            }
-
-        }
-    },
-
-
-    deserializedFromTemplate: {
-        value: function() {
-
-            /*
-            1) If <option> is provided in the markup but contentController is not,
-            fill the contentController with the options from the markup
-            2) If contentController is present, options from markup will be overwritten
-            by the values from contentController when they are available
-            */
-            this._addOptionsFromMarkup();
-        }
-    },
-
-
-    _removeAll: {
-        value: function(elem) {
-            // remove all existing options
-            while (elem.firstChild ) {
-                elem.removeChild( elem.firstChild );
-            }
-        }
-    },
-
-    _refreshOptions: {
-        value: function() {
-            var arr = this.content||[], len = arr.length, i, option;
-            var text, value;
-            for(i=0; i< len; i++) {
-                option = document.createElement('option');
-                if(typeof arr[i] === "string") {
-                    text = value = arr[i];
-                } else {
-                    text = arr[i][this.textPropertyPath || 'text'];
-                    value = arr[i][this.valuePropertyPath  || 'value'];
-                }
-
-                option.value = value;
-                option.textContent = text || value;
-
-                if (this._selectedIndexes && this._selectedIndexes.length > 0) {
-                    if(this._selectedIndexes.indexOf(i) >= 0) {
-                        option.setAttribute("selected", "true");
-                    }
-                }
-                this.element.appendChild(option);
-            }
-
-            // Make sure we have the model synchronized with the changes in the
-            // DOM.
-            if (this._selectedIndexes.length === 0 &&
-                this.element.selectedIndex >= 0) {
-                this._selectedIndexes[0] = this.element.selectedIndex;
-            }
-        }
-    },
-
-    /**
-    Description TODO
-    @function
-    */
-    enterDocument: {
-        value: function(firstTime) {
-            if (firstTime) {
-                this.element.addEventListener("focus", this);
-                this.element.addEventListener('change', this);
-            }
-        }
-    },
-
-    prepareForActivationEvents: {
-        value: function() {
-            // add pressComposer to handle the claimPointer related work
-            var pressComposer = new PressComposer();
-            this.addComposer(pressComposer);
-        }
-    },
-
-    /**
-    Description TODO
-    @function
-    */
-    draw: {
-        enumerable: false,
-        value: function() {
-            var elem = this.element;
-
-            this._fromInput = false;
-            this._synching = false;
-
-            this._removeAll(elem);
-            this._refreshOptions();
-
-            this.super();
-        }
-    },
-
-    didDraw: {
-        value: function() {
-            this._synchValues();
-        }
-    },
-
-
-
-    // find the index of the object with the specified value in the _content array
-    _indexOf: {
-        value: function(val) {
-            var arr = this.content||[], len = arr.length, i;
-            var text, value;
-            for(i=0; i< len; i++) {
-                if(typeof arr[i] === "string") {
-                    value = arr[i];
-                } else {
-                    value = arr[i][this.valuePropertyPath  || 'value'];
-                }
-                if(value && value === val) {
-                    return i;
-                }
-            }
-            return -1;
-        }
-    },
-
-    _getSelectedOptions: {
-        value: function(selectEl) {
-            var options = selectEl.querySelectorAll('option');
-            // TODO: looks like querySelectorAll('option[selected]') only returns the default selected
-            // value
-            var i, len = options.length, arr = [];
-            for(i=0; i< len; i++) {
-                if(options[i].selected) {
-                    arr.push(options[i]);
-                }
-            }
-            return arr;
-        }
-    },
-
-    _getSelectedOptionsIndexes: {
-        value: function(selectEl) {
-            var options = selectEl.querySelectorAll('option');
-            // TODO: looks like querySelectorAll('option[selected]') only
-            // returns the default selected value
-            var i, len = options.length, arr = [];
-            for(i=0; i< len; i++) {
-                if(options[i].selected) {
-                    arr.push(i);
-                }
-            }
-            return arr;
-        }
-    },
-
-    handleChange: {
-        value: function(e) {
-            // get selected values and set it on the contentController
-            //var selectedOptions = this.element.selectedOptions || [];
-            // select.selectedOptions does not work on Chrome !
-
-            var arr = this._getSelectedOptionsIndexes(this.element);
-
-            if(arr.length > 0) {
-                this._fromInput = true;
-                this._synching = false;
-                this._setContentControllerSelectedIndexes(arr);
-                this._synchValues();
-            }
-            this._dispatchActionEvent();
-        }
-    }
-
-
-});
-
-//http://www.w3.org/TR/html5/the-button-element.html#the-select-element
-
-Select.addAttributes( /** @lends module:"montage/ui/native/select.reel".Select */ {
-/**
-    Specifies whether the element should be focused as soon as the page is loaded.
-    @type {boolean}
-    @default false
-*/
-        autofocus: {dataType: 'boolean'},
-
-/**
-    When true, the select control is disabled to user input and "disabled" is added to its CSS class list.
-    @type {boolean}
-    @default false
-*/
-        disabled: {dataType: 'boolean'},
-
-/**
-    The value of the <code>id</code> attribute of the form with which to associate the component's element.
-    @type string}
-    @default null
-*/
-        form: null,
-/**
-    Specifies if multiple selections are enabled on the select element.
-    @type {boolean}
-    @default false
-*/
-        multiple: {dataType: 'boolean'},
-
-/**
-    The name associated with the select input element.
-    @type {string}
-    @default null
-*/
-        name: null,
-
-/**
-    When true, the user will be required to select a value from the control before submitting the form.
-    @type {string}
-    @default false
-*/
-        required: {dataType: 'boolean'},
-
-/**
-   The number of options from the select element to display to the user.
-   @type {number}
-   @default 1
-*/
-        size: {dataType: 'number', value: '1'}
-});
-
diff --git a/node_modules/matte/node_modules/native/ui/text-input.js b/node_modules/matte/node_modules/native/ui/text-input.js
deleted file mode 100644
index 9e69886f..00000000
--- a/node_modules/matte/node_modules/native/ui/text-input.js
+++ /dev/null
@@ -1,303 +0,0 @@
-/**
-    @module montage/ui/text-input
-*/
-var NativeControl = require("ui/native-control").NativeControl;
-
-/**
-    The base class for all text-based input components. You typically won't create instances of this prototype.
-    @class module:montage/ui/text-input.TextInput
-    @extends module:montage/ui/native-control.NativeControl
-    @see {module:"montage/ui/input-date.reel".DateInput}
-    @see module:"montage/ui/input-text.reel".InputText
-    @see module:"montage/ui/input-number.reel".InputNumber
-    @see module:"montage/ui/input-range.reel".RangeInput
-    @see module:"montage/ui/textarea.reel".TextArea
-
-*/
-var TextInput = exports.TextInput =  NativeControl.specialize(/** @lends module:montage/ui/text-input.TextInput# */ {
-
-    _hasFocus: {
-        enumerable: false,
-        value: false
-    },
-
-    _value: {
-        enumerable: false,
-        value: null
-    },
-
-    _valueSyncedWithInputField: {
-        enumerable: false,
-        value: false
-    },
-
-    /**
-        The "typed" data value associated with the input element. When this
-        property is set, if the component's <code>converter</code> property is
-        non-null then its <code>revert()</code> method is invoked, passing it
-        the newly assigned value. The <code>revert()</code> function is
-        responsible for validating and converting the user-supplied value to
-        its typed format. For example, in the case of a DateInput component
-        (which extends TextInput) a user enters a string for the date (for
-        example, "10-12-2005"). A <code>DateConverter</code> object is assigned
-        to the component's <code>converter</code> property.
-
-        If the comopnent doesn't specify a converter object then the raw value
-        is assigned to <code>value</code>.
-
-        @type {string}
-        @default null
-    */
-    value: {
-        get: function() {
-            return this._value;
-        },
-        set: function(value, fromInput) {
-
-            if(value !== this._value) {
-                if(this.converter) {
-                    var convertedValue;
-                    try {
-                        convertedValue = this.converter.revert(value);
-                        this.error = null;
-                        this._value = convertedValue;
-                    } catch(e) {
-                        // unable to convert - maybe error
-                        this._value = value;
-                        this.error = e;
-                    }
-                } else {
-                    this._value = value;
-                }
-
-                if (fromInput) {
-                    this._valueSyncedWithInputField = true;
-                } else {
-                    this._valueSyncedWithInputField = false;
-                    this.needsDraw = true;
-                }
-            }
-        }
-    },
-
-    // set value from user input
-    /**
-      @private
-    */
-    _setValue: {
-        value: function() {
-            var newValue = this.element.value;
-            Object.getPropertyDescriptor(this, "value").set.call(this, newValue, true);
-        }
-    },
-
-/**
-    A reference to a Converter object whose <code>revert()</code> function is invoked when a new value is assigned to the TextInput object's <code>value</code> property. The revert() function attempts to transform the newly assigned value into a "typed" data property. For instance, a DateInput component could assign a DateConverter object to this property to convert a user-supplied date string into a standard date format.
-    @type {Converter}
-    @default null
-    @see {@link module:montage/core/converter.Converter}
-*/
-    converter:{
-        value: null
-    },
-
-    _error: {
-        value: null
-    },
-
-/**
-    If an error is thrown by the converter object during a new value assignment, this property is set to <code>true</code>, and schedules a new draw cycle so the the UI can be updated to indicate the error state. the <code>montage--invalidText</code> CSS class is assigned to the component's DOM element during the next draw cycle.
-    @type {boolean}
-    @default false
-*/
-    error: {
-        get: function() {
-            return this._error;
-        },
-        set: function(v) {
-            this._error = v;
-            this.errorMessage = this._error ? this._error.message : null;
-            this.needsDraw = true;
-        }
-    },
-
-    _errorMessage: {value: null},
-
-/**
-    The message to display when the component is in an error state.
-    @type {string}
-    @default null
-*/
-    errorMessage: {
-        get: function() {
-            return this._errorMessage;
-        },
-        set: function(v) {
-            this._errorMessage = v;
-        }
-    },
-
-    _updateOnInput: {
-        value: true
-    },
-
-/**
-    When this property and the converter's <code>allowPartialConversion</code> are both true, as the user enters text in the input element each new character is added to the component's <code>value</code> property, which triggers the conversion. Depending on the type of input element being used, this behavior may not be desirable. For instance, you likely would not want to convert a date string as a user is entering it, only when they've completed their input.
-    Specifies whether
-    @type {boolean}
-    @default true
-*/
-    updateOnInput: {
-        get: function() {
-            return !!this._updateOnInput;
-        },
-        set: function(v) {
-            this._updateOnInput = v;
-        }
-    },
-
-    // HTMLInputElement methods
-
-    blur: { value: function() { this._element.blur(); } },
-    focus: { value: function() { this._element.focus(); } },
-    // select() defined where it's allowed
-    // click() deliberately omitted, use focus() instead
-
-    // Callbacks
-
-    enterDocument: {
-        value: function(firstTime) {
-            if (firstTime) {
-                var el = this.element;
-                el.addEventListener("focus", this);
-                el.addEventListener('input', this);
-                el.addEventListener('change', this);
-                el.addEventListener('blur', this);
-            }
-        }
-    },
-
-    _setElementValue: {
-        value: function(value) {
-            this.element.value = (value == null ? '' : value);
-        }
-    },
-
-    draw: {
-        enumerable: false,
-        value: function() {
-            this.super();
-
-            var el = this.element;
-
-            if (!this._valueSyncedWithInputField) {
-                this._setElementValue(this.converter ? this.converter.convert(this._value) : this._value);
-            }
-
-            if (this.error) {
-                el.classList.add('montage--invalidText');
-                el.title = this.error.message || '';
-            } else {
-                el.classList.remove("montage--invalidText");
-                el.title = '';
-            }
-        }
-    },
-
-    didDraw: {
-        enumerable: false,
-        value: function() {
-            if (this._hasFocus && this._value != null) {
-                var length = this._value.toString().length;
-                this.element.setSelectionRange(length, length);
-            }
-            // The value might have been changed during the draw if bindings
-            // were reified, and another draw will be needed.
-            if (!this.needsDraw) {
-                this._valueSyncedWithInputField = true;
-            }
-        }
-    },
-
-
-    // Event handlers
-
-    handleInput: {
-        enumerable: false,
-        value: function() {
-            if (this.converter) {
-                if (this.converter.allowPartialConversion === true && this.updateOnInput === true) {
-                    this._setValue();
-                }
-            } else {
-                this._setValue();
-            }
-        }
-    },
-/**
-    Description TODO
-    @function
-    @param {Event Handler} event TODO
-    */
-    handleChange: {
-        enumerable: false,
-        value: function(event) {
-            this._setValue();
-            this._hasFocus = false;
-        }
-    },
-/**
-    Description TODO
-    @function
-    @param {Event Handler} event TODO
-    */
-    handleBlur: {
-        enumerable: false,
-        value: function(event) {
-            this._hasFocus = false;
-        }
-    },
-/**
-    Description TODO
-    @function
-    @param {Event Handler} event TODO
-    */
-    handleFocus: {
-        enumerable: false,
-        value: function(event) {
-            this._hasFocus = true;
-        }
-    }
-
-});
-
-// Standard <input> tag attributes - http://www.w3.org/TR/html5/the-input-element.html#the-input-element
-
-TextInput.addAttributes({
-    accept: null,
-    alt: null,
-    autocomplete: null,
-    autofocus: {dataType: "boolean"},
-    checked: {dataType: "boolean"},
-    dirname: null,
-    disabled: {dataType: 'boolean'},
-    form: null,
-    formaction: null,
-    formenctype: null,
-    formmethod: null,
-    formnovalidate: {dataType: 'boolean'},
-    formtarget: null,
-    height: null,
-    list: null,
-    maxlength: null,
-    multiple: {dataType: 'boolean'},
-    name: null,
-    pattern: null,
-    placeholder: null,
-    readonly: {dataType: 'boolean'},
-    required: {dataType: 'boolean'},
-    size: null,
-    src: null,
-    width: null
-    // "type" is not bindable and "value" is handled as a special attribute
-});
diff --git a/node_modules/matte/node_modules/native/ui/textarea.reel/textarea.js b/node_modules/matte/node_modules/native/ui/textarea.reel/textarea.js
deleted file mode 100644
index cd036f66..00000000
--- a/node_modules/matte/node_modules/native/ui/textarea.reel/textarea.js
+++ /dev/null
@@ -1,131 +0,0 @@
-/**
-    @module "montage/ui/native/textarea.reel"
-*/
-
-var TextInput = require("ui/text-input").TextInput;
-
-/**
- * Wraps the a &lt;textarea> element with binding support for the element's standard attributes. Uses an ArrayController instance to manage the element's contents and selection.
-   @class module:"montage/ui/native/textarea.reel".Textarea
-   @extends module:montage/ui/text-input.TextInput
- */
-
-var Textarea = exports.Textarea = TextInput.specialize(/** @lends module:"montage/ui/native/textarea.reel".Textarea# */ {
-
-    select: {
-        value: function() {
-            this._element.select();
-        }
-    },
-
-    /**
-        The text display by the Textarea component's element.
-        @type {string}
-        @default ""
-    */
-    textContent: {
-        get: function() {
-            return this.value;
-        },
-        set: function(v) {
-            this.value = v;
-        }
-    },
-
-    enterDocument: {
-        value: function(firstTime) {
-            if (firstTime) {
-                if (this.textContent === null) {
-                    this.textContent = this.originalElement.textContent;
-                }
-            }
-        }
-    }
-
-});
-
-Textarea.addAttributes( /** @lends module:"montage/ui/native/textarea.reel".Textarea# */ {
-/**
-    Specifies whether the element should be focused as soon as the page is loaded.
-    @type {boolean}
-    @default false
-*/
-        autofocus: {dataType: 'boolean'},
-
-/**
-    The maximum number of characters per line of text to display.
-    @type {number}
-    @default null
-*/
-        cols: null,
-
-/**
-    The name of the field that contains that value that specifies the element's directionality.
-    @type {string}
-    @default  null
-*/
-        dirname: null,
-
-/**
-    When true, the textarea element is disabled to user input, and "disabled" is added to the element's CSS class list.
-    @type {boolean}
-    @default false
-*/
-        disabled: {dataType: 'boolean'},
-
-/**
-    The value of the <code>id</code> attribute of the form with which to associate the component's element.
-    @type string}
-    @default null
-*/
-        form: null,
-
-/**
-    The maximum allowed value length of the element.
-    @type {number}
-    @default null
-*/
-        maxlength: null,
-
-/**
-    The name associated with the textarea element.
-    @type {string}
-    @default null
-*/
-        name: null,
-
-/**
-    Placeholder text to display in the textarea before the user has entered any text.
-    @type {string}
-    @default null
-*/
-        placeholder: null,
-
-/**
-    Specifies if this control is readonly.
-    @type {boolean}
-    @default false
-*/
-        readonly: {dataType: 'boolean'},
-
-/**
-    When true, the user will be required to enter a value in the textarea before submitting the form.
-    @type {string}
-    @default false
-*/
-        required: {dataType: 'boolean'},
-
-/**
-    The number of lines of text the browser should render for the textarea.
-    @type {number}
-    @default null
-*/
-        rows: null,
-
-/**
-    If the value of this property is "hard", the browser will insert line breaks such that each line of user input has no more characters than the value specified by the <code>cols</code> property. If the value is "soft" then no line breaks will be added.
-    @type {string}
-    @default
-*/
-        wrap: null
-});
diff --git a/node_modules/matte/package.json b/node_modules/matte/package.json
deleted file mode 100644
index d4ccf160..00000000
--- a/node_modules/matte/package.json
+++ /dev/null
@@ -1,30 +0,0 @@
-{
-  "name": "matte",
-  "version": "0.2.0",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/montagejs/matte.git"
-  },
-  "dependencies": {
-    "montage": "~0.14.0",
-    "native": "~0.2.0"
-  },
-  "devDependencies": {
-    "montage-testing": "~0.4.0"
-  },
-  "exclude": [
-    "overview.html",
-    "overview",
-    "run-tests.html",
-    "test"
-  ],
-  "readme": "matte\n==============\n\nThis is the Montage package template.\n\nNote: Before working on your package you will need to add montage to it.\n\n```\nnpm install .\n```\n\nLayout\n------\n\nThe template contains the following files and directories:\n\n* `ui/` – Directory containing all the UI .reel directories.\n* `package.json` – Describes your app and its dependencies\n* `README.md` – This readme. Replace the current content with a description of your app\n* `overview.html`\n* `overview/` – Directory that contains the files for the overview page. This is a different package so you will need to require the component using matte/*.\n  * `main.reel` – The main interface component where you can add the components to show.\n* `node_modules/` – Directory containing all npm packages needed, including Montage. Any packages here must be included as `dependencies` in `package.json` for the Montage require to find them.\n* `test/` – Directory containing tests for your package.\n  * `all.js` – Module that point the test runner to all your jasmine specs.\n* `run-tests.html` – Page to run jasmine tests manually in your browser\n* `testacular.conf.js` – This is the testacular configuration file. You can start testacular by running `node_modules/testacular/bin/testacular start`\n\nCreate the following directories if you need them:\n\n* `locale/` – Directory containing localized content.\n* `scripts/` – Directory containing other JS libraries. If a library doesn’t support the CommonJS \"exports\" object it will need to be loaded through a `<script>` tag.\n\n",
-  "readmeFilename": "README.md",
-  "description": "matte ==============",
-  "bugs": {
-    "url": "https://github.com/montagejs/matte/issues"
-  },
-  "homepage": "https://github.com/montagejs/matte",
-  "_id": "matte@0.2.0",
-  "_from": "matte@~0.2.0"
-}
diff --git a/node_modules/matte/run-tests.html b/node_modules/matte/run-tests.html
deleted file mode 100644
index c4efd3e8..00000000
--- a/node_modules/matte/run-tests.html
+++ /dev/null
@@ -1,16 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <title></title>
-  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-</head>
-<body>
-    <script src="node_modules/montage-testing/support/jasmine.js"></script>
-    <script src="node_modules/montage-testing/support/js-beautify/beautify.js"></script>
-    <link  href="node_modules/montage-testing/reporter/style.css" rel="stylesheet" type="text/css" >
-    <script src="node_modules/montage-testing/reporter/trivial-html.js"></script>
-    <script src="node_modules/montage-testing/jasmine-additions.js" ></script>
-
-    <script src="node_modules/montage/montage.js" data-module="test/all"></script>
-</body>
-</html>
diff --git a/node_modules/matte/ui/anchor.reel/anchor.js b/node_modules/matte/ui/anchor.reel/anchor.js
deleted file mode 100644
index 1a48b5ca..00000000
--- a/node_modules/matte/ui/anchor.reel/anchor.js
+++ /dev/null
@@ -1,24 +0,0 @@
-/**
-    module:"matte/ui/anchor.reel"
-*/
-
-/*global require,exports */
-var Component = require("montage/ui/component").Component,
-    NativeAnchor = require("native/ui/anchor.reel").Anchor;
-
-/**
- * Montage Anchor
- * @class module:"matte/ui/anchor.reel".Anchor
- * @extends module:"native/ui/anchor.reel".Anchor
- */
-exports.Anchor = NativeAnchor.specialize(/** @lends module:"matte/ui/anchor.reel".Anchor# */{
-
-    hasTemplate: {value: false},
-
-    constructor: {
-        value: function Anchor() {
-            this.super();
-            this.classList.add("matte-Anchor");
-        }
-    }
-});
diff --git a/node_modules/matte/ui/autocomplete/autocomplete.reel/autocomplete.css b/node_modules/matte/ui/autocomplete/autocomplete.reel/autocomplete.css
deleted file mode 100644
index 41f7c084..00000000
--- a/node_modules/matte/ui/autocomplete/autocomplete.reel/autocomplete.css
+++ /dev/null
@@ -1,7 +0,0 @@
- .matte-Autocomplete {
-     padding-right: 20px;
- }
- .matte-Autocomplete--loading {
-     background: url('loading.gif') no-repeat;
-     background-position: right;
- }
diff --git a/node_modules/matte/ui/autocomplete/autocomplete.reel/autocomplete.html b/node_modules/matte/ui/autocomplete/autocomplete.reel/autocomplete.html
deleted file mode 100644
index 61e88f5f..00000000
--- a/node_modules/matte/ui/autocomplete/autocomplete.reel/autocomplete.html
+++ /dev/null
@@ -1,10 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <meta charset="utf-8">
-    <link rel="stylesheet" href="autocomplete.css">
-    <link rel="stylesheet" href="../../input-text.reel/input-text.css">
-</head>
-<body>
-</body>
-</html>
diff --git a/node_modules/matte/ui/autocomplete/autocomplete.reel/autocomplete.js b/node_modules/matte/ui/autocomplete/autocomplete.reel/autocomplete.js
deleted file mode 100644
index 6274db18..00000000
--- a/node_modules/matte/ui/autocomplete/autocomplete.reel/autocomplete.js
+++ /dev/null
@@ -1,538 +0,0 @@
-
-/**
-    @module "matte/ui/autocomplete/autocomplete.reel"
-*/
-
-var Component = require("montage/ui/component").Component,
-    TextInput = require("ui/text-input").TextInput,
-    logger = require("montage/core/logger").logger("autocomplete"),
-    ResultsList = require("ui/autocomplete/results-list.reel/results-list").ResultsList,
-    Popup = require("ui/popup/popup.reel").Popup,
-    PressComposer = require("montage/composer/press-composer").PressComposer,
-    RangeController = require("montage/core/range-controller").RangeController;
-
-var KEY_UP = 38,
-    KEY_DOWN = 40,
-    KEY_RIGHT = 39,
-    KEY_ENTER = 13,
-    KEY_ESC = 27;
-
-var getElementPosition = function(obj) {
-    var curleft = 0, curtop = 0, curHt = 0, curWd = 0;
-    if (obj.offsetParent) {
-        do {
-            curleft += obj.offsetLeft;
-            curtop += obj.offsetTop;
-            curHt += obj.offsetHeight;
-            curWd += obj.offsetWidth;
-        } while ((obj = obj.offsetParent));
-    }
-    return {
-        top: curtop,
-        left: curleft,
-        height: curHt,
-        width: curWd
-    };
-};
-
-/**
-    The Autocomplete component
-    @class module:"matte/ui/autocomplete/autocomplete.reel".Autocomplete
-    @extends module:matte/ui/text-input.TextInput
-*/
-var Autocomplete = exports.Autocomplete = TextInput.specialize(/** @lends module:"matte/ui/autocomplete/autocomplete.reel".Autocomplete# */ {
-
-    constructor: {
-        value: function Autocomplete() {
-            this.super();
-            this.delay = 500;
-            this.minLength = 2;
-
-            this.classList.add("matte-InputText");
-        }
-    },
-
-    hasTemplate: {value: true},
-
-/**
-    The AutoComplete instance's delegate object.
-    @type {Object}
-*/
-    delegate: {
-        value: null
-    },
-
-    /**
-    * If the delegate returns Objects, this property can be used to derive the
-    * display string for an object. If this property is not provided, the results
-    * provided by the delegate are assumed to be String.
-    @type {String}
-    */
-    textPropertyPath: {
-        value: null
-    },
-
-/**
-    The string separator to use between tokens in the AutoComplete.
-    @type {String}
-    @default {Boolean} ","
-*/
-    separator: {
-        value: ',',
-        distinct: true
-    },
-
-    _delay: {value: null},
-
-/**
-    The delay in milliseconds between when the user modifies the input field and when the query to retrieve suggestions is executed.
-    @type {Number}
-    @defaultvalue 500
-*/
-    delay: {
-        get: function(){
-            return this._delay;
-        },
-        set: function(value) {
-            if(value !== this._delay) {
-                if(typeof value === "string") {
-                    value = parseInt(value, 10);
-                }
-                this._delay = value;
-            }
-        }
-    },
-
-    /**
-    * The number of characters the user must type before the query for suggeseted tokens executes.
-    * @type {Number}
-    */
-    minLength: {
-        value: null
-    },
-
-    _tokens: {value: null},
-/**
-    Gets and sets the tokens being displayed by the AutoComplete component.
-    @type {Array}
-*/
-    tokens: {
-        get: function() {
-            return this._tokens;
-        },
-        set: function(value) {
-            this._tokens = value;
-            this._valueSyncedWithInputField = false;
-            this.needsDraw = true;
-        },
-        modify: function(v) {
-            this._tokens = v;
-        }
-    },
-
-    // overridden here to get the substring/searchString
-    value: {
-        get: function() {
-            return this._value;
-            //var arr = this.tokens;
-            //return (arr ? arr.join(',') : this._value);
-        },
-        set: function(newValue, fromInput) {
-            this._value = newValue ? newValue.trim() : '';
-
-            // get the entered text after the separator
-            var value = this._value;
-
-            if(value) {
-                var arr = value.split(this.separator).map(function(item) {
-                    return item.trim();
-                });
-                this.activeTokenIndex = this._findActiveTokenIndex(this.tokens, arr);
-                this._tokens = value.split(this.separator).map(function(item) {
-                    return item.trim();
-                });
-            } else {
-                this.activeTokenIndex = 0;
-                this._tokens = [];
-            }
-
-            if(fromInput) {
-                this._valueSyncedWithInputField = true;
-                this.showPopup = false;
-                if(this._tokens.length && this._tokens.length > 0) {
-                    var searchTerm = this._tokens[this.activeTokenIndex];
-                    searchTerm = searchTerm ? searchTerm.trim() : '';
-                    if(searchTerm.length >= this.minLength) {
-                        var self = this;
-                        clearTimeout(this.delayTimer);
-                        this.delayTimer = setTimeout(function() {
-                            self.delayTimer = null;
-                            if (logger.isDebug) {
-                                logger.debug('SEARCH for ', searchTerm);
-                            }
-                            self.performSearch(searchTerm);
-                        }, this.delay);
-                    }
-                }
-
-            } else {
-                this.showPopup = false;
-                this._valueSyncedWithInputField = false;
-                this.needsDraw = true;
-            }
-        }
-    },
-
-
-
-    //----  Private
-
-    // width of the popup
-    overlayWidth: {
-        value: null,
-        enumerable: false
-    },
-
-    delayTimer: {
-        value: null,
-        enumerable: false
-    },
-
-    // valid values are 'loading', 'complete' and 'timeout'
-    // --> ResultList.loadingStatus
-    _loadingStatus: {value: false, enumerable: false},
-    loadingStatus: {
-        enumerable: false,
-        get: function() {
-            return this._loadingStatus;
-        },
-        set: function(value) {
-            this._loadingStatus = value;
-            if(this._loadingStatus === 'loading') {
-                this.showPopup = false;
-            }
-            this.needsDraw = true;
-        }
-    },
-
-    // the index of the token in the tokens Array that is being worked on
-    activeTokenIndex: {value: null},
-
-    /** @private */
-    _findActiveTokenIndex: {
-        enumerable: false,
-        value: function(before, after) {
-            if(before == null || after == null) {
-                return 0;
-            }
-            var i=0, len = after.length;
-            for(i=0; i< len; i++) {
-                if(i < before.length) {
-                    if(before[i] === after[i]) {
-                        continue;
-                    } else {
-                        break;
-                    }
-                }
-            }
-            return i;
-
-        }
-    },
-
-
-    // -> resultsController.activeIndexes
-    _activeIndexes: {value: null, enumerable: false},
-    activeItemIndex: {
-        enumerable: false,
-        get: function() {
-            if(this._activeIndexes && this._activeIndexes.length > 0) {
-                return this._activeIndexes[0];
-            }
-            return null;
-        },
-        set: function(value) {
-            if(value == null) {
-                this._activeIndexes = [];
-            } else {
-                this._activeIndexes = [value];
-            }
-
-        }
-    },
-
-    _suggestedValue: {value: null},
-    suggestedValue: {
-        enumerable: false,
-        get: function() {
-            return this._suggestedValue;
-        },
-        set: function(aValue) {
-            this._suggestedValue = aValue;
-            if(aValue) {
-
-                var arr = this.tokens || [];
-                var token;
-
-                if(typeof aValue === "string") {
-                    token = aValue;
-                } else {
-                    if(this.textPropertyPath) {
-                        token = aValue[this.textPropertyPath];
-                    } else {
-                        token = '';
-                    }
-                }
-
-                arr[this.activeTokenIndex] = token;
-                this.tokens = arr;
-                this.showPopup = false;
-            }
-        }
-    },
-
-    // private
-
-    popup: {
-        enumerable: false,
-        value: null
-    },
-
-    _showPopup: {value: null},
-    showPopup: {
-        enumerable: false,
-        get: function() {
-            return this._showPopup;
-        },
-        set: function(value) {
-            if(value != this._showPopup) {
-                this._showPopup = value;
-                this.needsDraw = true;
-            }
-        }
-    },
-
-    // the delegate should set the suggestions.
-    // suggestions -> resultsController.content
-    _suggestions: {value: null},
-    suggestions: {
-        enumerable: false,
-        get: function() {
-            return this._suggestions;
-        },
-        set: function(value) {
-            if (logger.isDebug) {
-                logger.debug('got suggestions: ', value);
-            }
-
-            this.loadingStatus = 'complete';
-            this._suggestions = value;
-            this.showPopup = (value && value.length > 0);
-        }
-    },
-
-    // resultsController -> resultsList.contentController
-    resultsController: {
-        enumerable: false,
-        value: null
-    },
-
-    // repetition
-    resultsList: {
-        enumerable: false,
-        value: null
-    },
-
-    performSearch: {
-        enumerable: false,
-        value: function(searchTerm) {
-            if(this.delegate) {
-                this.resultsController.selectedIndexes = [];
-                // index on the popup
-                this.activeItemIndex = 0;
-                this.loadingStatus = 'loading';
-                var delegateFn = this.callDelegateMethod('ShouldGetSuggestions', this, searchTerm);
-
-            }
-        }
-    },
-
-
-    _addEventListeners: {
-        enumerable: false,
-        value: function() {
-            this.element.addEventListener("keyup", this);
-            this.element.addEventListener("input", this);
-        }
-    },
-
-    _removeEventListeners: {
-        enumerable: false,
-        value: function() {
-            this.element.removeEventListener("keyup", this);
-            this.element.removeEventListener("input", this);
-        }
-    },
-
-    _getPopup: {
-        enumerable: false,
-        value: function() {
-
-            var popup = this.popup;
-
-            if(!popup) {
-                popup = new Popup();
-                popup.content = this.resultsList;
-                popup.anchor = this.element;
-                popup.delegate = this;
-                // dont let the popup take away the focus
-                // we need the focus on the textfield
-                popup.focusOnShow = false;
-                this.popup = popup;
-            }
-            return this.popup;
-
-        }
-    },
-
-    // Delegate method to position the suggest popup
-    willPositionPopup: {
-        value: function(popup, defaultPosition) {
-            var anchor = popup.anchorElement, anchorPosition = getElementPosition(anchor);
-            return {
-                left: anchorPosition.left,
-                top: anchorPosition.top + 30
-            };
-
-        }
-    },
-
-    enterDocument: {
-        value: function(firstTime) {
-            if (firstTime) {
-                this._addEventListeners();
-                this.element.classList.add('matte-Autocomplete');
-
-                // create the Repetition for the suggestions
-                this.resultsController = new RangeController();
-                this.resultsController.selection = [];
-
-                this.defineBinding("resultsController.content", {
-                    "<-": "suggestions"
-                });
-                this.defineBinding("suggestedValue", {
-                    "<-": "resultsController.selection[0]"
-                });
-
-                this.resultsList = new ResultsList();
-                this.defineBinding("resultsList.contentController", {
-                    "<-": "resultsController"
-                });
-                this.defineBinding("resultsList.activeIndexes", {
-                    "<-": "_activeIndexes"
-                });
-                this.defineBinding("resultsList.textPropertyPath", {
-                    "<-": "textPropertyPath"
-                });
-
-                this._getPopup();
-            }
-        }
-    },
-
-    prepareForActivationEvents: {
-        value: function() {
-            // add pressComposer to handle the claimPointer related work
-            var pressComposer = new PressComposer();
-            this.addComposer(pressComposer);
-        }
-    },
-
-    draw: {
-        value: function() {
-            this.super();
-
-            if (!this._valueSyncedWithInputField) {
-                if(this.tokens) {
-                    this.value = this.tokens.join(this.separator);
-                }
-                if(this.value && this.value.charAt(this.value.length-1) != this.separator) {
-                    this.value += this.separator;
-                }
-                this.element.value = this.value;
-                this._valueSyncedWithInputField = true;
-            }
-            var showPopup = this.showPopup;
-            if(this.value === '') {
-                showPopup = false;
-            }
-
-            if(showPopup) {
-                this.popup.show();
-                // reset active index
-                this.activeItemIndex = 0;
-            } else {
-                if(this.popup && this.popup.displayed) {
-                    this.popup.hide();
-                }
-            }
-
-            var isLoading = (this.loadingStatus === 'loading');
-            this.element.classList[isLoading ? 'add' : 'remove']('matte-Autocomplete--loading');
-
-
-        }
-    },
-
-
-    handleKeyup: {
-        enumerable: false,
-        value: function(e) {
-            var code = e.keyCode, popup = this._getPopup();
-
-            switch(code) {
-                case KEY_DOWN:
-                if(!popup.displayed) {
-                    popup.show();
-                    this.activeItemIndex = 0;
-                } else {
-                    var list = this.suggestions || [];
-                    if(list.length > 0 && this.activeItemIndex < list.length-1) {
-                        this.activeItemIndex++;
-                    } else {
-                        this.activeItemIndex = 0;
-                    }
-
-                }
-
-                break;
-
-                case KEY_UP:
-                if(popup.displayed === true) {
-                    if(this.activeItemIndex > 0) {
-                        this.activeItemIndex --;
-                    } else {
-                        this.activeItemIndex = 0;
-                    }
-                }
-
-                break;
-
-                case KEY_ENTER:
-                if(popup.displayed === true) {
-                    this.resultsController.selection = [this.suggestions[this.activeItemIndex]];
-                    e.preventDefault();
-                    // select the currently active item in the results list
-                } else {
-                    this.suggestedValue = this.tokens[this.tokens.length-1];
-                }
-
-                break;
-
-            }
-            this.element.focus();
-        }
-    }
-
-});
-
diff --git a/node_modules/matte/ui/autocomplete/autocomplete.reel/loading.gif b/node_modules/matte/ui/autocomplete/autocomplete.reel/loading.gif
deleted file mode 100644
index 18abf9aa158a600ffac56d5354393c90cd113090..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1456
zcmb`GYfM{J9Kg?@JT7#DGU?iiqs3d~CGE<?BCO+43PZ+QWDFQZh764(WQl$t#GTt)
z`dB;03L6NeL*!8qk&y-%VIas5knkE3gNTF>LI@#*5F|vr7dO)AClk-d^W}Gbzw`e`
zU6u%gq>jK5>;Z6ebOZo6I5;RTFIOlOTU%SBqoWH83wphtxYug6BO@aMfgmX<X>)V4
zv9VF7)9vi+KnPu2Tsk{D8yXs_tE+c+clY=Ao12>_Cnv>XF_lWq&dy$1T3TOU@9XRH
z^70A{43tPDb8~aU!^0sVA#rhWB9SOMI(lkqYHVyQJw3gvt7~Ipqp+~Bt*x!QySuly
zH!CYEBO@axCr2)qFE1~bl$0DE9@f{_GZ+jXAD`6JR0@TXkdQDjF(DKR)6&vdEY|k+
z_Wb;OO-;?p%F5c>T4-pf(P%_bl+9+hx3?D+6~)BF`1|`86co(N%nS?+xVyU-7Z-<z
zho_{Z*xA|H+S+z>bgZtf#>U3(?d_RNro6no{QUgI#YKa`;N;}w=H^B;`F{`RPgX?H
z4e9M0x$Mtw-p*%B3#6Zaa!Z=)d-K!0TY&Qi1=tcm&XIjwWJ+>GSVE-0mv4EBxbh+2
zL4G2z$^QaCjP2&m#gxF_i3K<a;-P}pROI#Z4-rpDQ&R4`(Cy!R%L_1=b<pPY**9Eu
z4Aq&}taK_1TZbN<<$dRVfGQp%^r0Vsm7U|cq3M~H{w^hrIj=OfVZWm2(ll2wJALQn
zdrq0dKPKTe{sHe`N|hgi@PgjG$PB`~d8~6hjnFX|3Fc!y$Z3JEQ=k<`g9Ko2dtR_o
zI){it1eh=XiHd)Tt@?flaM59ia^c7*7@M4)!5G6Y2>Q=T29u`x?Z@Zv_hIh%?C2}L
zg*pFNp3uM)N??f~&VcLWrKCZMh8`M*xJP0%Cga#iDAGt2^~&?%5&lssLSEd}MJ6jl
zdjLn{@obQ)@f^g6NDsz)zERCW!wbk@Rwxz$Ixs)Z?Vmo8w={=;M9Rx>IplInF&c)V
zKx`kEBqNx(!(}89ufn5a;*-_5E8nUSCnEuFnVPKh-IG$DN!SXBEXGzzf<v9$@jWD#
zfA<m2F(Cn!+A`-@Bt@WB!YheO&*ZPfDdy~BadY-voZ!kCOpUCf^h>qA4iZ%qW$M49
zG?r3Y=!WAG24a@*TFg5&Ewv9ms30r6FKUs<syHnkQ6F3lzg9|Z@dQ!nu4-~-PT*GN
z@PCQ_6JE+K)1xX-U-z{^O;2!;XR<Rf$ytQMl!=plSXc%!=t=e<DrIBL2qZ+{H^_6%
zx^6GKk|+SYL18O7Fehy5|H3AORC-7*0r3KAlc!NddNjzq<C09kI?N?rS}6-`a-kD>
z;KM2)&A94!#<Iy7{sgb3M*~U|{VBNvCu|#Y_RHwdBIjZZ@#%6X`4EX^0u;q)vJ9j)
z9%nGCAv0IxCXh35{-q1|WTa(>%&(SbLbbeF;ZrRsX2NL#i{}_O+&j~V6YKG<?D1DH
X`FgUr@)7*yo@Qe04hSaq`}q6?mXp_~

diff --git a/node_modules/matte/ui/autocomplete/result-item.reel/result-item.js b/node_modules/matte/ui/autocomplete/result-item.reel/result-item.js
deleted file mode 100644
index 40ecc790..00000000
--- a/node_modules/matte/ui/autocomplete/result-item.reel/result-item.js
+++ /dev/null
@@ -1,35 +0,0 @@
-
-/**
-    @module "matte/ui/autocomplete/result-item.reel"
-*/
-var Component = require("montage/ui/component").Component,
-    Text = require("montage/ui/text.reel").Text;
-
-/**
-    @class module:"matte/ui/autocomplete/result-item.reel".ResultItem
-    @extends module:"montage/ui/text.reel".Text
-*/
-exports.ResultItem = Text.specialize({
-
-    textPropertyPath: {value: null},
-
-    _object: {value: null},
-    object: {
-        get: function() {
-            return this._object;
-        },
-        set: function(aValue) {
-            if(aValue) {
-               this._object = aValue;
-            }
-            if(this._object) {
-                if(this.textPropertyPath) {
-                    this.value = this._object[this.textPropertyPath];
-                } else {
-                    this.value = this._object;
-                }
-            }
-        }
-    }
-
-});
diff --git a/node_modules/matte/ui/autocomplete/results-list.reel/results-list.css b/node_modules/matte/ui/autocomplete/results-list.reel/results-list.css
deleted file mode 100644
index 7d8b2a09..00000000
--- a/node_modules/matte/ui/autocomplete/results-list.reel/results-list.css
+++ /dev/null
@@ -1,25 +0,0 @@
-div.results-list {
-     min-width: 300px;
- }
- div.results-list ul {
-     list-style: none;
-     margin: 0;
- }
- div.results-list ul li {
-     cursor: default;
-     padding: 5px 5px 5px 10px;
- }
- div.results-list ul li.active{
-     background-color: #eee;
-     color: #333;
-     cursor: pointer;
- }
- div.results-list ul .selected {
-     background-color: #fff;
-     cursor: default;
-     font-weight: bold;
- }
- div.results-list div.loading {
-     padding: 5px 10px;
-
- }
diff --git a/node_modules/matte/ui/autocomplete/results-list.reel/results-list.html b/node_modules/matte/ui/autocomplete/results-list.reel/results-list.html
deleted file mode 100644
index ecb4c597..00000000
--- a/node_modules/matte/ui/autocomplete/results-list.reel/results-list.html
+++ /dev/null
@@ -1,57 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <meta charset="utf-8">
-    <link rel="stylesheet" href="results-list.css">
-    <script type="text/montage-serialization">
-{
-    "results": {
-        "prototype": "montage/core/range-controller",
-        "properties": {
-            "selectAddedObjects": true
-        }
-    },
-    "repetition1": {
-        "prototype": "montage/ui/repetition.reel",
-        "properties": {
-            "element": {
-                "#": "repetition1"
-            },
-            "contentController": {"@": "results"},
-            "isSelectionEnabled": true
-        },
-        "bindings": {
-            "contentController": {"<-": "@owner.contentController"},
-            "activeIterations.rangeContent()": {"<-": "iterations.filter{@owner.activeIndexes.has(index)}"}
-
-        }
-    },
-
-    "resultItem": {
-        "prototype": "ui/autocomplete/result-item.reel",
-        "properties": {
-            "element": {"#": "result-item"}
-        },
-        "bindings": {
-            "textPropertyPath": {"<-": "@owner.textPropertyPath"},
-            "object": {"<-": "@repetition1:iteration.object"}
-        }
-    },
-
-    "owner": {
-        "prototype": "ui/autocomplete/results-list.reel",
-        "properties": {
-            "element": {"#": "results-list"}
-        }
-    }
-}
-    </script>
-</head>
-<body>
-    <div data-montage-id="results-list" class="results-list">
-        <ul class="repetition" data-montage-id="repetition1">
-            <li class="result-item" data-montage-id="result-item"></li>
-        </ul>
-    </div>
-</body>
-</html>
diff --git a/node_modules/matte/ui/autocomplete/results-list.reel/results-list.js b/node_modules/matte/ui/autocomplete/results-list.reel/results-list.js
deleted file mode 100644
index fa19ec94..00000000
--- a/node_modules/matte/ui/autocomplete/results-list.reel/results-list.js
+++ /dev/null
@@ -1,11 +0,0 @@
-var Component = require("montage/ui/component").Component;
-
-exports.ResultsList = Component.specialize({
-
-    textPropertyPath: {value: null},
-
-    // contentController -> this.repetition.contentController
-    contentController: {value: null},
-
-    activeIndexes: {value: null}
-});
diff --git a/node_modules/matte/ui/button.reel/button.css b/node_modules/matte/ui/button.reel/button.css
deleted file mode 100644
index 1e8208da..00000000
--- a/node_modules/matte/ui/button.reel/button.css
+++ /dev/null
@@ -1,65 +0,0 @@
-
-.matte-Button {
-    outline: none;
-    box-sizing: border-box;
-    font-size: 12px;
-    height: 2.5em;
-    min-width: 2.5em;
-    margin: 0 2px;
-    padding: 0 1em;
-    vertical-align: middle;
-    border-radius: 3px;
-    border: 1px solid #b3b3b3;
-    background-color: #f2f2f2;
-    cursor: pointer;
-}
-
-/* States */
-.matte-Button:hover {
-    background-color: #fff;
-    color: #000;
-}
-
-.matte-Button:active {
-    background-color: #e5e5e5;
-}
-
-.matte-Button:focus {
-    border-color: #7f7f7f;
-}
-
-
-/* Variations ------------------------------------ */
-
-.matte-Button--glass {
-    margin: 0;
-    border-radius: 0;
-    border: none;
-}
-
-.matte-Button--glass,
-.matte-Button--glass:hover,
-.matte-Button--glass:active {
-    background-color: transparent;
-}
-
-
-/* ButtonGroup ------------------------------- */
-
-.matte-ButtonGroup {
-    padding-left: 5px; /* Add the negative margin back */
-}
-
-.matte-ButtonGroup > .matte-Button {
-    margin: 0;
-    border-radius: 0;
-    margin-left: -5px; /* Remove the space inbetween */
-}
-
-.matte-ButtonGroup > .matte-Button:first-child {
-    border-radius: 3px 0 0 3px;
-}
-
-.matte-ButtonGroup > .matte-Button:last-child {
-    border-radius: 0 3px 3px 0;
-}
diff --git a/node_modules/matte/ui/button.reel/button.html b/node_modules/matte/ui/button.reel/button.html
deleted file mode 100644
index 2d937dbb..00000000
--- a/node_modules/matte/ui/button.reel/button.html
+++ /dev/null
@@ -1,9 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <meta charset="utf-8">
-    <link rel="stylesheet" href="button.css">
-</head>
-<body>
-</body>
-</html>
diff --git a/node_modules/matte/ui/button.reel/button.js b/node_modules/matte/ui/button.reel/button.js
deleted file mode 100644
index e64c9d40..00000000
--- a/node_modules/matte/ui/button.reel/button.js
+++ /dev/null
@@ -1,22 +0,0 @@
-/*global require,exports */
-/**
-    module:"matte/ui/button.reel"
-*/
-var NativeButton = require("native/ui/button.reel").Button;
-
-/**
- * Montage Button
- @class module:"matte/ui/button.reel".Button
- @extends module:"native/ui/button.reel".Button
-*/
-exports.Button = NativeButton.specialize(/** @lends module:"matte/ui/button.reel".Button# */ {
-
-    hasTemplate: {value: true},
-
-    constructor: {
-        value: function Button() {
-            this.super();
-            this.classList.add("matte-Button");
-        }
-    }
-});
diff --git a/node_modules/matte/ui/button.reel/button.meta b/node_modules/matte/ui/button.reel/button.meta
deleted file mode 100644
index 9ce02464..00000000
--- a/node_modules/matte/ui/button.reel/button.meta
+++ /dev/null
@@ -1,34 +0,0 @@
-{
-    "blueprint_nativebutton_reference": {
-        "prototype": "montage/core/meta/blueprint-reference",
-        "properties": {
-            "valueReference": {
-                "blueprintName": "NativeButton",
-                "prototypeName": "NativeButton",
-                "blueprintModule": {
-                    "%": "native/ui/button.reel/button.meta"
-                }
-            }
-        }
-    },
-    "root": {
-        "prototype": "montage/core/meta/module-blueprint",
-        "properties": {
-            "name": "Button",
-            "customPrototype": false,
-            "parent": {
-                "@": "blueprint_nativebutton_reference"
-            },
-            "propertyBlueprints": [],
-            "propertyBlueprintGroups": {},
-            "propertyValidationRules": {},
-            "blueprintModule": {
-                "%": "matte/ui/button.reel/button.meta"
-            },
-            "exportName": "Button",
-            "module": {
-                "%": "ui/button.reel"
-            }
-        }
-    }
-}
diff --git a/node_modules/matte/ui/component-group.reel/component-group.js b/node_modules/matte/ui/component-group.reel/component-group.js
deleted file mode 100644
index dcda2242..00000000
--- a/node_modules/matte/ui/component-group.reel/component-group.js
+++ /dev/null
@@ -1,25 +0,0 @@
-// TODO: ComponentList instead? ComponentContainer?
-/**
-	module:"matte/ui/component-group.reel"
-*/
-var Component = require("montage/ui/component").Component;
-
-/**
- @class module:"matte/ui/component-group.reel".ComponentGroup
- @extends module:montage/ui/component.Component
- */
-exports.ComponentGroup = Component.specialize(/** @lends module:"matte/ui/component-group.reel".ComponentGroup# */ {
-
-    hasTemplate: {value: false},
-
-/**
-    Initializes the ComponentGroup instance's <code>childComponents</code> array with the specified array of components.
-    @function
-    @param {Component} components Components to be initialized.
-    @returns itself
-*/
-    initWithComponents: {value: function(components) {
-        this.childComponents = components;
-        return this;
-    }}
-});
diff --git a/node_modules/matte/ui/dynamic-element.reel/dynamic-element.js b/node_modules/matte/ui/dynamic-element.reel/dynamic-element.js
deleted file mode 100644
index b543e46b..00000000
--- a/node_modules/matte/ui/dynamic-element.reel/dynamic-element.js
+++ /dev/null
@@ -1,175 +0,0 @@
-/* <copyright>
-Copyright (c) 2012, Motorola Mobility LLC.
-All Rights Reserved.
-
-Redistribution and use in source and binary forms, with or without
-modification, are permitted provided that the following conditions are met:
-
-* Redistributions of source code must retain the above copyright notice,
-  this list of conditions and the following disclaimer.
-
-* Redistributions in binary form must reproduce the above copyright notice,
-  this list of conditions and the following disclaimer in the documentation
-  and/or other materials provided with the distribution.
-
-* Neither the name of Motorola Mobility LLC nor the names of its
-  contributors may be used to endorse or promote products derived from this
-  software without specific prior written permission.
-
-THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
-AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
-IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
-ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE
-LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
-CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
-SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
-INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
-CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
-ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
-POSSIBILITY OF SUCH DAMAGE.
-</copyright> */
-/**
-    module:"matte/ui/dynamic-element.reel"
-*/
-var Component = require("montage/ui/component").Component;
-
-
-/**
-    The DynamicElement is a general purpose component that aims to expose all the properties of the element as a component.
-    @class module:"matte/ui/dynamic-element.reel".DynamicElement
-    @extends module:montage/ui/component.Component
-*/
-exports.DynamicElement = Component.specialize(/** @lends module:"matte/ui/dynamic-element.reel".DynamicElement# */ {
-
-    hasTemplate: {
-        value: false
-    },
-
-    _innerHTML: {
-        value: null
-    },
-
-    _usingInnerHTML: {
-        value: null
-    },
-
-    /**
-        The innerHTML displayed as the content of the DynamicElement
-        @type {Property}
-        @default null
-    */
-    innerHTML: {
-        get: function() {
-            return this._innerHTML;
-        },
-        set: function(value) {
-            this._usingInnerHTML = true;
-            if (this._innerHTML !== value) {
-                this._innerHTML = value;
-                this.needsDraw = true;
-            }
-        }
-    },
-
-    /**
-        The default html displayed if innerHTML is falsy.
-        @type {Property}
-        @default {String} ""
-    */
-    defaultHTML: {
-        value: ""
-    },
-
-    _allowedTagNames: {
-        value: null
-    },
-
-    /**
-        White list of allowed tags in the innerHTML
-        @type {Property}
-        @default null
-    */
-    allowedTagNames: {
-        get: function() {
-            return this._allowedTagNames;
-        },
-        set: function(value) {
-            if (this._allowedTagNames !== value) {
-                this._allowedTagNames = value;
-                this.needsDraw = true;
-            }
-        }
-    },
-
-
-
-    _range: {
-        value: null
-    },
-
-    enterDocument: {
-        value: function(firstTime) {
-            if (firstTime) {
-                var range = document.createRange(),
-                    className = this.element.className;
-                range.selectNodeContents(this.element);
-                this._range = range;
-            }
-        }
-    },
-
-    _contentNode: {
-        value: null
-    },
-
-    draw: {
-        value: function() {
-            // get correct value
-            var displayValue = (this.innerHTML || 0 === this.innerHTML ) ? this.innerHTML : this.defaultHTML,
-                content, allowedTagNames = this.allowedTagNames, range = this._range, elements;
-
-            //push to DOM
-            if(this._usingInnerHTML) {
-                if (allowedTagNames !== null) {
-                    //cleanup
-                    this._contentNode = null;
-                    range.deleteContents();
-                    //test for tag white list
-                    content = range.createContextualFragment( displayValue );
-                    if(allowedTagNames.length !== 0) {
-                        elements = content.querySelectorAll("*:not(" + allowedTagNames.join("):not(") + ")");
-                    } else {
-                        elements = content.childNodes;
-                    }
-                    if (elements.length === 0) {
-                        range.insertNode(content);
-                        if(range.endOffset === 0) {
-                            // according to https://bugzilla.mozilla.org/show_bug.cgi?id=253609 Firefox keeps a collapsed
-                            // range collapsed after insertNode
-                            range.selectNodeContents(this.element);
-                        }
-
-                    } else {
-                        console.warn("Some Elements Not Allowed " , elements);
-                    }
-                } else {
-                    content = this._contentNode;
-                    if(content === null) {
-                        //cleanup
-                        range.deleteContents();
-                        this._contentNode = content = document.createTextNode(displayValue);
-                        range.insertNode(content);
-                        if(range.endOffset === 0) {
-                            // according to https://bugzilla.mozilla.org/show_bug.cgi?id=253609 Firefox keeps a collapsed
-                            // range collapsed after insert
-                            range.selectNodeContents(this.element);
-                        }
-
-                    } else {
-                        content.data = displayValue;
-                    }
-                }
-            }
-        }
-    }
-});
diff --git a/node_modules/matte/ui/image.reel/image-description.json b/node_modules/matte/ui/image.reel/image-description.json
deleted file mode 100644
index 43c97257..00000000
--- a/node_modules/matte/ui/image.reel/image-description.json
+++ /dev/null
@@ -1,87 +0,0 @@
-{
-    "image_description_alt":{
-        "prototype":"ui/component-description[ComponentPropertyDescription]",
-        "properties":{
-            "_componentDescription":{
-                "@":"root"
-            },
-            "_name":"alt",
-            "_valueType":"string",
-            "helpString":"Alternative text to be displayed if the image is not available to the user"
-        }
-    },
-
-    "image_description_src":{
-        "prototype":"ui/component-description[ComponentPropertyDescription]",
-        "properties":{
-            "_componentDescription":{
-                "@":"root"
-            },
-            "_name":"src",
-            "_valueType":"file",
-            "helpString":"The image resource to display"
-        }
-    },
-
-    "image_description_width":{
-        "prototype":"ui/component-description[ComponentPropertyDescription]",
-        "properties":{
-            "_componentDescription":{
-                "@":"root"
-            },
-            "_name":"width",
-            "_valueType":"number",
-            "helpString":"The rendered width of the image in CSS pixels"
-        }
-    },
-
-    "image_description_height":{
-        "prototype":"ui/component-description[ComponentPropertyDescription]",
-        "properties":{
-            "_componentDescription":{
-                "@":"root"
-            },
-            "_name":"height",
-            "_valueType":"number",
-            "helpString":"The rendered height of the image in CSS pixels"
-        }
-    },
-
-    "root":{
-        "prototype":"ui/component-description",
-        "properties":{
-            "_componentPropertyDescriptions":{
-                "alt":{
-                    "@":"image_description_alt"
-                },
-                "src":{
-                    "@":"image_description_src"
-                },
-                "width":{
-                    "@":"image_description_width"
-                },
-                "height":{
-                    "@":"image_description_height"
-                }
-            },
-            "_componentPropertyDescriptionGroups":{
-                "base":[
-                    {
-                        "@":"image_description_alt"
-                    },
-                    {
-                        "@":"image_description_src"
-                    },
-                    {
-                        "@":"image_description_width"
-                    },
-                    {
-                        "@":"image_description_height"
-                    }
-                ]
-            },
-            "_componentPropertyValidationRules":{
-            }
-        }
-    }
-}
diff --git a/node_modules/matte/ui/image.reel/image.js b/node_modules/matte/ui/image.reel/image.js
deleted file mode 100644
index 4a70e60e..00000000
--- a/node_modules/matte/ui/image.reel/image.js
+++ /dev/null
@@ -1,25 +0,0 @@
-/**
- @module "matte/ui/image.reel"
- */
-
-/*global require,exports */
-var AbstractImage = require("montage/ui/base/abstract-image").AbstractImage;
-
-/**
- * Image
- * @class module:"matte/ui/image.reel".Image
- * @extends module:"montage/ui/base/abstract-image.reel".AbstractImage
- */
-exports.Image = AbstractImage.specialize(/** @lends module:"matte/ui/image.reel".Image */ {
-    hasTemplate: {
-        value: false
-    },
-
-    constructor: {
-        value: function Image() {
-            this.super();
-            this.classList.add("matte-image");
-        }
-    }
-
-});
diff --git a/node_modules/matte/ui/input-checkbox.reel/checkbox.png b/node_modules/matte/ui/input-checkbox.reel/checkbox.png
deleted file mode 100644
index 8c0e36475d49107bebae5cb6e235f6946e015968..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1087
zcmaJ=OK1~87+w?m@KLlB4;GZ^wmy(1`$*Gtm!@TtZJLN%LK?9r$!2%jF6}<toiy9}
zpe-KsWEH_TR!~qVUM!;Y;NzqRp(uC|^`HmEgBC$i5$bH)R1d8Svortjec%86Gyj}S
zcXd{+uU$_NL{%y&X7Ieh8<pkwe`~6^6Hi-FM-S>Ydr?ugAt9({9)grE_rVO5)!{==
zVJkuSNiExhdZc~4V(LNJ!vtO3!fb+QZFenM8Gs1nVV`D1$uBbxNT8`v@<3RkB`Xg5
zwd9BmyGOdR%E*AisbqT_XmxokphF}BS06MS-i?wAx;$Qc+Y|{FAZQ>;E}H6*(jacy
z5QKwtK%tvy(98sxP*WrlX#_0I&=k#53>#n~e2C>~8Z3Pz&StB<d`3(x<-$>v>_^Dr
zDXLg328*GfY4=eK$8nwp%LXta;0zl`b_0e}Us4dEqu82-G}8c{qMSDiC`w|dizVpR
zvaI1O9TPq<%9SmO3DRCkC7>kzAFAuiXa{BBU%x8~JK13iQW@x&1zW)v*IVzUviP_S
zWn|h}(;O_FV!Gc%rqgd)Al@AYlB{Tk7cbx?iBB00k_`o>#3+dsf|{oCajq#WFd-o<
zbi^2@gAw9vQ%izNGzn~kZ5F~Mu4pO+9U7>_RWUcx5)OqU42!w(6}et3=oZc_LR%Yx
zYQi>kuuw9ut?s2|buWutbp<a=b#SY4DQt%FF7}^`E^XoN@s`VNi-YCHhX(F;8@Kh2
z7h})xlem)-g{=E3|9gJE-QSjb|M3iQ{nOaJ)74k=ld&>T*nXmH)b-c+kIin{U+Js4
zFn7L|xbB;Ly{_~77w+Nlc-@ofpXtvP6NiP3J152V&GQxSd=1~eC139HNo86tH$7w>
zJf&W#Kl^smjR>)&{PDirns+fUG<tFE^B=_1UorIqv!*cKP;>3bM7e+WO!c0MiaD$N
z{<h?!*GGw)v(<0j&&?8h$EPk6g+$%mw6BsTv~%2*ua_EIyeFON=n`+oa^rshQ{i7-

diff --git a/node_modules/matte/ui/input-checkbox.reel/input-checkbox.css b/node_modules/matte/ui/input-checkbox.reel/input-checkbox.css
deleted file mode 100644
index 8af73d2c..00000000
--- a/node_modules/matte/ui/input-checkbox.reel/input-checkbox.css
+++ /dev/null
@@ -1,37 +0,0 @@
-
-.matte-InputCheckbox {
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    outline: none;
-    box-sizing: border-box;
-    font-size: 12px;
-    width: 1.5em;
-    height: 1.5em;
-    border-radius: 3px;
-    vertical-align: middle;
-    border: 1px solid #b3b3b3;
-    background: #f2f2f2;
-    cursor: pointer;
-}
-
-.matte-InputCheckbox:hover {
-    background-color: #fff;
-}
-
-.matte-InputCheckbox:active {
-    background-color: #e5e5e5;
-}
-
-.matte-InputCheckbox:focus {
-    border-color: #7f7f7f;
-}
-
-.matte-InputCheckbox:checked {
-    background: #f2f2f2 url(checkbox.png) no-repeat center;
-}
-
-.matte-InputCheckbox:disabled {
-    opacity: .5;
-    border-style: dashed;
-    pointer-events: none;
-}
diff --git a/node_modules/matte/ui/input-checkbox.reel/input-checkbox.html b/node_modules/matte/ui/input-checkbox.reel/input-checkbox.html
deleted file mode 100644
index 4615e003..00000000
--- a/node_modules/matte/ui/input-checkbox.reel/input-checkbox.html
+++ /dev/null
@@ -1,9 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <meta charset="utf-8">
-    <link rel="stylesheet" href="input-checkbox.css">
-</head>
-<body>
-</body>
-</html>
diff --git a/node_modules/matte/ui/input-checkbox.reel/input-checkbox.js b/node_modules/matte/ui/input-checkbox.reel/input-checkbox.js
deleted file mode 100644
index 60cb13ea..00000000
--- a/node_modules/matte/ui/input-checkbox.reel/input-checkbox.js
+++ /dev/null
@@ -1,23 +0,0 @@
-/**
-    @module "matte/ui/input-checkbox.reel"
-*/
-/*global require,exports */
-var NativeInputCheckbox = require("native/ui/input-checkbox.reel").InputCheckbox;
-
-/**
- * Input Checkbox
- * @class module:"matte/ui/input-checkbox.reel".InputCheckbox
- * @extends module:"native/ui/input-checkbox.reel".InputCheckbox
- */
-exports.InputCheckbox = NativeInputCheckbox.specialize(/** module:"matte/ui/input-checkbox.reel".InputCheckbox */ {
-
-    hasTemplate: {value: true},
-
-    constructor: {
-        value: function() {
-            this.super();
-            this.classList.add("matte-InputCheckbox");
-        }
-    }
-
-});
diff --git a/node_modules/matte/ui/input-date.reel/input-date.html b/node_modules/matte/ui/input-date.reel/input-date.html
deleted file mode 100644
index ac18a01d..00000000
--- a/node_modules/matte/ui/input-date.reel/input-date.html
+++ /dev/null
@@ -1,9 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <meta charset="utf-8">
-    <link rel="stylesheet" href="../input-text.reel/input-text.css">
-</head>
-<body>
-</body>
-</html>
diff --git a/node_modules/matte/ui/input-date.reel/input-date.js b/node_modules/matte/ui/input-date.reel/input-date.js
deleted file mode 100644
index b4962e0f..00000000
--- a/node_modules/matte/ui/input-date.reel/input-date.js
+++ /dev/null
@@ -1,27 +0,0 @@
-
-/**
-    @module "matte/ui/input-date.reel"
-*/
-
-var NativeInputDate = require("native/ui/input-date.reel").InputDate;
-
-/**
- * Wraps the a &lt;input type="date"> element with binding support for the element's standard attributes.
-   @class module:"matte/ui/input-date.reel".InputDate
-   @extends module:"native/ui/input-date.reel".InputDate
- */
-exports.InputDate = NativeInputDate.specialize({
-
-    hasTemplate: {
-        value: true
-    },
-
-    constructor: {
-        value: function InputDate() {
-            this.super();
-            this.classList.add("matte-InputDate");
-            this.classList.add("matte-InputText");
-        }
-    }
-
-});
diff --git a/node_modules/matte/ui/input-number.reel/input-number.html b/node_modules/matte/ui/input-number.reel/input-number.html
deleted file mode 100644
index b3650ba8..00000000
--- a/node_modules/matte/ui/input-number.reel/input-number.html
+++ /dev/null
@@ -1,9 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <meta charset="utf-8">
-    <link rel="stylesheet" href="../input-text.reel/input-text.css"> 
-</head>
-<body>
-</body>
-</html>
diff --git a/node_modules/matte/ui/input-number.reel/input-number.js b/node_modules/matte/ui/input-number.reel/input-number.js
deleted file mode 100644
index 0bffb09a..00000000
--- a/node_modules/matte/ui/input-number.reel/input-number.js
+++ /dev/null
@@ -1,27 +0,0 @@
-
-/**
-    @module "matte/ui/input-number.reel"
-*/
-
-var NativeInputNumber = require("native/ui/input-number.reel").InputNumber;
-
-/**
- * Wraps the a &lt;input type="date"> element with binding support for the element's standard attributes.
-   @class module:"matte/ui/input-number.reel".InputNumber
-   @extends module:"native/ui/input-number.reel".InputNumber
- */
-exports.InputNumber = NativeInputNumber.specialize(/** @lends module:"matte/ui/input-number.reel".InputNumber */{
-
-    hasTemplate: {
-        value: true
-    },
-
-    constructor: {
-        value: function InputNumber() {
-            this.super();
-            this.classList.add("matte-InputNumber");
-            this.classList.add("matte-InputText");
-        }
-    }
-
-});
diff --git a/node_modules/matte/ui/input-range.reel/input-range.css b/node_modules/matte/ui/input-range.reel/input-range.css
deleted file mode 100644
index 51e748d1..00000000
--- a/node_modules/matte/ui/input-range.reel/input-range.css
+++ /dev/null
@@ -1,46 +0,0 @@
-
-.matte-InputRange {
-    position: relative;
-    display: inline-block;
-    box-sizing: border-box;
-    width: 150px;
-    height: 10px;
-    border-radius: 3px;
-    border: 1px solid #b3b3b3;
-    background-color: #d9d9d9;
-}
-
-.matte-InputRange-thumb {
-    position: absolute;
-    font-size: inherit;
-    box-sizing: border-box;
-    margin: -14px 0 0 -1px;
-    border-radius: 14px;
-    width: 28px;
-    height: 28px;
-    left: 0;
-    top: 50%;
-    border: 1px solid #b3b3b3;
-    background-color: #f2f2f2;
-    cursor: pointer;
-}
-
-/* States */
-.matte-InputRange-thumb:hover {
-    background-color: #fff;
-}
-.matte-InputRange-thumb:active {
-    background-color: #e5e5e5;
-}
-.matte-InputRange-thumb:focus {
-    border-color: #7f7f7f;
-}
-.matte-InputRange-thumb:before {
-    content: "";
-    position: absolute;
-    top: -7px;
-    left: -7px;
-    right: -7px;
-    bottom: -7px;
-    border-radius: 50%;
-}
diff --git a/node_modules/matte/ui/input-range.reel/input-range.html b/node_modules/matte/ui/input-range.reel/input-range.html
deleted file mode 100644
index d8da4e62..00000000
--- a/node_modules/matte/ui/input-range.reel/input-range.html
+++ /dev/null
@@ -1,33 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <meta charset="utf-8">
-    <link rel="stylesheet" href="input-range.css">
-    <script type="text/montage-serialization">
-{
-    "translateComposer1": {
-        "prototype": "montage/composer/translate-composer",
-        "properties": {
-            "component": {"@": "owner"},
-            "axis": "horizontal",
-            "hasMomentum": false
-        }
-    },
-    "owner": {
-        "properties": {
-            "element": {"#": "inputRange"},
-            "_handleEl": {"#": "inputRangeThumb"},
-            "_translateComposer": {"@": "translateComposer1"}
-        }
-
-    }
-}
-    </script>
-</head>
-<body>
-    <!-- inputRange needs to be a div to work in Firefox -->
-    <div data-montage-id="inputRange" class="matte-InputRange">
-        <div data-montage-id="inputRangeThumb" class="matte-InputRange-thumb"></div>
-    </div>
-</body>
-</html>
diff --git a/node_modules/matte/ui/input-range.reel/input-range.js b/node_modules/matte/ui/input-range.reel/input-range.js
deleted file mode 100644
index cf185435..00000000
--- a/node_modules/matte/ui/input-range.reel/input-range.js
+++ /dev/null
@@ -1,326 +0,0 @@
-/**
-    module:"matte/ui/input-range.reel"
-*/
-/*global require,exports */
-var Component = require("montage/ui/component").Component,
-    dom = require("montage/core/dom");
-
-/**
- * The input type="range" field
- * @class module:"matte/ui/input-range.reel".InputRange
- * @extends module:"montage/ui/component".Component
- */
-exports.InputRange = Component.specialize(/** @lends module:"matte/ui/input-range.reel".InputRange */  {
-
-    // public API
-    _min: {
-        value: null
-    },
-
-    min: {
-        get: function() {
-            return this._min;
-        },
-        set: function(value) {
-            this._min = typeof value === "string" ? parseFloat(value) : value;
-            this.needsDraw = true;
-        }
-    },
-
-    _max: {
-        value: null
-    },
-
-    max: {
-        get: function() {
-            return this._max;
-        },
-        set: function(value) {
-            this._max = typeof value === "string" ? parseFloat(value) : value;
-            this.needsDraw = true;
-        }
-   },
-
-    _step: {
-        value: null
-    },
-
-    step: {
-        get: function() {
-            return this._step;
-        },
-        set: function(value) {
-            this._step = typeof value === "string" ? parseFloat(value) : value;
-            this.needsDraw = true;
-        }
-    },
-
-    /** Width of the slider in px. Default = 300 */
-    _width: {
-        value: null
-    },
-
-    width: {
-        get: function() {
-            return this._width;
-        },
-        set: function(value) {
-            this._width = typeof value === "string" ? parseFloat(value) : value;
-            this.needsDraw = true;
-        }
-    },
-
-    percent: {
-        value: null
-    },
-
-    _valueSyncedWithPosition: {
-        value: null
-    },
-
-    _value: {
-        value: null
-    },
-
-    value: {
-        get: function() {
-            return this._value;
-        },
-        set: function(value, fromInput) {
-            this._value = typeof value === "string" ? parseFloat(value) : value;
-            //console.log('value set', this._value);
-            if(fromInput) {
-                this._valueSyncedWithPosition = true;
-            } else {
-                this._valueSyncedWithPosition = false;
-                this.needsDraw = true;
-            }
-        }
-    },
-
-    // private
-    _handleEl: {
-        value: null
-    },
-
-    _translateComposer: {
-        value: null
-    },
-
-    _sliderWidth: {
-        value: null
-    },
-
-    __positionX: {
-        value: null
-    },
-
-    _positionX: {
-        get: function() {
-            return this.__positionX;
-        },
-        set: function(value, fromValue) {
-            //console.log('positionX', value);
-            if(value !== null && !isNaN(value)) {
-                this.__positionX = value;
-                if(!fromValue) {
-                    this._calculateValueFromPosition();
-                }
-                this.needsDraw = true;
-            }
-        }
-    },
-
-    _touchOnHandle: {value: null},
-
-    __clickTarget: {value: null},
-    _clickTarget: {
-        get: function() {
-            return this.__clickTarget;
-        },
-        set: function(value) {
-            this.__clickTarget = value;
-            this.needsDraw = true;
-        }
-    },
-
-    _handleWidth: {value: null},
-
-    _calculateValueFromPosition: {
-        value: function() {
-            if(this._sliderWidth > 0) {
-                var percent = this.percent = (this._positionX / this._sliderWidth) * 100;
-                var value = (this.min + ((percent/100) * (this.max - this.min)));
-                Object.getPropertyDescriptor(this, "value").set.call(this, value, true);
-                this._valueSyncedWithPosition = true;
-            }
-
-        }
-    },
-
-    _calculatePositionFromValue: {
-        value: function() {
-            // unless the element is ready, we cannot position the handle
-            if(this._sliderWidth) {
-                var percent, value = this.value;
-                var range = (this.max - this.min);
-                percent = ((this.value-this.min)/range) * 100;
-                var positionX = (percent/100)*this._sliderWidth;
-                Object.getPropertyDescriptor(this, "_positionX").set.call(this, positionX, true);
-
-                this.percent = percent;
-                this._valueSyncedWithPosition = true;
-            } else {
-                this._valueSyncedWithPosition = false;
-            }
-        }
-    },
-
-    enterDocument: {
-        value: function(firstTime) {
-            if (firstTime) {
-                // read initial values from the input type=range
-                this.min = this.min || this.element.getAttribute('min') || 0;
-                this.max = this.max || this.element.getAttribute('max') || 100;
-                this.step = this.step || this.element.getAttribute('step') || 1;
-                this.value = this.value || this.element.getAttribute('value') || 0;
-            }
-        }
-    },
-
-    // @todo: Without prepareForActivationEvents, the _translateComposer does not work
-    prepareForActivationEvents: {
-        value: function() {
-            this._translateComposer.addEventListener('translateStart', this, false);
-            this._translateComposer.addEventListener('translate', this, false);
-            this._translateComposer.addEventListener('translateEnd', this, false);
-            this._addEventListeners();
-        }
-    },
-
-    _addEventListeners: {
-        value: function() {
-            // support touching the scale to select only in Desktop
-            if(window.Touch) {
-                this.element.addEventListener('touchstart', this, false);
-            } else {
-                this.element.addEventListener('mousedown', this, false);
-            }
-            this._touchOnHandle = false;
-
-        }
-    },
-
-    _removeEventListeners: {
-        value: function() {
-            // support touching the scale to select only in Desktop
-            if(window.Touch) {
-                this.element.removeEventListener('touchstart', this, false);
-            } else {
-                this.element.removeEventListener('mousedown', this, false);
-            }
-        }
-    },
-
-    _startTranslateX: {
-        enumerable: false,
-        value: null
-    },
-
-    _startPositionX: {
-        enumerable: false,
-        value: null
-    },
-
-    handleTranslateStart: {
-        value: function(e) {
-            this._startTranslateX = e.translateX;
-            this._startPositionX = this.__positionX;
-            this._removeEventListeners();
-            this._valueSyncedWithPosition = false;
-        }
-    },
-
-    handleTranslate: {
-        value: function (event) {
-            // handle translate on Touch devices only if initial touch was on the knob/handle
-            if(!window.Touch || (window.Touch && this._touchOnHandle)) {
-                var x = this._startPositionX + event.translateX - this._startTranslateX;
-                if (x < 0) {
-                    x = 0;
-                } else {
-                    if (x > this._sliderWidth) {
-                        x = this._sliderWidth;
-                    }
-                }
-                this._positionX = x;
-            }
-        }
-    },
-
-    handleTranslateEnd: {
-        value: function(e) {
-            this._addEventListeners();
-        }
-    },
-
-    handleMousedown: {
-        value: function(e) {
-            this._clickTarget = {x: e.pageX, y: e.pageY};
-        }
-    },
-
-    handleTouchstart: {
-        value: function(e) {
-            var target = e.targetTouches[0];
-            // handle the translate only if touch target is the knob
-            this._touchOnHandle = (target.target === this._handleEl);
-        }
-    },
-
-    surrenderPointer: {
-        value: function(pointer, composer) {
-            // If the user is sliding us then we do not want anyone using
-            // the pointer
-            return false;
-        }
-    },
-
-    willDraw: {
-        value: function() {
-            this._handleWidth = this._handleEl.offsetWidth;
-            this._sliderWidth = this.element.offsetWidth - this._handleWidth;
-            if(this._clickTarget) {
-                // the slider scale was clicked
-                var x = dom.convertPointFromNodeToPage(this.element).x;
-                var positionX = (this._clickTarget.x - (x + (this._handleWidth/2)));
-                if(positionX < 0) {
-                    positionX = 0;
-                }
-                this._positionX = positionX;
-                this._clickTarget = null;
-            }
-            if(!this._valueSyncedWithPosition) {
-                this._calculatePositionFromValue();
-            }
-        }
-    },
-
-    draw: {
-        value: function() {
-            var el = this._handleEl;
-            if(el.style.webkitTransform != null) {
-                // detection for webkitTransform to use Hardware acceleration where available
-                el.style.webkitTransform = 'translate3d(' + this._positionX + 'px,0,0)';
-            } else if(el.style.MozTransform != null) {
-                el.style.MozTransform = 'translate3d(' + this._positionX + 'px,0,0)';
-            } else if(el.style.transform != null) {
-                el.style.transform = 'translate3d(' + this._positionX + 'px,0,0)';
-            } else {
-                // fallback
-                el.style['left'] = this._positionX + 'px';
-            }
-
-        }
-    }
-});
diff --git a/node_modules/matte/ui/input-text.reel/input-text.css b/node_modules/matte/ui/input-text.reel/input-text.css
deleted file mode 100644
index 88fc9cc1..00000000
--- a/node_modules/matte/ui/input-text.reel/input-text.css
+++ /dev/null
@@ -1,39 +0,0 @@
-
-.matte-InputText {
-    outline: none;
-    box-sizing: border-box;
-    font-size: 12px;
-    width: 150px;
-    height: 2.5em;
-    padding: 0.5em;
-    vertical-align: middle;
-    border: 1px solid #b3b3b3;
-    border-radius: 3px;
-    background-color: #fff;
-}
-
-.matte-InputText:hover {
-    border-color: #ccc;
-}
-
-.matte-InputText:focus {
-    border-color: #7f7f7f;
-}
-
-.matte-InputText:invalid {
-    border: 1px dashed #E73525;
-}
-
-.matte-InputText:disabled {
-    opacity: .5;
-    border-style: dashed;
-    pointer-events: none;
-}
-
-.matte-InputText[readonly] {
-    background-color: #e5e5e5;
-}
-
-.matte-InputText[readonly]:hover {
-    border-color: #b3b3b3;
-}
diff --git a/node_modules/matte/ui/input-text.reel/input-text.html b/node_modules/matte/ui/input-text.reel/input-text.html
deleted file mode 100644
index cac5bef4..00000000
--- a/node_modules/matte/ui/input-text.reel/input-text.html
+++ /dev/null
@@ -1,9 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <meta charset="utf-8">
-    <link rel="stylesheet" href="input-text.css">
-</head>
-<body>
-</body>
-</html>
diff --git a/node_modules/matte/ui/input-text.reel/input-text.js b/node_modules/matte/ui/input-text.reel/input-text.js
deleted file mode 100644
index 7eb6bd1c..00000000
--- a/node_modules/matte/ui/input-text.reel/input-text.js
+++ /dev/null
@@ -1,22 +0,0 @@
-/**
-    @module "matte/ui/input-text.reel"
-
-/*global require,exports */
-var AbstractTextField = require("montage/ui/base/abstract-text-field").AbstractTextField;
-
-/**
- * Input Text
- * @class module:"matte/ui/input-text.reel".InputText
- * @extends module:"native/ui/input-text.reel".InputText
- */
-exports.InputText = AbstractTextField.specialize(/** @lends module:"matte/ui/input-text.reel".InputText# */ {
-
-    hasTemplate: {value: true},
-
-    constructor: {
-        value: function InputText() {
-            this.super();
-            this.classList.add("matte-InputText");
-        }
-    }
-});
diff --git a/node_modules/matte/ui/list.reel/list.css b/node_modules/matte/ui/list.reel/list.css
deleted file mode 100644
index 7d37cc11..00000000
--- a/node_modules/matte/ui/list.reel/list.css
+++ /dev/null
@@ -1,4 +0,0 @@
-.matte-List-scroller {
-    width: 100%;
-    height: 100%;
-}
\ No newline at end of file
diff --git a/node_modules/matte/ui/list.reel/list.html b/node_modules/matte/ui/list.reel/list.html
deleted file mode 100644
index f19afe25..00000000
--- a/node_modules/matte/ui/list.reel/list.html
+++ /dev/null
@@ -1,57 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <meta charset="utf-8">
-    <link rel="stylesheet" href="list.css">
-    <script type="text/montage-serialization">
-{
-    "repetition1": {
-        "prototype": "montage/ui/repetition.reel",
-        "properties": {
-            "element": {
-                "#": "repetition"
-            }
-        },
-        "bindings": {
-            "isSelectionEnabled": {"<-": "@owner.isSelectionEnabled"}
-        }
-    },
-    "scroller1": {
-        "prototype": "ui/scroller.reel",
-        "properties": {
-            "element": {
-                "#": "scroller"
-            }
-        },
-        "bindings": {
-            "axis": {"<-": "@owner.axis"}
-        }
-    },
-    "owner": {
-        "prototype": "ui/list.reel",
-        "properties": {
-            "element": {
-                "#": "EA5D3E95-BA4E-4696-BBBE-B4DE2F6ED6C9"
-            },
-            "_repetition": {
-                "@": "repetition1"
-            },
-            "_scroller": {
-                "@": "scroller1"
-            }
-        }
-    },
-    ":iteration": {
-       "alias": "@repetition1:iteration"
-    }
-}
-    </script>
-</head>
-<body>
-    <div data-montage-id="EA5D3E95-BA4E-4696-BBBE-B4DE2F6ED6C9" class="matte-List">
-        <div data-montage-id="scroller" class="matte-List-scroller">
-            <div data-montage-id="repetition"><div data-param="*"></div></div>
-        </div>
-    </div>
-</body>
-</html>
diff --git a/node_modules/matte/ui/list.reel/list.js b/node_modules/matte/ui/list.reel/list.js
deleted file mode 100644
index f4dd718e..00000000
--- a/node_modules/matte/ui/list.reel/list.js
+++ /dev/null
@@ -1,119 +0,0 @@
-/**
-	@module "matte/ui/list.reel"
-*/
-var Component = require("montage/ui/component").Component,
-    observeProperty = require("montage/frb/observers").observeProperty;
-
-var deprecationWarning = require("montage/core/deprecate").deprecationWarning;
-
-/**
- @class module:"matte/ui/list.reel".List
- @extends module:montage/ui/component.Component
- */
-exports.List = Component.specialize(/** @lends module:"matte/ui/list.reel".List# */ {
-
-    constructor: {
-        value: function List () {
-            this.super();
-
-            this.defineBinding("_repetition.content", {"<-": "content"});
-
-            // Only use a contentController if content is not defined
-            this.defineBinding("content.defined() ? null : _repetition.contentController", {
-                "<-": "contentController"
-            });
-
-        }
-    },
-
-    templateDidLoad: {
-        value: function() {
-            this._scroller.addOwnPropertyChangeListener("scrollY", this);
-            this._scroller.addOwnPropertyChangeListener("_maxTranslateY", this);
-        }
-    },
-
-
-    /**
-      Description TODO
-      @private
-    */
-    _repetition: {
-        value: null
-    },
-
-    _scroller: {
-        value: null
-    },
-
-    /**
-        Description TODO
-        @type {Property}
-        @default null
-    */
-    delegate: {
-        value: null
-    },
-
-    content: {value: null},
-
-    contentController: {value: null},
-
-    axis: {
-        value: null
-    },
-
-/**
-  Description TODO
-  @private
-*/
-    isSelectionEnabled: {
-        value: null
-    },
-
-    /**
-     * Threshold at which the list will fire a "listEnd" event. This is the ratio of
-     */
-    listEndEventThreshold: {
-        value: 1
-    },
-
-    // Initialization
-
-    // TODO we should probably support the programmatic initialization of a list; forwarding the childComponents
-    // along to the repetition
-    // I want to say that if somebody knows enough to do that they know enough to append the child components' elements
-    // into the repetition, not the list
-
-    observeProperty: {
-        value: function (key, emit, source, parameters, beforeChange) {
-            if (key === "objectAtCurrentIteration" || key === "currentIteration") {
-                deprecationWarning(key,":iteration.object");
-                if (this._repetition) {
-                    return this._repetition.observeProperty(key, emit, source, parameters, beforeChange);
-                }
-            } else {
-                return observeProperty(this, key, emit, source, parameters, beforeChange);
-            }
-        }
-    },
-
-    _fireEndEvent: {
-        value: function() {
-            this.dispatchEventNamed("listEnd");
-        }
-    },
-
-    handlePropertyChange: {
-        value: function(changeValue, key, object) {
-            if (key === "scrollY" || key === "_maxTranslateY") {
-                if (this._scroller && object === this._scroller) {
-                    if (this._scroller.scrollY >= (this._scroller._maxTranslateY * this.listEndEventThreshold) && this._scroller._maxTranslateY > 0) {
-                        this._fireEndEvent();
-                    }
-                }
-            }
-        }
-    }
-
-});
diff --git a/node_modules/matte/ui/list.reel/list.meta b/node_modules/matte/ui/list.reel/list.meta
deleted file mode 100644
index 2113a543..00000000
--- a/node_modules/matte/ui/list.reel/list.meta
+++ /dev/null
@@ -1,101 +0,0 @@
-{
-    "blueprint_component_reference": {
-        "prototype": "montage/core/meta/blueprint-reference",
-        "properties": {
-            "valueReference": {
-                "blueprintName": "Component",
-                "prototypeName": "Component",
-                "blueprintModule": {
-                    "%": "montage/ui/component.meta"
-                }
-            }
-        }
-    },
-    "blueprint_list_delegate": {
-        "prototype": "montage/core/meta/property-blueprint",
-        "properties": {
-            "name": "delegate",
-            "blueprint": {
-                "@": "root"
-            },
-            "valueType": "object"
-        }
-    },
-    "blueprint_list_content": {
-        "prototype": "montage/core/meta/property-blueprint",
-        "properties": {
-            "name": "content",
-            "blueprint": {
-                "@": "root"
-            },
-            "cardinality": -1,
-            "valueType": "object"
-        }
-    },
-    "blueprint_list_contentController": {
-        "prototype": "montage/core/meta/property-blueprint",
-        "properties": {
-            "name": "contentController",
-            "blueprint": {
-                "@": "root"
-            },
-            "valueType": "object"
-        }
-    },
-    "blueprint_list_isSelectionEnabled": {
-        "prototype": "montage/core/meta/property-blueprint",
-        "properties": {
-            "name": "isSelectionEnabled",
-            "blueprint": {
-                "@": "root"
-            },
-            "valueType": "boolean"
-        }
-    },
-    "root": {
-        "prototype": "montage/core/meta/module-blueprint",
-        "properties": {
-            "name": "List",
-            "parent": {
-                "@": "blueprint_component_reference"
-            },
-            "propertyBlueprints": [
-                {
-                    "@": "blueprint_list_delegate"
-                },
-                {
-                    "@": "blueprint_list_content"
-                },
-                {
-                    "@": "blueprint_list_contentController"
-                },
-                {
-                    "@": "blueprint_list_isSelectionEnabled"
-                }
-            ],
-            "propertyBlueprintGroups": {
-                "List": [
-                    {
-                        "@": "blueprint_list_delegate"
-                    },
-                    {
-                        "@": "blueprint_list_content"
-                    },
-                    {
-                        "@": "blueprint_list_contentController"
-                    },
-                    {
-                        "@": "blueprint_list_isSelectionEnabled"
-                    }
-                ]
-            },
-            "blueprintModule": {
-                "%": "ui/list.reel/list.meta"
-            },
-            "exportName": "List",
-            "module": {
-                "%": "ui/list.reel"
-            }
-        }
-    }
-}
diff --git a/node_modules/matte/ui/loading-panel.reel/loading-panel.css b/node_modules/matte/ui/loading-panel.reel/loading-panel.css
deleted file mode 100644
index 1ed7d0f3..00000000
--- a/node_modules/matte/ui/loading-panel.reel/loading-panel.css
+++ /dev/null
@@ -1,40 +0,0 @@
-
-.matte-LoadingPanel {
-    position: absolute;
-    z-index: 999;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-}
-
-.matte-LoadingPanel > .matte-LoadingPanel-loadingIndicator {
-    width: 200px;
-    margin: 20px;
-    display: none; /* disabled for now, because the loading doesn't really look continuos enough. */
-}
-
-
-.matte-LoadingPanel > .matte-LoadingPanel-loadingCount {
-    position: absolute;
-    width: 160px;
-    height: 160px;
-    top: 50%;
-    left: 50%;
-    margin: -90px;
-    padding: 10px;
-    border-radius: 50%;
-    color: #fff;
-    font: 30px/160px "Helvetica Neue", Helvetica, Geneva, sans-serif;
-    text-align: center;
-    background: hsla(0,0%,0%,.6);
-    background: -webkit-radial-gradient( center 33% , hsla(0,0%,0%,.6) 10%, hsla(0,0%,0%,.8) );
-    background: -moz-radial-gradient( center 33% , hsla(0,0%,0%,.65) 10%, hsla(0,0%,0%,.8) );
-    -webkit-box-shadow: inset 0 0 0 3px hsla(0,0%,0%,.3), 0 0 0 3px hsla(0,0%,100%,.3);
-    box-shadow: inset 0 0 0 3px hsla(0,0%,0%,.3), 0 0 0 3px hsla(0,0%,100%,.3);
-    overflow: hidden;
-}
-
-.matte-LoadingPanel > .matte-LoadingPanel-loadingCount > .matte-LoadingPanel-divider {
-    color: hsl(200,100%,50%);
-}
diff --git a/node_modules/matte/ui/loading-panel.reel/loading-panel.html b/node_modules/matte/ui/loading-panel.reel/loading-panel.html
deleted file mode 100644
index f40a45a5..00000000
--- a/node_modules/matte/ui/loading-panel.reel/loading-panel.html
+++ /dev/null
@@ -1,58 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <meta charset="utf-8">
-    <link rel="stylesheet" href="loading-panel.css">
-    <script type="text/montage-serialization">
-{
-    "owner": {
-        "prototype": "ui/loading-panel.reel",
-        "properties": {
-            "element": {"#": "loadingPanel"}
-        }
-    },
-
-    "loadingIndicator": {
-        "prototype": "ui/progress.reel",
-        "properties": {
-            "element": {"#": "loadingIndicator"}
-        },
-        "bindings": {
-            "value": {"<-": "@owner.initializedModuleCount"},
-            "max": {"<-": "@owner.requiredModuleCount"}
-        }
-    },
-
-    "loadedCount": {
-        "prototype": "montage/ui/text.reel",
-        "properties": {
-            "element": {"#": "loadedCount"}
-        },
-        "bindings": {
-            "value": {"<-": "@owner.initializedModuleCount"}
-        }
-    },
-
-     "requiredCount": {
-        "prototype": "montage/ui/text.reel",
-        "properties": {
-            "element": {"#": "requiredCount"}
-        },
-        "bindings": {
-            "value": {"<-": "@owner.requiredModuleCount"}
-        }
-    }
-}
-    </script>
-</head>
-<body>
-    <div data-montage-id="loadingPanel" class="matte-LoadingPanel">
-        <div data-montage-id="loadingIndicator" class="matte-LoadingPanel-loadingIndicator"></div>
-        <div data-montage-id="loadingCount" class="matte-LoadingPanel-loadingCount">
-            <span data-montage-id="loadedCount" class="matte-LoadingPanel-loadedCount">0</span>
-            <span class="matte-Loading-divider">/</span>
-            <span data-montage-id="requiredCount" class="requiredCount">0</span>
-        </div>
-    </div>
-</body>
-</html>
diff --git a/node_modules/matte/ui/loading-panel.reel/loading-panel.js b/node_modules/matte/ui/loading-panel.reel/loading-panel.js
deleted file mode 100644
index 806d5827..00000000
--- a/node_modules/matte/ui/loading-panel.reel/loading-panel.js
+++ /dev/null
@@ -1,32 +0,0 @@
-
-/**
-	module:"matte/ui/loading-panel.reel"
-*/
-
-var Component = require("montage/ui/component").Component;
-
-/**
- @class module:matte/ui/loading-panel.LoadingPanel
- @extends module:montage/ui/component.Component
- */
-
-exports.LoadingPanel = Component.specialize(/** @lends module:matte/ui/loading-panel.LoadingPanel# */ {
-
-/**
-	The number of modules that are required to load.
-*/
-    requiredModuleCount: {
-        enumerable: false,
-        value: 0
-    },
-
-/**
-	The number of modules that have been initialized.
-*/
-    initializedModuleCount: {
-        enumerable: false,
-        value: 0
-    }
-
-
-});
diff --git a/node_modules/matte/ui/loading.reel/loading-0.svg b/node_modules/matte/ui/loading.reel/loading-0.svg
deleted file mode 100644
index 87244e79..00000000
--- a/node_modules/matte/ui/loading.reel/loading-0.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<?xml version="1.0"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg width="30px" height="35px" xmlns="http://www.w3.org/2000/svg" version="1.1"><path d="M17,2.73 l0,11.54 l10.27,-5.77 z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/node_modules/matte/ui/loading.reel/loading-1.svg b/node_modules/matte/ui/loading.reel/loading-1.svg
deleted file mode 100644
index 60ad8eaf..00000000
--- a/node_modules/matte/ui/loading.reel/loading-1.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<?xml version="1.0"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg width="30px" height="35px" xmlns="http://www.w3.org/2000/svg" version="1.1"><path d="M29,11.73 l0,11.54 l-10.27,-5.77 z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/node_modules/matte/ui/loading.reel/loading-2.svg b/node_modules/matte/ui/loading.reel/loading-2.svg
deleted file mode 100644
index dfa84864..00000000
--- a/node_modules/matte/ui/loading.reel/loading-2.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<?xml version="1.0"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg width="30px" height="35px" xmlns="http://www.w3.org/2000/svg" version="1.1"><path d="M17,20.73 l0,11.54 l10.27,-5.77 z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/node_modules/matte/ui/loading.reel/loading-3.svg b/node_modules/matte/ui/loading.reel/loading-3.svg
deleted file mode 100644
index af74427d..00000000
--- a/node_modules/matte/ui/loading.reel/loading-3.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<?xml version="1.0"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg width="30px" height="35px" xmlns="http://www.w3.org/2000/svg" version="1.1"><path d="M13,20.73 l0,11.54 l-10.27,-5.77 z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/node_modules/matte/ui/loading.reel/loading-4.svg b/node_modules/matte/ui/loading.reel/loading-4.svg
deleted file mode 100644
index 402340ca..00000000
--- a/node_modules/matte/ui/loading.reel/loading-4.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<?xml version="1.0"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg width="30px" height="35px" xmlns="http://www.w3.org/2000/svg" version="1.1"><path d="M1,11.73 l0,11.54 l10.27,-5.77 z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/node_modules/matte/ui/loading.reel/loading-5.svg b/node_modules/matte/ui/loading.reel/loading-5.svg
deleted file mode 100644
index 1a473f16..00000000
--- a/node_modules/matte/ui/loading.reel/loading-5.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<?xml version="1.0"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg width="30px" height="35px" xmlns="http://www.w3.org/2000/svg" version="1.1"><path d="M13,2.73 l0,11.54 l-10.27,-5.77 z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/node_modules/matte/ui/loading.reel/loading-bg.svg b/node_modules/matte/ui/loading.reel/loading-bg.svg
deleted file mode 100644
index 2ad50a91..00000000
--- a/node_modules/matte/ui/loading.reel/loading-bg.svg
+++ /dev/null
@@ -1,31 +0,0 @@
-<?xml version="1.0"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg width="30px" height="35px" xmlns="http://www.w3.org/2000/svg" version="1.1">
-    <path d="M0,9 l0,1 l13,7.5 l0,-1 z" fill="#000" style="fill-opacity: 0.09"/>
-    <path d="M30,9 l0,1 l-13,7.5 l0,-1 z" fill="#000" style="fill-opacity: 0.09"/>
-    <path d="M14,0 l0,1 l-13,7.5 l0,-1 z" fill="#000" style="fill-opacity: 0.09"/>
-    <path d="M16,0 l0,1 l13,7.5 l0,-1 z" fill="#000" style="fill-opacity: 0.09"/>
-    <path d="M14,18 l0,1 l-13,7.5 l0,-1 z" fill="#000" style="fill-opacity: 0.09"/>
-	<path d="M16,18 l0,1 l13,7.5 l0,-1 z" fill="#000" style="fill-opacity: 0.09"/>
-	
-	<path d="M0,25 l13,-7.5 l0,1 l-13,7.5 z" fill="#FFF" style="fill-opacity: 0.18"/>
-	<path d="M30,25 l-13,-7.5 l0,1 l13,7.5 z" fill="#FFF" style="fill-opacity: 0.18"/>
-	<path d="M14,16 l-13,-7.5 l0,1 l13,7.5 z" fill="#FFF" style="fill-opacity: 0.18"/>
-	<path d="M16,16 l13,-7.5 l0,1 l-13,7.5 z" fill="#FFF" style="fill-opacity: 0.18"/>
-	<path d="M14,34 l-13,-7.5 l0,1 l13,7.5 z" fill="#FFF" style="fill-opacity: 0.18"/>
-	<path d="M16,34 l13,-7.5 l0,1 l-13,7.5 z" fill="#FFF" style="fill-opacity: 0.18"/>
-	
-	<path d="M0,10 l0,15 l13,-7.5 l-13,-7.5 l1,1.73 l10.27,5.77 l-10.27,5.77 l0,-11.54 z" fill="#000" style="fill-opacity: 0.28"/>
-	<path d="M30,10 l0,15 l-13,-7.5 l13,-7.5 l-1,1.73 l-10.27,5.77 l10.27,5.77 l0,-11.54 z" fill="#000" style="fill-opacity: 0.28"/>
-	<path d="M14,1 l0,15 l-13,-7.5 l13,-7.5 l-1,1.73 l-10.27,5.77 l10.27,5.77 l0,-11.54 z" fill="#000" style="fill-opacity: 0.28"/>
-	<path d="M16,1 l0,15 l13,-7.5 l-13,-7.5 l1,1.73 l10.27,5.77 l-10.27,5.77 l0,-11.54 z" fill="#000" style="fill-opacity: 0.28"/>
-	<path d="M14,19 l0,15 l-13,-7.5 l13,-7.5 l-1,1.73 l-10.27,5.77 l10.27,5.77 l0,-11.54 z" fill="#000" style="fill-opacity: 0.28"/>
-	<path d="M16,19 l0,15 l13,-7.5 l-13,-7.5 l1,1.73 l10.27,5.77 l-10.27,5.77 l0,-11.54 z" fill="#000" style="fill-opacity: 0.28"/>
-	
-	<path d="M1,11.73 l0,11.54 l10.27,-5.77 z" fill="#000" style="fill-opacity: 0.12"/>
-	<path d="M17,2.73 l0,11.54 l10.27,-5.77 z" fill="#000" style="fill-opacity: 0.12"/>
-	<path d="M17,20.73 l0,11.54 l10.27,-5.77 z" fill="#000" style="fill-opacity: 0.12"/>
-	<path d="M29,11.73 l0,11.54 l-10.27,-5.77 z" fill="#000" style="fill-opacity: 0.12"/>
-	<path d="M13,2.73 l0,11.54 l-10.27,-5.77 z" fill="#000" style="fill-opacity: 0.12"/>
-	<path d="M13,20.73 l0,11.54 l-10.27,-5.77 z" fill="#000" style="fill-opacity: 0.12"/>	
-</svg>
\ No newline at end of file
diff --git a/node_modules/matte/ui/loading.reel/loading.css b/node_modules/matte/ui/loading.reel/loading.css
deleted file mode 100644
index 88fe82cf..00000000
--- a/node_modules/matte/ui/loading.reel/loading.css
+++ /dev/null
@@ -1,73 +0,0 @@
-@-webkit-keyframes montage-loading {
-    0% {
-        opacity: 0;
-    }
-    20% {
-        opacity: .9;
-    }
-    40% {
-        opacity: .27;
-    }
-    100% {
-        opacity: 0;
-    }
-}
-.matte-Loading {
-    position: relative;
-    width: 30px;
-    height: 35px;
-    background-position: center center;
-    background-repeat: no-repeat;
-}
-
-.matte-Loading.animate {
-    background-image: url(loading-bg.svg);
-}
-
-.matte-Loading .matte-Loading-section {
-    display: none;
-    position: absolute;
-    left: 0;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    background-position: center center;
-    background-repeat: no-repeat;
-}
-
-.matte-Loading.animate .matte-Loading-section {
-    display: block;
-    -webkit-transform: translateZ(0);
-    -webkit-animation-name: montage-loading;
-    -webkit-animation-duration: 1200ms;
-    -webkit-animation-iteration-count: infinite;
-}
-
-.matte-Loading .matte-Loading-l0 {
-    background-image: url(loading-0.svg);
-    -webkit-animation-delay: -1000ms;
-}
-
-.matte-Loading .matte-Loading-l1 {
-    background-image: url(loading-1.svg);
-    -webkit-animation-delay: -800ms;
-}
-
-.matte-Loading .matte-Loading-l2 {
-    background-image: url(loading-2.svg);
-    -webkit-animation-delay: -600ms;
-}
-
-.matte-Loading .matte-Loading-l3 {
-    background-image: url(loading-3.svg);
-    -webkit-animation-delay: -400ms;
-}
-
-.matte-Loading .matte-Loading-l4 {
-    background-image: url(loading-4.svg);
-    -webkit-animation-delay: -200ms;
-}
-
-.matte-Loading .matte-Loading-l5 {
-    background-image: url(loading-5.svg);
-}
diff --git a/node_modules/matte/ui/loading.reel/loading.html b/node_modules/matte/ui/loading.reel/loading.html
deleted file mode 100644
index f3c697cc..00000000
--- a/node_modules/matte/ui/loading.reel/loading.html
+++ /dev/null
@@ -1,29 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <meta charset="utf-8">
-    <link rel="stylesheet" href="loading.css">
-    <script type="text/montage-serialization">
-{
-    "owner": {
-        "prototype": "ui/loading.reel",
-        "properties": {
-            "element": {
-                "#": "loading"
-            }
-        }
-    }
-}
-    </script>
-</head>
-<body>
-    <div class="matte-Loading" data-montage-id="loading">
-        <div class="matte-Loading-section matte-Loading-l0"></div>
-        <div class="matte-Loading-section matte-Loading-l1"></div>
-        <div class="matte-Loading-section matte-Loading-l2"></div>
-        <div class="matte-Loading-section matte-Loading-l3"></div>
-        <div class="matte-Loading-section matte-Loading-l4"></div>
-        <div class="matte-Loading-section matte-Loading-l5"></div>
-    </div>
-</body>
-</html>
diff --git a/node_modules/matte/ui/loading.reel/loading.js b/node_modules/matte/ui/loading.reel/loading.js
deleted file mode 100644
index 77a9a130..00000000
--- a/node_modules/matte/ui/loading.reel/loading.js
+++ /dev/null
@@ -1,53 +0,0 @@
-/**
-	module:"matte/ui/loading.reel"
-*/
-var Component = require("montage/ui/component").Component;
-/**
- @class module:matte/ui/loading.Loading
- @extends module:montage/ui/component.Component
- */
-
-exports.Loading = Component.specialize(/** @lends module:"matte/ui/loading.reel".Loading# */ {
-/**
-  Description TODO
-  @private
-*/
-    _loading: {
-        value: null
-    },
-/**
-        Description TODO
-        @type {Function}
-        @default null
-    */
-    loading: {
-        get: function() {
-            return this._loading;
-        },
-        set: function(isloading) {
-            if (this._loading !== isloading) {
-                this._loading = isloading;
-                this.needsDraw = true;
-            }
-        }
-    },
-/**
-    Description TODO
-    @function
-    */
-    draw: {
-        value: function() {
-            var classList = this.element.classList, exists = classList.contains("animate");
-            if (this.loading) {
-                if (!exists) {
-                    classList.add("animate");
-                }
-            } else {
-                if (exists) {
-                    classList.remove("animate");
-                }
-
-            }
-        }
-    }
-});
diff --git a/node_modules/matte/ui/popup/alert.reel/alert.css b/node_modules/matte/ui/popup/alert.reel/alert.css
deleted file mode 100644
index 26ae174c..00000000
--- a/node_modules/matte/ui/popup/alert.reel/alert.css
+++ /dev/null
@@ -1,62 +0,0 @@
-
-.matte-Alert-dialog {
-    min-width: 300px;
-}
-.matte-Alert-dialog Alert-content {
-    font-size: 1.3em;
-    padding: 15px;
-
-}
-.matte-Alert-dialog Alert-actions {
-    float: right;
-}
-
-/*
-
-.matte-Alert-dialog {
-    font-family: "AG Buch BQ Regular", "AG Buch BQ", Helvetica, Arial, sans-serif;
-    background-color: #333;
-    border: 1px solid #333;
-    border-radius: 5px;
-    margin: 0;
-    padding: 0px 3px;
-}
-
-.matte-Alert-dialog .header {
-    height: 25px;
-    color: #fff;
-}
-
-.matte-Alert-dialog .header h4 {
-    margin: 10px 0;
-    font-weight: normal;
-}
-
-.matte-Alert-dialog .content {
-    text-align: center;
-    margin: 5px 0;
-    background-color: #e6e6e6;
-    padding: 10px;
-}
-
-.matte-Alert-dialog .msg-container {
-    padding: 10px 0;
-    border-bottom: 1px solid #ccc;
-}
-
-.matte-Alert-dialog .msg {
-    font-size: 18pt;
-    font-weight: normal;
-}
-
-.matte-Alert-dialog .msg-detail {
-    font-size: 12pt;
-    font-weight: normal;
-    color: #cccccc;
-}
-
-.matte-Alert-dialog .action-container {
-    padding: 10px 0;
-}
-*/
-
diff --git a/node_modules/matte/ui/popup/alert.reel/alert.html b/node_modules/matte/ui/popup/alert.reel/alert.html
deleted file mode 100644
index fc3d92eb..00000000
--- a/node_modules/matte/ui/popup/alert.reel/alert.html
+++ /dev/null
@@ -1,86 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <meta charset="utf-8">
-    <link rel="stylesheet" href="alert.css">
-    <script type="text/montage-serialization">
-{
-    "dynamictext1": {
-        "prototype": "montage/ui/text.reel",
-        "properties": {
-            "element": {
-                "#": "title"
-            }
-        },
-        "bindings": {
-            "value": {"<-": "@owner.title"}
-        }
-    },
-    "dynamictext2": {
-        "prototype": "montage/ui/text.reel",
-        "properties": {
-            "element": {
-                "#": "msg"
-            }
-        },
-        "bindings": {
-            "value": {"<-": "@owner.msg"}
-        }
-    },
-    "dynamictext3": {
-        "prototype": "montage/ui/text.reel",
-        "properties": {
-            "element": {
-                "#": "msg-detail"
-            }
-        },
-        "bindings": {
-            "value": {"<-": "@owner.details"}
-        }
-    },
-    "button1": {
-        "prototype": "ui/button.reel",
-        "properties": {
-            "identifier": "Ok",
-            "element": {
-                "#": "action-ok"
-            }
-        },
-        "listeners": [
-            {
-                "type": "action",
-                "listener": {
-                    "@": "owner"
-                }
-            }
-        ]
-    },
-    "owner": {
-        "prototype": "ui/popup/alert.reel",
-        "properties": {
-            "element": {
-                "#": "alert-container"
-            }
-        }
-    }
-}
-    </script>
-</head>
-<body>
-    <div data-montage-id="alert-container" class="matte-Alert-dialog">
-        <div class="matte-Popup-header">
-            <h3 data-montage-id="title" class="title"></h3>
-        </div>
-        <div class="matte-Alert-content">
-                <div data-montage-id="msg" class="msg"></div>
-                <div data-montage-id="msg-detail" class="msg-detail"></div>
-        </div>
-        <div class="matte-Popup-footer">
-            <div class="matte-Alert-actions">
-                <button class="submit" data-montage-id="action-ok">OK</button>
-            </div>
-            <div class="clearfix"></div>
-        </div>
-    </div>
-</body>
-</html>
diff --git a/node_modules/matte/ui/popup/alert.reel/alert.js b/node_modules/matte/ui/popup/alert.reel/alert.js
deleted file mode 100644
index 1f552022..00000000
--- a/node_modules/matte/ui/popup/alert.reel/alert.js
+++ /dev/null
@@ -1,127 +0,0 @@
-
-/**
-    @module "matte/ui/popup/alert.reel"
-*/
-
-var Component = require("montage/ui/component").Component,
-    Popup = require("ui/popup/popup.reel").Popup;
-
-/**
- @class module:"matte/ui/popup/alert.reel".Alert
- @extends module:montage/ui/component.Component
- */
-
-var Alert = exports.Alert = Component.specialize({
-    title: {
-        value: 'Alert'
-    },
-/**
-        Description TODO
-        @type {Property}
-        @default {String} ''
-    */
-    msg: {
-        value: ''
-    },
-/**
-        Description TODO
-        @type {Property}
-        @default {String} ''
-    */
-    details: {
-        value: ''
-    },
-/**
-  Description TODO
-  @private
-*/
-    _popup: {
-        value: null
-    },
-/**
-        Description TODO
-        @type {Function}
-        @default null
-    */
-    popup: {
-        set: function(value) {
-            this._popup = value;
-        },
-        get: function() {
-            return this._popup;
-        }
-    },
-
-    okCallback: {value: null},
-
-    enterDocument: {
-        value: function(firstTime) {
-            if (firstTime) {
-                this.element.addEventListener("keyup", this, false);
-            }
-        }
-    },
-/**
-    Description TODO
-    @function
-    @param {Event} evt The event keyCode.
-    */
-    handleKeyup: {
-        value: function(evt) {
-            if (evt.keyCode == 13 /*Enter*/ ||
-                    evt.keyCode == 27 /*Escape*/) {
-
-                this.handleOkAction(evt);
-            }
-        }
-    },
-/**
-    Description TODO
-    @function
-    @param {Event} evt The event keyCode.
-    */
-    handleOkAction: {
-        value: function(evt) {
-            if(this.okCallback) {
-                this.okCallback.call(this, evt);
-            }
-            var anEvent = document.createEvent("CustomEvent");
-            anEvent.initCustomEvent("montage_alert_ok", true, true, null);
-
-            this.dispatchEvent(anEvent);
-            this.popup.hide();
-        }
-    },
-
-    // Static method to show an Alert dialog
-    /**
-     Displays an Alert dialog with a OK button.
-     @function
-     @param {String} msg A message to display in the dialog.
-     @param {Function} okCallback Function that's invoked when the user clicks OK
-     @example
-     ...
-     */
-    show: {
-        value: function(msg, okCallback) {
-            var popup = this.application._alertPopup, alert;
-            if(!popup) {
-                popup = new Popup();
-                this.popup = popup;
-
-                popup.type = 'alert';
-                popup.title = 'Message';
-                popup.modal = true;
-                this.application._alertPopup = popup;
-
-                alert = new Alert();
-                popup.content = alert;
-            }
-            alert = popup.content;
-            alert.msg = msg;
-            alert.okCallback = okCallback || null;
-            popup.show();
-        }
-    }
-});
-
diff --git a/node_modules/matte/ui/popup/confirm.reel/confirm.css b/node_modules/matte/ui/popup/confirm.reel/confirm.css
deleted file mode 100644
index fa18861c..00000000
--- a/node_modules/matte/ui/popup/confirm.reel/confirm.css
+++ /dev/null
@@ -1,12 +0,0 @@
-
-.matte-Confirm-dialog {
-     min-width: 300px;
- }
-.matte-Confirm-dialog Confirm-content {
-     font-size: 1.3em;
-     padding: 15px;
- }
-.matte-Confirm-dialog Confirm-actions {
-     float: right;
- }
-
diff --git a/node_modules/matte/ui/popup/confirm.reel/confirm.html b/node_modules/matte/ui/popup/confirm.reel/confirm.html
deleted file mode 100644
index eb3d22a9..00000000
--- a/node_modules/matte/ui/popup/confirm.reel/confirm.html
+++ /dev/null
@@ -1,88 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <meta charset="utf-8">
-    <link rel="stylesheet" href="confirm.css">
-    <script type="text/montage-serialization">
-{
-    "dynamictext1": {
-        "prototype": "montage/ui/text.reel",
-        "properties": {
-            "element": {
-                "#": "msg"
-            }
-        },
-        "bindings": {
-            "value": {"<-": "@owner.msg"}
-        }
-    },
-    "button1": {
-        "prototype": "ui/button.reel",
-        "properties": {
-            "identifier": "Ok",
-            "element": {
-                "#": "action-ok"
-            }
-        },
-        "bindings": {
-            "label": {"<-": "@owner.okLabel"}
-        },
-        "listeners": [
-            {
-                "type": "action",
-                "listener": {
-                    "@": "owner"
-                }
-            }
-        ]
-    },
-    "button2": {
-        "prototype": "ui/button.reel",
-        "properties": {
-            "identifier": "Cancel",
-            "element": {
-                "#": "action-cancel"
-            }
-        },
-        "bindings": {
-            "label": {"<-": "@owner.cancelLabel"}
-        },
-        "listeners": [
-            {
-                "type": "action",
-                "listener": {
-                    "@": "owner"
-                }
-            }
-        ]
-    },
-    "owner": {
-        "prototype": "ui/popup/confirm.reel",
-        "properties": {
-            "element": {
-                "#": "confirm-container"
-            }
-        }
-    }
-}
-    </script>
-</head>
-<body>
-    <div data-montage-id="confirm-container" class="matte-Confirm-dialog">
-        <div class="matte-Popup-header">
-            <h3 data-montage-id="title" class="title">Confirmation</h3>
-        </div>
-        <div class="matte-Confirm-content">
-                <div data-montage-id="msg" class="msg"></div>
-                <div data-montage-id="msg-detail" class="msg-detail"></div>
-        </div>
-        <div class="matte-Popup-footer">
-            <div class="matte-Confirm-actions">
-                <button class="cancel" data-montage-id="action-cancel">Cancel</button>
-                <button class="submit" data-montage-id="action-ok">OK</button>
-            </div>
-            <div class="clearfix"></div>
-        </div>
-    </div>
-</body>
-</html>
diff --git a/node_modules/matte/ui/popup/confirm.reel/confirm.js b/node_modules/matte/ui/popup/confirm.reel/confirm.js
deleted file mode 100644
index 25e21c68..00000000
--- a/node_modules/matte/ui/popup/confirm.reel/confirm.js
+++ /dev/null
@@ -1,179 +0,0 @@
-
-/**
-    @module "matte/ui/popup/confirm.reel"
-*/
-
-var Component = require("montage/ui/component").Component,
-    Popup = require("ui/popup/popup.reel").Popup;
-
-/**
- @class module:"matte/ui/popup/confirm.reel".Confirm
- @extends module:montage/ui/component.Component
- */
-
-var Confirm = exports.Confirm = Component.specialize(/** @lends module:"matte/ui/popup/confirm.reel".Confirm# */ {
-    hasTemplate: {value: true},
-
-    title: {
-        value: 'Confirm'
-    },
-    /**
-        Text of message to display on the confirm popup
-        @type {Property}
-        @default {String} 'Are you sure?'
-    */
-    msg: {
-        value: 'Are you sure?'
-    },
-
-    /**
-        Text to display on the OK button
-        @type {Property}
-        @default {String} 'OK'
-    */
-    okLabel: {
-        value: 'OK'
-    },
-
-    /**
-        Text to display on the Cancel button
-        @type {Property}
-        @default {String} 'Cancel'
-    */
-    cancelLabel: {
-        value: 'Cancel'
-    },
-
-/**
-  Description TODO
-  @private
-*/
-    _popup: {
-        value: null
-    },
-/**
-        Description TODO
-        @type {Function}
-        @default null
-    */
-    popup: {
-        set: function(value) {
-            this._popup = value;
-        },
-        get: function() {
-            return this._popup;
-        }
-    },
-
-    okCallback: {value: null},
-    cancelCallback: {value: null},
-
-    enterDocument: {
-        value: function(firstTime) {
-            if (firstTime) {
-                this.element.addEventListener("keyup", this, false);
-            }
-        }
-    },
-/**
-    Description TODO
-    @function
-    */
-    draw: {
-        value: function() {
-        }
-    },
-/**
-    Description TODO
-    @function
-    @param {Event} evt The event keyCode.
-    */
-    handleKeyup: {
-        value: function(evt) {
-            if (evt.keyCode == 13 /*Enter*/) {
-                this.handleOkAction(evt);
-            } else if (evt.keyCode == 27 /*Escape*/) {
-                this.handleCancelAction(evt);
-            }
-        }
-    },
-/**
-    Description TODO
-    @function
-    @param {Event} evt The event keyCode.
-    */
-    handleOkAction: {
-        value: function(evt) {
-            if(this.okCallback) {
-                this.okCallback.call(this, evt);
-            }
-            var anEvent = document.createEvent("CustomEvent");
-            anEvent.initCustomEvent("montage_confirm_ok", true, true, null);
-            this.dispatchEvent(anEvent);
-
-            this.popup.hide();
-        }
-    },
- /**
-    Description TODO
-    @function
-    @param {Event} evt The event keyCode.
-    */
-    handleCancelAction: {
-        value: function(evt) {
-            if(this.cancelCallback) {
-                this.cancelCallback.call(this, evt);
-            }
-            var anEvent = document.createEvent("CustomEvent");
-            anEvent.initCustomEvent("montage_confirm_cancel", true, true, null);
-            this.dispatchEvent(anEvent);
-
-            this.popup.hide();
-        }
-    },
-
-    // Static method to show a Confirmation dialog
-    /**
-     Displays a confirm dialog with OK and Cancel buttons.
-     @function
-     @param {String} msg A message to display in the dialog.
-     @param {Function} okCallback Function that's invoked when the user clicks OK
-     @param {Function} cancelCallback Function that's invoked if the user clicks Cancel.
-     @example
-     ...
-     */
-    show: {
-        value: function(options, okCallback, cancelCallback) {
-            var popup = this.application._confirmPopup, confirm;
-            if(!popup) {
-                popup = new Popup();
-                this.popup = popup;
-
-                popup.type = 'confirm';
-                popup.title = 'Confirmation';
-                popup.modal = true;
-                this.application._confirmPopup = popup;
-
-                confirm = new Confirm();
-                popup.content = confirm;
-            }
-
-            confirm = popup.content;
-
-            if (typeof(options) === "string") {
-                confirm.msg = options;
-                confirm.okLabel = "OK";
-                confirm.cancelLabel = "Cancel";
-            } else {
-                confirm.msg = options.message;
-                confirm.okLabel = options.okLabel || "OK";
-                confirm.cancelLabel = options.cancelLabel || "Cancel";
-            }
-
-            confirm.okCallback = okCallback || null;
-            confirm.cancelCallback = cancelCallback || null;
-
-            popup.show();
-        }
-    }
-});
diff --git a/node_modules/matte/ui/popup/notifier.reel/notifier.css b/node_modules/matte/ui/popup/notifier.reel/notifier.css
deleted file mode 100644
index 27a4555d..00000000
--- a/node_modules/matte/ui/popup/notifier.reel/notifier.css
+++ /dev/null
@@ -1,10 +0,0 @@
-
-.matte-Notifier {
-    background-color: #333; /*#FFF1A8*/;
-    color: #fff;
-}
-
-.matte-Notifier Notifier-message {
-    padding: 10px 20px;
-    text-overflow: ellipsis;
-}
diff --git a/node_modules/matte/ui/popup/notifier.reel/notifier.html b/node_modules/matte/ui/popup/notifier.reel/notifier.html
deleted file mode 100644
index 6f001b19..00000000
--- a/node_modules/matte/ui/popup/notifier.reel/notifier.html
+++ /dev/null
@@ -1,27 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <meta charset="utf-8">
-    <link rel="stylesheet" href="notifier.css">
-    <script type="text/montage-serialization">
-{
-    "owner": {
-        "prototype": "ui/popup/notifier.reel",
-        "properties": {
-            "element": {
-                "#": "notifier-main"
-            },
-            "_msgEl": {
-                "#": "notifier-msg"
-            }
-        }
-    }
-}
-    </script>
-</head>
-<body>
-    <div data-montage-id="notifier-main" class="matte-Notifier">
-        <div data-montage-id="notifier-msg" class="matte-Notifier-message"></div>
-    </div>
-</body>
-</html>
diff --git a/node_modules/matte/ui/popup/notifier.reel/notifier.js b/node_modules/matte/ui/popup/notifier.reel/notifier.js
deleted file mode 100644
index 9df1dab4..00000000
--- a/node_modules/matte/ui/popup/notifier.reel/notifier.js
+++ /dev/null
@@ -1,111 +0,0 @@
-
-/**
-    @module "matte/ui/popup/notifier.reel"
-*/
-var Component = require("montage/ui/component").Component;
-var Popup = require("ui/popup/popup.reel").Popup;
-
-/**
- @class module:"matte/ui/popup/notifier.reel".Notifier
- @extends module:montage/ui/component.Component
- */
-
-var Notifier = exports.Notifier = Component.specialize(/** @lends module:"matte/ui/popup/notifier.reel".Notifier# */ {
-
-    _msgEl: {
-        value: null
-    },
-/**
-  Description TODO
-  @private
-*/
-    _msg: {value: null},
-/**
-        Description TODO
-        @type {Function}
-        @default null
-    */
-    msg: {
-        get: function() {
-            return this._msg;
-        },
-        set: function(value) {
-            if (this._msg !== value) {
-                this._msg = value;
-                this.needsDraw = true;
-            }
-        }
-    },
-/**
-        Description TODO
-        @type {Property}
-        @default {String} null
-    */
-    details: {
-        value: null
-    },
-/**
-    Description TODO
-    @function
-    */
-    draw: {
-        value: function() {
-            this._msgEl.textContent = this.msg;
-        }
-    },
-
-    // Static method to show a Notify dialog
-     /**
-      Displays a small Growl-like notification in a pop-up dialog. The notification can have a timeout that determines how long it appears before being hidden automatically.
-      You can also specify the location of the notification in the browser window (top-left corner, by default).
-      @function
-      @param {String} msg A message to display in the notification.
-      @param {Number} timeout The number of milliseconds to display the notification before it is hidden.
-      @param {Object} Contains two properties named top and left that specify top and left coordinates of the notifiction. By default, notifications are positioned at the top-left corner of the window.
-      */
-    show: {
-        value: function(msg, timeout, position) {
-            var popup = this.application._notifyPopup, notifier;
-            if(!popup) {
-                popup = new Popup();
-                this.popup = popup;
-                popup.type = 'notify';
-                this.application._notifyPopup = popup;
-
-                notifier = new Notifier();
-                popup.content = notifier;
-            }
-            notifier = popup.content;
-            notifier.msg = msg;
-
-            if (!position) {
-                // position at the top by default
-                var viewportWidth = window.innerWidth;
-                position = {
-                    top: 1,
-                    right: 10
-                };
-            }
-            popup.position = position;
-
-            if(timeout) {
-                timeout = parseInt(timeout, 10) || 3000;
-                popup.autoHide = timeout;
-            }
-
-            popup.show();
-
-
-        }
-    },
-
-    hide: {
-        value: function() {
-            var popup = this.application._notifyPopup;
-            if(popup) {
-                popup.hide();
-            }
-        }
-    }
-
-});
diff --git a/node_modules/matte/ui/popup/popup.reel/popup.css b/node_modules/matte/ui/popup/popup.reel/popup.css
deleted file mode 100644
index 5b1be434..00000000
--- a/node_modules/matte/ui/popup/popup.reel/popup.css
+++ /dev/null
@@ -1,69 +0,0 @@
-/* these need to be moved to montage.css when that is created */
-.matte-invisible {
-    display: none;
-}
-.clearfix:after {
-	visibility: hidden;
-	display: block;
-	font-size: 0;
-	content: " ";
-	clear: both;
-	height: 0;
-}
-
-.matte-Popup-modal-mask {
-    position: fixed;
-    left: 0;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    background-color: #000;
-    opacity: 0.8;
-}
-
-.matte-Popup-container {
-    border: 1px solid #eee;
-    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-    -webkit-transition: opacity .25s;
-    -moz-transition: opacity .25s;
-    -ms-transition: opacity .25s;
-    -o-transition: opacity .25s;
-    transition: opacity .25s;
-    background: white;
-    border: 1px solid rgba(0, 0, 0, .2);
-    cursor: default;
-    margin: 0;
-    outline: none;
-    width: auto;
-    border-radius: 3px;
-}
-
-.matte-Popup-noborder {
-    border: 0px;
-}
-
-.matte-Popup--modal {
-    border: 3px solid #ccc;
-}
-
-.matte-Popup-container *:focus {
-    outline: none;
-}
-
-.matte-Popup-wrapper {
-
-}
-
-.matte-Popup-header {
-    background-color: whitesmoke;
-    border-bottom: 1px solid #eee;
-    padding: 5px 15px;
-}
-.matte-Popup-footer {
-    background-color: whitesmoke;
-    padding: 10px 15px;
-    border-top: 1px solid #ddd;
-
-}
diff --git a/node_modules/matte/ui/popup/popup.reel/popup.html b/node_modules/matte/ui/popup/popup.reel/popup.html
deleted file mode 100644
index 4b9eb5dd..00000000
--- a/node_modules/matte/ui/popup/popup.reel/popup.html
+++ /dev/null
@@ -1,43 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <meta charset="utf-8">
-    <link rel="stylesheet" href="popup.css">
-    <script type="text/montage-serialization">
-{
-    "slot1": {
-        "prototype": "montage/ui/slot.reel",
-        "properties": {
-            "element": {
-                "#": "popup-content"
-            }
-        }
-    },
-    "owner": {
-        "prototype": "ui/popup/popup.reel",
-        "properties": {
-            "element": {
-                "#": "popup-container"
-            },
-            "slot": {
-                "@": "slot1"
-            },
-            "contentEl": {
-                "#": "popup-content"
-            },
-            "containerEl": {
-                "#": "popup-wrapper"
-            }
-        }
-    }
-}
-    </script>
-</head>
-<body>
-    <div data-montage-id="popup-container" class="montage-invisible matte-Popup-container">
-        <div data-montage-id="popup-wrapper" class="matte-Popup-tooltip matte-Popup-wrapper matte-Popup-border">
-            <div data-montage-id="popup-content" class="matte-Popup-content"></div>
-        </div>
-    </div>
-</body>
-</html>
diff --git a/node_modules/matte/ui/popup/popup.reel/popup.js b/node_modules/matte/ui/popup/popup.reel/popup.js
deleted file mode 100644
index 3cad5d51..00000000
--- a/node_modules/matte/ui/popup/popup.reel/popup.js
+++ /dev/null
@@ -1,561 +0,0 @@
-
-/**
-    @module "matte/ui/popup/popup.reel"
-*/
-var Component = require("montage/ui/component").Component;
-
-/**
-    @class module:"matte/ui/popup.reel".Popup
-    @extends module:montage/ui/component.Component
-*/
-
-var Popup = exports.Popup = Component.specialize({ /** @lends module:"matte/ui/popup/popup.reel".Popup */
-
-    hasTemplate: {value: true},
-
-    // the HTML Element to which the popup must be anchored to
-    anchorElement: {
-        value: null
-    },
-
-    _anchor: {
-        value: null
-    },
-
-    /**
-    * The HTMLElement or Montage Component that the popup must be anchored to
-    */
-    anchor: {
-        get: function() {
-            return this._anchor;
-        },
-        set: function(value) {
-            if(value) {
-                this._anchor = value;
-                if(value.nodeName) {
-                    // HTMLElement
-                    this.anchorElement = value;
-                } else {
-                    this.anchorElement = value.element;
-                }
-            }
-        }
-    },
-
-    // A Delegate to control positioning (and other features, in future) of the popup in a custom manner
-    delegate: {value: null},
-
-    /**
-        Internal property.
-        @private
-    */
-    contentEl: {
-        value: null
-    },
-/**
-        Description TODO
-        @type {Property}
-        @default {Container} null
-        @private
-    */
-    containerEl: {
-        value: null
-    },
-
-
-/**
-  Description TODO
-  @private
-*/
-    _slot: {value: null},
-/**
-
-        Description TODO
-        @type {Function}
-        @default null
-    @private
-    */
-    slot: {
-        get: function() {
-            return this._slot;
-        },
-        set: function(val) {
-            this._slot = val;
-            if (this.content) {
-                this._slot.content = this.content;
-            }
-        }
-    },
-/**
-  Description TODO
-  @private
-*/
-    _content: {value: null},
-/**
-        The Montage component that will be shown in this popup.
-
-        @type {Function}
-        @default null
-    */
-    content: {
-        get: function() {
-            return this._content;
-        },
-        set: function(value) {
-            if (this._content !== value && this.slot) {
-                this.slot.content = value;
-            }
-            this._content = value;
-            // set the popup property of the content.
-            this._content.popup = this;
-            this.needsDraw = true;
-        }
-    },
-/**
-  Description TODO
-  @private
-*/
-    _modal: { value: false },
-/**
-        If true, the Popup will be rendered as a Modal.
-
-        @type {Function}
-        @default {Boolean} false
-    */
-    modal: {
-        get: function() {
-            return this._modal;
-        },
-        set: function(value) {
-            // force this to be a boolean
-            value = !!value;
-
-            if (this._modal !== value) {
-                this._modal = value;
-                this.needsDraw = true;
-            }
-        }
-    },
-
-    /**
-        An Object wtih values {top, left}. Set it only if the popup should display at a
-        given location always.
-    */
-    _position: {value: null},
-    position: {
-        get: function() {
-            return this._position;
-        },
-        set: function(pos) {
-            this._position = pos;
-            //this.needsDraw = true;
-        }
-    },
-
-    /**
-    * Number of milliseconds after which the Popup must be dismissed. Default is 0.
-    */
-    autoHide: { value: 0 },
-
-    /** @private */
-    _displayed: { value: false },
-    displayed: {
-        get: function() {
-            return this._displayed;
-        },
-        set: function(value) {
-            if (this._displayed !== value) {
-                this.needsDraw = true;
-            }
-            this._displayed = value;
-        }
-    },
-
-    focusOnShow: {
-        value: true
-    },
-
-/**
-    Description TODO
-    @function
-    */
-    enterDocument: {
-        value: function(firstTime) {
-            if (firstTime) {
-                this.type = this.type || 'custom';
-            }
-        }
-    },
-
-    _popupSlot: {
-        value: null
-    },
-
-    _modalDialogMask: {
-        value: null
-    },
-
-
-    /**
-     Internal method.
-     @private
-     */
-    _getElementPosition: {
-        value: function(obj) {
-            var curleft = 0, curtop = 0, curHt = 0, curWd = 0;
-            if (obj.offsetParent) {
-                do {
-                    curleft += obj.offsetLeft;
-                    curtop += obj.offsetTop;
-                    curHt += obj.offsetHeight;
-                    curWd += obj.offsetWidth;
-                } while ((obj = obj.offsetParent));
-            }
-            return {
-                top: curtop,
-                left: curleft,
-                height: curHt,
-                width: curWd
-            };
-            //return [curleft,curtop, curHt, curWd];
-
-        }
-    },
-
-    _getCSSValue: {
-        value: function(value) {
-            if(value != null) {
-                if(typeof value === 'number') {
-                    value = value + 'px';
-                }
-                return value;
-            }
-            return '';
-        }
-    },
-
-    _positionPopup: {
-        value: function() {
-            var defaultPosition, position, delegate = this.delegate, anchor = this.anchorElement, type = this.type;
-
-            if(this.position !== null) {
-                // If a position has been specified but no delegate has been provided
-                // we assume that the position is static and hence use that
-                defaultPosition = this.position;
-            } else {
-                // @todo - advanced positioning support
-                var $el = this.contentEl || this.content.element;
-                var elHeight = parseFloat($el.style.height || 0) || $el.offsetHeight || 0;
-                var elWidth = parseFloat($el.style.width || 0) || $el.offsetWidth || 0;
-
-                // @todo - to get the window from application
-                var viewportHeight = window.innerHeight;
-                var viewportWidth = window.innerWidth;
-
-                if (anchor) {
-                    // if an anchor is provided, we position the popup relative to the anchor
-                    var elPosition = this._getElementPosition(anchor);
-                    var tgtHeight = parseFloat(anchor.style.height || 0) || anchor.offsetHeight || 0;
-                    var tgtWidth = parseFloat(anchor.style.width || 0) || anchor.offsetWidth || 0;
-
-                    defaultPosition = {
-                        top: elPosition.top + tgtHeight,
-                        left: elPosition.left + (tgtWidth / 2) - (elWidth / 2)
-                    };
-
-                    if (defaultPosition.left < 0) {
-                        defaultPosition.left = elPosition.left;
-                        this._showHidePointer(false);
-                        // dont show the pointer - @todo - support pointer arrow at different parts of the popup
-                    }
-
-                } else {
-                    // No positioning hints provided. POsition it at the center of the viewport by default
-                    defaultPosition = {
-                        top: (viewportHeight / 2 - (elHeight / 2)),
-                        left: (viewportWidth / 2 - (elWidth / 2))
-                    };
-                }
-            }
-
-
-            // if a delegate is provided, use that to get the position
-            if(delegate && (typeof delegate.willPositionPopup === 'function')) {
-                position = delegate.willPositionPopup(this, defaultPosition);
-            } else {
-                position = defaultPosition;
-            }
-
-            //this.position = position;
-            var popupSlot = this._popupSlot;
-
-            if(position) {
-                popupSlot.element.style.top = this._getCSSValue(position.top);
-                popupSlot.element.style.left = this._getCSSValue(position.left);
-                popupSlot.element.style.right = this._getCSSValue(position.right);
-                popupSlot.element.style.bottom = this._getCSSValue(position.bottom);
-            }
-
-        }
-    },
-
-
-    _createModalMask: {
-        value: function() {
-            var el = document.createElement('div');
-            el.classList.add('montage-Popup-modal-mask');
-            el.style.zIndex = 6999;
-            el.classList.add('montage-invisible');
-
-            document.body.appendChild(el);
-            return el;
-        }
-    },
-
-    _showHidePointer: {
-        value: function(showTip) {
-        }
-    },
-
-    _addEventListeners: {
-        value: function() {
-            if (window.Touch) {
-                this.element.ownerDocument.addEventListener('touchstart', this, false);
-            } else {
-                this.element.ownerDocument.addEventListener('mousedown', this, false);
-                this.element.ownerDocument.addEventListener('keyup', this, false);
-            }
-            window.addEventListener('resize', this);
-        }
-    },
-
-    _removeEventListeners: {
-        value: function() {
-            if (window.Touch) {
-                this.element.ownerDocument.removeEventListener('touchstart', this, false);
-            } else {
-                this.element.ownerDocument.removeEventListener('mousedown', this, false);
-                this.element.ownerDocument.removeEventListener('keyup', this, false);
-            }
-            window.removeEventListener('resize', this);
-        }
-    },
-
-    /**
-    * Show the Popup. The Popup is displayed at a position determined by the following conditions:
-    * 1) If a delegate is provided and the willPositionPopup function is implemented, the position is always determined by the delegate
-    * 2) If Popup.position has been set, the Popup is always displayed at this location
-    * 3) If an anchor has been set, the popup is displayed below the anchor
-    * 4) If no positional hints are provided, the Popup is displayed at the center of the screen
-    */
-    show: {
-        value: function() {
-            //console.log("popup show", this.element);
-            var type = this.type,
-                self = this;
-            this.application.getPopupSlot(type, this, function(slot) {
-                self._popupSlot = slot;
-                self.displayed = true;
-                self._addEventListeners();
-            });
-        }
-    },
-
-    /**
-    * Hide the popup
-    */
-    hide: {
-        value: function() {
-            //console.log('popup hide', this.element);
-            var type = this.type,
-                self = this;
-
-            this.application.getPopupSlot(type, this, function(slot) {
-                self._removeEventListeners();
-                //self.application.returnPopupSlot(type);
-                self.displayed = false;
-            });
-        }
-    },
-
-    _showModalMask: {
-        value: function() {
-            this._modalDialogMask = document.querySelector('Popup-modal-mask');
-            this._modalDialogMask = this._modalDialogMask || this._createModalMask();
-            this._modalDialogMask.classList.remove('montage-invisible');
-        }
-    },
-
-    _hideModalMask: {
-        value: function() {
-            // check to see if there is at least one modal dialog in the DOM
-            // See https://github.com/Motorola-Mobility/montage/issues/32
-            var activePopups = this.application._getActivePopupSlots();
-            var count = 0;
-            if(activePopups && activePopups.length > 0) {
-                // look to see if any content is a modal
-                var i, len = activePopups.length;
-                for(i=0; i< len; i++) {
-                    if(activePopups[i].content && activePopups[i].content.modal === true && activePopups[i].content.displayed === true) {
-                        count++;
-                    }
-                }
-            }
-            if(count <= 0) {
-                this._modalDialogMask.classList.add('montage-invisible');
-            }
-        }
-    },
-
-
-    draw: {
-        value: function() {
-            if (this.displayed) {
-
-                if(this.modal === true) {
-                    this.element.classList.add('montage-Popup--modal');
-                } else {
-                    this.element.classList.remove('montage-Popup--modal');
-
-                    if (this.autoHide) {
-                        var self = this;
-                        setTimeout(function() {
-                            self.hide();
-                        }, this.autoHide);
-                    }
-
-                }
-
-                // @todo - positioning should happen inside the draw. Looks like this is only possible
-                // with a double draw where we calculate the position on didDraw and position it in draw().
-                // For the first release, we position inside the didDraw
-                //this._positionPopup();
-
-                this.element.classList.remove('montage-invisible');
-                this.content.element.style.display = 'block';
-                this.content.element.classList.remove('montage-invisible');
-                // TODO do we want the panel to be focusable?
-                this.content.element.setAttribute("tabindex", "0"); // Make the popup content focusable
-
-            } else {
-                if (!this.element.classList.contains('montage-invisible')) {
-                    this.element.classList.add('montage-invisible');
-                }
-                this.content.element.classList.add('montage-invisible');
-                if(this._popupSlot) {
-                    this._popupSlot.content = null;
-                }
-            }
-        }
-    },
-/**
-    Description TODO
-    @function
-    */
-    didDraw: {
-        value: function() {
-            if (this._displayed) {
-
-                if(this.modal === true) {
-                    this._showModalMask();
-                }
-
-                this._positionPopup();
-                // focus the content to enable key events such as ENTER/ESC
-                if(this.focusOnShow === true) {
-                    this.content.element.focus();
-                }
-
-            } else {
-                if(this.modal === true) {
-                    this._hideModalMask();
-                }
-            }
-            // kishore: invoking this event in didDraw as we need the dimensions of the content.
-            // Inside the draw(), the display is set to none at the top level and hence
-            // offsetWidth and Height are always 0
-            var evt = document.createEvent("CustomEvent");
-            evt.initCustomEvent((this._displayed === true ? 'show' : 'hide'), true, true, this);
-            this.dispatchEvent(evt);
-
-        }
-    },
-
-    getZIndex: {
-        value: function(elem) {
-
-            var position, value, zIndex;
-            while (elem && elem !== document) {
-                position = elem.style.position;
-                if (position === "absolute" || position === "relative" || position === "fixed") {
-                    // webkit returns a string for zindex value and "" if zindex is not available
-                    zIndex = elem.style['z-index'];
-                    value = parseInt(zIndex, 10);
-                    if (!isNaN(value) && value !== 0) {
-                        return value;
-                    }
-                }
-                elem = elem.parentNode;
-            }
-            return 0;
-        }
-    },
-/**
-  Description TODO
-  @private
-*/
-    _handleTouchMouseup: {
-        value: function(event) {
-            var targetzIndex = this.getZIndex(event.target),
-                zIndex = this.getZIndex(this.element);
-
-            if (this.displayed === true && targetzIndex < zIndex) {
-                if (this.modal === true) {
-
-                } else {
-                    // hide the dialog when user clicks outside it
-                    this.displayed = false;
-                }
-            }
-        }
-    },
-
-    _timeoutId: {value: null},
-    handleResize: {
-        value: function(e) {
-            //console.log('window resize');
-            var self = this;
-            if(this.displayed === true) {
-                // an optimization to call positionPopup fewer times
-                window.clearTimeout(this._timeoutId);
-                this._timeoutId = setTimeout(function() {
-                    self.needsDraw = true;
-                }, 100);
-            }
-         }
-     },
-     handleMousedown: {
-         value: function(event) {
-            this._handleTouchMouseup(event);
-        }
-    },
-/**
-    Description TODO
-    @function
-    @param {Event} event The event.
-    */
-    handleTouchstart: {
-        value: function(event) {
-            this._handleTouchMouseup(event);
-        }
-    },
-    handleKeyup: {
-        value: function(e) {
-            // default handling of the keyup event. Content inside the popup could
-            // handle the event optionally for custom behavior
-            if(this.displayed === true && !this.modal && e.keyCode === 27 /* ESC key */) {
-               this.hide();
-            }
-        }
-    }
-});
diff --git a/node_modules/matte/ui/progress.reel/progress.css b/node_modules/matte/ui/progress.reel/progress.css
deleted file mode 100644
index ac0fa643..00000000
--- a/node_modules/matte/ui/progress.reel/progress.css
+++ /dev/null
@@ -1,24 +0,0 @@
-
-.matte-Progress {
-    display: inline-block;
-    position: relative;
-    width: 150px;
-    height: 10px;
-    border-radius: 3px;
-    border: 1px solid #b3b3b3;
-    background-color: #d9d9d9;
-}
-
-.matte-Progress > .matte-Progress-bar {
-    position: absolute;
-    height: inherit;
-    border-radius: 2px;
-    top: 0;
-    left: 0;
-    background-color: #f2f2f2;
-    -webkit-transition: width .3s cubic-bezier(.25,.1,.3,.9);
-       -moz-transition: width .3s cubic-bezier(.25,.1,.3,.9);
-        -ms-transition: width .3s cubic-bezier(.25,.1,.3,.9);
-         -o-transition: width .3s cubic-bezier(.25,.1,.3,.9);
-            transition: width .3s cubic-bezier(.25,.1,.3,.9);
-}
diff --git a/node_modules/matte/ui/progress.reel/progress.html b/node_modules/matte/ui/progress.reel/progress.html
deleted file mode 100644
index ed2a97d7..00000000
--- a/node_modules/matte/ui/progress.reel/progress.html
+++ /dev/null
@@ -1,23 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <meta charset="utf-8">
-    <link rel="stylesheet" href="progress.css">
-    <script type="text/montage-serialization">
-{
-    "owner": {
-        "prototype": "ui/progress.reel",
-        "properties": {
-            "element": {"#": "progress"},
-            "_barElement": {"#": "bar"}
-        }
-    }
-}
-    </script>
-</head>
-<body>
-	<div data-montage-id="progress" class="matte-Progress">
-		<div data-montage-id="bar" class="matte-Progress-bar"></div>
-	</div>
-</body>
-</html>
diff --git a/node_modules/matte/ui/progress.reel/progress.js b/node_modules/matte/ui/progress.reel/progress.js
deleted file mode 100644
index 43a6c888..00000000
--- a/node_modules/matte/ui/progress.reel/progress.js
+++ /dev/null
@@ -1,101 +0,0 @@
-/**
-    module:"matte/ui/progress.reel"
-*/
-var NativeProgress = require("native/ui/progress.reel").Progress;
-/**
-    @class module:matte/ui/progress.Progress
-    @extends module:native/ui/progress.NativeProgress
-*/
-exports.Progress = NativeProgress.specialize(/** @lends module:"matte/ui/progress.reel".Progress# */ {
-
-    hasTemplate: {value: true},
-
-/**
-  Description TODO
-  @private
-*/
-    _barElement: {
-        enumerable: false,
-        value: null
-    },
-/**
-  Description TODO
-  @private
-*/
-    _value: {
-        enumerable: false,
-        value: 0
-    },
-/**
-        Description TODO
-        @type {Function}
-        @default {Number} 0
-    */
-    value: {
-        get: function() {
-            return this._value;
-        },
-        set: function(val) {
-            if(val !== this._value) {
-                this._value = typeof val === "string" ? parseInt(val, 10) : val;
-
-                if(this._max && (this._value > this._max)) {
-                    this._value = this._max;
-                }
-                if(this._value < 0) {
-                    this._value = 0;
-                }
-                this.needsDraw = true;
-            }
-        }
-    },
-/**
-  Description TODO
-  @private
-*/
-    _max: {
-        enumerable: false,
-        value: 100
-    },
-/**
-        Description TODO
-        @type {Function}
-        @default {Number} 100
-    */
-    max: {
-        get: function() {
-            return this._max;
-        },
-        set: function(val) {
-            if(val !== this._max) {
-                this._max = typeof val === "string" ? parseInt(val, 10) : val;
-                if(this._max <= 0) {
-                    this._max = 1; // Prevent divide by zero errors
-                }
-                this.needsDraw = true;
-            }
-        }
-    },
-
-    constructor: {
-        value: function Progress() {
-            this.super();
-        }
-    },
-
-/**
-    Description TODO
-    @function
-    */
-    draw: {
-        enumerable: false,
-        value: function() {
-            var ratio = this._value / this._max;
-            // constrain to interval [0, 1]
-            ratio = Math.min(Math.max(ratio, 0), 1);
-            // map into [0, 100]
-            var percentage = ratio * 100;
-            this._barElement.style.width = percentage + '%';
-        }
-    }
-});
diff --git a/node_modules/matte/ui/radio-button.reel/radio-button.css b/node_modules/matte/ui/radio-button.reel/radio-button.css
deleted file mode 100644
index 6a3a5172..00000000
--- a/node_modules/matte/ui/radio-button.reel/radio-button.css
+++ /dev/null
@@ -1,37 +0,0 @@
-
-.matte-RadioButton {
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    outline: none;
-    box-sizing: border-box;
-    vertical-align: middle;
-    font-size: 12px;
-    width: 1.5em;
-    height: 1.5em;
-    border-radius: 1em;
-    border: 1px solid #b3b3b3;
-    background: #f2f2f2;
-    cursor: pointer;
-}
-
-.matte-RadioButton:hover {
-    background-color: #fff;
-}
-
-.matte-RadioButton.montage--active {
-    background-color: #e5e5e5;
-}
-
-.matte-RadioButton:focus {
-    border-color: #7f7f7f;
-}
-
-.matte-RadioButton.montage-RadioButton--checked {
-    background: #f2f2f2 url(radio.png) no-repeat center;
-}
-
-.matte-RadioButton.montage--disabled {
-    opacity: .5;
-    border-style: dashed;
-    pointer-events: none;
-}
diff --git a/node_modules/matte/ui/radio-button.reel/radio-button.html b/node_modules/matte/ui/radio-button.reel/radio-button.html
deleted file mode 100644
index c7d35e47..00000000
--- a/node_modules/matte/ui/radio-button.reel/radio-button.html
+++ /dev/null
@@ -1,9 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <meta charset="utf-8">
-    <link rel="stylesheet" href="radio-button.css">
-</head>
-<body>
-</body>
-</html>
diff --git a/node_modules/matte/ui/radio-button.reel/radio-button.js b/node_modules/matte/ui/radio-button.reel/radio-button.js
deleted file mode 100644
index ce8c49ad..00000000
--- a/node_modules/matte/ui/radio-button.reel/radio-button.js
+++ /dev/null
@@ -1,23 +0,0 @@
-/**
-    @module "matte/ui/radio-button.reel"
-*/
-/*global require,exports */
-var AbstractRadioButton = require("montage/ui/base/abstract-radio-button").AbstractRadioButton;
-
-/**
- * Input Radio
- * @class module:"matte/ui/radio-button.reel".RadioButton
- * @extends module:"montage/ui/abstract-radio-button.reel".AbstractRadioButton
- */
-exports.RadioButton = AbstractRadioButton.specialize(/** @lends RadioButton# */ {
-    hasTemplate: {
-        value: true
-    },
-
-    constructor: {
-        value: function RadioButton() {
-            this.super();
-            this.classList.add("matte-RadioButton");
-        }
-    }
-});
diff --git a/node_modules/matte/ui/radio-button.reel/radio.png b/node_modules/matte/ui/radio-button.reel/radio.png
deleted file mode 100644
index 30975c5492836528c91abe0f6e14ee75cdfdd667..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1015
zcmaJ=&ui0A9M4u;$6yFU{I$y?Q*mJPt4-5})vY$|S}>z@6$?AeG<j`9m%J=_Thqa0
z3=hs-JP7^+9y|%26a;lJ5&r=Xf|s4e;YAcY_|mnV2W#Nvz3=1m`FwxA-O}R1#Q3Fg
zilQcp1*J^(v0#lw$p7HXn?15!#JMV7LUr8MTu5aMRD+;sX$@G0n$cPN2xloOM4Oc=
zuBx|W9a)SPU>M(W2%Dm2=X^)gTM&a9Y?yYMK6?F@2Bwjw?}#d=I$78>3!5%n+FY#Y
zn=L(M&~rDytS=J*3t|oU)~fBvewyy;%H$kevoz>Ja4St82US%|Ad6fGM23s%T!I4$
zp5bG0Ns_Juf#W%r6Ifn|@{$}AWR3&9k0#z+qb`?~e9srL(sUDJM`qb}yUny?400PR
zpGu_y4MB(!MAYlpSo5Q{H{DlIpr^a0gH2?EKvAoqb)2S2q{k^(&Op}odSxO7V|~qG
zd4>y8>H}5v|4_>spgmlMC-MGM*sF9L$d;jp)?J-6u09>Oa^$QFHH_Q}LaY5MmYN77
zuZbLxT@rz+>82gnUA(HwMcc!gt;3>{rilV$nuaVT#h57ZqL|5Lc|ONyvO+wWPvzqo
zK@t)fvCmbIzHUJq_qoOiH!+kOjDqD5&kA(S4QS+DWPxtVvN=4K*igM5*BBm4d?=SC
z!LUJN|7vvqicC*%9E>e727?c6GVLxI>wCXG+$K+=Ra7z+|8wodhEu0TP4F#Tn~IDj
zM-Sf5|9%`U6sYeVa1PFIJ76PRTfPeT5p^<hfBRMV>AT$#$qCQ=+*{aRd9?GzKl?Q@
z^X&BD`Re7B(At&4{ucNYIt-V7Y+YNPdT>OYx<G9wCtps69zF@4VllU<JimE&=MS<L
BI$8h#

diff --git a/node_modules/matte/ui/rich-text-editor/overlays/rich-text-linkpopup.reel/rich-text-linkpopup.css b/node_modules/matte/ui/rich-text-editor/overlays/rich-text-linkpopup.reel/rich-text-linkpopup.css
deleted file mode 100644
index 29d960b8..00000000
--- a/node_modules/matte/ui/rich-text-editor/overlays/rich-text-linkpopup.reel/rich-text-linkpopup.css
+++ /dev/null
@@ -1,26 +0,0 @@
-
-.matte-link-popup {
-    position: absolute;
-    padding: 12px 20px;
-    border: 1px solid;
-
-    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
-    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.2);
-    box-shadow: 0 1px 3px rgba(0,0,0,.2);
-    -webkit-border-radius: 2px;
-    -moz-border-radius: 2px;
-    border-radius: 2px;
-    border-color: #BBB #BBB #A8A8A8;
-
-    background-color: white;
-    color: #666;
-    font: 13px/normal "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
-
-    cursor: default;
-}
-
-.matte-link-popup a {
-    cursor: pointer;
-    text-decoration: none;
-    color: #15C;
-}
diff --git a/node_modules/matte/ui/rich-text-editor/overlays/rich-text-linkpopup.reel/rich-text-linkpopup.html b/node_modules/matte/ui/rich-text-editor/overlays/rich-text-linkpopup.reel/rich-text-linkpopup.html
deleted file mode 100644
index 3dcfa455..00000000
--- a/node_modules/matte/ui/rich-text-editor/overlays/rich-text-linkpopup.reel/rich-text-linkpopup.html
+++ /dev/null
@@ -1,30 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <meta charset="utf-8">
-    <link rel="stylesheet" href="rich-text-linkpopup.css">
-    <script type="text/montage-serialization">
-{
-    "link": {
-        "prototype": "ui/anchor.reel",
-        "properties": {
-            "element": {"#": "link"}
-        }
-    },
-
-    "owner": {
-        "prototype": "ui/rich-text-editor/overlays/rich-text-linkpopup.reel[RichTextLinkPopup]",
-        "properties": {
-            "element": {"#": "linkpopup-container"},
-            "link": {"@": "link"}
-        }
-    }
-}
-    </script>
-</head>
-<body>
-    <div data-montage-id="linkpopup-container" class="matte-link-popup" contentEditable="false">
-        <a data-montage-id="link" target="_blank"></a>
-    </div>
-</body>
-</html>
diff --git a/node_modules/matte/ui/rich-text-editor/overlays/rich-text-linkpopup.reel/rich-text-linkpopup.js b/node_modules/matte/ui/rich-text-editor/overlays/rich-text-linkpopup.reel/rich-text-linkpopup.js
deleted file mode 100644
index 35c227a3..00000000
--- a/node_modules/matte/ui/rich-text-editor/overlays/rich-text-linkpopup.reel/rich-text-linkpopup.js
+++ /dev/null
@@ -1,268 +0,0 @@
-/**
-	@module "matte/ui/rich-text-editor/overlays/rich-text-resizer.reel"
-*/
-var Component = require("montage/ui/component").Component;
-
-/**
-    @class module:"matte/ui/rich-text-editor/overlays/rich-text-linkpopup.reel".RichTextLinkPopup
-    @extends module:montage/ui/component.Component
-*/
-exports.RichTextLinkPopup = Component.specialize(/** @lends module:"matte/ui/rich-text-editor/overlays/rich-text-linkpopup.reel".RichTextLinkPopup# */ {
-
-    /**
-      Description TODO
-      @private
-    */
-    _isActive: {
-        enumerable: false,
-        value: false
-    },
-    /**
-      Description TODO
-      @private
-    */
-    _editor: {
-        enumerable: false,
-        value: null
-    },
-
-    /**
-      Description TODO
-      @private
-    */
-    target: {
-        enumerable: false,
-        value: null
-    },
-
-    /**
-      Description TODO
-      @private
-    */
-    _needsReset: {
-        enumerable: false,
-        value: false
-    },
-
-    /**
-      Description TODO
-     @type {Function}
-    */
-    initWithEditor: {
-        value: function(editor) {
-            this._editor = editor;
-        }
-    },
-
-    /**
-      Description TODO
-     @type {Function}
-    */
-    editorMouseUp: {
-        value: function(event) {
-            var element;
-
-            if (this._editor.activeOverlay != this) {
-                // Check if the caret is inside an image within an anchor element
-                if (event.target.nodeName == "IMG") {
-                    element = event.target;
-                    while (element && element != this._element) {
-                        if (element.nodeName == "A") {
-                            if (element != this.target) {
-                                this.target = element;
-                                this._needsReset = true;
-                                if (this._isActive) {
-                                    this.needsDraw = true;
-                                } else {
-                                    this._editor.showOverlay(this);
-                                }
-                            }
-                            return true;
-                        }
-                        element = element.parentElement;
-                    }
-                }
-            }
-        }
-    },
-
-    /**
-      Description TODO
-     @type {Function}
-    */
-    editorTouchEnd: {
-        value: function(event) {
-            this.editorMouseUp(event);
-        }
-    },
-
-    /**
-      Description TODO
-     @type {Function}
-    */
-    editorSelectionDidChange: {
-        value: function(range) {
-            var element;
-
-            // Check if the caret is inside an anchor element
-            if (range && range.collapsed) {
-                element = range.commonAncestorContainer;
-                while (element && element != this._element) {
-                    if (element.nodeName == "A") {
-                        if (element != this.target) {
-                            this.target = element;
-                            this._needsReset = true;
-                            if (this._isActive) {
-                                this.needsDraw = true;
-                            } else {
-                                this._editor.showOverlay(this);
-                            }
-                        }
-                        return true;
-                    }
-                    element = element.parentElement;
-                }
-            }
-
-            if (this._editor.activeOverlay == this) {
-                this._editor.hideOverlay();
-            }
-            this.target = null;
-
-            return false;
-        }
-    },
-
-    /**
-    Description TODO
-    @function
-    */
-    didBecomeActive: {
-        value: function() {
-            this._isActive = true;
-            window.addEventListener("resize", this, false);
-        }
-    },
-
-    /**
-    Description TODO
-    @function
-    */
-    didBecomeInactive: {
-        value: function() {
-            this._isActive = false;
-            window.removeEventListener("resize", this, false);
-
-            //Reset the resizer internal
-            this.target = null;
-            this._needsReset = false;
-        }
-    },
-
-    /**
-    Description TODO
-    @function
-    */
-    enterDocument: {
-        value: function(firstTime) {
-            if (firstTime) {
-                this._popupExtraWidth = this.element.offsetWidth;
-            }
-        }
-    },
-
-    /**
-    Description TODO
-    @function
-    */
-    draw: {
-        enumerable: false,
-        value: function() {
-            var element = this.element,
-                target = this.target,
-                editorElement = this._editor.innerElement;
-
-            if (this._needsReset) {
-                var offsetLeft,
-                    offsetTop,
-                    oh = editorElement.offsetHeight,
-                    ow = editorElement.offsetWidth,
-                    st = editorElement.scrollTop,
-                    sl = editorElement.scrollLeft,
-                    w = target.offsetWidth,
-                    h = target.offsetHeight,
-                    l, t,
-                    left, leftWidth, right, rightWidth,
-                    style = "";
-
-                var _findOffset = function(node) {
-                        offsetTop = node.offsetTop;
-                        offsetLeft = node.offsetLeft;
-
-                        while ((node = node.offsetParent) && node != editorElement) {
-                            offsetTop += node.offsetTop;
-                            offsetLeft += node.offsetLeft;
-                        }
-                    };
-                _findOffset(target);
-
-                l  = offsetLeft;
-                t  = offsetTop;
-
-                // Should we display the popup on top or below the element?
-                if (t > 60 && t - st + h + 50 > oh) {
-                    style = "bottom: " + (oh - t + 5) + "px;";
-                } else {
-                    style = "top: " + (t + h + 5 ) + "px;";
-                }
-
-                // Should we display the popup aligned on the left or right of the element?
-                left = sl;
-                right = sl + ow;
-                leftWidth = right - l;
-                rightWidth = l + w - left;
-
-                if (leftWidth  > rightWidth) {
-                    //Let's align the popup to the left of the element or to the far left
-                    if (leftWidth < 150) {
-                        style += " left: " + (left + 5) + "px;";
-                        style += " max-width: " + (ow - 10 - this._popupExtraWidth) + "px;";
-                    } else {
-                        style += " left: " + (left + l) + "px;";
-                        style += " max-width: " + (leftWidth - 5 - this._popupExtraWidth) + "px;";
-                    }
-                } else {
-                    if (rightWidth < 150) {
-                        style += " right: " + (left + 5) + "px;";
-                        style += " max-width: " + (ow - 10 - this._popupExtraWidth) + "px;";
-                    } else {
-                        style += " right: " + (right - (left + l + w + 1)) + "px;";
-                        style += " max-width: " + (rightWidth - this._popupExtraWidth) + "px;";
-                    }
-                }
-
-                // Position and size the popup
-                element.setAttribute("style", style);
-
-                // Setup the anchor
-                this.link.href = target.href;
-                this.link.textContent = target.href;
-
-                this._needsReset = false;
-            }
-        }
-    },
-
-    /**
-    Description TODO
-    @function
-    */
-    handleResize: {
-        enumerable: false,
-        value: function() {
-            this._needsReset = true;
-            this.needsDraw = true;
-        }
-    }
-
-});
diff --git a/node_modules/matte/ui/rich-text-editor/overlays/rich-text-resizer.reel/rich-text-resizer.css b/node_modules/matte/ui/rich-text-editor/overlays/rich-text-resizer.reel/rich-text-resizer.css
deleted file mode 100644
index fe3c5b06..00000000
--- a/node_modules/matte/ui/rich-text-editor/overlays/rich-text-resizer.reel/rich-text-resizer.css
+++ /dev/null
@@ -1,136 +0,0 @@
-
-.matte-Resizer {
-    display: inline-block;
-}
-
-.matte-Resizer-container {
-    position: absolute;
-    border: 1px solid black;
-}
-
-.matte-Resizer-handle {
-    position: absolute;
-    width: 7px;
-    height: 7px;
-    border: 1px solid black;
-    -moz-border-radius: 4px;
-    border-radius: 4px;
-    background: white;
-}
-
-.matte-Resizer-handle:hover {
-    width: 9px;
-    height: 9px;
-    -moz-border-radius: 5px;
-    border-radius: 5px;
-}
-
-.matte-Resizer-handle.n {
-    top: -4px;
-    left: 50%;
-    margin-left: -4px;
-    cursor: n-resize;
-}
-
-.matte-Resizer-handle.n:hover {
-    top: -5px;
-    margin-left: -5px;
-}
-
-.matte-Resizer-handle.ne {
-    top: -4px;
-    right: -4px;
-    cursor: ne-resize;
-}
-
-.matte-Resizer-handle.ne:hover {
-    top: -5px;
-    right: -5px;
-}
-
-.matte-Resizer-handle.e {
-    right: -4px;
-    top: 50%;
-    margin-top: -4px;
-    cursor: e-resize;
-}
-
-.matte-Resizer-handle.e:hover {
-    right: -5px;
-    margin-top: -5px;
-}
-
-.matte-Resizer-handle.se {
-    bottom: -4px;
-    right: -4px;
-    cursor: se-resize;
-}
-
-.matte-Resizer-handle.se:hover {
-    bottom: -5px;
-    right: -5px;
-}
-
-.matte-Resizer-handle.s {
-    bottom: -4px;
-    left: 50%;
-    margin-left: -4px;
-    cursor: s-resize;
-}
-
-.matte-Resizer-handle.s:hover {
-    bottom: -5px;
-    margin-left: -5px;
-}
-
-.matte-Resizer-handle.sw {
-    bottom: -4px;
-    left: -4px;
-    cursor: sw-resize;
-}
-
-.matte-Resizer-handle.sw:hover {
-    bottom: -5px;
-    left: -5px;
-}
-
-.matte-Resizer-handle.w {
-    left: -4px;
-    top: 50%;
-    margin-top: -4px;
-    cursor: w-resize;
-}
-
-.matte-Resizer-handle.w:hover {
-    left: -5px;
-    margin-top: -5px;
-}
-
-.matte-Resizer-handle.nw {
-    top: -4px;
-    left: -4px;
-    cursor: nw-resize;
-}
-
-.matte-Resizer-handle.nw:hover {
-    top: -5px;
-    left: -5px;
-}
-
-.matte-Resizer-image {
-    position: absolute;
-    display: none;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    opacity: 0.5;
-}
-
-.matte-Editor--resizing Resizer-image {
-    display: block;
-}
-
-.matte-Resizer-element::selection {
-    background: rgba(0,0,0,0);
-}
diff --git a/node_modules/matte/ui/rich-text-editor/overlays/rich-text-resizer.reel/rich-text-resizer.html b/node_modules/matte/ui/rich-text-editor/overlays/rich-text-resizer.reel/rich-text-resizer.html
deleted file mode 100644
index e9477d99..00000000
--- a/node_modules/matte/ui/rich-text-editor/overlays/rich-text-resizer.reel/rich-text-resizer.html
+++ /dev/null
@@ -1,38 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <meta charset="utf-8">
-    <link rel="stylesheet" href="rich-text-resizer.css">
-    <script type="text/montage-serialization">
-{
-    "image": {
-        "prototype": "ui/image.reel",
-        "properties": {
-            "element": {"#": "image"}
-        }
-    },
-
-    "owner": {
-        "prototype": "ui/rich-text-editor/overlays/rich-text-resizer.reel",
-        "properties": {
-            "element": {"#": "resizer-container"},
-            "image": {"@": "image"}
-        }
-    }
-}
-    </script>
-</head>
-<body>
-    <div data-montage-id="resizer-container" class="matte-Resizer-container">
-        <img data-montage-id="image" class="matte-Resizer-image">
-        <div class="matte-Resizer-handle nw" data-montage-id="montage-resizer-handle-nw"></div>
-        <div class="matte-Resizer-handle n" data-montage-id="montage-resizer-handle-n"></div>
-        <div class="matte-Resizer-handle ne" data-montage-id="montage-resizer-handle-ne"></div>
-        <div class="matte-Resizer-handle e" data-montage-id="montage-resizer-handle-e"></div>
-        <div class="matte-Resizer-handle se" data-montage-id="montage-resizer-handle-se"></div>
-        <div class="matte-Resizer-handle s" data-montage-id="montage-resizer-handle-s"></div>
-        <div class="matte-Resizer-handle sw" data-montage-id="montage-resizer-handle-sw"></div>
-        <div class="matte-Resizer-handle w" data-montage-id="montage-resizer-handle-w"></div>
-    </div>
-</body>
-</html>
diff --git a/node_modules/matte/ui/rich-text-editor/overlays/rich-text-resizer.reel/rich-text-resizer.js b/node_modules/matte/ui/rich-text-editor/overlays/rich-text-resizer.reel/rich-text-resizer.js
deleted file mode 100644
index 9435a67b..00000000
--- a/node_modules/matte/ui/rich-text-editor/overlays/rich-text-resizer.reel/rich-text-resizer.js
+++ /dev/null
@@ -1,560 +0,0 @@
-/**
-	module:"matte/ui/rich-text-editor/overlays/rich-text-resizer.reel"
-*/
-var Component = require("montage/ui/component").Component,
-    dom = require("montage/core/dom"),
-    Point = require("montage/core/geometry/point").Point;
-
-/**
-    @class module:"matte/ui/rich-text-editor/overlays/rich-text-resizer.reel".RichTextResizer
-    @extends module:montage/ui/component.Component
-*/
-exports.RichTextResizer = Component.specialize(/** @lends module:"matte/ui/rich-text-editor/overlays/rich-text-resizer.reel".RichTextResizer# */ {
-
-    /**
-      Description TODO
-      @private
-    */
-    _isActive: {
-        enumerable: false,
-        value: false
-    },
-    /**
-      Description TODO
-      @private
-    */
-    _editor: {
-        enumerable: false,
-        value: null
-    },
-
-    /**
-      Description TODO
-      @private
-    */
-    target: {
-        enumerable: false,
-        value: null
-    },
-
-    /**
-      Description TODO
-      @private
-    */
-    _draggedElement: {
-        enumerable: false,
-        value: null
-    },
-
-    /**
-      Description TODO
-      @private
-    */
-    _needsReset: {
-        enumerable: false,
-        value: false
-    },
-
-    /**
-      Description TODO
-     @type {Function}
-    */
-    initWithEditor: {
-        value: function(editor) {
-            this._editor = editor;
-        }
-    },
-
-    /**
-      Description TODO
-     @type {Function}
-    */
-    editorMouseDown: {
-        value: function(event) {
-            var target = event.target;
-
-            if (this._isActive && target === this.element) {
-                event.preventDefault();
-                event.stopPropagation();
-                return true;
-            }
-        }
-    },
-
-    /**
-      Description TODO
-     @type {Function}
-    */
-    editorTouchStart: {
-        value: function(event) {
-            this.editorMouseDown(event);
-        }
-    },
-
-    /**
-      Description TODO
-     @type {Function}
-    */
-    editorMouseUp: {
-        value: function(event) {
-            var target = event.target,
-                previousTarget = this.target;
-
-            // Ignore this call if we are curently capturing the pointer
-            if (this._observedPointer) {
-                return true;
-            } else {
-                if (target === this.element && this._editor.activeOverlay == this) {
-                    this._editor.hideOverlay();
-                    // We need to stop the event propagation to prevent the selection to be reset
-                    event.target = this.target;     // Retarget the event
-                    event.preventDefault();
-                    event.stopPropagation();
-                } else if (target.tagName === "IMG") {
-                    if (target !== previousTarget) {
-                        if (previousTarget) {
-                            previousTarget.classList.remove("matte-Resizer-element");
-                            if (previousTarget.classList.length == 0) {
-                                previousTarget.removeAttribute("class");
-                            }
-                        }
-                        this.target = target;
-                        this._needsReset = true;
-                        if (this._isActive) {
-                            this.needsDraw = true;
-                        } else {
-                            this._ignoreNextSelectionchanged = true;
-                            this._editor.showOverlay(this);
-                        }
-                    }
-                    event.preventDefault();
-                    event.stopPropagation();
-                    return true;
-                } else if (this._editor.activeOverlay == this) {
-                    this._editor.hideOverlay();
-                }
-            }
-
-            return false;
-        }
-    },
-
-    /**
-      Description TODO
-     @type {Function}
-    */
-    editorTouchEnd: {
-        value: function(event) {
-            this.editorMouseUp(event);
-        }
-    },
-
-    /**
-      Description TODO
-     @type {Function}
-    */
-    editorSelectionDidChange: {
-        value: function(range) {
-            if (this._ignoreNextSelectionchanged || this._finalizeDrag) {
-                this._ignoreNextSelectionchanged = false;
-            } else {
-                if (this._editor.activeOverlay == this) {
-                    this._editor.hideOverlay();
-                }
-                this.target = null;
-            }
-
-            return false;
-        }
-    },
-
-    /**
-    Description TODO
-    @function
-    */
-    draw: {
-        enumerable: false,
-        value: function() {
-            var element = this.element,
-                target = this.target,
-                editorElement = this._editor.innerElement,
-                style;
-
-            if (this._needsReset) {
-                var offsetLeft,
-                    offsetTop,
-                    _findOffset = function(node) {
-                        offsetTop = node.offsetTop;
-                        offsetLeft = node.offsetLeft;
-
-                        while ((node = node.offsetParent) && node != editorElement) {
-                            offsetTop += node.offsetTop;
-                            offsetLeft += node.offsetLeft;
-                        }
-                    };
-                _findOffset(target);
-
-                // Initialize the resizer
-                style = element.style;
-
-                style.width = target.offsetWidth + "px";
-                style.height = target.offsetHeight + "px";
-                style.top = offsetTop + "px";;
-                style.left = offsetLeft + "px";
-
-                this._editor.innerElement.classList.remove("matte-Editor--resizing");
-                target.classList.add("matte-Resizer-element");
-
-                // Setup the image
-                this.image.src = target.src;
-                this.image.title = target.title;
-                this.image.alt = target.alt;
-
-                // Select the resizedElement
-                this._selectElement(target);
-
-                this._needsReset = false;
-            }
-
-            if (this._draggedElement) {
-                // Resize the resizer
-                var zero = new Point().init(0, 0),
-                    framePosition = dom.convertPointFromNodeToPage(element, zero),
-                    cursor = this._cursorPosition,
-                    direction = this._draggedElement.getAttribute("data-montage-id").substring("matte-resizer-handle-".length),
-                    info = this._resizerFrameInfo,
-                    ratio = info.ratio,
-                    height = parseFloat(element.style.height, 10),
-                    width = parseFloat(element.style.width, 10),
-                    top = parseFloat(element.style.top, 10),
-                    left = parseFloat(element.style.left, 10),
-                    minSize = 15;
-
-                this._editor.innerElement.classList.add("matte-Editor--resizing");
-
-                if (direction == "n") {
-                    height += framePosition.y - cursor.y;
-                    top = info.top - (height - info.height);
-                } else if (direction == "ne") {
-                    height += framePosition.y - cursor.y;
-                    width = Math.round(height * ratio);
-                    if (cursor.x > (framePosition.x + width)) {
-                        width = cursor.x - framePosition.x;
-                        height = Math.round(width / ratio);
-                    }
-                    top = info.top - (height - info.height);
-                } else if (direction == "e") {
-                    width = cursor.x - framePosition.x;
-                } else if (direction == "se") {
-                    height = cursor.y - framePosition.y;
-                    width = Math.round(height * ratio);
-                    if (cursor.x > (framePosition.x + width)) {
-                        width = cursor.x - framePosition.x;
-                        height = Math.round(width / ratio);
-                    }
-                } else if (direction == "s") {
-                    height = cursor.y - framePosition.y;
-                } else if (direction == "sw") {
-                    height = cursor.y - framePosition.y;
-                    width = Math.round(height * ratio);
-                    if (cursor.x <= framePosition.x - width + element.clientWidth) {
-                        width = element.clientWidth + framePosition.x - cursor.x;
-                        height = Math.round(width / ratio);
-                    }
-                    left = info.left - (width - info.width);
-                } else if (direction == "w") {
-                    width += framePosition.x - cursor.x;
-                    left = info.left - (width - info.width);
-                } else if (direction == "nw") {
-                    height += framePosition.y - cursor.y;
-                    width = Math.round(height * ratio);
-                    if (cursor.x <= framePosition.x - width + element.clientWidth) {
-                        width = element.clientWidth + framePosition.x - cursor.x;
-                        height = Math.round(width / ratio);
-                    }
-                    top = info.top - (height - info.height);
-                    left = info.left - (width - info.width);
-                }
-
-                //set the frame's new height and width
-                if (height > minSize && width > minSize) {
-                    element.style.height = height + "px";
-                    element.style.width = width + "px";
-                    element.style.top = top + "px";
-                    element.style.left = left + "px";
-                }
-            }
-
-            if (this._finalizeDrag) {
-                width = element.clientWidth;
-                height = element.clientHeight;
-
-                this._editor.innerElement.classList.remove("matte-Editor--resizing");
-                target.classList.remove("matte-Resizer-element");
-                if (target.classList.length == 0) {
-                    target.removeAttribute("class");
-                }
-
-                // Select the resizedElement (just in case)
-                this._selectElement(target);
-
-                // Take the element offline to modify it
-                var div = document.createElement("div"),
-                    offlineElement,
-                    savedID;
-                div.appendChild(target.cloneNode(true));
-                offlineElement = div.firstChild;
-
-                // Resize the element now that it's offline
-                offlineElement.width = width;
-                offlineElement.height = height;
-                offlineElement.style.removeProperty("width");
-                offlineElement.style.removeProperty("height");
-
-                savedID = offlineElement.id;
-                offlineElement.id = "matte-editor-resized-image";
-
-                // Inject the resized element into the contentEditable using execCommand in order to be in the browser undo queue
-                this._editor.execCommand("inserthtml", false, div.innerHTML, "Resizing Image");
-                target = document.getElementById(offlineElement.id);
-                if (target) {
-                    if (savedID !== undefined && savedID !== "") {
-                        target.id = savedID;
-                    } else {
-                        target.removeAttribute("id");
-                    }
-
-                    // Add back the resizer
-                    this.target = target;
-                    this._needsReset = true;
-                    this.needsDraw = true;
-                }
-
-                this._finalizeDrag = false;
-            }
-        }
-    },
-
-    /**
-    Description TODO
-    @function
-    */
-    didBecomeActive: {
-        value: function() {
-            this._isActive = true;
-            this.element.addEventListener(window.Touch ? "touchstart" : "mousedown", this, false);
-            window.addEventListener("resize", this, false);
-        }
-    },
-
-    /**
-    Description TODO
-    @function
-    */
-    didBecomeInactive: {
-        value: function() {
-            var target = this.target;
-
-            this._isActive = false;
-
-            this.element.removeEventListener(window.Touch ? "touchstart" : "mousedown", this, false);
-            window.removeEventListener("resize", this, false);
-
-            if (this._draggedElement) {
-                if (window.Touch) {
-                    document.removeEventListener("touchmove", this);
-                    document.removeEventListener("touchend", this);
-                } else {
-                    document.removeEventListener("mousemove", this);
-                    document.removeEventListener("mouseup", this);
-                }
-                this._releaseInterest();
-            }
-
-            if (target) {
-                // Let's do some extra cleanup
-                target.classList.remove("matte-Resizer-element");
-                if (target.classList.length == 0) {
-                    target.removeAttribute("class");
-                }
-                this._editor.markDirty();
-            }
-
-            //Reset the resizer internal
-            this.target = null;
-            this._needsReset = false;
-            this._draggedElement = null;
-            this._finalizeDrag = false;
-        }
-    },
-
-    /**
-    Description TODO
-    @function
-    */
-    handleResize: {
-        enumerable: false,
-        value: function() {
-            this._needsReset = true;
-            this.needsDraw = true;
-        }
-    },
-
-    /**
-    Description TODO
-    @function
-    */
-    handleMousedown: {
-        value: function(event) {
-            var target = event.target,
-                element = this.element;
-
-            if (target.classList.contains("matte-Resizer-handle")) {
-                if (window.Touch) {
-                    this._observePointer(target.id);
-                    document.addEventListener("touchmove", this);
-                    document.addEventListener("touchend", this);
-                } else {
-                    this._observePointer("mouse");
-                    document.addEventListener("mousemove", this);
-                    document.addEventListener("mouseup", this);
-                }
-
-                this._resizerFrameInfo = {
-                    width: element.clientWidth,
-                    height: element.clientHeight,
-                    left: parseInt(element.style.left, 10),
-                    top: parseInt(element.style.top, 10),
-                    ratio: element.clientWidth / element.clientHeight
-                };
-                this._cursorPosition = {x:event.pageX, y:event.pageY};
-                this._draggedElement = target;
-
-                event.preventDefault();
-                event.stopPropagation();
-            }
-        }
-    },
-
-    /**
-    Description TODO
-    @function
-    */
-    handleTouchstart: {
-        value: function(event) {
-            this.handleMousedown(event);
-        }
-    },
-
-    /**
-    Description TODO
-    @function
-    */
-    handleMousemove: {
-        value: function(event) {
-
-            this._cursorPosition = {x:event.pageX, y:event.pageY};
-            this.needsDraw = true;
-
-            event.preventDefault();
-            event.stopPropagation();
-        }
-    },
-
-    /**
-    Description TODO
-    @function
-    */
-    handleTouchmove: {
-        value: function(event) {
-            this.handleMousemove(event);
-        }
-    },
-
-    /**
-    Description TODO
-    @function
-    */
-    handleMouseup: {
-        value: function(event) {
-            if (this._draggedElement) {
-                if (window.Touch) {
-                    document.removeEventListener("touchmove", this);
-                    document.removeEventListener("touchend", this);
-                } else {
-                    document.removeEventListener("mousemove", this);
-                    document.removeEventListener("mouseup", this);
-                }
-
-                this._draggedElement = null;
-
-                this._finalizeDrag = true;
-                this.needsDraw = true;
-
-                this._releaseInterest();
-
-                event.preventDefault();
-                event.stopPropagation();
-            }
-        }
-    },
-
-    /**
-    Description TODO
-    @function
-    */
-    handleTouchend: {
-        value: function(event) {
-            this.handleMouseup(event);
-        }
-    },
-
-    /**
-    Description TODO
-    @function
-    @param {String} pointer TODO
-    @param {Component} demandingComponent TODO
-    @returns {Boolean} false
-    */
-    surrenderPointer: {
-        value: function(pointer, demandingComponent) {
-            return false;
-        }
-    },
-
-    /**
-    Description TODO
-    @private
-    */
-    _observePointer: {
-        value: function(pointer) {
-            this.eventManager.claimPointer(pointer, this);
-            this._observedPointer = pointer;
-        }
-    },
-
-    /**
-    Description TODO
-    @private
-    */
-    _releaseInterest: {
-        value: function() {
-            this.eventManager.forfeitPointer(this._observedPointer, this);
-            this._observedPointer = null;
-        }
-    },
-
-    /**
-    Description TODO
-    @private
-    */
-    _selectElement: {
-        value: function(element) {
-            var offset,
-                range;
-
-            this._ignoreNextSelectionchanged = true;
-            this._editor.selectElement(element);
-        }
-    }
-});
diff --git a/node_modules/matte/ui/rich-text-editor/rich-text-editor.reel/rich-text-editor-base.js b/node_modules/matte/ui/rich-text-editor/rich-text-editor.reel/rich-text-editor-base.js
deleted file mode 100644
index 0988edd8..00000000
--- a/node_modules/matte/ui/rich-text-editor/rich-text-editor.reel/rich-text-editor-base.js
+++ /dev/null
@@ -1,1750 +0,0 @@
-/*global Element */
-/**
-	module:"matte/ui/rich-text-editor.reel"
-*/
-var Component = require("montage/ui/component").Component,
-    Sanitizer = require("./rich-text-sanitizer").Sanitizer,
-    RichTextLinkPopup = require("../overlays/rich-text-linkpopup.reel").RichTextLinkPopup,
-    RichTextResizer = require("../overlays/rich-text-resizer.reel").RichTextResizer,
-    Promise = require("montage/core/promise").Promise,
-    defaultUndoManager = require("montage/core/undo-manager").defaultUndoManager;
-
-/**
-    @class module:"matte/ui/rich-text-editor.reel".RichTextEditorBase
-    @extends module:montage/ui/component.Component
-*/
-exports.RichTextEditorBase = Component.specialize(/** @lends module:"matte/ui/rich-text-editor.reel".RichTextEditor# */ {
-    /**
-      Description TODO
-      @private
-    */
-    _COMMANDS: {
-        enumerable: false,
-        value: null
-    },
-
-    /**
-      Description TODO
-      @private
-    */
-    COMMANDS: {
-        enumerable: false,
-        get: function() {
-            if (!this._COMMANDS) {
-                this._COMMANDS = [
-                    {property: "bold"},
-                    {property: "underline"},
-                    {property: "italic"},
-                    {property: "strikeThrough"},
-                    {property: "baselineShift", method: this._baselineShiftGetState},
-                    {property: "justify", method: this._justifyGetState},
-                    {property: "listStyle", method: this._listStyleGetState},
-                    {property: "fontName", method: this._fontNameGetState},
-                    {property: "fontSize"},
-                    {property: "backColor"},
-                    {property: "foreColor"}
-                ];
-            }
-            return this._COMMANDS;
-        }
-    },
-
-    /**
-      Description TODO
-      @private
-    */
-    _overlays: {
-        enumerable: false,
-        value: undefined
-    },
-
-    /**
-      Description TODO
-      @private
-    */
-    _overlaySlot: {
-        enumerable: false,
-        value: null
-    },
-
-    /**
-      Description TODO
-      @private
-    */
-    _activeOverlay: {
-        enumerable: false,
-        value: null
-    },
-
-    /**
-      Description TODO
-      @private
-    */
-    _innerElement: {
-        enumerable: false,
-        value: null
-    },
-
-    _originalDomContent: {
-        value: null
-    },
-
-    /**
-      Description TODO
-      @private
-    */
-    _undoManager: {
-        enumerable: false,
-        value: undefined
-    },
-
-    /**
-      Description TODO
-      @private
-    */
-    _isTyping: {
-        enumerable: false,
-        value: false
-    },
-
-    /**
-      Description TODO
-      @private
-    */
-    _startTyping: {
-        enumerable: false,
-        value: function() {
-            if (this._doingUndoRedo) {
-                this._isTyping = false;
-                return;
-            } else if (!this._isTyping) {
-                this._isTyping = true;
-                if (this.undoManager) {
-                    this.undoManager.register("Typing", Promise.resolve([this._undo, this, "Typing", this._innerElement]));
-                }
-            }
-        }
-    },
-
-    /**
-      Description TODO
-      @private
-    */
-    _stopTyping: {
-        enumerable: false,
-        value: function() {
-            if (this._isTyping) {
-                this._isTyping = false;
-            }
-        }
-    },
-
-    /**
-      Description TODO
-      @private
-    */
-    _hasSelectionChangeEvent: {
-        enumerable: false,
-        value: null     // Need to be preset to null, will be set to true or false later on
-    },
-
-    /**
-      Description TODO
-      @private
-    */
-    _uniqueId: {
-        enumerable: false,
-        value: Math.floor(Math.random() * 1000) + "-" + Math.floor(Math.random() * 1000)
-    },
-
-    /**
-      Description TODO
-      @private
-    */
-    _contentInitialized: {
-        enumerable: false,
-        value: false
-    },
-
-    /**
-      Description TODO
-      @private
-    */
-    _needsAssignOriginalContent: {
-        enumerable: false,
-        value: true
-    },
-
-    /**
-      Description TODO
-      @private
-    */
-    _needsAssingValue: {
-        enumerable: false,
-        value: false
-    },
-
-    /**
-      Description TODO
-      @private
-    */
-    _setCaretAtEndOfContent: {
-        enumerable: false,
-        value: false
-    },
-
-    /**
-      Description TODO
-      @private
-    */
-    _selectionChangeTimer: {
-        enumerable: false,
-        value: null
-    },
-
-    /**
-      Description TODO
-      @private
-    */
-    _hasFocus: {
-        enumerable: false,
-        value: false
-    },
-
-    /**
-      Description TODO
-      @private
-    */
-    _needsFocus: {
-        value: false
-    },
-
-    /**
-      Description TODO
-      @private
-    */
-    _isActiveElement: {
-        enumerable: false,
-        value: false
-    },
-
-    /**
-      Description TODO
-      @private
-    */
-    _readOnly: {
-        enumerable: false,
-        value: false
-    },
-
-    /**
-      Description TODO
-      @private
-    */
-    _value: {
-        enumerable: false,
-        value: ""
-    },
-
-    /**
-      Description TODO
-      @private
-    */
-    _textValue: {
-        enumerable: false,
-        value: ""
-    },
-
-    /**
-      Description TODO
-     @type {}
-    */
-    delegate: {
-        enumerable: true,
-        value: null
-    },
-
-    /**
-      Description TODO
-      @private
-    */
-    _sanitizer: {
-        enumerable: false,
-        value: undefined
-    },
-
-    /**
-      Description TODO
-      @private
-    */
-    _allowDrop: {
-        enumerable: false,
-        value: true
-    },
-
-    // Commands Helpers
-    _getState: {
-        value: function(property, command) {
-            var state,
-                savedActiveElement = document.activeElement,
-                editorElement = this._innerElement;
-
-            if (editorElement && !this["_" + property + "_locked"]) {
-
-                // Make sure we are the active element before calling execCommand
-                if (editorElement && editorElement != savedActiveElement) {
-                    editorElement.focus();
-                }
-
-                state = document.queryCommandValue(command);
-                // Convert string to boolean
-                if (state == "true") {
-                    state = true;
-                } if (state == "false") {
-                    state = false;
-                }
-
-                // Reset the focus
-                if (editorElement && editorElement != savedActiveElement) {
-                    savedActiveElement.focus();
-                }
-
-                return state;
-            } else {
-               return this["_" + property];
-            }
-        }
-    },
-
-    _genericCommandGetter : {
-        value: function(property, command) {
-            var propertyName = "_" + property;
-            this[propertyName] = this._getState(property, command);
-            return this[propertyName];
-        }
-    },
-
-    _genericCommandSetter : {
-        value: function(property, command, value) {
-            var state = this._getState(property, command); // Make sure the state is up-to-date
-            if (state !== value) {
-                this.doAction(command, typeof value == "boolean" ? false : value);
-            }
-        }
-    },
-
-    // Edit Actions & Properties
-    /**
-      Description TODO
-      @private
-    */
-    _bold: { value: false },
-
-    /**
-      Description TODO
-      @private
-    */
-    _underline: { value: false },
-
-    /**
-      Description TODO
-      @private
-    */
-    _italic: { value: false },
-
-    /**
-      Description TODO
-      @private
-    */
-    _strikeThrough: { value: false },
-
-    /**
-      Description TODO
-      @private
-    */
-    _baselineShiftGetState: {
-        enumerable: false,
-        value: function() {
-            var savedActiveElement = document.activeElement,
-            editorElement = this._innerElement;
-
-            if (editorElement && !this._baselineShift_locked) {
-                 // Make sure we are the active element before calling execCommand
-                if (editorElement != savedActiveElement) {
-                    editorElement.focus();
-                }
-
-                if (this._getState("baselineShift", "subscript")) {
-                   return "subscript"
-                } else if (this._getState("baselineShift", "superscript")) {
-                    return "superscript"
-                } else {
-                    return "baseline";     // default
-                }
-
-                 // Reset the focus
-                if (editorElement != savedActiveElement) {
-                    savedActiveElement.focus();
-                }
-            } else {
-                return this._baselineShift;
-            }
-        }
-    },
-
-    /**
-      Description TODO
-      @private
-    */
-    _baselineShift: { value: "baseline" },
-
-    /**
-      Description TODO
-      @private
-    */
-    _listStyleGetState: {
-        enumerable: false,
-        value: function() {
-            var savedActiveElement = document.activeElement,
-            editorElement = this._innerElement;
-
-            if (editorElement && !this._listStyle_locked) {
-                // Make sure we are the active element before calling execCommand
-                if (editorElement != savedActiveElement) {
-                    editorElement.focus();
-                }
-
-                if (this._getState("listStyle", "insertorderedlist")) {
-                   return "ordered"
-                } else if (this._getState("listStyle", "insertunorderedlist")) {
-                    return "unordered"
-                } else {
-                    return "none";     // default
-                }
-
-                 // Reset the focus
-                if (editorElement != savedActiveElement) {
-                    savedActiveElement.focus();
-                }
-            } else {
-                return this._listStyle;
-            }
-        }
-    },
-    /**
-      Description TODO
-      @private
-    */
-    _listStyle: { value: "none" },
-
-    /**
-      Description TODO
-      @private
-    */
-    _justifyGetState: {
-        enumerable: false,
-        value: function() {
-            var savedActiveElement = document.activeElement,
-            editorElement = this._innerElement;
-
-            if (editorElement && !this._justify_locked) {
-                // Make sure we are the active element before calling execCommand
-                if (editorElement != savedActiveElement) {
-                    editorElement.focus();
-                }
-
-                if (this._getState("justify", "justifyleft")) {
-                   return "left"
-                } else if (this._getState("justify", "justifycenter")) {
-                    return "center"
-                } else if (this._getState("justify", "justifyright")) {
-                    return "right"
-                } else if (this._getState("justify", "justifyfull")) {
-                    return "full"
-                } else {
-                    return "left";     // default
-                }
-
-                // Reset the focus
-                if (editorElement != savedActiveElement) {
-                    savedActiveElement.focus();
-                }
-            } else {
-                return this._justify;
-            }
-        }
-    },
-
-    /**
-      Description TODO
-      @private
-    */
-    _justify: { value: "left" },
-
-    /**
-      Description TODO
-      @private
-    */
-    _fontNameGetState: {
-        enumerable: false,
-        value: function() {
-            var fontName = this._getState("fontName", "fontname");
-            if (fontName) {
-                fontName = fontName.replace(/\"|\'/g, "");
-            }
-
-            return fontName;
-        }
-    },
-    /**
-      Description TODO
-      @private
-    */
-    _fontName: { value: "" },
-
-    /**
-      Description TODO
-      @private
-    */
-    _fontSize: { value: 0 },
-
-    /**
-      Description TODO
-      @private
-    */
-    _backColor: { value: "" },
-
-    /**
-      Description TODO
-      @private
-    */
-    _foreColor: { value: "" },
-
-    /**
-      Description TODO
-     @type {Function}
-    */
-    _updateStates: {
-        enumerable: true,
-        value: function() {
-            var thisRef = this,
-                command,
-                commandName,
-                propertyName,
-                state,
-                prevState,
-                method,
-                descriptor,
-                i;
-
-            var COMMANDS = this.COMMANDS;
-            var numCommands = COMMANDS.length;
-            for (i = 0; i < numCommands; i ++) {
-                command = COMMANDS[i];
-
-                if (typeof command == "object") {
-                    propertyName = command.property;
-                    commandName = command.name || propertyName.toLowerCase();
-                    method = command.method || this._getState;
-                } else {
-                    continue;
-                }
-
-                descriptor = this.getOwnPropertyChangeDescriptor(propertyName);
-
-                if (descriptor) {
-                    prevState = this["_" + propertyName];
-                    state = method.call(this, propertyName, commandName);
-                    if (state !== prevState) {
-                        this["_" + propertyName + "_locked"] = true;
-                        this.dispatchBeforeOwnPropertyChange(propertyName, prevState);
-                        this["_" + propertyName] = state;
-                        this.dispatchOwnPropertyChange(propertyName, state);
-                        thisRef["_" + propertyName + "_locked"] = false;
-                    }
-                }
-            }
-        }
-    },
-
-    // Component Callbacks
-
-    /**
-    Description TODO
-    @function
-    */
-    enterDocument: {
-        value: function(firstTime) {
-            var el;
-
-            if (firstTime) {
-                el = this.element;
-
-                el.classList.add('montage-Editor-container');
-
-                el.addEventListener("focus", this, true);
-                el.addEventListener("dragstart", this, false);
-                el.addEventListener("dragenter", this, false);
-                el.addEventListener("dragover", this, false);
-                el.addEventListener("drop", this, false);
-                el.addEventListener("dragend", this, false);
-
-                // Setup the sanitizer if not specified
-                if (this._sanitizer === undefined) {
-                    this._sanitizer = new Sanitizer();
-                }
-
-                // Setup the undoManager if not specified
-                if (this._undoManager === undefined) {
-                    this._undoManager = defaultUndoManager;
-                }
-
-                // Initialize the overlays
-                if (this._overlays === undefined) {
-                    // Install the default overlays
-                    this._overlays = [new RichTextResizer(), new RichTextLinkPopup()];
-                }
-                this._callOverlays("initWithEditor", this, true);
-            }
-        }
-    },
-
-    /**
-    Description TODO
-    @function
-    */
-    draw: {
-        enumerable: false,
-        value: function() {
-            var editorElement = this.element,
-                editorInnerElement,
-                contents,
-                content,
-                contentChanged,
-                prevValue,
-                descriptor,
-                i;
-
-            if (this._needsAssingValue || this._needsAssignOriginalContent) {
-                editorInnerElement = this._innerElement = editorElement.querySelector(".matte-Editor");
-
-                if (this._contentInitialized) {
-                    // if the content has been already initialized, we need replace it by a clone of itself
-                    // in order to reset the browser undo stack
-                    editorElement.replaceChild(editorInnerElement.cloneNode(true), editorInnerElement);
-                    editorInnerElement = this._innerElement = editorElement.querySelector(".matte-Editor");
-
-                    //JFD TODO: Need to clear entries in the Montage undoManager queue
-                }
-
-                editorInnerElement.setAttribute("contenteditable", (this._readOnly ? "false" : "true"));
-                editorInnerElement.classList.add("editor-" + this._uniqueId);
-                editorInnerElement.innerHTML = "";
-
-                if (this._needsAssingValue) {
-                    // Set the contentEditable value
-                    if (this._value && !this._dirtyValue) {
-                        editorInnerElement.innerHTML = this._value;
-                    } else if (this._textValue && !this._dirtyTextValue) {
-                        if (editorInnerElement.innerText) {
-                            editorInnerElement.innerText = this._textValue;
-                        } else {
-                            editorInnerElement.textContent = this._textValue;
-                        }
-                    }
-                } else if (this._needsAssignOriginalContent) {
-                    contents = this._originalDomContent;
-                    contentChanged = false;
-                    if (contents instanceof Element) {
-                        editorInnerElement.appendChild(contents);
-                        contentChanged = true;
-                    } else {
-                        for (i = 0; contents && (content = contents[i]); i++) {
-                            editorInnerElement.appendChild(content);
-                            contentChanged = true;
-                        }
-                    }
-                    if (contentChanged) {
-                        // Clear the cached value in order to force an editorChange event
-                        this._dirtyValue = true;
-                        this._dirtyTextValue = true;
-                    }
-                }
-
-                this._adjustPadding();
-                this.markDirty();
-
-                this._needsAssingValue = false;
-                this._needsAssignOriginalContent = false;
-                this._contentInitialized = true;
-
-                this._setCaretAtEndOfContent = true;
-                if (this.hasFocus) {
-                    // Call focus to move caret to end of document
-                    this.focus();
-                }
-
-            } else {
-                editorInnerElement = this._innerElement;
-            }
-
-            if (this._readOnly) {
-                editorInnerElement.setAttribute("contentEditable", "false");
-                editorElement.classList.add("readonly")
-            } else {
-                editorInnerElement.setAttribute("contentEditable", "true");
-                editorElement.classList.remove("readonly")
-            }
-        }
-    },
-
-    /**
-    Description TODO
-    @function
-    */
-    didDraw: {
-        value: function() {
-            if (this._needsFocus) {
-                this._innerElement.focus();
-                if(document.activeElement == this._innerElement) {
-                    this._needsFocus = false;
-                } else {
-                    // Make sure the element is visible before trying again to set the focus
-                    var style = window.getComputedStyle(this.element);
-                    if (style.getPropertyValue("visibility") == "hidden" || style.getPropertyValue("display") == "none") {
-                        this._needsFocus = false;
-                    } else {
-                        this.needsDraw = true;
-                    }
-                }
-            }
-        }
-    },
-
-    /**
-    Description TODO
-    @function
-    */
-    slotDidSwitchContent: {
-        enumerable: false,
-        value: function(substitution, nodeShown, componentShown, nodeHidden, componentHidden) {
-            if(componentHidden && typeof componentHidden.didBecomeInactive === 'function') {
-                componentHidden.didBecomeInactive();
-            }
-            if(componentShown && typeof componentShown.didBecomeActive === 'function') {
-                componentShown.didBecomeActive();
-            }
-        }
-    },
-
-    /**
-    Description TODO
-    @function
-    */
-    _adjustPadding: {
-        enumerable: false,
-        value: function() {
-            var el = this._innerElement,
-                minLeft = 0,
-                minTop = 0;
-
-            var walkTree = function(node, parentLeft, parentTop) {
-                var nodes = node ? node.childNodes : [],
-                    nbrNodes = nodes.length,
-                    i,
-                    offsetLeft = node.offsetLeft,
-                    offsetTop = node.offsetTop;
-
-                if (node.offsetParent) {
-                    offsetLeft += parentLeft;
-                    offsetTop += parentTop;
-                }
-                if (minLeft > offsetLeft) {
-                    minLeft = offsetLeft;
-                }
-                if (minTop > offsetTop) {
-                    minTop = offsetTop;
-                }
-
-                for (i = 0; i < nbrNodes; i ++) {
-                    walkTree(nodes[i], offsetLeft, offsetTop)
-                }
-            };
-            walkTree(el, el.offsetLeft, el.offsetTop);
-
-            var computedStyle = document.defaultView.getComputedStyle(el),
-                paddingLeft = computedStyle.paddingLeft,
-                paddingTop = computedStyle.paddingTop;
-
-            if (paddingLeft.match(/%$/)) {
-                paddingLeft = parseInt(paddingLeft, 10) * el.clientWidth;
-            } else {
-                paddingLeft = parseInt(paddingLeft, 10);
-            }
-            if (paddingTop.match(/%$/)) {
-                paddingTop = parseInt(paddingTop, 10) * el.clientHeight;
-            } else {
-                paddingTop = parseInt(paddingTop, 10);
-            }
-
-            if (minLeft < 0) {
-                el.style.paddingLeft = (-minLeft - paddingLeft) + "px";
-            }
-            if (minTop < 0) {
-                el.style.paddingTop = (-minTop - paddingTop) + "px";
-            }
-        }
-    },
-
-    // Event handlers
-    // Event handlers
-    /**
-    Description TODO
-    @function
-    */
-    captureFocus: {
-        enumerable: false,
-        value: function() {
-            var thisRef = this,
-                el = this.element,
-                content = this._innerElement,
-                isActive,
-                savedRange,
-                timer;
-
-            this.dispatchBeforeOwnPropertyChange("hasFocus", thisRef._hasFocus);
-            thisRef._hasFocus = true;
-            this.dispatchOwnPropertyChange("hasFocus", thisRef._hasFocus);
-            isActive = (content && content === document.activeElement);
-            if (isActive != this._isActiveElement) {
-                this.dispatchBeforeOwnPropertyChange("isActiveElement", this._isActiveElement);
-                thisRef._isActiveElement = isActive;
-                this.dispatchOwnPropertyChange("isActiveElement", this._isActiveElement);
-            }
-
-            if (this._setCaretAtEndOfContent) {
-                var node = this._lastInnerNode(),
-                    range,
-                    length,
-                    leafNodes = ["#text", "BR", "IMG"];
-
-                // Select the last inner node
-                if (node) {
-                    if (leafNodes.indexOf(node.nodeName) !== -1) {
-                        node = node.parentNode;
-                    }
-                    range = document.createRange();
-                    length = node.childNodes ? node.childNodes.length : 0;
-                    range.setStart(node, length);
-                    range.setEnd(node, length);
-                    this._selectedRange = range;
-                }
-
-                // Scroll the content to make sure the caret is visible, but only only if the focus wasn't the result of a user click/touch
-                savedRange = this._selectedRange;
-                timer = setInterval(function() {
-                    if (thisRef._equalRange(thisRef._selectedRange, savedRange) &&
-                            content.scrollTop + content.offsetHeight != content.scrollHeight) {
-                        content.scrollTop = content.scrollHeight - content.offsetHeight;
-                    }
-                }, 10);
-
-                setTimeout(function(){clearInterval(timer)}, 1000);
-
-                this._setCaretAtEndOfContent = false;
-            }
-
-            el.addEventListener("blur", this, true);
-            el.addEventListener("input", this);
-            el.addEventListener("keydown", this);
-            el.addEventListener("keypress", this);
-            el.addEventListener("cut", this);
-            el.addEventListener("paste", this);
-            el.addEventListener(window.Touch ? "touchstart" : "mousedown", this);
-            document.addEventListener(window.Touch ? "touchend" : "mouseup", this);
-
-            document.addEventListener("selectionchange", this, false);
-            // Check if the browser does not supports the DOM event selectionchange
-            if (this._hasSelectionChangeEvent === null) {
-                var thisRef = this;
-                setTimeout(function(){
-                    if (thisRef._hasSelectionChangeEvent === null) {
-                        thisRef._hasSelectionChangeEvent = false;
-                    }
-                }, 0);
-            }
-            if (this._hasSelectionChangeEvent === false) {
-                // We need to listen to more event in order to simulate a selectionchange event
-                el.addEventListener("keydup", this);
-            }
-
-            // Turn off image resize (if supported) as we provide our own
-            document.execCommand("enableObjectResizing", false, false);
-            // Force use css for styling (if supported)
-            document.execCommand("styleWithCSS", false, true);
-
-            // Update the states now that we have focus
-            this._updateStates();
-        }
-    },
-
-    /**
-    Description TODO
-    @function
-    */
-    captureBlur: {
-        enumerable: false,
-        value: function() {
-            var thisRef = this,
-                el = this.element,
-                content = this._innerElement,
-                isActive;
-
-            this.dispatchBeforeOwnPropertyChange("hasFocus", thisRef._hasFocus);
-            thisRef._hasFocus = false;
-            this.dispatchOwnPropertyChange("hasFocus", thisRef._hasFocus);
-            isActive = (content && content === document.activeElement);
-            if (isActive != this._isActiveElement) {
-                this.dispatchBeforeOwnPropertyChange("isActiveElement", this._isActiveElement);
-                thisRef._isActiveElement = isActive;
-                this.dispatchOwnPropertyChange("isActiveElement", this._isActiveElement);
-            }
-
-            // As we lost focus, we need to prevent the selection change timer to fired, else it will cause the RTE to regain focus
-            if (this._selectionChangeTimer) {
-                clearTimeout(this._selectionChangeTimer);
-            }
-
-            el.removeEventListener("blur", this, true);
-            el.removeEventListener("input", this);
-            el.removeEventListener("keydown", this);
-            el.removeEventListener("keypress", this);
-            el.removeEventListener("cut", this);
-            el.removeEventListener("paste", this);
-            el.removeEventListener(window.Touch ? "touchstart" : "mousedown", this);
-            document.removeEventListener(window.Touch ? "touchend" : "mouseup", this);
-
-            document.removeEventListener("selectionchange", this);
-
-            if (this._hasSelectionChangeEvent === false) {
-                el.removeEventListener("keydup", this);
-            }
-        }
-    },
-
-    /**
-    Description TODO
-    @function
-    */
-    handleKeydown: {
-        enumerable: false,
-        value: function(event) {
-            if (["Left", "Right", "Up", "Down", "Home", "End"].indexOf(event.keyIdentifier) != -1) {
-                this._stopTyping();
-            }
-        }
-    },
-
-    /**
-    Description TODO
-    @function
-    */
-    handleKeypress: {
-        enumerable: false,
-        value: function() {
-            if (this._hasSelectionChangeEvent === false) {
-                this.handleSelectionchange();
-            }
-
-            this.markDirty();
-        }
-    },
-
-    /**
-    Description TODO
-    @function
-    */
-    handleInput: {
-        enumerable: false,
-        value: function(event) {
-            if (!this._executingCommand && !this._ignoreNextInputEvent) {
-                this._startTyping();
-            }
-            delete this._ignoreNextInputEvent;
-
-            if (this._hasSelectionChangeEvent === false) {
-                this.handleSelectionchange();
-            }
-
-            this.handleDragend(event);
-            this.markDirty();
-        }
-    },
-
-    /**
-    Description TODO
-    @function
-    */
-    handleShortcut: {
-        enumerable: false,
-        value: function(event, action) {
-            this.doAction(action);
-            return true;
-        }
-    },
-
-    /**
-    Description TODO
-    @function
-    */
-    handleMousedown: {
-        enumerable: false,
-        value: function(event) {
-            this._savedSelection = this._selectedRange;
-            this._callOverlays(event.type == "mousedown" ? "editorMouseDown" : "editorTouchStart", event);
-        }
-    },
-
-    /**
-    Description TODO
-    @function
-    */
-    handleMouseup: {
-        enumerable: false,
-        value: function(event) {
-            if (!this._equalRange(this._savedSelection, this._selectedRange)) {
-                this._stopTyping();
-            }
-
-            if (this._hasSelectionChangeEvent === false) {
-                this.handleSelectionchange();
-            }
-            this.handleDragend(event);
-
-            this._callOverlays(event.type == "mouseup" ? "editorMouseUp" : "editorTouchEnd", event);
-        }
-    },
-
-    /**
-    Description TODO
-    @function
-    */
-    handleTouchstart: {
-        enumerable: false,
-        value: function() {
-            this.handleMousedown(event);
-        }
-    },
-
-    /**
-    Description TODO
-    @function
-    */
-    handleTouchend: {
-        enumerable: false,
-        value: function() {
-            this.handleMouseup(event);
-        }
-    },
-
-    /**
-    Description TODO
-    @function
-    */
-    handleSelectionchange: {
-        enumerable: false,
-        value: function() {
-            var thisRef = this;
-
-            if (this._hasSelectionChangeEvent == null) {
-                this._hasSelectionChangeEvent = true;
-            }
-
-            if (this._ignoreSelectionchange || this._equalRange(this._selectedRange, this._savedSelectedRange)) {
-                // no change, ignore
-                return;
-            }
-            this._savedSelectedRange = this._selectedRange;
-
-            if (this._selectionChangeTimer) {
-                clearTimeout(this._selectionChangeTimer);
-            }
-            this._selectionChangeTimer = setTimeout(function() {
-                thisRef._updateStates();
-                thisRef._dispatchEditorEvent("editorSelect");
-            }, 100);
-
-            this._callOverlays("editorSelectionDidChange", this._savedSelectedRange);
-        }
-    },
-
-    /**
-    Description TODO
-    @function
-    */
-    handleDragstart: {
-        enumerable: false,
-        value: function(event) {
-            var delegateMethod = this._delegateMethod("canDrag");
-
-            if (delegateMethod) {
-               if (!delegateMethod.call(this.delegate, this, event.srcElement)) {
-                   event.preventDefault();
-                   event.stopPropagation();
-
-                   return;
-               }
-            }
-
-            // let's remember which element we are dragging
-            this._dragSourceElement = event.srcElement;
-        }
-    },
-
-    /**
-    Description TODO
-    @function
-    */
-    handleDragenter: {
-        enumerable: false,
-        value: function(event) {
-
-            this.hideOverlay();
-
-            var delegateMethod = this._delegateMethod("canDrop");
-            if (delegateMethod) {
-                this._allowDrop = delegateMethod.call(this.delegate, this, event, this._dragSourceElement);
-            } else {
-                this._allowDrop = true;
-            }
-
-            event.dataTransfer.dropEffect = this._allowDrop ? "copy" : "none";
-        }
-    },
-
-    /**
-    Description TODO
-    @function
-    */
-    handleDragend: {
-        enumerable: false,
-        value: function(event) {
-            delete this._dragSourceElement;
-            delete this._dragOverX;
-            delete this._dragOverY;
-
-            this.handleSelectionchange();
-        }
-    },
-
-    /**
-    Description TODO
-    @function
-    */
-    handleDragover: {
-        enumerable: false,
-        value: function(event) {
-            var thisRef = this,
-                range;
-
-            // If we are moving an element from within the ourselves, let the browser deal with it...
-            if (this._dragSourceElement && this._allowDrop) {
-                return;
-            }
-
-            event.dataTransfer.dropEffect = this._allowDrop ? "copy" : "none";
-
-            event.preventDefault();
-            event.stopPropagation();
-
-            // Update the caret
-            if (this._allowDrop && (event.x !== this._dragOverX || event.y !== this._dragOverY)) {
-                this._dragOverX = event.x;
-                this._dragOverY = event.y;
-
-                this._ignoreSelectionchange = true;
-                if (document.caretRangeFromPoint) {
-                    range = document.caretRangeFromPoint(event.x, event.y);
-                } else if (event.rangeParent && event.rangeOffset) {
-                    range = document.createRange();
-                    range.setStart(event.rangeParent, event.rangeOffset);
-                    range.setEnd(event.rangeParent, event.rangeOffset);
-                }
-
-                if (range) {
-                    this._selectedRange = range;
-                }
-                if (this._ignoreSelectionchangeTimer) {
-                    clearTimeout(this._ignoreSelectionchangeTimer)
-                }
-                this._ignoreSelectionchangeTimer = setTimeout(function(){
-                    delete thisRef._ignoreSelectionchange;
-                    thisRef._ignoreSelectionchangeTimer = null;
-                }, 0);
-            }
-        }
-    },
-
-    /**
-    Description TODO
-    @function
-    */
-    handleDrop: {
-        enumerable: false,
-        value: function(event) {
-            var thisRef = this,
-                files = event.dataTransfer.files,
-                fileLength = files.length,
-                file,
-                data,
-                reader,
-                i,
-                delegateMethod,
-                response;
-
-            if (this._dragSourceElement) {
-                // Let the browser do the job for us, just make sure we cleanup after us
-
-                this._stopTyping();
-                if (this.undoManager) {
-                    this.undoManager.register("Move", Promise.resolve([this._undo, this, "Move", this._innerElement]));
-                }
-                this._ignoreNextInputEvent = true;
-
-                this.handleDragend(event);
-                this.handleSelectionchange();
-                return;
-            }
-
-            event.preventDefault();
-            event.stopPropagation();
-
-            if (fileLength) {
-                for (i = 0; i < fileLength; i ++) {
-                    file = files[i];
-                    delegateMethod = this._delegateMethod("shouldDropFile");
-                    response = true;
-
-                    if (window.FileReader) {
-                        reader = new FileReader();
-                        reader.onload = function() {
-                            data = reader.result;
-
-                            if (delegateMethod) {
-                                response = delegateMethod.call(thisRef.delegate, thisRef, file, data);
-                            }
-                            if (response === true) {
-                                if (file.type.match(/^image\//i)) {
-                                    thisRef.execCommand("insertimage", false, data, "Drop");
-                                    thisRef.markDirty();
-                                }
-                            } else if (typeof response == "string") {
-                                thisRef.execCommand("inserthtml", false, response, "Drop");
-                                thisRef.markDirty();
-                            }
-                        }
-                        reader.onprogress = function(e) {
-                        }
-                        reader.onerror = function(e) {
-                        }
-                        reader.readAsDataURL(file);
-                    } else {
-                        // Note: This browser does not support the File API, we cannot do a preview...
-                        if (delegateMethod) {
-                            response = delegateMethod.call(this.delegate, this, file);
-                        }
-                        if (typeof response == "string") {
-                            thisRef.execCommand("inserthtml", false, response, "Drop");
-                            thisRef.markDirty();
-                        }
-                    }
-                }
-            } else {
-                data = event.dataTransfer.getData("text/html");
-                if (data) {
-                    // Sanitize Fragment (CSS & JS)
-                    if (this._sanitizer) {
-                        data = this._sanitizer.willInsertHtmlData(data, this._uniqueId);
-                    }
-                } else {
-                    data = event.dataTransfer.getData("text/plain") || event.dataTransfer.getData("text");
-                    if (data) {
-                        var div = document.createElement('div');
-                        if (div.innerText) {
-                            div.innerText = data;
-                        } else {
-                            div.textContent = data;
-                        }
-                        data = div.innerHTML;
-                    }
-                }
-                if (data) {
-                    var delegateMethod = this._delegateMethod("shouldDrop"),
-                        response;
-
-                    if (delegateMethod) {
-                        response = delegateMethod.call(this.delegate, this, event, data, "text/html");
-                        if (response === true) {
-                            data = data.replace(/\<meta [^>]+>/gi, ""); // Remove the meta tag.
-                        } else {
-                            data = response === false ? null : response ;
-                        }
-                    } else {
-                        data = data.replace(/\<meta [^>]+>/gi, ""); // Remove the meta tag.
-                    }
-                    if (data && data.length) {
-                        this.execCommand("inserthtml", false, data, "Drop");
-                        this.markDirty();
-                    }
-                }
-            }
-            this.handleDragend(event);
-        }
-    },
-
-    /**
-    Description TODO
-    @function
-    */
-    handleCut: {
-        enumerable: false,
-        value: function(event) {
-            this._stopTyping()
-            if (this.undoManager) {
-                this.undoManager.register("Cut", Promise.resolve([this._undo, this, "Cut", this._innerElement]));
-            }
-            this._ignoreNextInputEvent = true;
-        }
-    },
-
-
-
-    /**
-    Description TODO
-    @function
-    */
-    handlePaste: {
-        enumerable: false,
-        value: function(event) {
-            var thisRef = this,
-                clipboardData = event.clipboardData,
-                data = clipboardData.getData("text/html"),
-                delegateMethod,
-                response,
-                div,
-                isHTML,
-                item,
-                file,
-                reader;
-
-            /* NOTE: Chrome, and maybe the other browser too, returns html or plain text data when calling getData("text/html),
-                     To determine if the data is actually html, check the data starts with either an html or a meta tag
-            */
-            isHTML = data && data.match(/^(<meta [^>]*>|<html>)/i);
-            if (data && isHTML) {
-                // Sanitize Fragment (CSS & JS)
-                if (this._sanitizer) {
-                    data = this._sanitizer.willInsertHtmlData(data, this._uniqueId);
-                }
-            } else {
-                data = clipboardData.getData("text/plain") ||  clipboardData.getData("text");
-                if (data) {
-                    // Convert plain text to html
-                    div = document.createElement('div');
-                    if (div.innerText) {
-                        div.innerText = data;
-                    } else {
-                        div.textContent = data;
-                    }
-                    data = div.innerHTML;
-                }
-            }
-
-            if (data) {
-                delegateMethod = this._delegateMethod("shouldPaste");
-                if (delegateMethod) {
-                    response = delegateMethod.call(this.delegate, this, event, data, "text/html");
-                    if (response === true) {
-                        data = data.replace(/\<meta [^>]+>/gi, ""); // Remove the meta tag.
-                    } else {
-                        data = response === false ? null : response ;
-                    }
-                } else {
-                    data = data.replace(/\<meta [^>]+>/gi, ""); // Remove the meta tag.
-                }
-                if (data && data.length) {
-                    this.execCommand("inserthtml", false, data, "Paste");
-                    this.markDirty();
-                }
-            } else {
-                // Maybe we have trying to paste an image as Blob...
-                if (clipboardData.items.length) {
-                    item = clipboardData.items[0];
-                    if (item.kind == "file" && item.type.match(/^image\/.*$/)) {
-                        file = item.getAsFile();
-
-                        response = true;
-                        delegateMethod = thisRef._delegateMethod("shouldPasteFile");
-
-                        if (window.FileReader) {
-                            reader = new FileReader();
-                            reader.onload = function() {
-                                data = reader.result;
-
-                                if (delegateMethod) {
-                                    response = delegateMethod.call(thisRef.delegate, thisRef, file, data);
-                                }
-                                if (response === true) {
-                                    if (file.type.match(/^image\//i)) {
-                                        thisRef.execCommand("insertimage", false, data, "Paste");
-                                        thisRef.markDirty();
-                                    }
-                                }
-                            }
-                            reader.onprogress = function(e) {
-                            }
-                            reader.onerror = function(e) {
-                            }
-                            reader.readAsDataURL(file);
-                        } else {
-                            // Note: This browser does not support the File API, we cannot handle it directly...
-                            if (delegateMethod) {
-                                response = delegateMethod.call(this.delegate, this, file);
-                            }
-                            if (response === true) {
-                                // TODO: for now, we do nothing, up to the consumer to deal with that case
-                            }
-                        }
-                    }
-                }
-            }
-
-            event.preventDefault();
-            event.stopPropagation();
-        }
-    },
-
-    // Actions
-    /**
-    Description TODO
-    @function
-    */
-    handleAction: {
-        enumerable: false,
-        value: function(event) {
-            var target = event.currentTarget,
-                action = target.action || target.identifier,
-                value = false;
-
-            if (action) {
-                this.doAction(action, value);
-            }
-        }
-    },
-
-    /**
-    Description TODO
-    @function
-    */
-    doAction: {
-        enumerable: true,
-        value: function(action, value) {
-            this.execCommand(action, false, value);
-
-            // Force an update states right away
-            this._updateStates();
-        }
-    },
-
-
-    _undo: {
-        enumerable: false,
-        value: function(label, element) {
-            var editorElement = this._innerElement;
-            if (!element || element === editorElement) {
-                this._doingUndoRedo = true;
-                this._ignoreNextInputEvent = true;
-                document.execCommand("undo", false, null);
-                this.markDirty();
-                if (this.undoManager) {
-                    this.undoManager.register(label, Promise.resolve([this._redo, this, label, editorElement]));
-                }
-                this._doingUndoRedo = false;
-            }
-        }
-    },
-
-    /**
-    Description TODO
-    @function
-    */
-    _redo: {
-        enumerable: false,
-        value: function(label, element) {
-            var editorElement = this._innerElement;
-            if (!element || element === editorElement) {
-                this._doingUndoRedo = true;
-                this._ignoreNextInputEvent = true;
-                document.execCommand("redo", false, null);
-                this.markDirty();
-                if (this.undoManager) {
-                    this.undoManager.register(label, Promise.resolve([this._undo, this, label, editorElement]));
-                }
-                this._doingUndoRedo = false;
-            }
-        }
-    },
-
-    // Private methods
-
-    /**
-    Description TODO
-    @function
-    */
-    _execCommandLabel : {
-        enumerable: false,
-        value: {
-            bold: "Bold", italic: "Italic", underline: "Underline", strikethrough: "strikeThrough",
-            subscript: "Subscript", superscript: "Superscript",
-            indent: "Indent", outdent: "Outdent", insertorderedlist: "Ordered List", insertunorderedlist: "Unordered List",
-            justifyleft: "Left Align", justifycenter: "Center", justifyright: "Right Align", justifyfull: "Justify",
-            fontname: "Set Font", fontsize: "Set Size",
-            forecolor: "Set Color", backcolor: "Set Color"
-        }
-    },
-
-    /**
-    Description TODO
-    @private
-    @function
-    */
-    _dispatchEditorEvent: {
-        enumerable: false,
-        value: function(type, value) {
-            var editorEvent = document.createEvent("CustomEvent");
-            editorEvent.initCustomEvent(type, true, false, value === undefined ? null : value);
-            editorEvent.type = type;
-            this.dispatchEvent(editorEvent);
-        }
-    },
-
-    /**
-    Description TODO
-    @private
-    @function
-    */
-    _delegateMethod: {
-        enumerable: false,
-        value: function(name) {
-            var delegate, delegateFunctionName, delegateFunction;
-            if (typeof this.identifier === "string") {
-                delegateFunctionName = this.identifier + name.toCapitalized();
-            } else {
-                delegateFunctionName = name;
-            }
-            if ((delegate = this.delegate) && typeof (delegateFunction = delegate[delegateFunctionName]) === "function") {
-                return delegateFunction;
-            }
-
-            return null;
-        }
-    },
-
-    _callOverlays: {
-        value: function(method, param, forceCallAll) {
-            var i,
-                activeOverlay = this._activeOverlay,
-                overlay;
-
-            // Call the active overlay first
-            if (activeOverlay) {
-                if (typeof activeOverlay[method] == "function") {
-                    if (activeOverlay[method](param)) {
-                        if (!forceCallAll) {
-                            return true;
-                        }
-                    }
-                }
-            }
-
-            // Then the other overlays
-            for (i in this._overlays) {
-                overlay = this._overlays[i];
-                if (overlay !== activeOverlay) {
-                    if (typeof overlay[method] == "function") {
-                        if (overlay[method](param)) {
-                            if (!forceCallAll) {
-                                return true;
-                            }
-                        }
-                    }
-                }
-            }
-
-            return false;
-        }
-    },
-
-    /**
-    Description TODO
-    @private
-    @function
-    */
-    _nodeOffset: {
-        enumerable: false,
-        value: function(node) {
-            var parentNode = node.parentNode,
-                childNodes = parentNode.childNodes,
-                i;
-
-            for (i in childNodes) {
-                if (childNodes[i] === node) {
-                    return parseInt(i, 10); // i is a string, we need an integer
-                }
-            }
-            return -1;
-        }
-    },
-
-    /**
-    Description TODO
-    @private
-    @function
-    */
-    _lastInnerNode: {
-        enumerable: false,
-        value: function() {
-            var nodes = this._innerElement.childNodes,
-                nbrNodes = nodes.length,
-                node = null;
-
-            while (nodes) {
-                nbrNodes = nodes.length;
-                if (nbrNodes) {
-                    node = nodes[nbrNodes - 1];
-                    nodes = node.childNodes;
-                } else {
-                    break;
-                }
-            }
-
-            return node;
-        }
-    },
-
-    /**
-    Description TODO
-    @private
-    @function
-    */
-    _selectedRange: {
-        enumerable: false,
-        set: function(range) {
-            if (window.getSelection) {
-                var selection = window.getSelection();
-                selection.removeAllRanges();
-                selection.addRange(range);
-            } else {
-                range.select();
-            }
-        },
-
-        get: function() {
-            var userSelection,
-                range;
-
-            if (window.getSelection) {
-                userSelection = window.getSelection();
-            } else if (document.selection) { // Opera!
-                userSelection = document.selection.createRange();
-            }
-
-            if (userSelection.getRangeAt) {
-                if (userSelection.rangeCount) {
-                    return userSelection.getRangeAt(0);
-                } else {
-                    // return an empty selection
-                    return document.createRange();
-                }
-            }
-            else { // Safari!
-                var range = document.createRange();
-                range.setStart(userSelection.anchorNode, userSelection.anchorOffset);
-                range.setEnd(userSelection.focusNode, userSelection.focusOffset);
-                return range;
-            }
-        }
-    },
-
-    /**
-    Description TODO
-    @private
-    @function
-    */
-    _equalRange: {
-        enumerable: false,
-        value: function(rangeA, rangeB) {
-            if (rangeA === rangeB) {
-                return true;
-            }
-            if (!rangeA || !rangeB) {
-                return false;
-            }
-            return (rangeA.startContainer == rangeB.startContainer &&
-                rangeA.startOffset == rangeB.startOffset &&
-                rangeA.endContainer == rangeB.endContainer &&
-                rangeA.endOffset == rangeB.endOffset);
-        }
-    },
-
-    _innerText: {
-        enumerable: false,
-        value: function(contentNode) {
-            var result = "",
-                textNodeContents = [],
-                newLines = "",
-                gotText = false,
-                _walkNode = function(node) {
-                    var nodeName = node.nodeName,
-                        child
-
-                    if (nodeName.match(/^(TITLE|STYLE|SCRIPT)$/)) {
-                        return;
-                    }
-
-                    if (gotText && nodeName.match(/^(P|DIV|BR|TR|LI)$/)) {
-                        newLines += "\n";
-                    }
-
-                    for (child = node.firstChild; child; child = child.nextSibling) {
-                        if (child.nodeType == 3) {      // text node
-                            textNodeContents.push(newLines + child.nodeValue);
-                            newLines = "";
-                            gotText = true;
-                        } else {
-                            if (child.nodeName != "BR" || child.nextSibling) {
-                                _walkNode(child);
-                            }
-                        }
-                    }
-
-                    if (gotText && nodeName.match(/^(TABLE|UL|OL)$/)) {
-                        newLines += "\n";
-                    }
-                };
-
-            if (contentNode) {
-                _walkNode(contentNode);
-                result = textNodeContents.join("");
-            }
-
-            return result;
-        }
-    },
-
-    deserializedFromTemplate: {
-        value: function() {
-            this._originalDomContent = this.domContent;
-        }
-    }
-});
diff --git a/node_modules/matte/ui/rich-text-editor/rich-text-editor.reel/rich-text-editor.css b/node_modules/matte/ui/rich-text-editor/rich-text-editor.reel/rich-text-editor.css
deleted file mode 100644
index b794cea0..00000000
--- a/node_modules/matte/ui/rich-text-editor/rich-text-editor.reel/rich-text-editor.css
+++ /dev/null
@@ -1,26 +0,0 @@
-
-.matte-Editor-container {
-    position: relative;
-    overflow: auto;
-    height: 100%;
-    width: 100%;
-}
-
-.matte-Editor {
-    position: relative;
-    height: inherit;
-    outline:  none;
-    overflow: auto;
-
-    -webkit-user-select: text;
-    -moz-user-select: text;
-    -ms-user-select: text;
-    user-select: text;
-}
-
-/*
- Overlay
-*/
-.matte-Editor-overlay {
-    z-index: 50;
-}
diff --git a/node_modules/matte/ui/rich-text-editor/rich-text-editor.reel/rich-text-editor.html b/node_modules/matte/ui/rich-text-editor/rich-text-editor.reel/rich-text-editor.html
deleted file mode 100644
index ee4e043e..00000000
--- a/node_modules/matte/ui/rich-text-editor/rich-text-editor.reel/rich-text-editor.html
+++ /dev/null
@@ -1,32 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <meta charset="utf-8">
-    <link rel="stylesheet" href="rich-text-editor.css">
-    <script type="text/montage-serialization">
-{
-    "overlay": {
-        "prototype": "montage/ui/slot.reel",
-        "properties": {
-            "element": {"#": "editor-slot"},
-            "delegate": {"@": "owner"}
-        }
-    },
-
-    "owner": {
-        "prototype": "ui/rich-text-editor/rich-text-editor.reel",
-        "properties": {
-            "element": {"#": "rich-text-editor-container"},
-            "_overlaySlot": {"@": "overlay"}
-        }
-    }
-}
-    </script>
-</head>
-<body>
-    <div data-montage-id="rich-text-editor-container">
-        <div class="matte-Editor" contenteditable="false"></div>
-        <div data-montage-id="editor-slot" class="matte-Editor-overlay"></div>
-    </div>
-</body>
-</html>
diff --git a/node_modules/matte/ui/rich-text-editor/rich-text-editor.reel/rich-text-editor.js b/node_modules/matte/ui/rich-text-editor/rich-text-editor.reel/rich-text-editor.js
deleted file mode 100644
index 209dcf89..00000000
--- a/node_modules/matte/ui/rich-text-editor/rich-text-editor.reel/rich-text-editor.js
+++ /dev/null
@@ -1,683 +0,0 @@
-/**
-    module:"matte/ui/rich-text-editor/rich-text-editor.reel"
-*/
-var RichTextEditorBase = require("./rich-text-editor-base").RichTextEditorBase,
-    Sanitizer = require("./rich-text-sanitizer").Sanitizer,
-    Promise = require("montage/core/promise").Promise;
-
-/**
-    @classdesc The RichTextEditor component is a lightweight Montage component that provides basic HTML editing capability. It wraps the HTML5 <code>contentEditable</code> property and largely relies on the browser's support of <code><a href="http://www.quirksmode.org/dom/execCommand.html" target="_blank">execCommand</a></code>.
-    @class module:"matte/ui/rich-text-editor/rich-text-editor.reel".RichTextEditor
-    @extends module:montage/ui/component.Component
-    @summary
-The easiest way to create a RichTextEditor is with a serialization and a &lt;div> tag:<p>
-
-<em>Serialization</em>
-<pre class="sh_javascript">
-{
-"editor": {
-   "prototype": "ui/rich-text-editor/rich-text-editor.reel",
-   "properties": {
-      "element": {"#": "editor" }
-   }
-}
-</pre>
-<em>HTML</em>
-<pre class="sh_javascript">
-&lt;body&gt;
-&lt;div data-montage-id="editor"&gt;
-    &lt;span&gt;Hello World!&lt;/span&gt;
-&lt;/div&gt;
-&lt;/body&gt;
-</pre>
-*/
-exports.RichTextEditor = RichTextEditorBase.specialize(/** @lends module:"matte/ui/rich-text-editor/rich-text-editor.reel".RichTextEditor# */ {
-
-/**
-    Returns <code>true</code> if the edtior has focus, otherwise returns <code>false</code>.
-    @type {boolean}
-    @readonly
-*/
-    hasFocus: {
-        enumerable: true,
-        get: function() {
-            return this._hasFocus;
-        }
-    },
-
-/**
-    Returns the editor's inner element, which is the element that is editable.
-     @type {Element}
-    @readonly
-*/
-    innerElement: {
-        enumerable: true,
-        get: function() {
-            return this._innerElement;
-        }
-    },
-
-
-    /**
-      Sets the focus on the editor's element. The editor will also become the <code>activeElement</code>.
-      @function
-    */
-    focus: {
-        enumerable: true,
-        value: function() {
-            this._needsFocus = true;
-            this.needsDraw = true;
-        }
-    },
-
-    /**
-      Returns <code>true</code> when the editor is the active element, otherwise return <code>false</code>. Normally the active element has also focus. However, in a multiple window environment it’s possible to be the active element without having focus. Typically, a toolbar item my steal the focus but not become the active element.
-
-     @type {boolean}
-    @readonly
-    */
-    isActiveElement: {
-        enumerable: true,
-        get: function() {
-            return this._isActiveElement;
-        }
-    },
-
-    /**
-     Returns <code>true</code> if the content is read only, otherwise returns <code>false</code>. When the editor is set to read only, the user is not able to modify the content. However it still possible to set the content programmatically with by setting the <code>value</code> or <code>textValue</code> properties.
-     @type {boolean}
-    */
-    readOnly: {
-        enumerable: true,
-        get: function() {
-            return this._readOnly;
-        },
-        set: function(value) {
-            if (this._readOnly !== value) {
-                this._readOnly = value;
-                if (value) {
-                    // Remove any overlay
-                    this.hideOverlay();
-                }
-                this.needsDraw = true;
-            }
-        }
-    },
-
-    /**
-      Gets or sets the editor's content as HTML. By default, the HTML content assigned to the editor's DOM element is used.
-      The new value is passed through the editor's sanitizer before being assigned.
-     @type {string}
-    */
-    value: {
-        get: function() {
-            var contentNode = this._innerElement,
-                content = "",
-                overlayElement = null,
-                overlayParent,
-                overlayNextSibling;
-
-            if (this._dirtyValue && !this._value_locked) {
-                this._value_locked = true;
-
-                if (contentNode) {
-                    // Temporary orphan the overlay slot while retrieving the content
-                    overlayElement = contentNode.querySelector("Editor-overlay");
-                    if (overlayElement) {
-                        overlayParent = overlayElement.parentNode;
-                        overlayNextSibling = overlayElement.nextSibling;
-                        overlayParent.removeChild(overlayElement);
-                    }
-                    content = contentNode.innerHTML;
-                }
-
-                if (content == "<br>") {
-                    // when the contentEditable div is emptied, Chrome add a <br>, let's filter it out
-                    content = "";
-                }
-                if (this._sanitizer === undefined) {
-                    this._sanitizer = new Sanitizer();
-                }
-                if (this._sanitizer) {
-                    content = this._sanitizer.didGetValue(content, this._uniqueId);
-                }
-
-                // restore the overlay
-                if (overlayElement) {
-                    overlayParent.insertBefore(overlayElement, overlayNextSibling);
-                }
-
-                if (this._value != content) {
-                    this.dispatchBeforeOwnPropertyChange("value", this._value);
-                    this._value = content;
-                    this.dispatchOwnPropertyChange("value", this._value);
-                }
-
-                this._dirtyValue = false;
-                this._value_locked = false;
-            }
-            return this._value;
-        },
-        set: function(value) {
-            if (this._value !== value || this._dirtyValue) {
-                // Remove any overlay
-                this.hideOverlay();
-
-                if (this._sanitizer === undefined) {
-                    this._sanitizer = new Sanitizer();
-                }
-                if (this._sanitizer) {
-                    value = this._sanitizer.willSetValue(value, this._uniqueId);
-                }
-                this._value = value;
-                this._dirtyValue = false;
-                this._dirtyTextValue = true;
-                this._needsAssingValue = true;
-                this.needsDraw = true;
-            }
-            this._needsOriginalContent = false;
-        }
-    },
-
-/**
-    Gets or sets the editor's content as plain text. By default, the text content assigned to the editor's DOM element is used.
-    @type {string}
-*/
-    textValue: {
-        enumerable: true,
-        get: function() {
-            var contentNode = this._innerElement,
-                content = "",
-                overlayElement = null,
-                overlayParent,
-                overlayNextSibling;
-
-            if (this._dirtyTextValue && !this._textValue_locked) {
-                this._textValue_locked = true;
-
-                if (contentNode) {
-                    // Temporary orphan the overlay slot in order to retrieve the content
-                    overlayElement = contentNode.querySelector("Editor-overlay");
-                    if (overlayElement) {
-                        overlayParent = overlayElement.parentNode;
-                        overlayNextSibling = overlayElement.nextSibling;
-                        overlayParent.removeChild(overlayElement);
-                    }
-
-                    content = this._innerText(contentNode);
-
-                     // restore the overlay
-                    if (overlayElement) {
-                        overlayParent.insertBefore(overlayElement, overlayNextSibling);
-                    }
-                }
-
-                if (this._textValue != content) {
-                    this.dispatchBeforeOwnPropertyChange("textValue", this._textValue);
-                    this._textValue = content;
-                    this.dispatchOwnPropertyChange("textValue", this._textValue);
-                }
-
-                this._dirtyTextValue = false;
-                this._textValue_locked = false;
-            }
-            return this._textValue;
-        },
-        set: function (value) {
-            if (this._textValue !== value || this._dirtyTextValue) {
-                // Remove any overlay
-                this.hideOverlay();
-
-                this._textValue = value;
-                this._dirtyTextValue = false;
-                this._dirtyValue = true;
-                this._needsAssingValue = true;
-                this.needsDraw = true;
-            }
-            this._needsOriginalContent = false;
-        }
-    },
-
-    /**
-      Gets or sets the editor's delegate object that can define one or more delegate methods that a consumer can implement. For a list of delegate methods, see [Delegate methods]{@link  http://tetsubo.org/docs/montage/using-the-rich…itor-component#Delegate_methods}.
-     @type {object}
-    */
-    delegate: {
-        enumerable: true,
-        value: null
-    },
-
-    /**
-    The role of the sanitizer is to cleanup any data before its inserted, or extracted, from the editor. The default sanitizer removes any JavaScript, and scopes any CSS before injecting any data into the editor. However, JavaScript is not removed when the initial value is set using <code>editor.value</code>.
-     @type {object}
-    */
-    sanitizer: {
-        enumerable: false,
-        get: function() {
-            return  this._sanitizer;
-        },
-        set: function(value) {
-            this._sanitizer = value;
-        }
-    },
-
-    /**
-      An array of overlay objects available to the editor. Overlays are UI components that are displayed on top of the editor based on the context.
-     @type {array}
-    */
-    overlays: {
-        enumerable: false,
-        get: function() {
-            return  this._overlays;
-        },
-        set: function(value) {
-            this.hideOverlay();
-            if (value instanceof Array) {
-                this._overlays = value;
-                this._callOverlays("initWithEditor", this, true);
-            } else {
-                this._overlays = null;
-            }
-        }
-    },
-
-    /**
-      Returns the overlay currently being displayed.
-     @type {object}
-    */
-    activeOverlay: {
-        get: function() {
-            return this._activeOverlay;
-        }
-    },
-
-    /**
-      Displays the specified overlay.
-     @function
-     @param {object} overlay The overlay to display.
-    */
-    showOverlay: {
-        value: function(overlay) {
-            var slot = this._overlaySlot,
-                slotElem = slot ? slot.element : null;
-
-            if (slotElem) {
-                this._activeOverlay = overlay;
-                this._innerElement.appendChild(slotElem.parentNode ? slotElem.parentNode.removeChild(slotElem) : slotElem);
-                slot.attachToParentComponent();
-                slot.content = overlay;
-            }
-        }
-    },
-
-    /**
-     Hides the active overlay.
-     @function
-    */
-    hideOverlay: {
-        value: function(a) {
-            var slot = this._overlaySlot,
-                slotElem = slot ? slot.element : null;
-
-            if (slotElem) {
-                if (slotElem.parentNode) {
-                    slotElem.parentNode.removeChild(slotElem);
-                }
-                this._activeOverlay = null;
-                slot.content = null;
-            }
-        }
-    },
-
-
-    // Edit Actions & Properties
-
-    /**
-      Returns <code>true</code> if the current text selection is bold. If the selected text contains some text in bold and some not, the return value depends on the browser’s implementation. When set to <code>true</code>, adds the bold attribute to the selected text; when set to <code>false</code>, removes the bold attribute from the selected text.
-     @type {boolean}
-    */
-    bold: {
-        enumerable: true,
-        get: function() { return this._genericCommandGetter("bold", "bold"); },
-        set: function(value) { this._genericCommandSetter("bold", "bold", value); }
-    },
-
-    /**
-      Returns <code>true</code> if the current text selection is underlined. If the selected text contains some text in underline and some not, the return value depends on the browser’s implementation. When set to <code>true</code>, adds the underline attribute to the selected text; when set to <code>false</code>, removes the underline attribute from the selected text.
-    @type boolean
-    */
-    underline: {
-        enumerable: true,
-        get: function() { return this._genericCommandGetter("underline", "underline"); },
-        set: function(value) { this._genericCommandSetter("underline", "underline", value); }
-    },
-
-    /**
-    Returns <code>true</code> if the current text selection is italicized. If the selected text contains some text in italics and some not, the return value depends on the browser’s implementation. When set to <code>true</code>, adds the italic attribute to the selected text; when set to <code>false</code>, removes the italic attribute from the selected text.
-    @type boolean
-    */
-    italic: {
-        enumerable: true,
-        get: function() { return this._genericCommandGetter("italic", "italic"); },
-        set: function(value) { this._genericCommandSetter("italic", "italic", value); }
-    },
-
-    /**
-    Returns <code>true</code> if the current text selection has the strikethrough style applied. If the selected text contains some text with strikethrough and some not, the return value depends on the browser’s implementation. When set to <code>true</code>, adds the italic attribute to the selected text; when set to <code>false</code>, removes the italic attribute from the selected text.
-    @type boolean
-    */
-
-    strikeThrough: {
-        enumerable: false,
-        get: function() { return this._genericCommandGetter("strikeThrough", "strikethrough"); },
-        set: function(value) { this._genericCommandSetter("strikeThrough", "strikethrough", value); }
-    },
-
-    /**
-    Gets and sets the baseline shift for the currently selected text. Valid values are "baseline", "subscript", or "superscript".
-     @type {string}
-     @default "baseline"
-    */
-    baselineShift: {
-        enumerable: true,
-        get: function() {
-            this._baselineShift = this._baselineShiftGetState();
-            return this._baselineShift;
-        },
-        set: function(value) {
-            var state = this._baselineShiftGetState();
-
-            if (state != value) {
-                if (value == "baseline") {
-                    if (state == "subscript") {
-                        this.doAction("subscript");
-                    } else if (state == "superscript") {
-                        this.doAction("superscript");
-                    }
-                } else if (value == "subscript") {
-                    this.doAction("subscript");
-                } else if (value == "superscript") {
-                    this.doAction("superscript");
-                }
-            }
-        }
-    },
-
-    /**
-    Indent the selected text. If the selected text is inside a list, calling this method moves the selection into a sub-list.
-    @function
-    */
-    indent: {
-        enumerable: true,
-        value: function() { this.doAction("indent"); }
-    },
-
-    /**
-    Indent the selected text. If the selected text is inside a list, calling this method moves the selection either out of the list, or into the parent list.
-    @function
-    */
-    outdent: {
-        enumerable: true,
-        value: function() { this.doAction("outdent"); }
-    },
-
-    /**
-      Gets and sets the list style for the selected text. Valid values are "none", "unordered", "ordered". This property can be used in combination with the [indent]{@link indent} and [outdent]{@link outdent} methods to create a list hierarchy.
-     @type {string}
-    */
-    listStyle: {
-        enumerable: true,
-        get: function() {
-            this._listStyle = this._listStyleGetState();
-            return this._listStyle;
-        },
-        set: function(value) {
-            var state = this._listStyleGetState();
-
-            if (state != value) {
-                if (value == "none") {
-                    this.doAction(state == "ordered" ? "insertorderedlist" : "insertunorderedlist");
-                } else if (value == "ordered") {
-                    this.doAction("insertorderedlist");
-                } else if (value == "unordered") {
-                    this.doAction("insertunorderedlist");
-                }
-            }
-        }
-    },
-
-    /**
-        Gets and sets the justification on the selected text. Valid values are "left", "center", "right", and "full". If the current selection is across multiple lines with different justifications, the value of this property depends of the browser’s implementation.
-        @type {string}
-    */
-    justify: {
-        enumerable: true,
-        get: function() {
-            this._justify = this._justifyGetState();
-            return this._justify;
-        },
-        set: function(value) {
-            var state = this._justifyGetState();
-            if (state != value && ["left", "center", "right", "full"].indexOf(value) !== -1) {
-                this.doAction("justify" + value);
-            }
-        }
-    },
-
-    /**
-      Gets and sets the font name for the currently selected text as a CSS font-family. Can be set to any valid CSS font-family value, including multiple values. If the current selection is across multiple font-family elements, the specific return value depends of the browser’s implementation.
-     @type {string}
-    */
-    fontName: {
-        enumerable: true,
-        get: function() {
-            this._fontName = this._fontNameGetState();
-            return this._fontName;
-        },
-        set: function(value) { this._genericCommandSetter("fontName", "fontname", value); }
-    },
-
-    /**
-      Gets and sets the font size for the current text selection. Only HTML font size values 1 through 7 are supported. If the current selection is a mix of font size, the return value depends of the browser’s implementation.
-     @type {string}
-    */
-    fontSize: {
-        enumerable: true,
-        get: function() { return this._genericCommandGetter("fontSize", "fontsize"); },
-        set: function(value) { this._genericCommandSetter("fontSize", "fontsize", value); }
-    },
-
-    /**
-      Gets and sets the background color of the currently selected text. This property can be set to any valid CSS color value; however, the color is always returned as an RGB color. If the current selection spans across elements with different background colors, the return value depends on the browser’s implementation.
-     @type {string}
-    */
-    backColor: {
-        enumerable: true,
-        get: function() { return this._genericCommandGetter("backColor", "backcolor"); },
-        set: function(value) { this._genericCommandSetter("backColor", "backcolor", value === null ? "inherit" : value); }
-    },
-
-    /**
-      Gets and sets the background color of the currently selected text. This property can be set to any valid CSS color value; however, the color is always returned as an RGB color. If the current selection spans across elements with different background colors, the return value depends on the browser’s implementation. To remove a background color, set it to <code>null</code>.
-     @type {string}
-    */
-    foreColor: {
-        enumerable: true,
-        get: function() { return this._genericCommandGetter("foreColor", "forecolor"); },
-        set: function(value) {  this._genericCommandSetter("foreColor", "forecolor", value === null ? "inherit" : value); }
-    },
-
-    /**
-      Selects the all the content contained by the editor. Depending on the browser's implementation, some of the outer elements without direct text nodes won't be selected. Consequently, if the user presses the delete key after all the text is selected with this method, selecting all, some markup might still be there, you will have to Select all again to get rid of it.
-      @function
-    */
-    selectAll: {
-        enumerable: true,
-        value: function() { this.doAction("selectall"); }
-    },
-
-    /**
-      Selects the specified DOM element.
-     @function
-     @param {element} element The element to select.
-    */
-    selectElement: {
-        enumerable: true,
-        value: function(element) {
-            var offset,
-                range;
-
-            offset = this._nodeOffset(element);
-            if (offset !== -1) {
-                range = document.createRange();
-                range.setStart(element.parentNode, offset);
-                range.setEnd(element.parentNode, offset + 1);
-                this._selectedRange = range;
-            }
-        }
-    },
-
-    /**
-    Gets and sets the Montage undo manager for the editor. By default, it's assigned an instance of the default Montage UndoManager. The component also works with the native Undo Manager provided by the browser. To use the native undo manager, set this property to <code>null</code>
-    @type {object}
-    */
-    undoManager: {
-        enumerable: true,
-        get: function() { return this._undoManager },
-        set: function(value) { this._undoManager = value }
-    },
-
-    /**
-    Undo the last editing operation.
-    @function
-    */
-    undo: {
-        enumerable: true,
-        value: function() {
-            if (this.undoManager) {
-                this.undoManager.undo();
-            } else {
-                this._undo();
-            }
-        }
-    },
-
-    /**
-    Redo the last editing operation that was canceled by calling <code>undo()</code>.
-    @function
-    */
-    redo: {
-        enumerable: true,
-        value: function() {
-            if (this.undoManager) {
-                this.undoManager.redo();
-            } else {
-                this._redo();
-            }
-        }
-    },
-
-    /**
-    Equivalent to the native <code><a href="https://developer.mozilla.org/en/Rich-Text_Editing_in_Mozilla#Executing%5FCommands" target="_blank">document.execCommand</a></code> method, it also sets the focus on the editor before executing the command, marks the editor’s content as dirty, and add the command to the Montage Undo Manager stack using the label provided.
-
-    You should only use this method if you are extending the editor’s functionality, or writing your own overlay. The typical usage would be to insert HTML via the <code>insertHTML</code> command. All other <code>execCommand</code> commands are exposed as bindable properties on the editor, like <code>bold</code> or <code>italic</code>, and those puse the editor property instead.
-    @function
-    @param {string} command The command to execute.
-    @param {boolean} showUI Specifies whether the default user interface should be drawn.
-    @param {string|number} value The value to pass as an argument to the command. Possible values depend on the command.
-    @param {string} label The label to use when adding this command to the undo stack managed by the Montage UndoManager.
-    */
-    execCommand: {
-        enumerable: false,
-        value: function(command, showUI, value, label) {
-            var savedActiveElement = document.activeElement,
-                editorElement = this._innerElement,
-                retValue = false;
-
-            if (!editorElement) {
-                return false;
-            }
-
-            // Make sure we are the active element before calling execCommand
-            if (editorElement != savedActiveElement) {
-                editorElement.focus();
-            }
-
-            if (value === undefined) {
-                value = false;
-            }
-
-            label = label || this._execCommandLabel[command] || "Typing";
-
-            this._executingCommand = true;
-            if (document.execCommand(command, showUI, value)) {
-                this._executingCommand = false;
-                if (["selectall"].indexOf(command) == -1) {
-                    if (this.undoManager ) {
-                        this._stopTyping();
-                        this.undoManager.register(label, Promise.resolve([this._undo, this, label, this._innerElement]));
-                    }
-                } else {
-                    this.markDirty();
-                }
-
-                this.handleSelectionchange();
-                retValue = true;
-            } else {
-                this._executingCommand = false;
-            }
-
-            // Reset the focus
-            if (editorElement != savedActiveElement) {
-                savedActiveElement.focus();
-            }
-
-            return retValue;
-        }
-    },
-
-    /**
-    Marks the editor content as dirty, causing the editor to generate an <code>editorChange</code> event, and update the editor's <code>value</code> and <code>textValue</code> properties. This method should only be called if you are extending the editor or writing an overlay.
-    @private
-    @function
-    */
-    markDirty: {
-        enumerable: false,
-        value: function() {
-            var thisRef = this;
-
-            var updateValues = function() {
-                var value,
-                    descriptor;
-
-                clearTimeout(thisRef._forceUpdateValuesTimeout);
-                delete thisRef._forceUpdateValuesTimeout;
-                clearTimeout(thisRef._updateValuesTimeout);
-                delete thisRef._updateValuesTimeout;
-
-                if (thisRef._dirtyValue) {
-                    thisRef.dispatchOwnPropertyChange("value", thisRef.value);
-                }
-                if (thisRef._dirtyTextValue) {
-                    thisRef.dispatchOwnPropertyChange("textValue", thisRef.textValue);
-                }
-                thisRef._dispatchEditorEvent("editorChange");
-            };
-
-            if (!this._needsAssingValue) {
-                // Clear the cached value
-                this._dirtyValue = true;
-                this._dirtyTextValue = true;
-            }
-
-            if (!this._forceUpdateValuesTimeout) {
-                this._forceUpdateValuesTimeout = setTimeout(updateValues, 1000);
-            }
-            if (this._updateValuesTimeout) {
-                clearTimeout(this._updateValuesTimeout);
-            }
-            this._updateValuesTimeout = setTimeout(updateValues, 100);
-        }
-    }
-
-});
diff --git a/node_modules/matte/ui/rich-text-editor/rich-text-editor.reel/rich-text-sanitizer.js b/node_modules/matte/ui/rich-text-editor/rich-text-editor.reel/rich-text-sanitizer.js
deleted file mode 100644
index 8a44d744..00000000
--- a/node_modules/matte/ui/rich-text-editor/rich-text-editor.reel/rich-text-sanitizer.js
+++ /dev/null
@@ -1,126 +0,0 @@
-/**
-	module:"matte/ui/rich-text-sanitizer.js"
-*/
-var Montage = require("montage").Montage;
-
-/**
-    @class module:"matte/ui/rich-text-sanitizer.js".Sanitizer
-    @extends module:montage/core/core.Montage
-*/
-exports.Sanitizer = Montage.specialize(/** @lends module:"matte/ui/rich-text-sanitizer.js".Sanitizer# */ {
-
-    willSetValue: {
-        value: function(value, uniqueId)  {
-            return this._scopeCSS(value, uniqueId);
-        }
-    },
-
-    didGetValue: {
-        value: function(value, uniqueId)  {
-            return this._unscopeCSS(value, uniqueId);
-        }
-    },
-
-    willInsertHtmlData: {
-        value: function(data, uniqueId)  {
-            return this._scopeCSS(this._removeScript(data), uniqueId);
-        }
-    },
-
-    _scopeCSS: {
-        enumerable: true,
-        value: function(htmlFragment, uniqueId) {
-            var identifierSelector = ".editor-" + uniqueId+ " ";
-
-            if (typeof htmlFragment == "string") {
-                // Extract the style tag and its content
-                htmlFragment = htmlFragment.replace(/(<style ?[^>]*>)([^<]*)(<\/style>)/ig, function(match, pre, style, post) {
-                    // Remove any newlines and tab for easier processing
-                    style = style.replace(/\t|\n|\r/g, function(char) {if (char == "\t") return " "; return ""});
-
-                    // Cleanup any potential leftover from a previous scoping
-                    style = style.replace(/\*\.editor-[^ ] +/g, "body");
-                    style = style.replace(/\.editor-[^ ]+ /g, "");
-
-                    // Extract the selectors for each css block
-                    style = style.replace(/([^{]+)({[^}]*})/ig, function(match, selectors, rules) {
-
-                        // Split the selectors and add the identifierSelector
-                        selectors = selectors.replace(/ *([^,]+)/g, function(match, selector) {
-                            // convert body selector
-                            if (selector.toLowerCase() == "body") {
-                                return "*" + identifierSelector;
-                            } else {
-                                return identifierSelector + selector;
-                            }
-                        })
-                        return selectors + rules;
-                    })
-                    return pre + style + post;
-                });
-            }
-
-            return htmlFragment;
-        }
-    },
-
-    _unscopeCSS: {
-        enumerable: true,
-        value: function(htmlFragment, uniqueId) {
-
-            if (typeof htmlFragment == "string") {
-                // Extract the style tag and its content
-                htmlFragment = htmlFragment.replace(/(<style ?[^>]*>)([^<]*)(<\/style>)/ig, function(match, pre, style, post) {
-                    style = style.replace(/\*\.editor-[^ ] +/g, "body");
-                    style = style.replace(/\.editor-[^ ]+ /g, "");
-                    return pre + style + post;
-                });
-            }
-            return htmlFragment;
-        }
-    },
-
-    _removeScript: {
-        enumerable: true,
-        value: function(htmlFragment) {
-            /*
-                Will remove any script tag, onXXX handlers and javascript URLs
-             */
-            var div = document.createElement("div"),
-                _removeScript = function(element) {
-                    var children = element.children,
-                        child,
-                        nbrChildren = children.length,
-                        attributes = element.attributes,
-                        attribute,
-                        nbrAttributes = attributes.length,
-                        i;
-
-                for (i = 0; i < nbrAttributes; i ++) {
-                    attribute = attributes[i];
-                    if (attribute.name.match(/^on[a-z]+/i) || attribute.value.match(/^javascript:/)) {
-                        element.removeAttribute(attribute.name);
-                        i --;
-                        nbrAttributes --;
-                    }
-                }
-
-                for (i = 0; i < nbrChildren; i ++) {
-                    child = children[i];
-                    if (child.tagName == "SCRIPT") {
-                        child.parentNode.removeChild(child);
-                        i --;
-                        nbrChildren --;
-                    } else {
-                        _removeScript(child);
-                    }
-                }
-            };
-
-            div.innerHTML = htmlFragment;
-            _removeScript(div);
-
-            return div.innerHTML;
-        }
-    }
-});
diff --git a/node_modules/matte/ui/scroll-bars.reel/scroll-bars.css b/node_modules/matte/ui/scroll-bars.reel/scroll-bars.css
deleted file mode 100644
index cb0c98b1..00000000
--- a/node_modules/matte/ui/scroll-bars.reel/scroll-bars.css
+++ /dev/null
@@ -1,62 +0,0 @@
-
-.matte-ScrollBars {
-    position: absolute;
-    left: 0;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    z-index: 9999;
-    pointer-events: none;
-}
-.matte-ScrollBars .matte-ScrollBars-top {
-    position: absolute;
-    right: 2px;
-    background: black;
-    -webkit-box-shadow: 0 0 0 1px rgba(255,255,255,.27);
-    width: 5px;
-    height: 3px;
-    border-radius: 4px 4px 0 0;
-    opacity: 0;
-    clip: rect(-1px, 6px, 3px, -1px);
-    -webkit-transform: translateZ(0);
-}
-.matte-ScrollBars .matte-ScrollBars-bottom {
-    background: black;
-    -webkit-box-shadow: 0 0 0 1px rgba(255,255,255,.27);
-    width: 5px;
-    border-radius: 0 0 4px 4px;
-    opacity: 0;
-    -webkit-transform: translateZ(0);
-}
-.matte-ScrollBars .matte-ScrollBars-bottomClip {
-    position: absolute;
-    right: 2px;
-    width: 5px;
-    -webkit-transform: translateZ(0);
-}
-.matte-ScrollBars .matte-ScrollBars-left {
-    position: absolute;
-    bottom: 2px;
-    background: black;
-    -webkit-box-shadow: 0 0 0 1px rgba(255,255,255,.27);
-    width: 3px;
-    height: 5px;
-    border-radius: 4px 0 0 4px;
-    opacity: 0;
-    clip: rect(-1px, 3px, 6px, -1px);
-    -webkit-transform: translateZ(0);
-}
-.matte-ScrollBars .matte-ScrollBars-right {
-    background: black;
-    -webkit-box-shadow: 0 0 0 1px rgba(255,255,255,.27);
-    height: 5px;
-    border-radius: 0 4px 4px 0;
-    opacity: 0;
-    -webkit-transform: translateZ(0);
-}
-.matte-ScrollBars .matte-ScrollBars-rightClip {
-    position: absolute;
-    bottom: 2px;
-    height: 5px;
-    -webkit-transform: translateZ(0);
-}
diff --git a/node_modules/matte/ui/scroll-bars.reel/scroll-bars.html b/node_modules/matte/ui/scroll-bars.reel/scroll-bars.html
deleted file mode 100644
index ab7ebc0a..00000000
--- a/node_modules/matte/ui/scroll-bars.reel/scroll-bars.html
+++ /dev/null
@@ -1,48 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <meta charset="utf-8">
-    <link rel="stylesheet" href="scroll-bars.css">
-    <script type="text/montage-serialization">
-{
-    "owner": {
-        "properties": {
-            "element": {
-                "#": "matte-scroll-bars"
-            },
-            "_top": {
-                "#": "top"
-            },
-            "_bottomClip": {
-                "#": "bottom-clip"
-            },
-            "_bottom": {
-                "#": "bottom"
-            },
-            "_left": {
-                "#": "left"
-            },
-            "_rightClip": {
-                "#": "right-clip"
-            },
-            "_right": {
-                "#": "right"
-            }
-        }
-    }
-}
-    </script>
-</head>
-<body>
-    <div data-montage-id="matte-scroll-bars" class="matte-ScrollBars">
-        <div data-montage-id="top" class="matte-ScrollBars-top"></div>
-        <div data-montage-id="bottom-clip" class="matte-ScrollBars-bottomClip">
-            <div data-montage-id="bottom" class="matte-ScrollBars-bottom"></div>
-        </div>
-        <div data-montage-id="left" class="matte-ScrollBars-left"></div>
-        <div data-montage-id="right-clip" class="matte-ScrollBars-rightClip">
-            <div data-montage-id="right" class="matte-ScrollBars-right"></div>
-        </div>
-    </div>
-</body>
-</html>
diff --git a/node_modules/matte/ui/scroll-bars.reel/scroll-bars.js b/node_modules/matte/ui/scroll-bars.reel/scroll-bars.js
deleted file mode 100644
index 4e475a4e..00000000
--- a/node_modules/matte/ui/scroll-bars.reel/scroll-bars.js
+++ /dev/null
@@ -1,274 +0,0 @@
-
-/**
-    @module "matte/ui/scroll-bars.reel"
-*/
-var Component = require("montage/ui/component").Component;
-
-exports.ScrollBars = Component.specialize({
-
-    // Scroll and length are defined in a [0..1] range
-
-    _verticalScroll: {
-        value: 0
-    },
-
-    _horizontalScroll: {
-        value: 0
-    },
-
-    _verticalLength: {
-        value: 0
-    },
-
-    _horizontalLength: {
-        value: 0
-    },
-
-    verticalScroll: {
-        get: function () {
-            return this._verticalScroll;
-        },
-        set: function (value) {
-            this._verticalScroll = value;
-            this.needsDraw = true;
-        }
-    },
-
-    horizontalScroll: {
-        get: function () {
-            return this._horizontalScroll;
-        },
-        set: function (value) {
-            this._horizontalScroll = value;
-            this.needsDraw = true;
-        }
-    },
-
-    verticalLength: {
-        get: function () {
-            return this._verticalLength;
-        },
-        set: function (value) {
-            this._verticalLength = value;
-            this.needsDraw = true;
-        }
-    },
-
-    horizontalLength: {
-        get: function () {
-            return this._horizontalLength;
-        },
-        set: function (value) {
-            this._horizontalLength = value;
-            this.needsDraw = true;
-        }
-    },
-
-    _opacity: {
-        value: 0
-    },
-
-    opacity: {
-        get: function () {
-            return this._opacity;
-        },
-        set: function (value) {
-            this._opacity = value;
-            this.needsDraw = true;
-        }
-    },
-
-    _isDisplayUpdated: {
-        value: false
-    },
-
-    _displayVertical: {
-        value: false
-    },
-
-    displayVertical: {
-        get: function () {
-            return this._displayVertical;
-        },
-        set: function (value) {
-            if (this._displayVertical !== value) {
-                this._displayVertical = value;
-                this._isDisplayUpdated = true;
-                this.needsDraw = true;
-            }
-        }
-    },
-
-    _displayHorizontal: {
-        value: false
-    },
-
-    displayHorizontal: {
-        get: function () {
-            return this._displayHorizontal;
-        },
-        set: function (value) {
-            if (this._displayHorizontal !== value) {
-                this._displayHorizontal = value;
-                this._isDisplayUpdated = true;
-                this.needsDraw = true;
-            }
-        }
-    },
-
-    _top: {
-        value: false
-    },
-
-    _bottomClip: {
-        value: false
-    },
-
-    _bottom: {
-        value: false
-    },
-
-    _left: {
-         value: false
-     },
-
-    _rightClip: {
-        value: false
-    },
-
-    _right: {
-        value: false
-    },
-
-    _hasResizedHorizontal: {
-        value: false
-    },
-
-    _hasResizedVertical: {
-        value: false
-    },
-
-    willDraw: {
-        value: function () {
-            if (this._offsetWidth !== this._element.offsetWidth) {
-                this._offsetWidth = this._element.offsetWidth;
-                this._hasResizedHorizontal = true;
-            }
-            if (this._offsetHeight !== this._element.offsetHeight) {
-                this._offsetHeight = this._element.offsetHeight;
-                this._hasResizedVertical = true;
-            }
-        }
-    },
-
-    draw: {
-        value: function () {
-            var size,
-                pos,
-                range,
-                max;
-
-            if (this._isDisplayUpdated) {
-                var displayVertical = this._displayVertical ? "block" : "none",
-                    displayHorizontal = this._displayHorizontal ? "block" : "none";
-
-                this._top.style.display = this._bottomClip.style.display = displayVertical;
-                this._left.style.display = this._rightClip.style.display = displayHorizontal;
-                this._isDisplayUpdated = false;
-            }
-            if (this._hasResizedHorizontal && this._displayHorizontal) {
-                this._rightClip.style.width = this._right.style.width = (this._offsetWidth - 4) + "px";
-                this._rightClip.style.clip = "rect(-1px," + (this._offsetWidth - 3) + "px,6px,3px)";
-                this._hasResizedHorizontal = false;
-            }
-            if (this._hasResizedVertical && this._displayVertical) {
-                this._bottomClip.style.height = this._bottom.style.height = (this._offsetHeight - 4) + "px";
-                this._bottomClip.style.clip = "rect(3px,6px," + (this._offsetHeight - 3) + "px,-1px)";
-                this._hasResizedVertical = false;
-            }
-            if (this._opacity) {
-                if (this._displayHorizontal) {
-                    range = this._offsetWidth - 9 - (this._displayVertical ? 6 : 0);
-                    size = Math.floor(range * this._horizontalLength);
-                    max = range - size;
-                    if (1 - this._horizontalLength) {
-                        pos = Math.floor((max * this._horizontalScroll) / (1 - this._horizontalLength));
-                    } else {
-                        pos = 0;
-                    }
-                    if (pos < 0) {
-                        size += pos;
-                        if (size < 0) {
-                            size = 0;
-                        }
-                        pos = 0;
-                    }
-                    if (pos > max) {
-                        size += Math.floor(max - pos);
-                        if (size < 0) {
-                            size = 0;
-                        }
-                        pos = range - size;
-                    }
-                    var rtranslate = (size - this._offsetWidth + 9) + "px,0px",
-                        ltranslate = (pos+2) + "px,0px";
-                    this._right.style.webkitTransform = "translate3d(" + rtranslate + ",0)";
-                    this._right.style.MozTransform = "translate(" + rtranslate + ")";
-                    this._right.style.transform = "translate(" + rtranslate + ")";
-                    this._left.style.webkitTransform = this._rightClip.style.webkitTransform = "translate3d(" + ltranslate + ",0)";
-                    this._left.style.MozTransform = this._rightClip.style.MozTransform = "translate(" + ltranslate + ")";
-                    this._left.style.transform = this._rightClip.style.transform = "translate(" + ltranslate + ")";
-                    this._left.style.webkitTransition = this._right.style.webkitTransition = "none";
-                    this._left.style.MozTransition = this._right.style.MozTransition = "none";
-                    this._left.style.transition = this._right.style.transition = "none";
-                    this._left.style.opacity = this._right.style.opacity = this._opacity;
-                }
-                if (this._displayVertical) {
-                    range = this._offsetHeight - 9 - (this._displayHorizontal ? 6 : 0);
-                    size = Math.floor(range * this._verticalLength);
-                    max = range - size;
-                    if (1 - this._verticalLength) {
-                        pos = Math.floor((max * this._verticalScroll) / (1 - this._verticalLength));
-                    } else {
-                        pos = 0;
-                    }
-                    if (pos < 0) {
-                        size += pos;
-                        if (size < 0) {
-                            size = 0;
-                        }
-                        pos = 0;
-                    }
-                    if (pos > max) {
-                        size += Math.floor(max - pos);
-                        if (size < 0) {
-                            size = 0;
-                        }
-                        pos = range - size;
-                    }
-                    var btranslate = "0px," + (size - this._offsetHeight + 9) + "px",
-                        ttranslate = "0px," + (pos+2) + "px";
-                    this._bottom.style.webkitTransform = "translate3d(" + btranslate + ",0)";
-                    this._bottom.style.MozTransform = "translate(" + btranslate + ")";
-                    this._bottom.style.transform = "translate(" + btranslate + ")";
-                    this._top.style.webkitTransform = this._bottomClip.style.webkitTransform = "translate3d(" + ttranslate + ",0)";
-                    this._top.style.MozTransform = this._bottomClip.style.MozTransform = "translate(" + ttranslate + ")";
-                    this._top.style.transform = this._bottomClip.style.transform = "translate(" + ttranslate + ")";
-                    this._top.style.webkitTransition = this._bottom.style.webkitTransition = "none";
-                    this._top.style.MozTransition = this._bottom.style.MozTransition = "none";
-                    this._top.style.transition = this._bottom.style.transition = "none";
-                    this._top.style.opacity = this._bottom.style.opacity = this._opacity;
-                }
-            } else {
-                if (this._displayHorizontal) {
-                    this._left.style.webkitTransition = this._right.style.webkitTransition = "300ms opacity";
-                    this._left.style.opacity = this._right.style.opacity = 0;
-                }
-                if (this._displayVertical) {
-                    this._top.style.webkitTransition = this._bottom.style.webkitTransition = "300ms opacity";
-                    this._top.style.opacity = this._bottom.style.opacity = 0;
-                }
-            }
-        }
-    }
-});
diff --git a/node_modules/matte/ui/scroller.reel/scroller.css b/node_modules/matte/ui/scroller.reel/scroller.css
deleted file mode 100644
index 9a01e97d..00000000
--- a/node_modules/matte/ui/scroller.reel/scroller.css
+++ /dev/null
@@ -1,10 +0,0 @@
-
-.matte-Scroller {
-    position: relative;
-    display: block;
-    overflow: hidden;
-}
-.matte-Scroller .matte-Scroller-content {
-    float: left;
-    width: 100%;
-}
diff --git a/node_modules/matte/ui/scroller.reel/scroller.html b/node_modules/matte/ui/scroller.reel/scroller.html
deleted file mode 100644
index 3a58c0fc..00000000
--- a/node_modules/matte/ui/scroller.reel/scroller.html
+++ /dev/null
@@ -1,69 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <meta charset="utf-8">
-    <link rel="stylesheet" href="scroller.css">
-    <script type="text/montage-serialization">
-{
-    "scrollbars": {
-        "prototype": "ui/scroll-bars.reel",
-        "properties": {
-            "element": {
-                "#": "scrollbars"
-            }
-        }
-    },
-    "translateComposer1": {
-        "prototype": "montage/composer/translate-composer",
-        "properties": {
-            "component": {"@": "owner"},
-            "minTranslateX": 0,
-            "minTranslateY": 0,
-            "invertAxis": true,
-            "stealChildrenPointer": true
-        },
-        "bindings": {
-            "translateX": {"<->": "@owner.scrollX"},
-            "translateY": {"<->": "@owner.scrollY"},
-            "maxTranslateX": {"<-": "@owner._maxTranslateX"},
-            "maxTranslateY": {"<-": "@owner._maxTranslateY"},
-            "axis": {"<-": "@owner.axis"},
-            "hasMomentum": {"<-": "@owner.hasMomentum"}
-        },
-        "listeners": [
-            {
-                "type": "translateStart",
-                "listener": {"@": "owner"}
-            },
-            {
-                "type": "translateEnd",
-                "listener": {"@": "owner"}
-            }
-        ]
-    },
-    "owner": {
-        "prototype": "ui/scroller.reel",
-        "properties": {
-            "_content": {
-                "#": "content"
-            },
-            "element": {
-                "#": "montage-scroller"
-            },
-            "_scrollBars": {
-                "@": "scrollbars"
-            }
-        }
-    }
-}
-    </script>
-</head>
-<body>
-    <div data-montage-id="montage-scroller" class="matte-Scroller">
-        <div data-montage-id="scrollbars"></div>
-        <div data-montage-id="content" class="matte-Scroller-content">
-            <div data-param="*"></div>
-        </div>
-    </div>
-</body>
-</html>
diff --git a/node_modules/matte/ui/scroller.reel/scroller.js b/node_modules/matte/ui/scroller.reel/scroller.js
deleted file mode 100644
index d6e6b49a..00000000
--- a/node_modules/matte/ui/scroller.reel/scroller.js
+++ /dev/null
@@ -1,250 +0,0 @@
-
-/**
-    @module "matte/ui/scroller.reel"
-*/
-var Component = require("montage/ui/component").Component;
-
-/**
-    Provides scrolling for the contained elements.
-
-    @class module:"matte/ui/scroller.reel".Scroller
-    @extends module:montage/ui/component.Component
-    @example
-    <caption>HTML needed for the scroller</caption>
-&lt;div data-montage-id=&quot;scroller&quot; style=&quot;height: 400px; width: 500px;&quot;&gt;
-    &lt;p&gt;A large paragraph...&lt;/p&gt;
-    &lt;img src=&quot;...&quot; alt=&quot;...&quot;&gt;
-    &lt;p&gt;Another large paragraph...&lt;/p&gt;
-&lt;/div&gt;
-*/
-exports.Scroller = Component.specialize(/** @lends module:"matte/ui/scroller.reel".Scroller */ {
-    constructor: {
-        value: function Scroller() {
-            this.super();
-        }
-    },
-
-    _scrollX: {
-        value: 0
-    },
-    /**
-        Scroll distance from the left
-        @type Number
-        @default 0
-    */
-    scrollX: {
-        get: function () {
-            return this._scrollX;
-        },
-        set: function (value) {
-            if (this._scrollX !== value) {
-                this._scrollX = value;
-                this.needsDraw = true;
-            }
-        }
-    },
-
-    _scrollY: {
-        value: 0
-    },
-    /**
-        Scroll distance from the top
-        @type Number
-        @default 0
-    */
-    scrollY: {
-        get: function () {
-            return this._scrollY;
-        },
-        set: function (value) {
-            if (this._scrollY !== value) {
-                this._scrollY = value;
-                this.needsDraw = true;
-            }
-        }
-    },
-
-    _maxTranslateX: {
-        value: 0
-    },
-
-    _maxTranslateY: {
-        value: 0
-    },
-
-    _axis: {
-        value: "auto"
-    },
-    /**
-        Which axis scrolling is restricted to.
-
-        Can be "vertical", "horizontal" or "auto".
-        @type {String}
-        @default "auto"
-    */
-    axis: {
-        get: function () {
-            return this._axis;
-        },
-        set: function (value) {
-            this._axis = value;
-            this.needsDraw = true;
-        }
-    },
-
-    _displayScrollbars: {
-        value: "auto"
-    },
-    /**
-        Which axis to display scrollbars for.
-
-        Can be "vertical", "horizontal", "both", "auto" or "none"
-        @type {String}
-        @default "auto"
-    */
-    displayScrollbars: {
-        get: function () {
-            return this._displayScrollbars;
-        },
-        set: function (value) {
-            switch (value) {
-                case "vertical":
-                case "horizontal":
-                case "both":
-                case "auto":
-                    this._displayScrollbars = value;
-                    break;
-                default:
-                    this._displayScrollbars = "none";
-                    break;
-            }
-            this.needsDraw = true;
-        }
-    },
-
-    _hasMomentum: {
-        value: true
-    },
-    /**
-        Whether to keep translating after the user has releases their cursor/finger.
-        @type {Boolean}
-        @default true
-    */
-    hasMomentum: {
-        get: function () {
-            return this._hasMomentum;
-        },
-        set: function (value) {
-            this._hasMomentum = value;
-        }
-    },
-
-    _content: {
-        value: null
-    },
-
-    _scrollBars: {
-        value: null
-    },
-
-    handleTranslateStart: {
-        value: function(event) {
-            this._scrollBars.opacity = 0.5;
-        }
-    },
-
-    handleTranslateEnd: {
-        value: function(event) {
-            this._scrollBars.opacity = 0;
-        }
-    },
-
-    canDraw: {
-        value: function() {
-            this.needsDraw = true;
-            return Component.canDraw.apply(this, arguments);
-        }
-    },
-
-    willDraw: {
-        value: function () {
-            this._left = this._element.offsetLeft;
-            this._top = this._element.offsetTop;
-            this._width = this._element.offsetWidth;
-            this._height = this._element.offsetHeight;
-
-            // BUG: Firefox doesn't seem to properly calculate the scrollWidth
-            var maxTranslateX = this._content.scrollWidth - this._width;
-            if (maxTranslateX < 0) {
-                this._maxTranslateX = 0;
-            } else {
-                this._maxTranslateX = maxTranslateX;
-            }
-            var maxTranslateY = this._content.offsetHeight - this._height;
-            if (maxTranslateY < 0) {
-                this._maxTranslateY = 0;
-            } else {
-                this._maxTranslateY = maxTranslateY;
-            }
-            var delegateValue = this.callDelegateMethod("didSetMaxScroll", {x: this._maxTranslateX, y: this._maxTranslateY});
-            if (delegateValue) {
-                this._maxTranslateX = delegateValue.x;
-                this._maxTranslateY = delegateValue.y;
-            }
-
-            this.scrollX = Math.min(this._scrollX, this._maxTranslateX);
-            this.scrollY = Math.min(this._scrollY, this._maxTranslateY);
-
-            switch (this._displayScrollbars) {
-                case "horizontal":
-                    this._scrollBars.displayHorizontal = true;
-                    this._scrollBars.displayVertical = false;
-                    break;
-                case "vertical":
-                    this._scrollBars.displayHorizontal = false;
-                    this._scrollBars.displayVertical = true;
-                    break;
-                case "both":
-                    this._scrollBars.displayHorizontal = true;
-                    this._scrollBars.displayVertical = true;
-                    break;
-                case "auto":
-                    // Only display the scroll bars if we can scroll in that direction
-                    this._scrollBars.displayHorizontal = !!this._maxTranslateX;
-                    this._scrollBars.displayVertical = !!this._maxTranslateY;
-                    break;
-                case "none":
-                    this._scrollBars.displayHorizontal = false;
-                    this._scrollBars.displayVertical = false;
-                    break;
-            }
-            if (this._scrollBars.displayHorizontal) {
-                if (this._content.scrollWidth) {
-                    this._scrollBars.horizontalLength = this._width / this._content.scrollWidth;
-                    this._scrollBars.horizontalScroll = this._scrollX / this._content.scrollWidth;
-                } else {
-                    this._scrollBars.horizontalLength = 1;
-                    this._scrollBars.horizontalScroll = 0;
-                }
-            }
-            if (this._scrollBars.displayVertical) {
-                if (this._content.offsetHeight) {
-                    this._scrollBars.verticalLength = this._height / this._content.offsetHeight;
-                    this._scrollBars.verticalScroll = this._scrollY / this._content.offsetHeight;
-                } else {
-                    this._scrollBars.verticalLength = 1;
-                    this._scrollBars.verticalScroll = 0;
-                }
-            }
-        }
-    },
-
-    draw: {
-        value: function () {
-            var str = (-this._scrollX)+"px, "+(-this._scrollY)+"px";
-            this._content.style.webkitTransform="translate3d(" + str + ", 0px)";
-            this._content.style.MozTransform = "translate(" + str + ")";
-            this._content.style.transform = "translate(" + str + ")";
-        }
-    }
-});
diff --git a/node_modules/matte/ui/select.reel/select.css b/node_modules/matte/ui/select.reel/select.css
deleted file mode 100644
index ec32a1ab..00000000
--- a/node_modules/matte/ui/select.reel/select.css
+++ /dev/null
@@ -1,46 +0,0 @@
-
-.matte-Select {
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    outline: none;
-    box-sizing: border-box;
-    font-size: 12px;
-    height: 2.5em;
-    padding: 0 2em 0 1em;
-    border-radius: 3px;
-    border: 1px solid #b3b3b3;
-    background: #f2f2f2 url(select.png) no-repeat right center;
-    cursor: pointer;
-}
-
-.matte-Select:hover {
-    background-color: #fff;
-}
-
-.matte-Select:active {
-    background-color: #e5e5e5;
-}
-
-.matte-Select:focus {
-    border-color: #7f7f7f;
-}
-
-.matte-Select:disabled {
-    opacity: .5;
-    border-style: dashed;
-    pointer-events: none;
-}
-
-/* Multiple Select ------------------------------ */
-
-.matte-Select[multiple] {
-    height: 5.5em;
-    cursor: default;
-    padding: 0 .5em;
-}
-
-.matte-Select[multiple],
-.matte-Select[multiple]:hover,
-.matte-Select[multiple]:active {
-    background: #f2f2f2;
-}
diff --git a/node_modules/matte/ui/select.reel/select.html b/node_modules/matte/ui/select.reel/select.html
deleted file mode 100644
index e83e83af..00000000
--- a/node_modules/matte/ui/select.reel/select.html
+++ /dev/null
@@ -1,9 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <meta charset="utf-8">
-    <link rel="stylesheet" href="select.css">
-</head>
-<body>
-</body>
-</html>
diff --git a/node_modules/matte/ui/select.reel/select.js b/node_modules/matte/ui/select.reel/select.js
deleted file mode 100644
index e235f477..00000000
--- a/node_modules/matte/ui/select.reel/select.js
+++ /dev/null
@@ -1,24 +0,0 @@
-/**
-    @module "matte/ui/select.reel"
-*/
-/*global require,exports */
-var NativeSelect = require("native/ui/select.reel").Select;
-
-/**
- * Select
- * @class module:"matte/ui/select.reel".Select
- * @extends module:"native/ui/select.reel".Select
- */
-exports.Select = NativeSelect.specialize(/** @lends module:"matte/ui/select.reel".Select# */ {
-
-    hasTemplate: {value: true},
-
-    constructor: {
-        value: function Select() {
-            this.super();
-            this.classList.add("matte-Select");
-        }
-    }
-
-
-});
diff --git a/node_modules/matte/ui/select.reel/select.png b/node_modules/matte/ui/select.reel/select.png
deleted file mode 100644
index 3ab8d794667308664bc7f78ccd47ace47a638a9e..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 978
zcmaJ=&ui0A9FI)OtPBR8^z=yG%_i@qP1DB48JpIXnNr${1rIJw-qz41FD7p`8wj$K
zf`Uh{9t2N%S40I53c?OvivNU1g&pQg*LFKtbIALCAD_?X`|~|%Hf}DZFQqw-TdJ=a
zEp{e$dNIZR&!mG7?6^p)UD_s_bZCW`(;d>opzc{)xP>ie_x?9r=C}pk?R06^yrtU2
z6RZRy#9qMI99LeA1Ir#@3VL|U^)>$2`;R<u9gV*uo6rm@xbLp*g}A-f=-7J$yX5ez
z*FZT|nSh6>1!8a8kJMP>$GR%BlWUO&V+b8+{BcrUvk59B#6T8c)`kTL3P?b?yrL*q
zfCLc~p(G+Hixf2{sStw6$Fpdmv#GX>+9Ve9G`>%1po-#fI249CfrMKkDwRr!h9qSf
zA{*`c)QYoyl$k0RII=@Gpf2%2qG<KV4%K*;>2V2OFq8G8Nt;;1#MlZ%B*3JkDbO_k
z5B0nmI-)InlJ7r-qt0%C#TJgpPH3~iZDx{Cfm#W%MM>BpWP94hW}i?J^+^CKZ5f!B
z?fQv7#+#;E_akcgHm(~Q&lCjLbyTG&=VS$yWW8EJsEYK8lrPpwwY)AVQbCueT!Yv<
z9`@;!>zr`)x!hzGynsbEaOgh3PAw!J7?-TN^K((=>P@)L{9KB2xgtwOOa^;u(9<in
zJ&8G6TjtCbANy?EL$=oN_KL}#M6GV<o%m<(&(YE9!s6YlMdj0I1TQQskBaZ|;Kzu|
ze7#IRXAXaFJVyIZS5goypL_lGdH(>uJl|`dO?^ofuRl7&9e!V5e|Yc3tK^l{s}1AL
Hjg9@kHE}Qn

diff --git a/node_modules/matte/ui/text-input.js b/node_modules/matte/ui/text-input.js
deleted file mode 100644
index 2312f31c..00000000
--- a/node_modules/matte/ui/text-input.js
+++ /dev/null
@@ -1,337 +0,0 @@
-/* <copyright>
-Copyright (c) 2012, Motorola Mobility LLC.
-All Rights Reserved.
-
-Redistribution and use in source and binary forms, with or without
-modification, are permitted provided that the following conditions are met:
-
-* Redistributions of source code must retain the above copyright notice,
-  this list of conditions and the following disclaimer.
-
-* Redistributions in binary form must reproduce the above copyright notice,
-  this list of conditions and the following disclaimer in the documentation
-  and/or other materials provided with the distribution.
-
-* Neither the name of Motorola Mobility LLC nor the names of its
-  contributors may be used to endorse or promote products derived from this
-  software without specific prior written permission.
-
-THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
-AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
-IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
-ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE
-LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
-CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
-SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
-INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
-CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
-ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
-POSSIBILITY OF SUCH DAMAGE.
-</copyright> */
-
-/**
-    @module montage/ui/text-input
-    @requires montage/ui/component
-    @requires montage/ui/native-control
-    @requires montage/core/core
-*/
-var Component = require("montage/ui/component").Component;
-
-/**
-    The base class for all text-based input components. You typically won't create instances of this prototype.
-    @class module:matte/ui/text-input.TextInput
-    @extends module:montage/ui/component.Component
-    @see {module:"matte/ui/input-date.reel".DateInput}
-    @see module:"matte/ui/input-text.reel".InputText
-    @see module:"matte/ui/input-number.reel".InputNumber
-    @see module:"matte/ui/input-range.reel".RangeInput
-    @see module:"matte/ui/textarea.reel".TextArea
-
-*/
-var TextInput = exports.TextInput =  Component.specialize(/** @lends module:matte/ui/text-input.TextInput# */ {
-
-    _hasFocus: {
-        enumerable: false,
-        value: false
-    },
-
-    _value: {
-        enumerable: false,
-        value: null
-    },
-
-    _valueSyncedWithInputField: {
-        enumerable: false,
-        value: false
-    },
-
-    /**
-        The "typed" data value associated with the input element. When this
-        property is set, if the component's <code>converter</code> property is
-        non-null then its <code>revert()</code> method is invoked, passing it
-        the newly assigned value. The <code>revert()</code> function is
-        responsible for validating and converting the user-supplied value to
-        its typed format. For example, in the case of a DateInput component
-        (which extends TextInput) a user enters a string for the date (for
-        example, "10-12-2005"). A <code>DateConverter</code> object is assigned
-        to the component's <code>converter</code> property.
-
-        If the comopnent doesn't specify a converter object then the raw value
-        is assigned to <code>value</code>.
-
-        @type {string}
-        @default null
-    */
-    value: {
-        get: function() {
-            return this._value;
-        },
-        set: function(value, fromInput) {
-
-            if(value !== this._value) {
-                if(this.converter) {
-                    var convertedValue;
-                    try {
-                        convertedValue = this.converter.revert(value);
-                        this.error = null;
-                        this._value = convertedValue;
-                    } catch(e) {
-                        // unable to convert - maybe error
-                        this._value = value;
-                        this.error = e;
-                    }
-                } else {
-                    this._value = value;
-                }
-
-                if (fromInput) {
-                    this._valueSyncedWithInputField = true;
-                } else {
-                    this._valueSyncedWithInputField = false;
-                    this.needsDraw = true;
-                }
-            }
-        }
-    },
-
-    // set value from user input
-    /**
-      @private
-    */
-    _setValue: {
-        value: function() {
-            var newValue = this.element.value;
-            Object.getPropertyDescriptor(this, "value").set.call(this, newValue, true);
-        }
-    },
-
-/**
-    A reference to a Converter object whose <code>revert()</code> function is invoked when a new value is assigned to the TextInput object's <code>value</code> property. The revert() function attempts to transform the newly assigned value into a "typed" data property. For instance, a DateInput component could assign a DateConverter object to this property to convert a user-supplied date string into a standard date format.
-    @type {Converter}
-    @default null
-    @see {@link module:montage/core/converter.Converter}
-*/
-    converter:{
-        value: null
-    },
-
-    _error: {
-        value: null
-    },
-
-/**
-    If an error is thrown by the converter object during a new value assignment, this property is set to <code>true</code>, and schedules a new draw cycle so the the UI can be updated to indicate the error state. the <code>montage--invalidText</code> CSS class is assigned to the component's DOM element during the next draw cycle.
-    @type {boolean}
-    @default false
-*/
-    error: {
-        get: function() {
-            return this._error;
-        },
-        set: function(v) {
-            this._error = v;
-            this.errorMessage = this._error ? this._error.message : null;
-            this.needsDraw = true;
-        }
-    },
-
-    _errorMessage: {value: null},
-
-/**
-    The message to display when the component is in an error state.
-    @type {string}
-    @default null
-*/
-    errorMessage: {
-        get: function() {
-            return this._errorMessage;
-        },
-        set: function(v) {
-            this._errorMessage = v;
-        }
-    },
-
-    _updateOnInput: {
-        value: true
-    },
-
-/**
-    When this property and the converter's <code>allowPartialConversion</code> are both true, as the user enters text in the input element each new character is added to the component's <code>value</code> property, which triggers the conversion. Depending on the type of input element being used, this behavior may not be desirable. For instance, you likely would not want to convert a date string as a user is entering it, only when they've completed their input.
-    Specifies whether
-    @type {boolean}
-    @default true
-*/
-    updateOnInput: {
-        get: function() {
-            return !!this._updateOnInput;
-        },
-        set: function(v) {
-            this._updateOnInput = v;
-        }
-    },
-
-    // HTMLInputElement methods
-
-    blur: { value: function() { this._element.blur(); } },
-    focus: { value: function() { this._element.focus(); } },
-    // select() defined where it's allowed
-    // click() deliberately omitted, use focus() instead
-
-    // Callbacks
-
-    enterDocument: {
-        value: function(firstTime) {
-            if (firstTime) {
-                var el = this.element;
-                el.addEventListener("focus", this);
-                el.addEventListener('input', this);
-                el.addEventListener('change', this);
-                el.addEventListener('blur', this);
-            }
-        }
-    },
-
-    _setElementValue: {
-        value: function(value) {
-            this.element.value = (value == null ? '' : value);
-        }
-    },
-
-    draw: {
-        enumerable: false,
-        value: function() {
-            this.super();
-
-            var el = this.element;
-
-            if (!this._valueSyncedWithInputField) {
-                this._setElementValue(this.converter ? this.converter.convert(this._value) : this._value);
-            }
-
-            if (this.error) {
-                el.classList.add('montage--invalidText');
-                el.title = this.error.message || '';
-            } else {
-                el.classList.remove("matte--invalidText");
-                el.title = '';
-            }
-        }
-    },
-
-    didDraw: {
-        enumerable: false,
-        value: function() {
-            if (this._hasFocus && this._value != null) {
-                var length = this._value.toString().length;
-                this.element.setSelectionRange(length, length);
-            }
-            // The value might have been changed during the draw if bindings
-            // were reified, and another draw will be needed.
-            if (!this.needsDraw) {
-                this._valueSyncedWithInputField = true;
-            }
-        }
-    },
-
-
-    // Event handlers
-
-    handleInput: {
-        enumerable: false,
-        value: function() {
-            if (this.converter) {
-                if (this.converter.allowPartialConversion === true && this.updateOnInput === true) {
-                    this._setValue();
-                }
-            } else {
-                this._setValue();
-            }
-        }
-    },
-/**
-    Description TODO
-    @function
-    @param {Event Handler} event TODO
-    */
-    handleChange: {
-        enumerable: false,
-        value: function(event) {
-            this._setValue();
-            this._hasFocus = false;
-        }
-    },
-/**
-    Description TODO
-    @function
-    @param {Event Handler} event TODO
-    */
-    handleBlur: {
-        enumerable: false,
-        value: function(event) {
-            this._hasFocus = false;
-        }
-    },
-/**
-    Description TODO
-    @function
-    @param {Event Handler} event TODO
-    */
-    handleFocus: {
-        enumerable: false,
-        value: function(event) {
-            this._hasFocus = true;
-        }
-    }
-
-});
-
-// Standard <input> tag attributes - http://www.w3.org/TR/html5/the-input-element.html#the-input-element
-
-TextInput.addAttributes({
-    accept: null,
-    alt: null,
-    autocomplete: null,
-    autofocus: {dataType: "boolean"},
-    checked: {dataType: "boolean"},
-    dirname: null,
-    disabled: {dataType: 'boolean'},
-    form: null,
-    formaction: null,
-    formenctype: null,
-    formmethod: null,
-    formnovalidate: {dataType: 'boolean'},
-    formtarget: null,
-    height: null,
-    list: null,
-    maxlength: null,
-    multiple: {dataType: 'boolean'},
-    name: null,
-    pattern: null,
-    placeholder: null,
-    readonly: {dataType: 'boolean'},
-    required: {dataType: 'boolean'},
-    size: null,
-    src: null,
-    width: null
-    // "type" is not bindable and "value" is handled as a special attribute
-});
diff --git a/node_modules/matte/ui/text-slider.reel/text-slider.css b/node_modules/matte/ui/text-slider.reel/text-slider.css
deleted file mode 100644
index 3d1e618b..00000000
--- a/node_modules/matte/ui/text-slider.reel/text-slider.css
+++ /dev/null
@@ -1,16 +0,0 @@
-
-.matte-TextSlider-input {
-    display: none;
-}
-
-.matte-TextSlider--editing .matte-TextSlider-input {
-    display: inherit;
-}
-
-.matte-TextSlider-value {
-    border-bottom: 1px dotted #000;
-}
-
-.matte-TextSlider--editing .matte-TextSlider-value, .matte-TextSlider--editing .matte-TextSlider-label {
-    display: none;
-}
diff --git a/node_modules/matte/ui/text-slider.reel/text-slider.html b/node_modules/matte/ui/text-slider.reel/text-slider.html
deleted file mode 100644
index d3952910..00000000
--- a/node_modules/matte/ui/text-slider.reel/text-slider.html
+++ /dev/null
@@ -1,97 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <title>TextSlider</title>
-    <link rel="stylesheet" href="text-slider.css" />
-
-    <script type="text/montage-serialization">
-    {
-        "value": {
-            "prototype": "montage/ui/text.reel",
-            "properties": {
-                "element": {"#": "value"}
-            },
-            "bindings": {
-                "value": {"<-": "@owner.convertedValue"}
-            }
-        },
-        "units": {
-            "prototype": "montage/ui/text.reel",
-            "properties": {
-                "element": {"#": "units"}
-            },
-            "bindings": {
-                "value": {"<-": "@owner.unit"}
-            }
-        },
-
-        "translateComposer": {
-            "prototype": "montage/composer/translate-composer",
-            "properties": {
-                "component": {"@": "owner"},
-                "hasMomentum": false,
-                "invertYAxis": true,
-                "allowFloats": true,
-                "startTranslateSpeed": 1
-            },
-            "bindings": {
-                "minTranslateX": {"<-": "@owner.minValue"},
-                "minTranslateY": {"<-": "@owner.minValue"},
-                "maxTranslateX": {"<-": "@owner.maxValue"},
-                "maxTranslateY": {"<-": "@owner.maxValue"}
-            },
-            "listeners": [
-                {
-                    "type": "translateStart",
-                    "listener": {"@": "owner"}
-                },
-                {
-                    "type": "translate",
-                    "listener": {"@": "owner"}
-                },
-                {
-                    "type": "translateEnd",
-                    "listener": {"@": "owner"}
-                }
-            ]
-        },
-
-        "pressComposer": {
-            "prototype": "montage/composer/press-composer",
-            "properties": {
-                "component": {"@": "owner"},
-                "delegate": {"@": "owner"}
-            },
-            "listeners": [
-                {
-                    "type": "press",
-                    "listener": {"@": "owner"}
-                }
-            ]
-        },
-
-        "numberConverter": {
-            "prototype": "montage/core/converter/number-converter"
-        },
-
-        "owner": {
-            "prototype": "montage/ui/text.reel",
-            "properties": {
-                "element": {"#": "text-slider"},
-
-                "_inputElement": {"#": "input"},
-                "_pressComposer": {"@": "pressComposer"},
-                "_translateComposer": {"@": "translateComposer"}
-            }
-        }
-    }
-    </script>
-</head>
-<body>
-    <span data-montage-id="text-slider" class="matte-TextSlider" tabindex="0">
-        <input type="text" data-montage-id="input" class="matte-TextSlider-input"/>
-        <span data-montage-id="value" class="matte-TextSlider-value"></span>
-        <span data-montage-id="units" class="matte-TextSlider-label"></span>
-    </span>
-</body>
-</html>
diff --git a/node_modules/matte/ui/text-slider.reel/text-slider.js b/node_modules/matte/ui/text-slider.reel/text-slider.js
deleted file mode 100644
index e544616b..00000000
--- a/node_modules/matte/ui/text-slider.reel/text-slider.js
+++ /dev/null
@@ -1,466 +0,0 @@
-/*global require,exports */
-
-/**
-    @module "matte/ui/text-slider.reel"
- */
-var Component = require("montage/ui/component").Component;
-
-var EDITING_CLASS = "matte-TextSlider--editing";
-
-/**
-    <p>Provides a way for users to quickly and easily manipulate numeric values.
-    It takes the form of a numeric value with a dotted underline, optionally
-    followed by a unit.
-
-    <p>When the user clicks and drags on the numeric value
-    it increases when dragged up or right, and decreases when dragged down or
-    left. If the user holds Control or Shift while dragging the value will
-    change by a smaller or larger amount respectively.</p>
-
-    <p>If the user clicks without dragging then the component enters "edit mode"
-    and turns into a textfield where the user can directly edit the value. If
-    user presses the Up or Down arrows in edit mode the value will increase or
-    decrease respectively. If the user holds Control or Shift while pressing an
-    arrow the value will change by a smaller or larger amount respectively.</p>
-
-    @class module:"matte/ui/text-slider.reel".TextSlider
-    @extends module:montage/ui/component.Component
- */
-exports.TextSlider = Component.specialize(/** @lends module:"matte/ui/text-slider.reel".TextSlider# */ {
-
-    // Properties
-
-    _converter: {
-        enumerable: false,
-        value: null
-    },
-
-    /**
-    A converter that converts from a numeric value to the display value, for
-    example to convert to hexadecimal. You may also want to use a converter
-    that returns <code>value.toFixed(<i>n</i>)</code> to prevent precision errors from
-    being displayed to the user.
-    @type {object}
-    @default null
-    */
-    converter: {
-        get: function() {
-            return this._converter;
-        },
-        set: function(value) {
-            if (this._converter !== value) {
-                this.dispatchBeforeOwnPropertyChange("convertedValue", this.convertedValue);
-                this._converter = value;
-                this.dispatchOwnPropertyChange("convertedValue", this.convertedValue);
-                this.needsDraw = true;
-            }
-        }
-    },
-
-    _value: {
-        value: 0
-    },
-
-    /**
-    The value of the TextSlider.
-    @type {Number}
-    @default 0
-    */
-    value: {
-        get: function() {
-            return this._value;
-        },
-        set: function(value) {
-            if (isNaN(value = parseFloat(value))) {
-                return false;
-            }
-
-            // != null also checking for undefined
-            if (this._minValue != null && value < this._minValue) {
-                value = this._minValue;
-            } else if (this._maxValue != null && value > this._maxValue) {
-                value = this._maxValue;
-            }
-
-            if (this._value !== value) {
-                this.dispatchBeforeOwnPropertyChange("convertedValue", this.convertedValue);
-                this._value = value;
-                this.dispatchOwnPropertyChange("convertedValue", this.convertedValue);
-                this.needsDraw = true;
-            }
-        }
-    },
-
-    /**
-    The value of the TextSlider converted using {@link converter} for display.
-    Setting this will call <code>revert</code> on the converter and set
-    {@link value}.
-    @type {String}
-    @default "0"
-    */
-    convertedValue: {
-        get: function() {
-            // TODO catch errors from conversion?
-            return (this._converter) ? this._converter.convert(this._value) : this._value;
-        },
-        set: function(value) {
-            if (this._converter) {
-                this.value = this._converter.revert(value);
-            } else {
-                this.value = value;
-            }
-        }
-    },
-
-    _minValue: {
-        enumerable: false,
-        value: null
-    },
-    /**
-    The minimum value the TextSlider can take. If set to <code>null</code> there
-    is no minimum.
-    @type {number|null}
-    @default null
-    */
-    minValue: {
-        get: function() {
-            return this._minValue;
-        },
-        set: function(value) {
-            if (this._minValue !== value) {
-                this._minValue = value;
-
-                this.value = this._value;
-
-                this.needsDraw = true;
-            }
-        }
-    },
-    _maxValue: {
-        enumerable: false,
-        value: null
-    },
-    /**
-    The maximum value the TextSlider can take. If set to <code>null</code> there
-    is no maximum.
-    @type {number|null}
-    @default null
-    */
-    maxValue: {
-        get: function() {
-            return this._maxValue;
-        },
-        set: function(value) {
-            if (this._maxValue !== value) {
-                this._maxValue = value;
-
-                this.value = this._value;
-
-                this.needsDraw = true;
-            }
-        }
-    },
-
-    /**
-    The small amount to increase/decrease the value by. Used when the user
-    holds the Control key and drags or presses the Up arrow in input mode.
-    @type {Number}
-    @default 0.1
-    */
-    smallStepSize: {
-        enumerable: false,
-        value: 0.1
-    },
-    /**
-    The amount to increase/decrease the value by. Used per pixel when the user
-    drags the TextSlider or presses the Up arrow in input mode.
-    @type {Number}
-    @default 1
-    */
-    stepSize: {
-        enumerable: false,
-        value: 1
-    },
-    /**
-    The large amount to increase/decrease the value by. Used when the user
-    holds the Shift key and drags or presses the Up arrow in input mode.
-    @type {Number}
-    @default 10
-    */
-    largeStepSize: {
-        enumerable: false,
-        value: 10
-    },
-
-    _unit: {
-        enumerable: false,
-        value: null
-    },
-    /**
-    The unit the value is in. This will be appended to the {@link convertedValue}
-    for display.
-    @type {String|null}
-    @default null
-    */
-    unit: {
-        get: function() {
-            return this._unit;
-        },
-        set: function(value) {
-            if (this._unit !== value) {
-                this._unit = value;
-                this.needsDraw = true;
-            }
-        }
-    },
-
-    _units: {
-        enumerable: false,
-        value: []
-    },
-    units: {
-        get: function() {
-            return this._units;
-        },
-        set: function(value) {
-            if (this._units !== value) {
-                this._units = value;
-                this.needsDraw = true;
-            }
-        }
-    },
-
-    _isEditing: {
-        enumerable: false,
-        value: null
-    },
-    /**
-        Whether the TextSlider is currently being edited as a textbox
-        @type {Boolean}
-        @default false
-    */
-    isEditing: {
-        get: function() {
-            return this._isEditing;
-        },
-        set: function(value) {
-            if (this._isEditing !== value) {
-                this._isEditing = value;
-                this.needsDraw = true;
-            }
-        }
-    },
-
-    // private
-
-    _inputElement: {
-        value: null
-    },
-
-    _pressComposer: {
-        value: null
-    },
-    _translateComposer: {
-        value: null
-    },
-
-    _startX: {
-        value: null
-    },
-    _startY: {
-        value: null
-    },
-    _direction: {
-        value: null
-    },
-
-    constructor: {
-        value: function TextSlider() {
-            this.super();
-            this.handlePress = this.handleClick;
-        }
-    },
-
-    // draw
-
-    prepareForActivationEvents: {
-        value: function() {
-            this._element.addEventListener("click", this, false);
-        }
-    },
-
-    enterDocument: {
-        value: function(firstTime) {
-            if (firstTime) {
-                this._element.identifier = "text";
-                this._inputElement.identifier = "input";
-
-                this._element.addEventListener("focus", this, false);
-                this._inputElement.addEventListener("blur", this, false);
-                this._element.addEventListener("keydown", this, false);
-                this._inputElement.addEventListener("keydown", this, false);
-            }
-        }
-    },
-
-    draw: {
-        value: function() {
-            var wasEditing = this._element.classList.contains(EDITING_CLASS);
-
-            if (this._isEditing) {
-                // if we're entering the editing state...
-                if (!wasEditing) {
-                    // ...add the class and focus the input
-                    this._element.classList.add(EDITING_CLASS);
-                    this._inputElement.focus();
-                }
-
-                this._inputElement.value = this.convertedValue + ((this._unit) ? " " + this._unit : "");
-            } else if (wasEditing) {
-                // remove class list, blur the input element and focus the
-                // TextSlider for further editing
-                this._element.classList.remove(EDITING_CLASS);
-                this._inputElement.blur();
-                this._element.focus();
-            }
-
-            if (this._direction === "horizontal") {
-                document.body.style.cursor = "ew-resize";
-            } else if (this._direction === "vertical") {
-                document.body.style.cursor = "ns-resize";
-            } else {
-                document.body.style.cursor = "auto";
-            }
-
-        }
-    },
-
-    // handlers
-
-    surrenderPointer: {
-        value: function(pointer, component) {
-            // Don't allow the value to be dragged when we're being edited.
-            return !this._isEditing;
-        }
-    },
-
-    // handlePress and handleClick are set to equal in the constructor
-    // handlePress: edit on touch
-    // handleClick: edit when parent <label> element is clicked/touched
-    handleClick: {
-        value: function(event) {
-            if (!this._isEditing) {
-                this.isEditing = true;
-            }
-        }
-    },
-    // stop editing when blurred
-    handleBlur: {
-        value: function(event) {
-            if (this._isEditing) {
-                this.convertedValue = this._inputElement.value;
-                this.isEditing = false;
-            }
-        }
-    },
-
-    handleInputKeydown: {
-        value: function(event) {
-            var value;
-            if (event.keyCode === 38) {
-                // up
-                this.convertedValue = this._inputElement.value;
-                value = Math.round(((event.shiftKey) ? this.largeStepSize : (event.ctrlKey) ? this.smallStepSize : this.stepSize) / this.smallStepSize) * this.smallStepSize;
-                this.value += value;
-                this.needsDraw = true;
-            } else if (event.keyCode === 40) {
-                // down
-                this.convertedValue = this._inputElement.value;
-                value = Math.round(((event.shiftKey) ? this.largeStepSize : (event.ctrlKey) ? this.smallStepSize : this.stepSize) / this.smallStepSize) * this.smallStepSize;
-                this.value -= value;
-                this.needsDraw = true;
-            } else if (event.keyCode === 13) {
-                // enter
-                this.convertedValue = this._inputElement.value;
-                this.isEditing = false;
-            } else if (event.keyCode === 27) {
-                // esc
-                this.isEditing = false;
-            }
-        }
-    },
-    handleTextKeydown: {
-        value: function(event) {
-            if (event.keyCode === 13) {
-                // enter
-                this.isEditing = true;
-            }
-
-            if (event.shiftKey || event.keyCode === 16) {
-                this._translateComposer.pointerSpeedMultiplier = this.largeStepSize / this.stepSize;
-            } else if (event.ctrlKey || event.keyCode === 17) {
-                this._translateComposer.pointerSpeedMultiplier = this.smallStepSize / this.stepSize;
-            }
-        }
-    },
-    handleKeyup: {
-        value: function(event) {
-            if (event.shiftKey || event.keyCode === 16) {
-                this._translateComposer.pointerSpeedMultiplier = this.stepSize;
-            } else if (event.ctrlKey || event.keyCode === 17) {
-                this._translateComposer.pointerSpeedMultiplier = this.stepSize;
-            }
-        }
-    },
-
-    handleTranslateStart: {
-        value: function(event) {
-            this._direction = null;
-
-            this._startX = this._value;
-            this._startY = this._value;
-
-            // reset translate composer ready for more translation
-            this._translateComposer.translateX = this._value;
-            this._translateComposer.translateY = this._value;
-
-            document.addEventListener("keydown", this, false);
-            document.addEventListener("keyup", this, false);
-        }
-    },
-    handleTranslate: {
-        value: function(event) {
-            if (this._direction === "vertical") {
-                this.value = event.translateY;
-            } else if (this._direction === "horizontal") {
-                this.value = event.translateX;
-            } else {
-                var value,
-                    deltaX = Math.abs(event.translateX - this._startX),
-                    deltaY = Math.abs(event.translateY - this._startY);
-
-                if (deltaY > deltaX) {
-                    value = event.translateY;
-                    if (deltaY > 20) {
-                        this._direction = "vertical";
-                    }
-                } else {
-                    value = event.translateX;
-                    if (deltaX > 20) {
-                        this._direction = "horizontal";
-                    }
-                }
-                this.value = value;
-            }
-        }
-    },
-    handleTranslateEnd: {
-        value: function(event) {
-            this._direction = null;
-            this.needsDraw = true;
-            document.removeEventListener("keydown", this, false);
-            document.removeEventListener("keyup", this, false);
-        }
-    }
-
-});
diff --git a/node_modules/matte/ui/textarea.reel/textarea.css b/node_modules/matte/ui/textarea.reel/textarea.css
deleted file mode 100644
index 53d307e9..00000000
--- a/node_modules/matte/ui/textarea.reel/textarea.css
+++ /dev/null
@@ -1,27 +0,0 @@
-
-.matte-Textarea {
-    outline: none;
-    box-sizing: border-box;
-    font-size: 12px;
-    width: 150px;
-    min-width: 10em;
-    padding: 0.5em;
-    resize: vertical;
-    border: 1px solid #b3b3b3;
-    border-radius: 3px;
-    background-color: #fff;
-}
-
-.matte-Textarea:hover {
-  border-color: #ccc;
-}
-
-.matte-Textarea:focus {
-  border-color: #7f7f7f;
-}
-
-.matte-Textarea:disabled {
-    opacity: .5;
-    border-style: dashed;
-    pointer-events: none;
-}
diff --git a/node_modules/matte/ui/textarea.reel/textarea.html b/node_modules/matte/ui/textarea.reel/textarea.html
deleted file mode 100644
index c99f775e..00000000
--- a/node_modules/matte/ui/textarea.reel/textarea.html
+++ /dev/null
@@ -1,9 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <meta charset="utf-8">
-    <link rel="stylesheet" href="textarea.css">
-</head>
-<body>
-</body>
-</html>
diff --git a/node_modules/matte/ui/textarea.reel/textarea.js b/node_modules/matte/ui/textarea.reel/textarea.js
deleted file mode 100644
index 2ce0bf1b..00000000
--- a/node_modules/matte/ui/textarea.reel/textarea.js
+++ /dev/null
@@ -1,22 +0,0 @@
-/**
-    module:"matte/ui/textarea.reel"
-*/
-/*global require,exports */
-var AbstractTextArea = require("montage/ui/base/abstract-text-area").AbstractTextArea;
-
-/**
- * Textarea
- * @class module:"matte/ui/textarea.reel".Textarea
- * @lends module:"native/ui/textarea.reel".Textarea
- */
-exports.Textarea = AbstractTextArea.specialize(/** @lends module:"matte/ui/textarea.reel".Textarea */ {
-
-    hasTemplate: {value: true},
-
-    constructor: {
-        value: function Textarea() {
-            this.super();
-            this.classList.add("matte-Textarea");
-        }
-    }
-});
diff --git a/node_modules/matte/ui/toggle-button.reel/toggle-button.css b/node_modules/matte/ui/toggle-button.reel/toggle-button.css
deleted file mode 100644
index 5127ada3..00000000
--- a/node_modules/matte/ui/toggle-button.reel/toggle-button.css
+++ /dev/null
@@ -1,8 +0,0 @@
-
-.matte-Button.active {
-    background-color: #cccccc;
-}
-
-.matte-Button.active:hover {
-    background-color: #d8d8d8;
-}
diff --git a/node_modules/matte/ui/toggle-button.reel/toggle-button.html b/node_modules/matte/ui/toggle-button.reel/toggle-button.html
deleted file mode 100644
index 2479d336..00000000
--- a/node_modules/matte/ui/toggle-button.reel/toggle-button.html
+++ /dev/null
@@ -1,10 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <meta charset="utf-8">
-    <link rel="stylesheet" href="../button.reel/button.css">
-    <link rel="stylesheet" href="toggle-button.css">
-</head>
-<body>
-</body>
-</html>
diff --git a/node_modules/matte/ui/toggle-button.reel/toggle-button.js b/node_modules/matte/ui/toggle-button.reel/toggle-button.js
deleted file mode 100644
index a14dc1fd..00000000
--- a/node_modules/matte/ui/toggle-button.reel/toggle-button.js
+++ /dev/null
@@ -1,176 +0,0 @@
-
-/**
-    @module "matte/ui/toggle-button.reel"
-*/
-
-var Button = require("ui/button.reel").Button;
-/**
-  The ToggleButton component extends the Button component to include state management (pressed or not pressed), and the ability to specify labels and CSS classes for each state.
-  @class module:"matte/ui/toggle-button.reel".ToggleButton
-  @extends module:"matte/ui/button.reel".Button
- */
-var ToggleButton = exports.ToggleButton = Button.specialize(/** @lends module:"matte/ui/toggle-button.reel".ToggleButton# */ {
-    hasTemplate: {value: true},
-
-    _pressed: {
-        value: false
-    },
-/**
-    Gets and sets the ToggleButton's current state, updates the button's label to its <code>pressedLabel</code> or <code>unpressedLabel</code>, and requests a draw.
-    @type {Boolean}
-    @default false
-*/
-    pressed: {
-        get: function() {
-            return this._pressed;
-        },
-        set: function(value) {
-            this._pressed = !!value;
-            this._label = (this._pressed) ? this._pressedLabel : this._unpressedLabel;
-            this.needsDraw = true;
-        }
-    },
-
-    _unpressedLabel: {
-        value: null
-    },
-/**
-    The label to display when the ToggleButton is in its unpressed state. By default, it is set to the value of the <code>value</code> attribute assigned to the input element.
-    @type {String}
-    @default null
-*/
-    unpressedLabel: {
-        get: function() {
-            return this._unpressedLabel;
-        },
-        set: function(value) {
-            this._unpressedLabel = value;
-            if (!this._pressed) {
-                this.label = this._unpressedLabel;
-                this.needsDraw = true;
-            }
-        }
-    },
-
-    _pressedLabel: {
-        value: null
-    },
-/**
-    The value the button should take when it is in the pressed state. By default, it is set to the value of the <code>value</code> attribute assigned to the input element.
-    @type {Property}
-    @default {String} null
-*/
-    pressedLabel: {
-        get: function() {
-            return this._pressedLabel;
-        },
-        set: function(value) {
-            this._pressedLabel = value;
-            if (this._pressed) {
-                this.label = this._pressedLabel;
-                this.needsDraw = true;
-            }
-        }
-    },
-
-    _pressedClass: {
-        value: "pressed"
-    },
-/**
-    The CSS class that should be added to the element's class list when the button is in
-    the pressed state. It is removed when the button is unpressed.
-    @type {string}
-    @default "pressed"
-*/
-    pressedClass: {
-        get: function() {
-            return this._pressedClass;
-        },
-        set: function(value) {
-            this._pressedClass = value;
-            if (this._pressed) {
-                this.needsDraw = true;
-            }
-        }
-    },
-
-    /**
-        The current value of the button. It is set to the value of <code>unpressedLabel</code> or
-        <code>pressedLabel</code> depending on the ToggleButton's state.
-
-        Setting this property equal to <code>unpressedLabel</code> or <code>pressedLabel</code> will change the <code>pressed</code> state of the button to `false` or `true`, respectively.
-        @type {string}
-        @default null
-    */
-    label: {
-        get: function() {
-            return Object.getPropertyDescriptor(Button,"label").get.call(this);
-        },
-        set: function(value) {
-            // Call super
-            //Object.getOwnPropertyDescriptor(Object.getPrototypeOf(ToggleButton),"label").set.call(this, value);
-            Object.getPropertyDescriptor(Button, "label").set.call(this, value);
-            if (this._pressed === true && this._label === this._unpressedLabel) {
-                this.pressed = false;
-            } else if (this._pressed === false && this._label === this._pressedLabel) {
-                this.pressed = true;
-            }
-        }
-    },
-
-    setLabelInitialValue: {
-        value: function(value) {
-            if (this._label === null) {
-                this._label = value;
-            }
-        }
-    },
-
-    enterDocument: {
-        value: function(firstTime) {
-            this.super(firstTime);
-
-            if (firstTime) {
-                // If we haven't set the (un)pressedLabel of the initial state,
-                // then take it from the label
-                if (this._unpressedLabel === null && this._label !== null) {
-                    this._unpressedLabel = this._label;
-                }
-                if (this._pressedLabel === null && this._label !== null) {
-                    this._pressedLabel = this._label;
-                }
-            }
-        }
-    },
-
-    draw: {
-        value: function() {
-            this.super();
-
-            if (this._pressed) {
-                this._element.classList.add(this._pressedClass);
-                this._element.setAttribute("aria-pressed", true);
-            } else {
-                this._element.classList.remove(this._pressedClass);
-                this._element.setAttribute("aria-pressed", false);
-            }
-        }
-    },
-
-    _dispatchActionEvent: {
-        value: function() {
-            this.pressed = !this._pressed;
-            this.super();
-        }
-    },
-
-    /**
-        Toggles the state of the button.
-        @function
-    */
-    toggle: {
-        value: function() {
-            this.pressed = !this._pressed;
-        }
-    }
-});
diff --git a/node_modules/matte/ui/toggle-switch.reel/toggle-switch.css b/node_modules/matte/ui/toggle-switch.reel/toggle-switch.css
deleted file mode 100644
index 3394f87b..00000000
--- a/node_modules/matte/ui/toggle-switch.reel/toggle-switch.css
+++ /dev/null
@@ -1,157 +0,0 @@
-.matte-ToggleSwitch {
-    width: 60px;
-    height: 22px;
-}
-
-.matte-ToggleSwitch .toggle:before {
-    content: "";
-    position: absolute;
-    left: -13px;
-    right: -13px;
-    top: -8px;
-    bottom: -8px;
-    border-radius: 30px;
-}
-
-.matte-ToggleSwitch .toggle {
-    position: absolute;
-    border-radius: 12px;
-    height: 20px;
-    padding: 1px;
-    background-color: rgba(160,160,160,.4);
-    -webkit-box-shadow: inset 0 1px 4px rgba(0,0,0,.3), 0 1px rgba(255,255,255,.4), 0 -1px rgba(0,0,0,.1);
-}
-
-.matte-ToggleSwitch .scroll {
-    -webkit-transform: translateZ(0);
-}
-
-.matte-ToggleSwitch .circle {
-    position: absolute;
-    margin: -16px 0 0 -16px;
-    height: 50px;
-    width: 50px;
-    border-radius: 26px;
-    background: #fff;
-    opacity: .3;
-    border: 1px solid rgba(0, 0, 0, .5);
-    -webkit-transform: scale3d(.35, .35, 0) translateZ(0);
-}
-
-.matte-ToggleSwitch.pressed .circle {
-    -webkit-transform: scale3d(1, 1, 0) translateZ(0);
-}
-
-.matte-ToggleSwitch .handlerbg {
-    position: absolute;
-    background: transparent;
-    position: absolute;
-    height: 20px;
-    width: 20px;
-    border-radius: 11px;
-    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .35);
-    -webkit-transform: translateZ(0);
-}
-
-.matte-ToggleSwitch .handler {
-    position: absolute;
-    width: 20px;
-    height: 20px;
-    border-radius: 11px;
-    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e6e6e6));
-    -webkit-transform: translateZ(0);
-}
-
-.matte-ToggleSwitch .handler:after {
-    content: "";
-    position: absolute;
-    margin: 6px 0 0 6px;
-    width: 8px;
-    height: 8px;
-    border-radius: 4px;
-    background-color: #909090;
-    -webkit-box-shadow: inset 0 1px 2px #707070;
-    -webkit-transform: scale3d(.9, .9, 0) translateZ(0);
-}
-
-.matte-ToggleSwitch .handleronbg {
-    opacity: 0;
-    position: absolute;
-    background: rgba(0,0,0,.3);
-    margin: -1px 0 0 -1px;
-    width: 20px;
-    height: 20px;
-    border-radius: 11px;
-    padding: 1px;
-    -webkit-transform: translateZ(0);
-}
-
-.matte-ToggleSwitch .handleron {
-    position: absolute;
-    width: 20px;
-    height: 20px;
-    border-radius: 10px;
-    background: -webkit-gradient(linear, left top, left bottom, from(#10BEFE), to(#0AA3DA));
-    -webkit-transform: translateZ(0);
-}
-
-.matte-ToggleSwitch .handleron:after {
-    content: "";
-    position: absolute;
-    margin: 6px 0 0 6px;
-    height: 8px;
-    width: 8px;
-    border-radius: 4px;
-    background-color: #07739A;
-    -webkit-box-shadow: inset 0 1px 2px #04435A;
-    -webkit-transform: scale3d(.9, .9, 0) translateZ(0);
-}
-
-.matte-ToggleSwitch .handlerdragarea {
-    position: absolute;
-    margin: -16px 0 0 -16px;
-    width: 52px;
-    height: 52px;
-    border-radius: 26px;
-    -webkit-transform: translateZ(0);
-}
-
-.matte-ToggleSwitch.dark .toggle {
-    padding: 0;
-    border: 1px solid rgba(0,0,0,.4);
-    background-color: rgba(40,40,40,.55);
-    -webkit-box-shadow: 0 1px rgba(255,255,255,.2), 0 -1px rgba(0,0,0,.1);
-}
-
-.matte-ToggleSwitch.dark .circle {
-    opacity: .25;
-    background: rgba(120, 120, 120, .8);
-    border: 1px solid #000;
-    -webkit-transform: scale3d(.35, .35, 0) translateZ(0);
-    -webkit-transition: -webkit-transform 150ms;
-}
-
-.matte-ToggleSwitch.pressed.dark .circle {
-    -webkit-transform: scale3d(1, 1, 0) translateZ(0);
-}
-
-.matte-ToggleSwitch.dark .handler {
-    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.5)), to(rgba(255,255,255,.3)));
-}
-
-.matte-ToggleSwitch.dark .handler:after {
-    background-color: rgba(0,0,0,.6);
-    -webkit-box-shadow: 0 1px 0 #828282;
-}
-
-.matte-ToggleSwitch.dark .handleronbg {
-    opacity: 0;
-    position: absolute;
-    background: transparent;
-    margin: -1px 0 0 -1px;
-    width: 20px;
-    height: 20px;
-    border-radius: 11px;
-    padding: 1px;
-    -webkit-transform: translateZ(0);
-}
diff --git a/node_modules/matte/ui/toggle-switch.reel/toggle-switch.html b/node_modules/matte/ui/toggle-switch.reel/toggle-switch.html
deleted file mode 100644
index 7fbaf95a..00000000
--- a/node_modules/matte/ui/toggle-switch.reel/toggle-switch.html
+++ /dev/null
@@ -1,9 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <meta charset="utf-8">
-    <link rel="stylesheet" href="toggle-switch.css">
-</head>
-<body>
-</body>
-</html>
diff --git a/node_modules/matte/ui/toggle-switch.reel/toggle-switch.js b/node_modules/matte/ui/toggle-switch.reel/toggle-switch.js
deleted file mode 100644
index 42878719..00000000
--- a/node_modules/matte/ui/toggle-switch.reel/toggle-switch.js
+++ /dev/null
@@ -1,419 +0,0 @@
-/**
-
-    @requires montage/core/core
-    @requires montage/ui/component
-*/
-var Component = require("montage/ui/component").Component;
-/**
- @class module:"matte/ui/toggle-switch.reel".ToggleSwitch
- @extends module:montage/ui/component.Component
- */
-exports.ToggleSwitch = Component.specialize(/** @lends module:"matte/ui/toggle-switch.reel".ToggleSwitch# */ {
-
-
-    _value: {
-        enumerable: false,
-        value: false
-    },
-/**
-        Description TODO
-        @type {Function}
-        @default {Boolean} false
-    */
-    value: {
-        enumerable: true,
-        get: function() {
-            return this._value;
-        },
-        set: function(value) {
-            if (!this._pressed) {
-                value = !!value;
-                if (this._value !== value) {
-                    this._value = value;
-                    window.clearInterval(this._animation);
-                    this._animation = null;
-                    this._speed = 0;
-                    this.needsDraw = true;
-                }
-            }
-        }
-    },
-/**
-  Description TODO
-  @private
-*/
-    _toggle: {
-        enumerable: false,
-        value: null
-    },
-/**
-  Description TODO
-  @private
-*/
-    _scroll: {
-        enumerable: false,
-        value: null
-    },
-/**
-  Description TODO
-  @private
-*/
-    _circle: {
-        enumerable: false,
-        value: null
-    },
-/**
-  Description TODO
-  @private
-*/
-    _handlerBg: {
-        enumerable: false,
-        value: null
-    },
-/**
-  Description TODO
-  @private
-*/
-    _handler: {
-        enumerable: false,
-        value: null
-    },
-/**
-  Description TODO
-  @private
-*/
-    _handlerOnBg: {
-        enumerable: false,
-        value: null
-    },
-/**
-  Description TODO
-  @private
-*/
-    _handlerOn: {
-        enumerable: false,
-        value: null
-    },
-/**
-  Description TODO
-  @private
-*/
-    _handlerDragArea: {
-        enumerable: false,
-        value: null
-    },
-/**
-  Description TODO
-  @private
-*/
-    _pressed: {
-        enumerable: false,
-        value: false
-    },
-/**
-  Description TODO
-  @private
-*/
-    _cursorPosition: {
-        enumerable: false,
-        value: null
-    },
-/**
-  Description TODO
-  @private
-*/
-    _width: {
-        enumerable: false,
-        value: 60 - 22
-    },
-/**
-  Description TODO
-  @private
-*/
-    _scrollTo: {
-        enumerable: false,
-        value: null
-    },
-/**
-  Description TODO
-  @private
-*/
-    _touchIdentifier: {
-        enumerable: false,
-        value: null
-    },
-/**
-  Description TODO
-  @private
-*/
-    _speed: {
-        enumerable: false,
-        value: 0
-    },
-/**
-    Description TODO
-    @function
-    @param {Event} event TODO
-    */
-    handleTouchstart: {
-        enumerable: false,
-        value: function (event) {
-            if (event.target === this._toggle) {
-                this.value = !this.value;
-            } else {
-                this._touchIdentifier = event.targetTouches[0].identifier;
-                document.addEventListener("touchmove", this, false);
-                document.addEventListener("touchend", this, false);
-                this._cursorPosition = event.targetTouches[0].clientX;
-
-                if (this._scrollTo < 0) {
-                    this._scrollTo = 0;
-                } else if (this._scrollTo > this._width) {
-                    this._scrollTo = this._width;
-                }
-                window.clearInterval(this._animation);
-                this._animation = null;
-                this._pressed = true;
-                this.needsDraw = true;
-            }
-            event.preventDefault();
-            event.stopPropagation();
-        }
-    },
-/**
-    Description TODO
-    @function
-    @param {Event} event TODO
-    */
-    handleMousedown: {
-        enumerable: false,
-        value: function (event) {
-            if (event.target === this._toggle) {
-                this.value = !this.value;
-            } else {
-                document.addEventListener("mousemove", this, false);
-                document.addEventListener("mouseup", this, false);
-                this._cursorPosition = event.clientX;
-
-                if (this._scrollTo < 0) {
-                    this._scrollTo = 0;
-                } else if (this._scrollTo > this._width) {
-                    this._scrollTo = this._width;
-                }
-                window.clearInterval(this._animation);
-                this._animation = null;
-                this._pressed = true;
-                this.needsDraw = true;
-            }
-            event.preventDefault();
-            event.stopPropagation();
-        }
-    },
-/**
-    Description TODO
-    @function
-    @param {Event} event TODO
-    */
-    handleTouchmove: {
-        enumerable: false,
-        value: function (event) {
-            if (this._pressed) {
-                var i = 0, changedTouches = event.changedTouches, length = changedTouches.length;
-
-                while ((i < length) && (changedTouches[i].identifier !== this._touchIdentifier)) {
-                    i++;
-                }
-                if (i < length) {
-                    this._scrollTo = this._scrollTo + (event.changedTouches[i].clientX - this._cursorPosition);
-                    this._cursorPosition = event.changedTouches[i].clientX;
-                    event.preventDefault();
-                    this.needsDraw = true;
-                }
-            }
-        }
-    },
-/**
-    Description TODO
-    @function
-    @param {Event} event TODO
-    */
-    handleMousemove: {
-        enumerable: false,
-        value: function (event) {
-            if (this._pressed) {
-                this._scrollTo = this._scrollTo + (event.clientX - this._cursorPosition);
-                this._cursorPosition = event.clientX;
-                event.preventDefault();
-                event.stopPropagation();
-                this.needsDraw = true;
-            }
-        }
-    },
-/**
-    Description TODO
-    @function
-    @param {Event} event TODO
-    */
-    handleTouchend: {
-        enumerable: false,
-        value: function (event) {
-            var i = 0, length = event.changedTouches.length;
-
-            while ((i < length) && (event.changedTouches[i].identifier !== this._touchIdentifier)) {
-                i++;
-            }
-            if (i < length) {
-                this._pressed = false;
-                if (this._scrollTo > ((this._width) / 2)) {
-                    this.value = true;
-                } else {
-                    this.value = false;
-                }
-                this._speed = event.changedTouches[i].velocity.x;
-                document.removeEventListener("touchmove", this, false);
-                document.removeEventListener("touchend", this, false);
-                this.needsDraw = true;
-            }
-        }
-    },
-/**
-    Description TODO
-    @function
-    @param {Event} event TODO
-    */
-    handleMouseup: {
-        enumerable: false,
-        value: function (event) {
-            this._pressed = false;
-            if (this._scrollTo > ((this._width) / 2)) {
-                this.value = true;
-            } else {
-                this.value = false;
-            }
-            this._speed = event.velocity.x;
-            document.removeEventListener("mousemove", this, false);
-            document.removeEventListener("mouseup", this, false);
-            this.needsDraw = true;
-        }
-    },
-/**
-    Description TODO
-    @function
-    */
-    prepareForActivationEvents: {
-        enumerable: false,
-        value: function() {
-            if (window.Touch) {
-                this._handlerDragArea.addEventListener("touchstart", this, false);
-                this._toggle.addEventListener("touchstart", this, false);
-            } else {
-                this._handlerDragArea.addEventListener("mousedown", this, false);
-                this._toggle.addEventListener("mousedown", this, false);
-            }
-            this.eventManager.isStoringPointerEvents = true;
-        }
-    },
-/**
-    Description TODO
-    @function
-    */
-    enterDocument: {
-        value: function(firstTime) {
-            if (firstTime) {
-                this._element.classList.add("matte-ToggleSwitch");
-                this._toggle = document.createElement('div');
-                this._scroll = document.createElement('div');
-                this._circle = document.createElement('div');
-                this._handlerBg = document.createElement('div');
-                this._handler = document.createElement('div');
-                this._handlerOnBg = document.createElement('div');
-                this._handlerOn = document.createElement('div');
-                this._handlerDragArea = document.createElement('div');
-                this._toggle.className = "toggle";
-                this._scroll.className = "scroll";
-                this._circle.className = "circle";
-                this._handlerBg.className = "handlerbg";
-                this._handler.className = "handler";
-                this._handlerOnBg.className = "handleronbg";
-                this._handlerOn.className = "handleron";
-                this._handlerDragArea.className = "handlerdragarea";
-                this._element.appendChild(this._toggle);
-                this._toggle.appendChild(this._scroll);
-                this._scroll.appendChild(this._handlerBg);
-                this._handlerBg.appendChild(this._circle);
-                this._handlerBg.appendChild(this._handler);
-                this._handlerBg.appendChild(this._handlerOnBg);
-                this._handlerBg.appendChild(this._handlerDragArea);
-                this._handlerOnBg.appendChild(this._handlerOn);
-                this._toggle.style.width = (this._width + 20) + "px";
-
-                this._scrollTo = this._value ? this._width : 0;
-            }
-        }
-    },
-/**
-  Description TODO
-  @private
-*/
-    _animation: {
-        enumerable: false,
-        value: null
-    },
-/**
-    Description TODO
-    @function
-    */
-    draw: {
-        enumerable: false,
-        value: function () {
-            var x = this._scrollTo;
-
-            if (this._pressed) {
-                this.element.classList.add("pressed");
-                this._circle.style.webkitTransition = "-webkit-transform 150ms";
-            } else {
-                this.element.classList.remove("pressed");
-                if (this._animation === null) {
-                    if ((this._value && (this._scrollTo < this._width)) || (!this._value && (this._scrollTo > 0))) {
-                        var startTime = new Date().getTime(),
-                            startPos = this._scrollTo,
-                            self = this;
-
-                        this._animation = window.setInterval(function () {
-                            var time = new Date().getTime() - startTime;
-
-                            if ((self._value && (self._scrollTo < self._width)) || (!self._value && (self._scrollTo > 0))) {
-                                if (self._value) {
-                                    if (self._speed > 0) {
-                                        self._scrollTo = startPos + self._speed * time / 1000 + time * time / 750;
-                                    } else {
-                                        self._scrollTo = startPos + time * time / 750;
-                                    }
-                                } else {
-                                    if (self._speed < 0) {
-                                        self._scrollTo = startPos + self._speed * time / 1000 - time * time / 750;
-                                    } else {
-                                        self._scrollTo = startPos - time * time / 750;
-                                    }
-                                }
-                                self.needsDraw = true;
-                            } else {
-                                this._scrollTo = this._value ? this._width : 0;
-                                window.clearInterval(self._animation);
-                                self._animation = null;
-                                self.needsDraw = true;
-                            }
-                        }, 16);
-                    }
-                }
-            }
-            if (x < 0) {
-                x = 0;
-            } else if (x > this._width) {
-                x = this._width;
-            }
-            this._scroll.style.webkitTransform = "translate3d(" + x + "px,0,0)";
-            this._handlerOnBg.style.opacity = x / (this._width);
-        }
-    }
-});
diff --git a/node_modules/matte/ui/token-field/token-field.reel/token-field.css b/node_modules/matte/ui/token-field/token-field.reel/token-field.css
deleted file mode 100644
index ef1a623e..00000000
--- a/node_modules/matte/ui/token-field/token-field.reel/token-field.css
+++ /dev/null
@@ -1,29 +0,0 @@
-
-.matte-TokenField {
-    background: white;
-    border: 1px solid #bdbdbd;
-    padding: 3px 5px;
-    border-radius: 3px;
-    cursor: text;
-}
-
-.matte-TokenField-list {
-    display: inline;
-}
-
-.matte-TokenField-AutocompleteInputText {
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    border: none;
-    height: 13px;
-    margin: 3px 1px;
-    padding: 0;
-    outline: 0;
-    vertical-align: middle;
-    box-shadow: none;
-    width: 2px;
-}
-
-.matte-TokenField-Autocomplete:focus {
-    width: 80%;
-}
diff --git a/node_modules/matte/ui/token-field/token-field.reel/token-field.html b/node_modules/matte/ui/token-field/token-field.reel/token-field.html
deleted file mode 100644
index 029bd59d..00000000
--- a/node_modules/matte/ui/token-field/token-field.reel/token-field.html
+++ /dev/null
@@ -1,80 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <meta charset="utf-8">
-    <link rel="stylesheet" href="token-field.css">
-    <script type="text/montage-serialization">
-{
-    "owner": {
-        "prototype": "ui/token-field/token-field.reel",
-        "properties": {
-            "element": {"#": "token-field"},
-            "_autocomplete": {"@": "autocomplete"},
-            "_tokenList": {"@": "tokenList"},
-            "_tokensController": {"@": "tokensController"}
-        },
-        "bindings": {
-            "_suggestedValue": {"<-": "@autocomplete.suggestedValue"},
-            "_autocompleteValue": {"<-": "@autocomplete.value"}
-        }
-    },
-
-    "tokensController": {
-        "prototype": "montage/core/range-controller",
-        "properties": {
-            "selectAddedObjects": true
-        },
-        "bindings": {
-            "content": {"<->": "@owner.values"}
-        }
-    },
-
-    "tokenList": {
-        "prototype": "montage/ui/repetition.reel",
-        "properties": {
-            "element": {
-                "#": "token-list"
-            },
-            "isSelectionEnabled": true,
-            "contentController": {"@": "tokensController"}
-        }
-    },
-
-    "token": {
-        "prototype": "ui/token-field/token.reel",
-        "properties": {
-            "element": {"#": "token"}
-        },
-        "bindings": {
-            "value": {"<-": "@tokenList:iteration.object"},
-            "tokensController": {"<-": "@tokenList.contentController"},
-            "textPropertyPath": {"<-": "@owner.textPropertyPath"},
-            "allowAdHocValues": {"<-": "@owner.allowAdHocValues"}
-        }
-    },
-
-    "autocomplete": {
-        "prototype": "ui/autocomplete/autocomplete.reel",
-        "properties": {
-            "element": {"#": "autocomplete"},
-            "identifier": "autocomplete",
-            "delay": "500",
-            "value": ""
-        },
-        "bindings": {
-            "textPropertyPath": {"<-": "@owner.textPropertyPath"},
-            "placeholder": {"<-": "@owner.placeholder"}
-        }
-    }
-}
-    </script>
-</head>
-<body>
-    <div data-montage-id="token-field" class="matte-TokenField">
-        <div data-montage-id="token-list" class="matte-TokenField-list">
-            <span data-montage-id="token"></span>
-        </div>
-        <input type="text" data-montage-id="autocomplete" class="matte-TokenField-Autocomplete" tabindex="0">
-    </div>
-</body>
-</html>
diff --git a/node_modules/matte/ui/token-field/token-field.reel/token-field.js b/node_modules/matte/ui/token-field/token-field.reel/token-field.js
deleted file mode 100644
index cb2e85fd..00000000
--- a/node_modules/matte/ui/token-field/token-field.reel/token-field.js
+++ /dev/null
@@ -1,226 +0,0 @@
-/**
-    @module "matte/ui/token-field/token-field.reel"
-*/
-var Component = require("montage/ui/component").Component;
-
-var KEY_DELETE = 46,
-    KEY_BACKSPACE = 8,
-    KEY_LEFT = 37,
-    KEY_UP = 38,
-    KEY_RIGHT = 39,
-    KEY_DOWN = 40;
-
-/**
-    @class module:"matte/ui/token-field/token-field.reel".TokenField
-    @extends module:montage/ui/component.Component
-*/
-exports.TokenField = Component.specialize(/** @lends module:"matte/ui/token-field/token-field.reel".TokenField */ {
-
-    delegate: {value: null},
-
-    values: {value: null},
-
-    /**
-    * Path to a String within an Object that is representative of the Object
-    */
-    textPropertyPath: {value: null},
-
-    /**
-    * Allow ad-hoc strings (strings that do not have corresponding represented object) to be entered.
-    */
-    allowAdHocValues: {value: null},
-
-    placeholder: {value: null},
-
-
-    // private
-
-    __hasFocus: {value: null},
-    _hasFocus: {
-        get: function() {
-            return this.__hasFocus;
-        },
-        set: function(value) {
-            if(value != this.__hasFocus) {
-                this.__hasFocus = value;
-                this.needsDraw = true;
-            }
-        }
-    },
-
-    _tokensController: {value: null},
-    _tokenList: {value: null},
-    _autocomplete: {value: null},
-    __autocompleteValue: {value: null},
-    _autocompleteValue: {
-        get: function() {
-            return this.__autocompleteValue;
-        },
-        set: function(value) {
-            this.__autocompleteValue = value;
-        }
-    },
-
-    __suggestedValue: {value: null},
-    _suggestedValue: {
-        get: function() {
-            return this.__suggestedValue;
-        },
-        set: function(newValue) {
-            if(newValue) {
-                var representedObject;
-                if(!this.allowAdHocValues && typeof newValue === "string") {
-                    // since ad-hoc values are not allowed, check with the delegate
-                    // if a representedObject can be found for this string
-                    representedObject = this.callDelegateMethod('getRepresentedObject', newValue);
-                } else {
-                    representedObject = newValue;
-                }
-                if(representedObject) {
-                    this.__suggestedValue = representedObject;
-                    // able to find a representedObject
-                    if(!this.values) {
-                        this.values = [];
-                    }
-                    this.values.push(this.__suggestedValue);
-                    this._autocomplete.value = '';
-                }
-                // nullify the value as autocomplete.value is empty
-                this.__suggestedValue = null;
-
-            }
-        }
-    },
-
-    prepareForActivationEvents: {
-        value: function() {
-            this.element.addEventListener('mouseup', this);
-        }
-    },
-
-    enterDocument: {
-        value: function(firstTime) {
-            if (firstTime) {
-                this._autocomplete.delegate = this.delegate;
-                if(this.identifier) {
-                    this._autocomplete.identifier = this.identifier;
-                    // @todo : this might be a problem. Since delegate methods are prefixed with
-                    // the identifier
-                    //this.identifier = 'token-field-' + this.identifier;
-                }
-                this._autocomplete.element.addEventListener("keyup", this);
-            }
-        }
-    },
-
-    draw: {
-        value: function() {
-            if(this._hasFocus) {
-                this._autocomplete.element.focus();
-                this.__hasFocus = false;
-            } else {
-                if(this.placeholder) {
-                    this._autocomplete.element.style.width = 'auto';
-                }
-            }
-        }
-    },
-
-    // Event handling
-    handleMouseup: {
-        value: function(event) {
-            this._hasFocus = true;
-        }
-    },
-
-    handleKeyup: {
-        value: function(e) {
-            var code = e.keyCode;
-            //console.log('keyCode', code);
-            if(this.values && this.values.length > 0) {
-                var selectedIndexes = this._tokensController.selectedIndexes;
-                var selectedIndex = (selectedIndexes && selectedIndexes.length > 0 ? selectedIndexes[0] : null);
-                var lastIndex = this.values.length - 1, len = this.values.length;
-
-                switch(code) {
-                    // @todo - check Keycode in Windows/Linux/Mobile browsers
-                    case KEY_BACKSPACE:
-                    case KEY_DELETE:
-                    // Only remove the token if the token has already been selected
-                    // So the behavior is to select the last token if it is not selected already.
-                    // If selected already, then remove it
-
-                    if(!this._autocompleteValue) {
-                        // check if the selected token is the last one
-                        if(selectedIndexes && selectedIndexes.length > 0) {
-                            // removes the selected one
-                            this._tokensController.removeObjectsAtSelectedIndexes();
-                            this._tokensController.selectedIndexes = [];
-                        } else {
-                            this._tokensController.selectedIndexes = [this.values.length-1];
-                        }
-                    }
-
-                    break;
-
-                    case KEY_LEFT:
-                        if(!this._autocompleteValue) {
-                            if(selectedIndex != null) {
-                                selectedIndex = selectedIndex - 1;
-                                if(selectedIndex < 0) {
-                                    selectedIndex = lastIndex;
-                                }
-                            } else {
-                                selectedIndex = lastIndex;
-                            }
-                            this._tokensController.selectedIndexes = [selectedIndex];
-                        }
-
-                    break;
-
-                    case KEY_RIGHT:
-                    if(!this._autocompleteValue) {
-                        if(selectedIndex != null) {
-                            selectedIndex = selectedIndex + 1;
-                            if(selectedIndex > lastIndex) {
-                                selectedIndex = 0;
-                            }
-                        } else {
-                            selectedIndex = 0;
-                        }
-                        this._tokensController.selectedIndexes = [selectedIndex];
-                    }
-
-                    break;
-
-
-                    case KEY_UP:
-                        if(selectedIndex != null) {
-                            this._tokensController.selectedIndexes = [0];
-                        }
-
-                    break;
-
-                    case KEY_DOWN:
-                        if(selectedIndex != null) {
-                            this._tokensController.selectedIndexes = [lastIndex];
-                        }
-
-                    break;
-
-
-                    default:
-                        this._tokensController.selectedIndexes = [];
-                    break;
-
-                }
-            }
-
-        }
-
-    }
-
-
-
-
-});
diff --git a/node_modules/matte/ui/token-field/token.reel/token.css b/node_modules/matte/ui/token-field/token.reel/token.css
deleted file mode 100644
index 6ad97cf3..00000000
--- a/node_modules/matte/ui/token-field/token.reel/token.css
+++ /dev/null
@@ -1,49 +0,0 @@
-.matte-Token {
-    display: inline-block;
-    margin: 3px 1px;
-    border: 1px solid hsl(0,0%,85%);
-    background-color: hsl(0,0%,95%);
-    color: #333;
-    vertical-align: middle;
-    cursor: default;
-    border-radius: 3px;
-}
-
-.matte-Token > .matte-Token-text {
-    padding: 0px 1px 0px 5px;
-}
-
-.matte-Token > .matte-Token-delete {
-    display: inline-block;
-    padding: 3px 6px;
-    border-left: inherit;
-    border-radius: 0 2px 2px 0;
-    color: hsl(0,0%,60%);
-    cursor: pointer;
-}
-.matte-Token > .matte-Token-delete:hover {
-    color: hsl(0,0%,30%);
-    background-color: hsl(0,0%,90%);
-}
-.matte-Token > .matte-Token-delete:active {
-    color: hsl(0,0%,60%);
-    background-color: hsl(0,0%,85%);
-}
-
-/* selected */
-.matte-Token.selected {
-    border-color: hsl(0,0%,60%);
-}
-
-.matte-Token.selected > .matte-Token-delete {
-    color: hsl(0,0%,100%);
-    background-color: hsl(0,0%,60%);
-}
-
-.matte-Token.active {
-    border: 1px solid #ccc;
-}
-
-.matte-Token.matte-Token--adhoc {
-    border: 1px dashed #ccc;
-}
diff --git a/node_modules/matte/ui/token-field/token.reel/token.html b/node_modules/matte/ui/token-field/token.reel/token.html
deleted file mode 100644
index 8ff35838..00000000
--- a/node_modules/matte/ui/token-field/token.reel/token.html
+++ /dev/null
@@ -1,40 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <meta charset="utf-8">
-    <link rel="stylesheet" href="token.css">
-    <script type="text/montage-serialization">
-{
-    "tokenText": {
-        "prototype": "montage/ui/text.reel",
-        "properties": {
-            "element": {"#": "token-text"}
-        },
-        "bindings": {
-            "value": {"<-": "@owner.text"}
-        }
-    },
-    "tokenDelete": {
-        "prototype": "montage/ui/text.reel",
-        "properties": {
-            "element": {"#": "token-delete"},
-            "value": "✕"
-        }
-    },
-    "owner": {
-        "prototype": "ui/token-field/token.reel",
-        "properties": {
-            "element": {"#": "token"},
-            "_deleteEl": {"#": "token-delete"}
-        }
-    }
-}
-    </script>
-</head>
-<body>
-    <span data-montage-id="token" class="matte-Token">
-        <span data-montage-id="token-text" class="matte-Token-text"></span>
-        <span data-montage-id="token-delete" class="matte-Token-delete">✕</span>
-    </span>
-</body>
-</html>
diff --git a/node_modules/matte/ui/token-field/token.reel/token.js b/node_modules/matte/ui/token-field/token.reel/token.js
deleted file mode 100644
index a255e7f6..00000000
--- a/node_modules/matte/ui/token-field/token.reel/token.js
+++ /dev/null
@@ -1,111 +0,0 @@
-var Component = require("montage/ui/component").Component;
-
-exports.Token = Component.specialize({
-
-    _text: {
-        value: null
-    },
-
-    text: {
-        dependencies: ["value", "textPropertyPath"],
-        get: function() {
-            var textPropertyPath,
-                value,
-                text;
-
-            if (this._text == null) {
-                this._adHoc = false;
-                textPropertyPath = this.textPropertyPath;
-                value = this.value;
-
-                if (textPropertyPath != null && value != null) {
-                    if (typeof value[textPropertyPath] === 'undefined' && this.allowAdHocValues) {
-                        this._adHoc = true;
-                        this._text = value;
-                    } else {
-                        this._text = value[textPropertyPath];
-                    }
-                } else {
-                    this._text = value;
-                }
-            }
-
-            return this._text;
-        }
-    },
-
-    allowAdHocValues: {value: null},
-
-    _value: {
-        value: null
-    },
-
-    value: {
-        get: function() {
-            return this._value;
-        },
-        set: function(aValue) {
-            this._value = aValue;
-            this._text = null;
-        }
-    },
-
-    textPropertyPath: {value: null},
-
-    tokensController: {value: null},
-
-    // private
-
-    __adHoc: {value: null},
-    _adHoc: {
-        get: function() {
-            return this.__adHoc;
-        },
-        set: function(value) {
-            this.__adHoc = value;
-            this.needsDraw = true;
-        }
-    },
-
-    _deleteEl: {value: null},
-
-    enterDocument: {
-        value: function(firstTime) {
-            if (firstTime) {
-                if(window.Touch) {
-                    this._deleteEl.addEventListener('touchend', this);
-                } else {
-                    this._deleteEl.addEventListener('click', this);
-                }
-            }
-        }
-    },
-
-    draw: {
-        value: function() {
-            this.element.classList[this._adHoc ? 'add' : 'remove']('montage-Token--adhoc');
-        }
-    },
-
-    // Event handling
-
-    removeSelf: {
-        value: function() {
-            this.tokensController.selectedObjects = [this.value];
-            this.tokensController.removeObjectsAtSelectedIndexes();
-            this.tokensController.selectedIndexes = [];
-        }
-    },
-
-   handleClick: {
-       value: function(event) {
-           this.removeSelf();
-       }
-   },
-   handleTouchend: {
-       value: function(event) {
-          this.removeSelf();
-      }
-  }
-
-});
diff --git a/node_modules/matte/ui/video-player.reel/README.md b/node_modules/matte/ui/video-player.reel/README.md
deleted file mode 100644
index 14afa428..00000000
--- a/node_modules/matte/ui/video-player.reel/README.md
+++ /dev/null
@@ -1,105 +0,0 @@
-# Video Player
-
-Status: __In progress__
-
-The Video Player component wraps a video element and provides custom controls.
-
-## How to use
-
-```html
-<div data-montage-id="videoPlayer"></div>
-```
-
-```json
-"videoPlayer": {
-    "prototype": "ui/video-player.reel",
-    "properties": {
-        "element": {
-            "#": "videoPlayer"
-        },
-        "src": "movie.mp4",
-        "posterSrc": "poster.png",
-        "autoHide": "true"
-    }
-}
-```
-
-
-## Available properties
-
-* `src` - Source file of the video.
-* `posterSrc` - An image that gets shown before the video plays.
-* `sources` - Array of video source files.
-* `supportsFullScreen` - Determines whether fullscreen mode is supported.
-* `autoHide` - Determines whether video controls are hidden automatically.
-* `videoController` - The MediaController object used to control playback.
-
-
-## Using multiple sources
-
-Multiple source files in different formats can be specified with the `sources` property. The Video Player component will use the first source with a supported media type.
-
-```json
-"videoPlayer": {
-    "prototype": "ui/video-player.reel",
-    "properties": {
-        "element": {"#": "videoPlayer"},
-        "sources": [
-            {"src": "movie.ogg", "type": "video/ogg"},
-            {"src": "movie.mp4", "type": "video/mpeg"}
-        ]
-    }
-}
-```
-
-## Synchronized playback
-
-Playback of multiple videos can be synchronized by using the same MediaController.
-
-```html
-<div data-montage-id="videoPlayer1"></div>
-<div data-montage-id="videoPlayer2"></div>
-```
-
-```json
-"videoPlayer1": {
-    "prototype": "ui/video-player.reel",
-    "properties": {
-        "element": {"#": "videoPlayer1"},
-        "videoController" : {"@": "mediaController"},
-        "src": "movie1.mp4"
-    }
-},
-"videoPlayer2": {
-    "prototype": "ui/video-player.reel",
-    "properties": {
-        "element": {"#": "videoPlayer2"},
-        "videoController" : {"@": "mediaController"},
-        "src": "movie2.mp4"
-    }
-},
-"mediaController": {
-    "prototype": "montage/core/media-controller",
-    "properties": {
-        "autoplay": false
-    }
-}
-```
-
-
-## Customizing with CSS
-
-* `.matte-VideoPlayer-video` - The Video Player component
-* `.matte-VideoPlayer-video` - The actual video element
-
-
-```css
-..matte-VideoPlayer-video {
-    border: 2px solid pink;
-}
-```
-
-
-## Browser support
-
-* TBD
diff --git a/node_modules/matte/ui/video-player.reel/images/fullscreen-enter.png b/node_modules/matte/ui/video-player.reel/images/fullscreen-enter.png
deleted file mode 100644
index 9e241b937d788818d6528c0f482f597fa0e94dcd..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1178
zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`k|nMYCBgY=CFO}lsSJ)O`AMk?
zp1FzXsX?iUDV2pMQ*9U+n3Xa^B1$5BeXNr6bM+EIYV;~{3xK*A7;Nk-3KEmEQ%e+*
zQqwc@Y?a>c-mj#PnPRIHZt82`Ti~3Uk?B!Ylp0*+7m{3+ootz+WN)WnQ(*-(AUCxn
zQK2F?C$HG5!d3}vt`(3C64qBz04piUwpD^SD#ABF!8yMuRl!uxKsVXI%s|1+P|wiV
z#N6CmN5ROz&_Lh7NZ-&%*U;R`*vQJjKmiJrfVLH-q*(>IxIyg#@@$ndN=gc>^!3Zj
z%k|2Q_413-^$jg8EkR}&8R-I5=oVMzl_XZ^<`pZ$OmImpPA<wUD9OyvQvjKmn3P{y
zVygsnDZ~r81#n~YilM;-3^4tQ!~%UoJp+)JU<!SG@hi>Eg{v+u2}(t{7puX=A(aKG
z`a!A1`K3k4z=%sz23b{L<y@4SSdw29lAoUg3&ntp{F40QjQj!x=U`I>-^Aq1JP;qO
z-q+X4Gq1QLF)umQ)5TT^Xo6m5W{Q=Gi=~sfqoKL0k+Hd<p{s$Dxuuhvxut=VnUkf7
zlamEZuS<S%X>Mv>2~2MaLazl*y`ZF!TL84#CABECEH%ZgC_h&L>}9J=+-@<&X&zK>
z3U0TU;nb@Sbc{YIVv!;mCIn19ASOK70y*%6pPC0u?M1+3{e?$dn1O+j&(p;*q~g|`
zU~8^s2Z2&&mdlaL1cQJ`E#bN9Bf+9YF^7&>M=TK#+Q1p1l8`<%?>hgC%1vyBuceGW
z+__u$?Ch_!l(u_ow&ni3;(hE!mZ7_YWBam99?=tTESVfDW-gPwQkvV-$aGqsV;;wv
zRbG+??iV5hMXuL#uCX~^89D9l!NNJhVV~yyW|+$sHZ3)VBavZ>%!Kz$3H<lf4SX+)
zy*7~CCs$%8w9V+)q~ErQz0x;!Bu!G;!+$`|?m%g5$UaZQqYgK$t&Y6d*!lR!!e4CX
zKOZ}pC0ISN?b+{tIh&?A#0Ad&^Rg-H)FO>t|BRF;vp7h!)m)kTUY={M!kZ_nq#pa_
n$}(!*5T4rNGw;en-2)6^*Eg*+@D)4_DlI%+{an^LB{Ts59=MXa

diff --git a/node_modules/matte/ui/video-player.reel/images/fullscreen-exit.png b/node_modules/matte/ui/video-player.reel/images/fullscreen-exit.png
deleted file mode 100644
index d0fc423f7f7982f07a116721664fa9c1eae77977..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1214
zcmeAS@N?(olHy`uVBq!ia0vp^!XV7S1|*9D%+3HQ$r9IylHmNblJdl&R0hYC{G?O`
z&)mfH)S%SFl*+=BsWuD@%u1Od5hW46K32*3xq68pHF_1f1wh>l3^w)^1&PVosU-?Y
zsp*+{wo31J?^jaDOtDo8H}y5}EpSfF$n>ZxN)4{^3rViZPPR-@vbR&PsjvbXkegbP
zs8ErclUHn2VXFi-*9yo63F|8<fR&VF+bTgE72zA8;GAESs$i;Tpqp%9W}skZsAp(w
zVs37(qhMrUXrOOkq;F`XYiMp|Y-D9%pa2C*K--E^(yW49+@N*=dA3R!B_#z``ugSN
z<$C4Ddih1^`i7R4mLM~XjC6r2bc-wVN)jt{^NN*WCb*;)Cl_TFlw{`TDS%8&Ov*1U
zu~h=P6yk;40=Thx#n4~^2AF<DVu8M)o&m^9FonLp_?717!c`ZS1f?R}i`C%bkjjEo
z{h-w1{L-RiV8o><gRCmBaxO|uEXgkl$<NP$g<?QPeo20DMt*^UbFis`Z(?$09*7TC
z@9S&jnO9trn3tUD>0+w{G(j&jGsVip#nQ>#(a_1&$k^P_(AB`n+|tR-+|t0w%*oQk
z$;kqy*Cju>G&eP`1g19yq1PFwUQklVEdbi=l3J8mmYU*Ll%J~r_OewbZns$CG!Lpb
z1-Dxqaq86vIz}H9u}BdO69T3l5EGtkfgE_kPt60S_99@iUc}iZ&cMKE<muuVQgLg|
z6x+NO1A*4PCtA6?mfki>_0pPBa+2}IX7?MyPX$CoOztQMo(;-t7U@hotvg`@gXYZk
zHz$<THoCf1eX2;X`<Z^MC)fC+XWK>X%vsA)FUed!WK+=cR<qGlvzk@pgJ848^Ya~r
z{Zr5ST`y%YvgJSg!Q=2$mDt1_nd9;sHM$s9dCJFaNR-HV*v*zG^y9#^tlQsm{%z)D
zGxc4p-}+W2l09gR+vO#<)V5V$HVC|4y5FtqvBf3T#GgD5&hBAw<m?X(-Me;b+pd4{
zx&|*jC&}bKe{@T)W@GurAf_|yX3>$;p8s#?T%=JI`!sXbJcFP&SJ~T)g)8UPo9i}S
zP<k&=bGLcjHg((7$hPz+ttI(W82_+)*GA?ppY$%|(A77l%v!xS?)&#dExhsRO&zBJ
Y!(R8z|1a2zE(Vn-p00i_>zopr0QFL(<NyEw

diff --git a/node_modules/matte/ui/video-player.reel/images/pause.png b/node_modules/matte/ui/video-player.reel/images/pause.png
deleted file mode 100644
index 73237fd3aa27933e0379a410eb04d17b0a9e2039..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 2928
zcmV-$3y<`PP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00009a7bBm000XU
z000XU0RWnu7ytkYPiaF#P*7-ZbZ>KLZ*U+<Lqi~Na&Km7Y-Iodc-oy)XH-+^7Crag
z^g>IBfRsybQWXdwQbLP>6p<z>Aqfylh#{fb6;Z(vMMVS~$e@S=j*ftg6;Uh<iVD~V
z<RPMtgQJLw%KPDaqifc@_vX$1wbwr9tn;0-&j-K=43<bUQ8j=JsX`tR;Dg7+#^K~H
zK!FM*Z~zbpvt%K2{UZSY_<lS*D<Z%Lz5oGu(+dayz)hRLFdT>f59&ghTmgWD0l;*T
zI7<kC6aYYajzXpYKt=(8otP$50H6c_V9R4-;{Z@C0AMG7=F<Rxo%or10RUT+Ar%3j
zkpLhQWr#!oXgdI`&sK^>09Y^p6lP1rIRMx#05C~cW=H_Aw*bJ-5DT&Z2n+x)QHX^p
z00esgV8|mQcmRZ%02D^@S3L16t`O%c004NIvOKvYIYoh62rY33S640`D9%Y2D-<?i
z0%4j!F2Z@488U%158(66005wo6%pWr^Zj_v4zAA5HjcIqUoGmt2LB>rV&neh&#Q1i
z007~1e$oCcFS8neI|hJl{-P!B1ZZ9hpmq0)X0i`JwE&>$+E?>%_<lS*MWK+n+1cgf
z<k(8YLR(?VSAG6x!e78w{cQPuJpA|d;J)G{fihizM+Erb!p!tcr5w+a34~(Y=8s4G
zw+sLL9n&JjNn*KJDiq^U5^;`1nvC-@r6P$!k}1U{(*I=Q-z@tBKHoI}uxdU5dyy@u
zU1J0GOD7Ombim^G008p4Z^6_k2m^p<gW=D2|L;HjN1!DDfM!XOaR2~bL?kX$%CkSm
z2mk;?pn)o|K^yeJ7%adB9Ki+L!3+FgHiSYX#KJ-lLJDMn9CBbOtb#%)hRv`YDqt_v
zKpix|QD}yfa1JiQRk#j4a1Z)n2%f<xynzV>LC6RbVIkUx0b+_+BaR3cnT7Zv!AJxW
zizFb)h!jyGOOZ85F;a?DAXP{m@;!0_Ifq<Ex{*7`05XF7hP+2Hl!3BQJ=6@fL%FCo
z8iYoo3(#bAF`ADSpqtQgv>H8(HlgRxt7s3}k3K`kFu>>-2Q$QMFfPW!La{h336o>X
zu_CMttHv6zR;&ZNiS=X8v3CR#fknUxHUxJ<AYmRsNLWl*PS{AOARHt#5!wki2?K;t
z!Y3k=s7tgax)J%r7-BLphge7~Bi0g+6E6^Zh(p9TBoc{3GAFr^0!gu?RMHaCM$&Fl
zBk3%un>0uoBa_M6WNWeqIg~6QE69c9o#eyhGvpiOA@W-aonk<7r1(?fC{oI5N*U!4
z<uv66WtcKSRim0x-Ke2d5jBrmLam{;Qm;{ms1r1GnmNsb7D-E`t)i9F8fX`2_i3-_
zbh;7Ul^#x)&{xvS=|||7=mYe33=M`AgU5(xC>fg=2N-7=cNnjjOr{yriy6mMFgG#l
znCF=fnQv8CDz++o6_Lscl}eQ+l^ZHARH>?_s@|##Rr6KLRFA1%Q+=*RRWnoLsR`7U
zt5vF<Q0r40Q)j6=sE4X&sBct1q<&fbi3VB2Ov6t@q*0);U*o*SAPZv|vv@2aYYnT0
zb%8a+Cb7-ge0D0knEf5Qi#@8Tp*ce{N;6lpQuCB%KL_KOarm5cP6_8Ir<e17iry6O
zDdH&`rZh~sF=bq9s+O0QSgS~@QL9Jmy*94xr=6y~MY~!1fet~(N+(<=M`w@D1)b+p
z*;C!83a1uLJv#NSE~;y#8=<>IcfW3@?wFpwUVxrVZ>QdQz32KIeJ}k~{cZZE^+ya?
z2D1z#2HOnI7(B%_ac?{wFUQ;QQA1tBKtrWrm0_3Rgps+?Jfqb{jYbcQX~taRB;#$y
zZN{S}1|}gUOHJxc?wV3fxuz+mJ4`!F$IZ;mqRrNsHJd##*D~ju=bP7?-?v~|cv>vB
zsJ6IeNwVZxrdjT`yl#bBIa#GxRa#xMMy;K#CDyyGyQdMSxlWT#tDe?p!?5wT$+oGt
z8L;Kp2HUQ-ZMJ=3XJQv;x5ci*?vuTfeY$;({XGW_huIFR9a<fJbF^|4I#xQ~n$Dc=
zKYhjYmgz5NSkDm8*fZm{6U!;YX`NG>(?@3)XSs8O^N5RyOM=TTmp(3=8^+zpz2r)C
z^>JO{deZfso3oq3?Wo(Y?l$ge?uXo;%ru`Vo>?<<(8I_>;8Eq#KMS9gFl*neeosSB
zfoHYnBQIkwkyowPu(zdms`p{<7e4kra-ZWq<2*OsGTvEV%s0Td$hXT+!*8Bnh2KMe
zBmZRodjHV?r+_5^X9J0WL4jKW`}lf%A-|44I@@LTvf1rHjG(ze6+w@Jt%Bvjts!X0
z?2xS?_ve_-k<Mujg;0Lz*3buG=3$G&ehepthlN*$KaOySSQ^nWmo<0M+(UEUMEXRQ
zMBbZcF;6+KElM>iKB_KiJlZ$9G`c^=E@oNG)mWWaNo-3TIW8)$Hg0Ub-~8?KhvJ>$
z3*&nim@mj(aCxE5!t{lw7O5^0EIO7zOo&c6l<+|iDySBWCGrz@C5{St!X3hAA}`T4
z(TLbXTq+(;@<=L8dXnssyft|w#WSTW<++3>sgS%(4NTpeI-VAqb|7ssJvzNHgOZVu
zaYCvgO_R1~>SyL=cFU|~g|hy|Zi}}s9+d~lYqOB71z9Z$wnC=pR9Yz4DhIM>Wmjgu
z&56o6maCpC&F##y%G;1PobR9i?GnNg;gYtchD%p19a!eQtZF&3JaKv33gZ<8D~47E
ztUS1iwkmDaPpj=$m#%)jCVEY4fnLGNg2A-`YwHVD3gv};>)hAvT~AmqS>Lr``i7kw
zJ{5_It`yrBmlc25DBO7E8;5VoznR>Ww5hAaxn$2~(q`%A-YuS64wkBy=9dm`4cXeX
z4c}I@?e+FW+b@^RDBHV(wnMq2zdX3SWv9u`%{xC-q*U}&`cyXV(%rRT*Z6MH?i+i&
z_B8C(+grT%{XWUQ+f@NoP1R=AW&26{v-dx)iK^-Nmiuj8txj!m?Z*Ss1N{dh4z}01
z)YTo*JycSU)+_5r4#yw9{+;i4Ee$peRgIj+;v;ZGdF1K$3E%e~4LaI(jC-u%2h$&R
z9cLXcYC@Xwnns&bn)_Q~Te?roKGD|d-g^8;+aC{{G(1^(O7m37Y1-+6)01cN&y1aw
zoqc{T`P^XJqPBbIW6s}d4{z_f5Om?vMgNQEJG?v2T=KYd^0M3I6IZxbny)%vZR&LD
zJpPl@Psh8QyPB@KTx+@RdcC!KX7}kEo;S|j^u2lU7XQ}Oo;f|;z4Ll+_r>@1-xl3|
zawq-H%e&ckC+@AhPrP6BK<z=<L*0kfKU@CX*zeqbYQT4(^U>T#_XdT7&;F71j}Joy
zkC~6lh7E@6o;W@^IpRNZ{ptLtL(gQ-CY~4mqW;US7Zxvm_|@yz&e53Bp_lTPlfP|z
zrTyx_>lv@x#=^!PzR7qqF<$gm`|ZJZ+;<)Cqu&ot<a{81DF0~rvGr5Xr~8u`lav1h
z1DNytV>2z=00004XF*Lt006O$eEU(80000WV@Og>004R=004l4008;_004mL004C`
z008P>0026e000+nl3&F}0001sNkl<Zc-q91O9}%a5C!XnEL_fVj*<JHBFFFu{-9^$
z1T&~vIFN=0>5`%!sLYI&dH_grfVC~jNuqX_13ar}E2UiJ8{mKOQ{ZyW*9)#akN7Dd
zr8Lbt;`a$+j8nmge*__fsbIwK6Z}8I@&?O-&P)5M5nmR_%#gGLFJP~854@Yt)a7R8
aj{yKEm}Q%GpYF5(0000<MNUMnLSTYZG;l`%

diff --git a/node_modules/matte/ui/video-player.reel/images/play.png b/node_modules/matte/ui/video-player.reel/images/play.png
deleted file mode 100644
index c4987010594c70500d50ca1f1d1ef62f64b7cfc6..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 3223
zcmV;I3~2L-P)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00009a7bBm000XU
z000XU0RWnu7ytkYPiaF#P*7-ZbZ>KLZ*U+<Lqi~Na&Km7Y-Iodc-oy)XH-+^7Crag
z^g>IBfRsybQWXdwQbLP>6p<z>Aqfylh#{fb6;Z(vMMVS~$e@S=j*ftg6;Uh<iVD~V
z<RPMtgQJLw%KPDaqifc@_vX$1wbwr9tn;0-&j-K=43<bUQ8j=JsX`tR;Dg7+#^K~H
zK!FM*Z~zbpvt%K2{UZSY_<lS*D<Z%Lz5oGu(+dayz)hRLFdT>f59&ghTmgWD0l;*T
zI7<kC6aYYajzXpYKt=(8otP$50H6c_V9R4-;{Z@C0AMG7=F<Rxo%or10RUT+Ar%3j
zkpLhQWr#!oXgdI`&sK^>09Y^p6lP1rIRMx#05C~cW=H_Aw*bJ-5DT&Z2n+x)QHX^p
z00esgV8|mQcmRZ%02D^@S3L16t`O%c004NIvOKvYIYoh62rY33S640`D9%Y2D-<?i
z0%4j!F2Z@488U%158(66005wo6%pWr^Zj_v4zAA5HjcIqUoGmt2LB>rV&neh&#Q1i
z007~1e$oCcFS8neI|hJl{-P!B1ZZ9hpmq0)X0i`JwE&>$+E?>%_<lS*MWK+n+1cgf
z<k(8YLR(?VSAG6x!e78w{cQPuJpA|d;J)G{fihizM+Erb!p!tcr5w+a34~(Y=8s4G
zw+sLL9n&JjNn*KJDiq^U5^;`1nvC-@r6P$!k}1U{(*I=Q-z@tBKHoI}uxdU5dyy@u
zU1J0GOD7Ombim^G008p4Z^6_k2m^p<gW=D2|L;HjN1!DDfM!XOaR2~bL?kX$%CkSm
z2mk;?pn)o|K^yeJ7%adB9Ki+L!3+FgHiSYX#KJ-lLJDMn9CBbOtb#%)hRv`YDqt_v
zKpix|QD}yfa1JiQRk#j4a1Z)n2%f<xynzV>LC6RbVIkUx0b+_+BaR3cnT7Zv!AJxW
zizFb)h!jyGOOZ85F;a?DAXP{m@;!0_Ifq<Ex{*7`05XF7hP+2Hl!3BQJ=6@fL%FCo
z8iYoo3(#bAF`ADSpqtQgv>H8(HlgRxt7s3}k3K`kFu>>-2Q$QMFfPW!La{h336o>X
zu_CMttHv6zR;&ZNiS=X8v3CR#fknUxHUxJ<AYmRsNLWl*PS{AOARHt#5!wki2?K;t
z!Y3k=s7tgax)J%r7-BLphge7~Bi0g+6E6^Zh(p9TBoc{3GAFr^0!gu?RMHaCM$&Fl
zBk3%un>0uoBa_M6WNWeqIg~6QE69c9o#eyhGvpiOA@W-aonk<7r1(?fC{oI5N*U!4
z<uv66WtcKSRim0x-Ke2d5jBrmLam{;Qm;{ms1r1GnmNsb7D-E`t)i9F8fX`2_i3-_
zbh;7Ul^#x)&{xvS=|||7=mYe33=M`AgU5(xC>fg=2N-7=cNnjjOr{yriy6mMFgG#l
znCF=fnQv8CDz++o6_Lscl}eQ+l^ZHARH>?_s@|##Rr6KLRFA1%Q+=*RRWnoLsR`7U
zt5vF<Q0r40Q)j6=sE4X&sBct1q<&fbi3VB2Ov6t@q*0);U*o*SAPZv|vv@2aYYnT0
zb%8a+Cb7-ge0D0knEf5Qi#@8Tp*ce{N;6lpQuCB%KL_KOarm5cP6_8Ir<e17iry6O
zDdH&`rZh~sF=bq9s+O0QSgS~@QL9Jmy*94xr=6y~MY~!1fet~(N+(<=M`w@D1)b+p
z*;C!83a1uLJv#NSE~;y#8=<>IcfW3@?wFpwUVxrVZ>QdQz32KIeJ}k~{cZZE^+ya?
z2D1z#2HOnI7(B%_ac?{wFUQ;QQA1tBKtrWrm0_3Rgps+?Jfqb{jYbcQX~taRB;#$y
zZN{S}1|}gUOHJxc?wV3fxuz+mJ4`!F$IZ;mqRrNsHJd##*D~ju=bP7?-?v~|cv>vB
zsJ6IeNwVZxrdjT`yl#bBIa#GxRa#xMMy;K#CDyyGyQdMSxlWT#tDe?p!?5wT$+oGt
z8L;Kp2HUQ-ZMJ=3XJQv;x5ci*?vuTfeY$;({XGW_huIFR9a<fJbF^|4I#xQ~n$Dc=
zKYhjYmgz5NSkDm8*fZm{6U!;YX`NG>(?@3)XSs8O^N5RyOM=TTmp(3=8^+zpz2r)C
z^>JO{deZfso3oq3?Wo(Y?l$ge?uXo;%ru`Vo>?<<(8I_>;8Eq#KMS9gFl*neeosSB
zfoHYnBQIkwkyowPu(zdms`p{<7e4kra-ZWq<2*OsGTvEV%s0Td$hXT+!*8Bnh2KMe
zBmZRodjHV?r+_5^X9J0WL4jKW`}lf%A-|44I@@LTvf1rHjG(ze6+w@Jt%Bvjts!X0
z?2xS?_ve_-k<Mujg;0Lz*3buG=3$G&ehepthlN*$KaOySSQ^nWmo<0M+(UEUMEXRQ
zMBbZcF;6+KElM>iKB_KiJlZ$9G`c^=E@oNG)mWWaNo-3TIW8)$Hg0Ub-~8?KhvJ>$
z3*&nim@mj(aCxE5!t{lw7O5^0EIO7zOo&c6l<+|iDySBWCGrz@C5{St!X3hAA}`T4
z(TLbXTq+(;@<=L8dXnssyft|w#WSTW<++3>sgS%(4NTpeI-VAqb|7ssJvzNHgOZVu
zaYCvgO_R1~>SyL=cFU|~g|hy|Zi}}s9+d~lYqOB71z9Z$wnC=pR9Yz4DhIM>Wmjgu
z&56o6maCpC&F##y%G;1PobR9i?GnNg;gYtchD%p19a!eQtZF&3JaKv33gZ<8D~47E
ztUS1iwkmDaPpj=$m#%)jCVEY4fnLGNg2A-`YwHVD3gv};>)hAvT~AmqS>Lr``i7kw
zJ{5_It`yrBmlc25DBO7E8;5VoznR>Ww5hAaxn$2~(q`%A-YuS64wkBy=9dm`4cXeX
z4c}I@?e+FW+b@^RDBHV(wnMq2zdX3SWv9u`%{xC-q*U}&`cyXV(%rRT*Z6MH?i+i&
z_B8C(+grT%{XWUQ+f@NoP1R=AW&26{v-dx)iK^-Nmiuj8txj!m?Z*Ss1N{dh4z}01
z)YTo*JycSU)+_5r4#yw9{+;i4Ee$peRgIj+;v;ZGdF1K$3E%e~4LaI(jC-u%2h$&R
z9cLXcYC@Xwnns&bn)_Q~Te?roKGD|d-g^8;+aC{{G(1^(O7m37Y1-+6)01cN&y1aw
zoqc{T`P^XJqPBbIW6s}d4{z_f5Om?vMgNQEJG?v2T=KYd^0M3I6IZxbny)%vZR&LD
zJpPl@Psh8QyPB@KTx+@RdcC!KX7}kEo;S|j^u2lU7XQ}Oo;f|;z4Ll+_r>@1-xl3|
zawq-H%e&ckC+@AhPrP6BK<z=<L*0kfKU@CX*zeqbYQT4(^U>T#_XdT7&;F71j}Joy
zkC~6lh7E@6o;W@^IpRNZ{ptLtL(gQ-CY~4mqW;US7Zxvm_|@yz&e53Bp_lTPlfP|z
zrTyx_>lv@x#=^!PzR7qqF<$gm`|ZJZ+;<)Cqu&ot<a{81DF0~rvGr5Xr~8u`lav1h
z1DNytV>2z=00004XF*Lt006O$eEU(80000WV@Og>004R=004l4008;_004mL004C`
z008P>0026e000+nl3&F}00059Nkl<Zc-oYcPpcAP7{z}xNJ6wqf>u{IegQY-#?R8e
z4{)(XE4P9haTV7fg)kDtg$TlsE^Y=PCWLdr>6(mmV}@*Onm_OLZKH8BMel*LI_Ejh
zd0uz{?u23Z-Y|?ufGVZrHUxMegpfiAY1?+C-|wFQiV%Wh2yo(gp4`xN-Cw3@J}(xF
zcRkPJ5EUTdIF7*<f*`oGZTnd=nSAXy&NX|W013;ojC}^r^UkN!>C<#NJ+LfmwXLh`
zZF{Mz>f?Ak{z2FE7n-I$jKyNgKl-77AP5M<P>n{TPg1FrJ{Sy6v)OEPqbWc_*Y&+8
z>_QlZ7nWt6W-^&Z1i<(G+sxy-?!C!mavz99HYXgpIp}t~tz0g5wpc7a0UX_6JRX0{
z=ksTy(P#*K1-=8~U<2E>&2qV1ZZsNQ;0y2#a5PO5e;e!y@O}Sxr_*^`C=}iRmw*ZU
z0D^YAEjKg&1xP7Z!{P8<sZ@G3o6SD2>so-<Y&KWh{>b`q0GQ9`7u9O@Wv|ye2d2Ok
zu&meX*EfAP5dq|Kxx8w%TJ=h$(p=Y_13!VVR;$U)uiJ$`0|36Ni@Ye<o$~+y002ov
JPDHLkV1nV}0b&3E

diff --git a/node_modules/matte/ui/video-player.reel/images/volume-down.png b/node_modules/matte/ui/video-player.reel/images/volume-down.png
deleted file mode 100644
index 9ed82d90f9c9b1cc24bdfb3396d19f2f827ef703..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 991
zcmaJ=J#W)M7(S?|P*Fu;Kmq|eIYKPNK06<-t(vxu6B>l0Dv3lU6vw_MR%@TJuf#13
zg$Wi^iKzn%KY)dip-2o+mM#p4iLC<?2r<Caa!!+!fne!;_nw~Tc|Y&TV&%r<#Dxg}
zz+`#BsIq;Et?`rN?Em4x<vq5Yr^N=XktN!-LJZ~|(!#LpS#4a!ma}$u2hRX7#<}$d
zZJ4)In|QpHVEEVz7#o0@**LK5WlUiUw_RW3zQ5k)pzCPd?VO3spnyB>!g`2n>y^5_
zzHBQFH+vn<#3~c;FtuRpt@x1|Yg|uPW#{Bt;9w6zmo@G%sD`-+3naua$D_23@(AWd
zUd&`=S-u7(Bq9Mxf+(d$S<Of)La_gF%v<Ozsa2!Y_r)xY>rfh~g3#@D`EG_MVOtOt
zMM*RyDa{b+Xw9cqoc5#CK*7L~9l8N^i4PM+t3_6+#<55bQ}BYJtRMBu#0n<FRv?Hx
zN>UmCP4oXy&l{p6TE$24{!=)ruLW4B;)tw<Hf!8cDsdI4g%Demgmpqz231__5K5vB
z31Fd?gQjJ>eq#6Vrm2?wh+4jl%ZA1=1>SWXHIvO}r{!r>lrpj?7LhJ1dP!E0p4XME
zu1^oR2C-K??9&0)IpT^VxydMa0rPC&(7lJ9Qb;`5OIdYC#v&I->h-zK$XMjkNUp$w
z5t7FK)#$+$o1Wx299w1#2Os-v+Cw(h&%ZvE*psN0jrn@~x#cvQUw$7P9CXJekV>Vl
zp4vPY|N3@mY-<iU;N7eC?)%)vm;>Ja+}qvBZ9F{l_{zp7aP!&mJK)EO&0`ng_MBUN
da~kf0sV0E;r?$?{e|(WVxpJ{$ywsbI{s5KrHdg=u

diff --git a/node_modules/matte/ui/video-player.reel/images/volume-up.png b/node_modules/matte/ui/video-player.reel/images/volume-up.png
deleted file mode 100644
index bc5ab795d2f138baac2e50b4ac2b2e1b6e753878..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1094
zcmaJ=OK8+U7*3U{6skoJK2SSG@rAp2>~7P<&DN%A>#AAS?V{@*#59?1V>b_zsk`l|
zh~nFW1@)kKQBZs!UVKrj_y9o=6$J~T;7NP1qQ#qa(sox5*1%-uAHMJVzklYR!^uQz
zb=9IOf*`8n8|4(9Yy2^52L9K6A5-zP5H)8|o85s5stbum-EM~<ZmKz$f~wxL=NXI=
z#B|a~XHZ7jB51Z5RDDdaXgZip5YdLBqiS6cfp(ZPERp<rZ;%9rE|S|L3avOzu+!Ms
z>%z9)L|W_Z(s-S0h=FKPzyc;jDkz$H%M*$sIj$?<wZBb~U>t(FL~_DZMoEGu+l3$!
zqyrjVM}s;h$b`Zi$E^b_&CnFhQVbhlI3dIeGz}&{5@&Pu4k0DCOy<IoNOmIR2ozN)
z6oQ3N&~|ea!}Gka!Lk922zWgfQi}o0TV7I-p{KcqgACgOzM|T0cO#L+PA5t*owBUu
zO&$|IFsi6J6ceQVl1e~D`9IV&%V-a!;2*#L6!y|R4y01hv%6glUtGs>Kb0dixll#6
zo3`zI=@gTlHnP1=+W}2&5um7=VfpbmUQvX&<ssG5U|beStPnH|T?mEi!u4EzxS0)c
z4AV?Y951zSJT28pd{~m|OI+F3x=m=I5?9CEu*^$bBQrJEZw1rAnPuo2d!gRq+9nt;
zSum#d!cOgFf~)_-%VZs)DY+CjL-`l`*F~4MaQFDja@*pd-1yMK-R|PHzDU10g`dRT
zxZId74qfP1svd!w1Jye7{?7BK>wgeCFRl7=AiCj1(&>kLN9SZ)FC0o7Vdgwm7sQr+
z>SwYem-maioft7vBfUPF8?Nm8dH?gdJrB-$S6fe4%*(#c4!-N#U&EmX$C-R`afMSs
z7&G4vZQU^RaPAB7L&MF~mmRY=t*QOC_FDVOZRm!!b>O>nJ9`Bz%b)jNt~f?~e12v9
zOnL5$%FFZVB|nCrSdVA_ng+&VtLJYUkX~)?s~}F^+B|yj$(e}%vg6GO`MR`g-*3`I
BXnOzv

diff --git a/node_modules/matte/ui/video-player.reel/video-player.css b/node_modules/matte/ui/video-player.reel/video-player.css
deleted file mode 100644
index aa4a1a09..00000000
--- a/node_modules/matte/ui/video-player.reel/video-player.css
+++ /dev/null
@@ -1,315 +0,0 @@
-
-/*-----------------------------------------------------------------------------
-MARK:    media
------------------------------------------------------------------------------*/
-
-.matte-VideoPlayer {
-    position: relative;
-    display: inline-block;
-    min-width: 500px;
-    overflow: hidden;
-    border: 1px solid black;
-    background-color: #000;      /* black opaque */
-}
-
-.matte-VideoPlayer.fullscreen {
-    position: absolute;
-    display: -webkit-box;
-    -webkit-box-sizing: border-box;
-    z-index: 1000;                        /* TODO: Define global z-index regions */
-    top: 0;
-    left: 0;
-    border: none;
-    width: 100%;
-    height: 100%;
-}
-
-.matte-VideoPlayer .matte-VideoPlayer-video {
-    display: block; /* Get rid of the bottom space */
-    position: relative;
-    width: 100%;
-    height: auto;
-}
-
-
-/*-----------------------------------------------------------------------------
-MARK:    Controller
------------------------------------------------------------------------------*/
-.matte-VideoPlayer .control-wrapper {
-    position: absolute;
-    left: 0;
-    bottom: 0;
-    right: 0;
-    height: 50px;
-    box-shadow: inset 0 2px 6px 2px hsla(0,0%,0%,.4);
-    background-color: hsla(0,0%,0%,.95);
-    background-image: -webkit-linear-gradient(top,    hsla(0,0%,100%,.27)  0%,
-                                                    hsla(0,0%,100%,.15) 50%,
-                                                    hsla(0,0%,30%,.4) 50%,
-                                                    hsla(0,0%,0%,1) 100%);
-}
-
-.matte-VideoPlayer .control-wrapper.hide-controls {
-    opacity: 0;
-    pointer-events: none;
-    -webkit-transform: translateY(50px);
-    -webkit-transition: opacity .2s linear, -webkit-transform .2s cubic-bezier(.6,0,1,.75);
-}
-
-.matte-VideoPlayer .control-wrapper.show-controls {
-    opacity: 1.0;
-    -webkit-transition: opacity .2s linear, -webkit-transform .3s cubic-bezier(0,.4,.16,1);
-}
-
-
-.matte-VideoPlayer .controller {
-    display: -webkit-box;
-    position: relative;
-    max-width: 1280px;
-    color: #ffffff;
-    margin: 0 auto;
-    overflow: hidden;
-}
-
-.matte-VideoPlayer .controller > div {
-    border-right: 1px solid hsla(0,0%,0%,.7);
-    border-left: 1px solid hsla(0,0%,100%,.1);
-}
-.matte-VideoPlayer .controller > div:first-child {
-    border-left: none;
-}
-.matte-VideoPlayer .controller > div:last-child {
-     border-right: none;
-}
-
-.matte-VideoPlayer .controller-text {
-    font: bold 14px "Helvetica Neue", Helvetica, sans-serif;
-    color: #888;
-    text-shadow: 0 1px 0px #000;
-}
-
-
-/*-----------------------------------------------------------------------------
-MARK:    Scrubber Panel
------------------------------------------------------------------------------*/
-
-.matte-VideoPlayer .controller-scrubber-panel {
-    display: -webkit-box;
-    -webkit-box-flex: 1;
-    height: 50px;
-    text-align: center;
-}
-
-.matte-VideoPlayer .scrubber {
-    display: block;
-    -webkit-box-flex: 1;
-}
-
-.scrubber {
-    top: 50%;
-    margin: -5px 14px 0 14px;
-}
-
-.matte-VideoPlayer .position {
-    display: block;
-    width: 50px;
-    height: 50px;
-    line-height: 50px;
-    text-align: right;
-}
-
-.matte-VideoPlayer .duration {
-    display: block;
-    width: 50px;
-    height: 50px;
-    line-height: 50px;
-    text-align: left;
-}
-
-
-/*-----------------------------------------------------------------------------
-MARK:    Button Panel
------------------------------------------------------------------------------*/
-
-.matte-VideoPlayer .controller-button-panel {
-    display: block;
-    position: relative;
-    height: 50px;
-}
-
-.matte-VideoPlayer .controller-button {
-    position: relative;
-    width: 50px;
-    height: 50px;
-    outline: none;
-    background-repeat: no-repeat;
-    background-position: center center;
-    background-color: transparent;
-    border: none;
-}
-.matte-VideoPlayer .controller-button:active {
-    background-color: hsla(0,0%,0%,.4);
-}
-
-.matte-VideoPlayer .play                   { background-image: url("images/play.png"); }
-.matte-VideoPlayer .play.playing          { background-image: url("images/pause.png"); }
-
-.matte-VideoPlayer .ff,
-.matte-VideoPlayer .rw,
-.matte-VideoPlayer .repeat
-{ display: none; } /* Temporarily disabled */
-
-/*-----------------------------------------------------------------------------
-MARK:    Volume Panel
------------------------------------------------------------------------------*/
-
-.matte-VideoPlayer .controller-volume-panel {
-    display: -webkit-box;
-    position: relative;
-    width: 148px;
-    height: 50px;
-}
-
-.matte-VideoPlayer .volume {
-    position: relative;
-    top: 16px;
-    -webkit-box-flex: 1;
-}
-
-.matte-VideoPlayer .controller-progress {
-    height: 15px;
-    box-shadow: inset 0 0px 3px 1px hsla(0,0%,0%,.5);
-    background: -webkit-repeating-linear-gradient(left, hsl(0,0%,25%) 0, hsl(0,0%,25%) 3px,
-                                                        hsl(0,0%,10%) 3px, hsl(0,0%,10%) 5px);
-}
-.matte-VideoPlayer .controller-progress:before {
-    content: "";
-    position: absolute;
-    top: 0; right: 0; bottom: 0; left: 0;
-    background: -webkit-linear-gradient(top, hsla(0,0%,0%,0), hsla(0,0%,0%,.3) );
-}
-
-.matte-VideoPlayer .volume-progress {
-    width: 50%;
-    height: 100%;
-    background: -webkit-repeating-linear-gradient(left, hsl(195,90%,50%) 0, hsl(195,90%,50%) 3px,
-                                                        transparent 3px, transparent 5px);
-    -webkit-transition: width .1s ease-in-out;
-}
-
-.matte-VideoPlayer .volume-plus,
-.matte-VideoPlayer .volume-minus {
-    width: 50px;
-}
-
-.matte-VideoPlayer .volume-minus        { background-image: url("images/volume-down.png"); }
-.matte-VideoPlayer .volume-minus:active {
-    background-color: transparent;
-    background-image: url("images/volume-down.png"),
-    -webkit-linear-gradient(right, hsla(0,0%,0%,0), hsla(0,0%,0%,.5) );
-}
-.matte-VideoPlayer .volume-plus         { background-image: url("images/volume-up.png"); }
-.matte-VideoPlayer .volume-plus:active {
-    background-color: transparent;
-    background-image: url("images/volume-up.png"),
-    -webkit-linear-gradient(left, hsla(0,0%,0%,0), hsla(0,0%,0%,.5) );
-}
-
-.matte-VideoPlayer  .controller-volume-panel .mute               { display: none; }  /* also MUTE[muted] */
-
-
-
-/*-----------------------------------------------------------------------------
-MARK:    Stop Panel
------------------------------------------------------------------------------*/
-
-.matte-VideoPlayer .controller-stop-panel {
-    display: block;
-    position: relative;
-    width: auto;
-    height: 50px;
-}
-
-
-.matte-VideoPlayer .STOP {
-    float: none;
-    right: 0;
-}
-
-/*-----------------------------------------------------------------------------
-MARK:    Fullscreen Panel
------------------------------------------------------------------------------*/
-
-.matte-VideoPlayer .controller-fullscreen-panel {
-    display: block;
-    position: relative;
-    width: auto;
-    height: 50px;
-}
-
-
-.matte-VideoPlayer .fullscreen {
-    float: none;
-    right: 0;
-}
-
-.matte-VideoPlayer .enter-fullscreen        { background-image: url("images/fullscreen-enter.png"); }
-.matte-VideoPlayer .exit-fullscreen         { background-image: url("images/fullscreen-exit.png"); }
-
-.matte-VideoPlayer .support-fullscreen { display: block; }
-.matte-VideoPlayer .hide-fullscreen { display: none; }
-
-
-/*-----------------------------------------------------------------------------
-MARK:    Track Panel
------------------------------------------------------------------------------*/
-
-.matte-VideoPlayer .controller-track-panel {
-    display: none;
-    position: relative;
-    width: 110px;
-    height: 50px;
-}
-
-.matte-VideoPlayer .controller-track-panel .controller-button {
-    float: none;
-    position: absolute;
-    outline: none;
-}
-
-.matte-VideoPlayer .PREVIOUS {
-    top: 0;
-    left: 0;
-}
-
-.matte-VideoPlayer .NEXT {
-    top: 0;
-    left: 55px;
-}
-
-.matte-VideoPlayer .supportsPlaylistControls .controller-button:active {
-    color: #f44;
-}
-
-.matte-VideoPlayer .supportsPlaylistControls {
-    display: none;
-    height: 50px;
-}
-
-
-.matte-VideoPlayer .STOP           { background-image: url("images/media-1up-controls-exitFullscreen.png"); }
-.matte-VideoPlayer .STOP:active    { background-image: url("images/media-1up-controls-exitFullscreen-P.png"); }
-
-.matte-VideoPlayer .PREVIOUS       { background-image: url("images/photos-1up-controls-prev.png"); }
-.matte-VideoPlayer .PREVIOUS:active{ background-image: url("images/photos-1up-controls-prev-P.png"); }
-
-.matte-VideoPlayer .NEXT           { background-image: url("images/photos-1up-controls-next.png"); }
-.matte-VideoPlayer .NEXT:active    { background-image: url("images/photos-1up-controls-next-P.png"); }
-
-.matte-VideoPlayer .matte-Slider.pressed .handlerbg div,
-.matte-VideoPlayer .matte-Slider.pressed .handler div,
-.matte-VideoPlayer .matte-Slider.pressed .handler2 div,
-.matte-VideoPlayer .matte-Slider.pressed .handler3 div,
-.matte-VideoPlayer .matte-Slider.pressed .handler4 div {
-    -webkit-transform: scale3d(.85, .85, .85);
-}
diff --git a/node_modules/matte/ui/video-player.reel/video-player.html b/node_modules/matte/ui/video-player.reel/video-player.html
deleted file mode 100644
index f43e86be..00000000
--- a/node_modules/matte/ui/video-player.reel/video-player.html
+++ /dev/null
@@ -1,268 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <meta charset="utf-8">
-    <link rel="stylesheet" href="video-player.css">
-    <script type="text/montage-serialization">
-{
-    "durationText": {
-        "prototype": "montage/ui/text.reel",
-        "properties": {
-            "element": {
-                "#": "duration"
-            }
-        }
-    },
-    "positionText": {
-        "prototype": "montage/ui/text.reel",
-        "properties": {
-            "element": {
-                "#": "position"
-            }
-        }
-    },
-    "durationSlider": {
-        "prototype": "ui/input-range.reel",
-        "properties": {
-            "element": {
-                "#": "durationSlider"
-            },
-            "min": 0.0
-        }
-    },
-
-    "playButton": {
-        "prototype": "ui/toggle-button.reel",
-        "properties": {
-            "element": {
-                "#": "playButton"
-            }
-        },
-        "listeners": [
-            {
-                "type": "action",
-                "listener": {
-                    "@": "owner"
-                },
-                "capture": false
-            }
-        ]
-    },
-
-    "rewindButton": {
-        "prototype": "ui/button.reel",
-        "properties": {
-            "element": {
-                "#": "rewindButton"
-            }
-        },
-        "listeners": [
-            {
-                "type": "action",
-                "listener": {
-                    "@": "owner"
-                },
-                "capture": false
-            }
-        ]
-    },
-
-    "fastForwardButton": {
-        "prototype": "ui/button.reel",
-        "properties": {
-            "element": {
-                "#": "ffButton"
-            }
-        },
-        "listeners": [
-            {
-                "type": "action",
-                "listener": {
-                    "@": "owner"
-                },
-                "capture": false
-            }
-        ]
-    },
-
-    "decreaseVolumeButton": {
-        "prototype": "ui/button.reel",
-        "properties": {
-            "element": {
-                "#": "decreaseVolume"
-            }
-        },
-        "listeners": [
-            {
-                "type": "action",
-                "listener": {
-                    "@": "owner"
-                },
-                "capture": false
-            }
-        ]
-    },
-
-    "increaseVolumeButton": {
-        "prototype": "ui/button.reel",
-        "properties": {
-            "element": {
-                "#": "increaseVolume"
-            }
-        },
-        "listeners": [
-            {
-                "type": "action",
-                "listener": {
-                    "@": "owner"
-                },
-                "capture": false
-            }
-        ]
-    },
-
-    "muteButton": {
-        "prototype": "ui/button.reel",
-        "properties": {
-            "element": {
-                "#": "muteButton"
-            }
-        },
-        "listeners": [
-            {
-                "type": "action",
-                "listener": {
-                    "@": "owner"
-                },
-                "capture": false
-            }
-        ]
-    },
-
-    "repeatButton": {
-        "prototype": "ui/button.reel",
-        "properties": {
-            "element": {
-                "#": "repeatButton"
-            }
-        },
-        "listeners": [
-            {
-                "type": "action",
-                "listener": {
-                    "@": "owner"
-                },
-                "capture": false
-            }
-        ]
-    },
-
-    "fullScreenButton": {
-        "prototype": "ui/button.reel",
-        "properties": {
-            "element": {
-                "#": "fullScreenButton"
-            }
-        },
-        "listeners": [
-            {
-                "type": "action",
-                "listener": {
-                    "@": "owner"
-                },
-                "capture": false
-            }
-        ]
-    },
-    
-    "prettyTimeConverter": {
-        "prototype": "ui/video-player.reel/video-player[PrettyTimeConverter]"
-    },
-
-    "owner": {
-        "prototype": "ui/video-player.reel",
-        "properties": {
-            "mediaElement": {
-                "#": "video-tag"
-            },
-            "element": {
-                "#": "video-player"
-            },
-            "playButton": {
-                "@": "playButton"
-            },
-            "repeatButton": {
-                "@": "repeatButton"
-            },
-            "volumeLevel": {
-                "#": "volumeLevel"
-            },
-            "controls": {
-                "#": "controlWrapper"
-            },
-            "fullScreenPanel": {
-                "#": "fullScreenPanel"
-            },
-            "fullScreenButton": {
-                "@": "fullScreenButton"
-            },
-            "slider": {
-                "@": "durationSlider"
-            },
-            "durationText": {
-                "@": "durationText"
-            },
-            "positionText": {
-                "@": "positionText"
-            }
-        },
-        "bindings": {
-            "positionText.value": {
-                "<-": "videoController.position",
-                "converter": {"@": "prettyTimeConverter"}
-            },
-            "durationText.value": {
-                "<-": "videoController.duration",
-                "converter": {"@": "prettyTimeConverter"}
-            },
-            "slider.max": {
-                "<-": "videoController.duration"
-            },
-            "slider.value": {
-                "<->": "videoController.position"
-            }
-        }
-    }
-}
-    </script>
-</head>
-<body>
-    <div data-montage-id="video-player" class="matte-VideoPlayer">
-        <video data-montage-id="video-tag" class="matte-VideoPlayer-video"></video>
-        <div data-montage-id="controlWrapper" class="control-wrapper">
-            <div data-montage-id="controller" class="controller">
-                <div class="controller-button-panel">
-                    <div data-montage-id="repeatButton" class="repeat controller-button" title="Repeat Video"></div>
-                    <div data-montage-id="rewindButton" class="rw controller-button" title="Rewind"> </div>
-                    <div data-montage-id="playButton" class="play controller-button" title="Play/Pause"> </div>
-                    <div data-montage-id="ffButton" class="ff controller-button" title="Fast Forward"> </div>
-                </div>
-                <div class="controller-scrubber-panel">
-                    <div data-montage-id="position" class="position controller-text"></div>
-                    <div data-montage-id="durationSlider" class="scrubber dark"></div>
-                    <div data-montage-id="duration" class="duration controller-text"></div>
-                </div>
-                <div class="controller-volume-panel">
-                    <div data-montage-id="muteButton" class="mute controller-button" title="Mute"></div>
-                    <div data-montage-id="decreaseVolume" class="volume-minus controller-button" title="Decrease Volume"> </div>
-                    <div class="volume controller-progress"><div data-montage-id="volumeLevel" class="volume-progress"></div></div>
-                    <div data-montage-id="increaseVolume" class="volume-plus controller-button" title="Increase Volume"> </div>
-                </div>
-                <div data-montage-id="fullScreenPanel" class="controller-fullscreen-panel">
-                    <div data-montage-id="fullScreenButton" class="fullscreen controller-button" title="Toggle Fullscreen"> </div>
-                </div>
-            </div>
-        </div>
-    </div>
-</body>
-</html>
diff --git a/node_modules/matte/ui/video-player.reel/video-player.js b/node_modules/matte/ui/video-player.reel/video-player.js
deleted file mode 100644
index 5403cd33..00000000
--- a/node_modules/matte/ui/video-player.reel/video-player.js
+++ /dev/null
@@ -1,369 +0,0 @@
-"use strict";
-/**
-    @module montage/ui/video-player
-    @requires montage
-    @requires montage/ui/base/abstract-video
-    @requires core/logger
-    @requires core/event/action-event-listener
-    @requires core/media-controller
-*/
-var Montage = require("montage").Montage,
-    Bindings = require("montage/core/bindings").Bindings,
-    logger = require("montage/core/logger").logger("video-player"),
-    AbstractVideo = require("montage/ui/base/abstract-video").AbstractVideo,
-    MediaController = require("montage/core/media-controller").MediaController,
-    Converter = require("montage/core/converter/converter").Converter;
-
-exports.PrettyTimeConverter = Montage.create(Converter, {
-    convert: {
-        value: function(time) {
-            var sec, min, hour;
-            time = parseInt(time, 10);
-            if (isNaN(time) || time < 0)
-                return "";
-            sec = time % 60;
-            min = Math.floor(time / 60) % 60;
-            hour = Math.floor(time / 3600);
-            return (hour > 0 ? hour + ":" : "") + (min < 10 ? "0"+min : min) + ":" + (sec < 10 ? "0"+sec : sec);
-        }
-    },
-    revert: {
-        value: function(value) {
-            return value;
-        }
-    }
-});
-
-/**
- @class module:matte/ui/video-player.VideoPlayer
- */
-exports.VideoPlayer = AbstractVideo.specialize(/** @lends module:matte/ui/video-player.VideoPlayer# */ {
-
-    /*-----------------------------------------------------------------------------
-    MARK:   Constants
-    -----------------------------------------------------------------------------*/
-/**
-    The interval in milliseconds that the control panel is displayed without interaction before being hidden.
-    @type {number}
-    @default 5000
-*/
-    CONTROL_SHOW_TIME: { enumerable: true, value: 5000, writable: false },
-    /*-----------------------------------------------------------------------------
-    MARK:   Element Getters
-    -----------------------------------------------------------------------------*/
-    /**
-        The DIV element used to display the play button in the media controller.
-        @type {external:Element}
-        @default null
-    */
-    playButton: { value: null, enumerable: false },
-
-    /**
-        The DIV element used to display the repeat button in the media controller.
-        @type {external:Element}
-        @default null
-    */
-    repeatButton: { value: null, enumerable: false },
-
-    /**
-        The DIV element used to display the volume level in the media controller.
-        @type {external:Element}
-        @default null
-    */
-    volumeLevel: { value: null, enumerable: false },
-
-    /**
-        The DIV element used to display the volume level in the media controller.
-        @type {external:Element}
-        @default null
-    */
-    controls: { value: null, enumerable: false },
-
-    /**
-        The DIV element used to display the  in the media controller.
-        @type {external:Element}
-        @default null
-    */
-    fullScreenPanel: { value: null, enumerable: false },
-    /**
-        Description TODO
-        @type {external:Element}
-        @default null
-    */
-    fullScreenButton: { value: null, enumerable: false },
-
-    /*-----------------------------------------------------------------------------
-    MARK:   Component References
-    -----------------------------------------------------------------------------*/
-    /**
-        The Text component used to display the currently playing track's playback position.
-        @type {module:montage/ui/text.Text}
-        @default null
-    */
-    positionText: { value: null, enumerable: false },     /* montage/ui/text */
-
-    /**
-        The Text component used to display the currently playing track's duration.
-        @type {module:montage/ui/text.Text}
-        @default null
-    */
-    durationText: { value: null, enumerable: false },     /* montage/ui/text */
-
-    /**
-        The Slider component used to control the playback position.
-        @type {module:montage/ui/slider.Slider}
-        @default null
-    */
-    slider: { value: null, enumerable: false },           /* montage/ui/slider */
-    /*-----------------------------------------------------------------------------
-    MARK:   Properties
-    -----------------------------------------------------------------------------*/
-    
-
-
-    
-    /*-----------------------------------------------------------------------------
-    MARK:   Event Handlers
-    -----------------------------------------------------------------------------*/
-    
-    handlePlayButtonAction: {
-        value: function() {
-            if (this.videoController.status === this.videoController.PLAYING) {
-                this.videoController.pause();
-            } else if (this.videoController.status === this.videoController.PAUSED) {
-                this.videoController.unpause();
-            } else {
-                this.videoController.play();
-            }
-        }
-    },
-    
-    handleRewindButtonAction: {
-        value: function() {
-            this.videoController.rewind();
-        }
-    },
-    
-    handleFastForwardButtonAction: {
-        value: function() {
-            this.videoController.fastForward();
-        }
-    },
-    
-    handleDecreaseVolumeButtonAction: {
-        value: function() {
-            this.videoController.volumeDecrease();
-        }
-    },
-    
-    handleIncreaseVolumeButtonAction: {
-        value: function() {
-            this.videoController.volumeIncrease();
-        }
-    },
-
-    handleMuteButtonAction: {
-        value: function() {
-            this.videoController.toggleMute();
-        }
-    },
-    
-    handleRepeatButtonAction: {
-        value: function() {
-            // TODO
-        }
-    },
-    
-    handleFullScreenButtonAction: {
-        value: function() {
-            this.toggleFullScreen()
-        }
-    },
-    
-    /*-----------------------------------------------------------------------------
-    MARK:   UI Setters
-    -----------------------------------------------------------------------------*/
-    /**
-        Determines whether video controls are hidden automatically.
-        @type {Boolean}
-        @default true
-    */
-    autoHide: { value: true },
-
-
-
-
-
-    templateDidLoad: {
-        value: function() {
-            if(logger.isDebug) {
-                logger.debug("VideoPlayer:templateDidLoad");
-            }
-        }
-    },
-    
-
-    /*-----------------------------------------------------------------------------
-    MARK:   Interaction
-    -----------------------------------------------------------------------------*/
-    /**
-    Description TODO
-    @private
-    */
-    _showControls: {
-        value: true, enumerable: false
-    },
-    /**
-    Description TODO
-    @private
-    */
-    _hideControlsId: {
-        value: null, enumerable: false
-    },
-    /**
-    Description TODO
-    @function
-    @private
-    */
-    handleMouseup: {
-        value: function() {
-            this.showControlsForInterval();
-        }
-    },
-    /**
-    Description TODO
-    @function
-    @private
-    */
-    handleTouchend: {
-        value: function() {
-            this.showControlsForInterval();
-        }
-    },
-    /**
-    Displays the video player controlls for the interval specified by the CONTROL_SHOW_TIME property.
-    @function
-    */
-    showControlsForInterval: {
-        value: function() {
-            this._showControls = true;
-            this.needsDraw = true;
-
-            var self = this;
-            var hideControls = function() {
-                self._showControls = false;
-                self._hideControlsId = null;
-                self.needsDraw = true;
-            }
-
-            if (this._hideControlsId) {
-                window.clearTimeout(this._hideControlsId);
-            }
-            this._hideControlsId = window.setTimeout(hideControls, this.CONTROL_SHOW_TIME);
-        }
-    },
-
-    
-    /**
-    @private
-    */
-    _installUserActionDetector: {
-        value: function() {
-            if (window.touch && this.autoHide) {
-                this.element.addEventListener("touchstart", this, false);
-            } else if (this.autoHide) {
-                this.element.addEventListener("mouseup", this, false);
-            }
-        }
-    },
-
-    /**
-    @private
-    */
-    enterDocument: {
-        value: function(firstTime) {
-            // Call super method
-            if (AbstractVideo.enterDocument) {
-                AbstractVideo.enterDocument.call(this, firstTime);
-            }
-            
-            if (firstTime) {
-                this._installUserActionDetector();
-
-                if (!this.autoHide) {
-                    this.element.style.paddingBottom = "50px";
-                }
-            }
-        }
-    },
-
-    /**
-    @private
-    */
-    draw: {
-        value: function() {
-            // Call super method
-            if (AbstractVideo.draw) {
-                AbstractVideo.draw.call(this);
-            }
-            
-            var volumeWidth;
-            // Handle loading
-            if (this.videoController.status === this.videoController.EMPTY) {
-                this.loadMedia();
-            } else {
-                // Handle playing
-                if (this.videoController.status === this.videoController.PLAYING) {
-                    if (!this.playButton.classList.contains('playing')) {
-                        this.playButton.classList.add('playing');
-                    }
-                } else {
-                    if (this.playButton.classList.contains('playing')) {
-                        this.playButton.classList.remove('playing');
-                    }
-                }
-
-                if (this.volumeLevel) {
-                    volumeWidth = Math.floor(this.videoController.volume);
-                    this.volumeLevel.style.width =  volumeWidth + "%";
-                }
-
-                if (this.videoController.repeat) {
-                    if (!this.repeatButton.classList.contains("loop")) {
-                        this.repeatButton.classList.add("loop");
-                    }
-                } else {
-                    if (this.repeatButton.classList.contains("loop")) {
-                        this.repeatButton.classList.remove("loop");
-                    }
-                }
-
-                if (this._showControls) {
-                    this.controls.classList.remove("hide-controls");
-                    this.controls.classList.add("show-controls");
-                } else {
-                    this.controls.classList.remove("show-controls");
-                    this.controls.classList.add("hide-controls");
-                }
-
-                if (this.supportsFullScreen) {
-                    this.fullScreenPanel.classList.add("support-fullscreen");
-                    this.fullScreenPanel.classList.remove("hide-fullscreen");
-                    if (!this.isFullScreen) {
-                        this.fullScreenButton.classList.add("enter-fullscreen");
-                        this.fullScreenButton.classList.remove("exit-fullscreen");
-                        this.element.classList.remove("fullscreen");
-                    } else {
-                        this.fullScreenButton.classList.add("exit-fullscreen");
-                        this.fullScreenButton.classList.remove("enter-fullscreen");
-                        this.element.classList.add("fullscreen");
-                    }
-                } else {
-                    this.fullScreenPanel.classList.remove("support-fullscreen");
-                    this.fullScreenPanel.classList.add("hide-fullscreen");
-                    this.element.classList.remove("fullscreen");
-                }
-            }
-        }
-    }
-});
diff --git a/package.json b/package.json
index 18723f77..b2b5de1c 100644
--- a/package.json
+++ b/package.json
@@ -3,7 +3,6 @@
     "version": "0.2.0",
     "dependencies": {
        "montage": "0.14.6",
-        "matte": "0.2.0",
         "digit": "0.5.1",
         "query-params": "0.0.1",
         "url": "0.7.9"