feat(dependencies): Provided external dependencies as imports

app/app.ts

@@ -5,9 +5,9 @@ import {Dialogs} from "./components/dialogs";
 import {Dropdown} from "./components/dropdown";
 import {Collapsible} from "./components/collapsible";
 import {Buttons} from "./components/buttons";
-import {Component} from "angular2/core"
-import {RouteConfig, ROUTER_DIRECTIVES, Location} from "angular2/router"
-import "../src/index"
+import {Component} from "angular2/core";
+import {RouteConfig, ROUTER_DIRECTIVES, Location} from "angular2/router";
+import "../src/index";
 
 @Component({
     selector: "my-app",
@@ -50,6 +50,4 @@ import "../src/index"
   {path: "/forms", component: Forms, name: "Forms"},
   {path: "/tabs", component: Tabs, name: "Tabs"}
 ])
-export class App {
-
-}
+export class App { }

src/index.ts

@@ -1,6 +1,9 @@
 import "materialize";
-// export {Materialize,MaterializeOptions} from "./materialize"
-export {MaterializeDirective} from "./materialize-directive"
 
-declare var Waves:any;
+// export {Materialize,MaterializeOptions} from "./materialize";
+export {MaterializeDirective} from "./materialize-directive";
+export {$,Materialize,Waves} from './materialize-providers';
+
+import {Waves} from './materialize-providers';
+
 Waves.displayEffect();

src/materialize-directive.ts

@@ -1,4 +1,5 @@
 import {Directive, ElementRef, Input, AfterViewInit} from 'angular2/core';
+import {$,Materialize} from './materialize-providers';
 
 // This will only be supported in TS 1.8
 // export type MaterializeOptions =
@@ -12,9 +13,6 @@ import {Directive, ElementRef, Input, AfterViewInit} from 'angular2/core';
   // "sideNav" |
   // "leanModal";
 
-declare var $:any;
-declare var Materialize:any;
-
 @Directive({
     selector: '[materialize]'
 })

src/materialize-providers.ts

@@ -0,0 +1,5 @@
+declare var $:any;
+declare var Materialize:any;
+declare var Waves:any;
+
+export {$,Materialize,Waves}