Merge remote-tracking branch 'origin/develop' into tabs-navigation-arrows

.babelrc

@@ -2,7 +2,15 @@
   "presets": [
     "es2015",
     "es2017",
-    "stage-0"
+    "stage-0",
+    [
+      "env",
+      {
+        "targets": {
+          "browsers": ["last 3 versions", "not IE < 10"]
+        }
+      }
+    ]
   ],
   "plugins": [
     "transform-runtime",

README.md

@@ -88,12 +88,12 @@ Please make sure to read the [Contributing Guide](https://github.com/marcosmoura
 
 ## Browser Support
 Vue Material supports the latest version of all Browsers. This means:
-* Google Chrome 50+
+* Google Chrome 52+
 * Firefox 48+
 * Safari 9+
-* Opera 40+
+* Opera 38+
+* Edge 12+
 * IE 11
-* Edge
 
 <small>May work in other browsers but it's untested.</small>
 

build/release.sh

@@ -31,6 +31,7 @@ if [[ $REPLY =~ ^[Yy]$ ]]; then
   PACKAGE_VERSION=$(get_package_version)
   cp -Rf dist/docs/releases tmp-releases
   cp -Rf dist/docs tmp-releases/v$PACKAGE_VERSION
+  rm -Rf tmp-releases/v$PACKAGE_VERSION/releases
 
   # append version
   sed -i '' -e "s|\"]|\", \"$VERSION\"]|g" docs/versions.json

build/server/index.js

@@ -13,15 +13,14 @@ const app = express();
 const compiler = webpack(webpackConfig);
 const rootPath = path.join(__dirname, '..', '..');
 const devMiddlewareInstance = devMiddleware(compiler, {
+  quiet: true,
   publicPath: config.publicPath,
-  index: config.indexPath,
-  stats: {
-    colors: true,
-    chunks: false
-  }
+  index: config.indexPath
 });
 
-const hotMiddlewareInstance = hotMiddleware(compiler);
+const hotMiddlewareInstance = hotMiddleware(compiler, {
+  log() { }
+});
 
 compiler.plugin('compilation', (compilation) => {
   compilation.plugin('html-webpack-plugin-after-emit', (data, done) => {
@@ -36,14 +35,16 @@ app.use(hotMiddlewareInstance);
 app.use('/', express.static(path.join(rootPath, config.docsPath)));
 app.use('/assets', express.static(path.join(rootPath, config.assetsPath)));
 
-export default app.listen(config.server.port, (error) => {
+devMiddlewareInstance.waitUntilValid(() => {
   let uri = 'http://localhost:' + config.server.port;
 
+  console.log(chalk.blue('> Listening at ' + uri + '\n'));
+});
+
+export default app.listen(config.server.port, (error) => {
   if (error) {
     console.log(chalk.red(error));
 
     return;
   }
-
-  console.log(chalk.blue('Listening at ' + uri + '\n'));
 });

build/webpack/base.js

@@ -3,6 +3,10 @@ import webpack from 'webpack';
 import eslintFormatter from 'eslint-friendly-formatter';
 import config from '../config';
 
+const resolvePath = (dir) => {
+  return path.resolve(__dirname, '..', '..', dir);
+};
+
 export default {
   entry: {
     docs: './docs/src/index.js'
@@ -13,81 +17,50 @@ export default {
     filename: '[name].js'
   },
   resolve: {
-    extensions: ['', '.js', '.vue'],
-    fallback: [config.nodePath],
+    extensions: ['.js', '.vue', '.json'],
     alias: {
-      assets: path.resolve(__dirname, '../../docs/src/assets')
+      assets: resolvePath('docs/src/assets')
     }
   },
-  resolveLoader: {
-    fallback: [config.nodePath]
-  },
   module: {
-    preLoaders: [
+    rules: [
       {
-        test: /\.vue$/,
-        loader: 'eslint',
-        include: config.projectRoot,
-        exclude: /node_modules/
+        test: /\.(js|vue)$/,
+        loader: 'eslint-loader',
+        enforce: 'pre',
+        include: [
+          resolvePath('build'),
+          resolvePath('src'),
+          resolvePath('docs')
+        ],
+        options: {
+          fix: true,
+          formatter: eslintFormatter
+        }
       },
       {
         test: /\.js$/,
-        loader: 'eslint',
-        include: config.projectRoot,
-        exclude: /node_modules/
-      }
-    ],
-    loaders: [
-      {
-        test: /\.vue$/,
-        loader: 'vue'
-      },
-      {
-        test: /\.js$/,
-        loader: 'babel',
-        include: config.projectRoot,
-        exclude: /node_modules/
-      },
-      {
-        test: /\.css$/,
-        loader: 'vue-style-loader!css-loader'
-      },
-      {
-        test: /\.scss$/,
-        loader: 'vue-style-loader!css-loader!sass-loader'
+        loader: 'babel-loader',
+        include: [
+          resolvePath('build'),
+          resolvePath('src'),
+          resolvePath('docs')
+        ]
       },
       {
         test: /\.theme$/,
-        loaders: ['raw', 'sass-loader']
+        use: ['raw-loader', 'sass-loader']
       },
       {
-        test: /\.json$/,
-        loaders: ['json-loader']
-      },
-      {
-        test: /\.(png|jpg|gif|svg)(\?.*)?$/,
-        loader: 'url',
+        test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
+        loader: 'url-loader',
         query: {
           limit: 10000,
           name: '/assets/[name].[hash:8].[ext]'
         }
-      },
-      {
-        test: /\.html$/,
-        loader: 'vue-html'
       }
     ]
   },
-  eslint: {
-    fix: true,
-    formatter: eslintFormatter
-  },
-  vue: {
-    loaders: {
-      css: 'vue-style-loader!css-loader',
-      scss: 'vue-style-loader!css-loader!sass-loader'
-    }
-  },
   plugins: [
     new webpack.DefinePlugin({
       'process.env': config.env

build/webpack/debug-lib.js

@@ -1,4 +1,3 @@
-import webpack from 'webpack';
 import merge from 'webpack-merge';
 import ExtractTextPlugin from 'extract-text-webpack-plugin';
 import OptimizeJsPlugin from 'optimize-js-plugin';
@@ -12,11 +11,7 @@ const devConfig = merge(prodConfig, {
 });
 
 devConfig.plugins = [
-  new webpack.optimize.OccurenceOrderPlugin(),
-  new webpack.optimize.DedupePlugin(),
-  new OptimizeJsPlugin({
-    sourceMap: false
-  }),
+  new OptimizeJsPlugin(),
   new ExtractTextPlugin('[name].css')
 ];
 

build/webpack/dev.js

@@ -1,23 +1,47 @@
 import webpack from 'webpack';
 import merge from 'webpack-merge';
 import HtmlWebpackPlugin from 'html-webpack-plugin';
+import FriendlyErrorsPlugin from 'friendly-errors-webpack-plugin';
 import baseWebpackConfig from './base';
 import config from '../config';
 
 Object.keys(baseWebpackConfig.entry).forEach((name) => {
-  baseWebpackConfig.entry[name] = ['./build/server/client'].concat(baseWebpackConfig.entry[name]);
+  baseWebpackConfig.entry[name] = ['./build/server/client', ...[baseWebpackConfig.entry[name]]];
 });
 
 export default merge(baseWebpackConfig, {
-  devtool: 'source-map',
+  devtool: 'cheap-module-eval-source-map',
+  module: {
+    rules: [
+      {
+        test: /\.vue$/,
+        loader: 'vue-loader',
+        options: {
+          loaders: {
+            css: 'vue-style-loader!css-loader',
+            scss: 'vue-style-loader!css-loader!sass-loader'
+          }
+        }
+      },
+      {
+        test: /\.css$/,
+        use: ['vue-style-loader', 'css-loader']
+      },
+      {
+        test: /\.scss$/,
+        use: ['vue-style-loader', 'css-loader', 'sass-loader']
+      }
+    ]
+  },
   plugins: [
     new webpack.WatchIgnorePlugin([config.nodePath]),
     new webpack.HotModuleReplacementPlugin(),
-    new webpack.NoErrorsPlugin(),
+    new webpack.NoEmitOnErrorsPlugin(),
     new HtmlWebpackPlugin({
       filename: 'index.html',
       template: 'docs/index.html',
       inject: true
-    })
+    }),
+    new FriendlyErrorsPlugin()
   ]
 });

build/webpack/prod-docs.js

@@ -6,36 +6,73 @@ import ExtractTextPlugin from 'extract-text-webpack-plugin';
 import CopyWebpackPlugin from 'copy-webpack-plugin';
 import HtmlWebpackPlugin from 'html-webpack-plugin';
 import OptimizeJsPlugin from 'optimize-js-plugin';
+import OptimizeCssAssetsPlugin from 'optimize-css-assets-webpack-plugin';
+import mediaPacker from 'css-mqpacker';
 import config from '../config';
 import baseConfig from './base';
 
 const docsPath = path.join(config.rootPath, config.docsPath);
 
-export default merge(baseConfig, {
+const conf = merge(baseConfig, {
   output: {
     path: docsPath,
     publicPath: '',
     filename: '[name].[chunkhash:8].js',
     chunkFilename: '[name].[chunkhash:8].js'
   },
-  vue: {
-    loaders: {
-      css: ExtractTextPlugin.extract('css'),
-      scss: ExtractTextPlugin.extract('css!sass')
-    },
-    postcss: [
-      autoprefixer({
-        browsers: ['last 3 versions']
-      })
+  module: {
+    rules: [
+      {
+        test: /\.vue$/,
+        loader: 'vue-loader',
+        options: {
+          loaders: {
+            css: ExtractTextPlugin.extract({
+              use: 'css-loader',
+              fallback: 'vue-style-loader'
+            }),
+            scss: ExtractTextPlugin.extract({
+              use: 'css-loader!sass-loader',
+              fallback: 'vue-style-loader'
+            })
+          },
+          postcss: [
+            autoprefixer({
+              browsers: ['last 3 versions', 'not IE < 10']
+            }),
+            mediaPacker()
+          ]
+        }
+      },
+      {
+        test: /\.css$/,
+        loader: ExtractTextPlugin.extract({
+          use: 'css-loader',
+          fallback: 'vue-style-loader'
+        })
+      },
+      {
+        test: /\.scss$/,
+        loader: ExtractTextPlugin.extract({
+          use: 'css-loader!sass-loader',
+          fallback: 'vue-style-loader'
+        })
+      }
     ]
   },
   plugins: [
-    new webpack.optimize.DedupePlugin(),
+    new webpack.LoaderOptionsPlugin({
+      minimize: true,
+      debug: true
+    }),
     new webpack.optimize.UglifyJsPlugin({
       compress: {
         warnings: false
       },
-      comments: false
+      output: {
+        comments: false
+      },
+      sourceMap: false
     }),
     new OptimizeJsPlugin({
       sourceMap: false
@@ -97,6 +134,8 @@ export default merge(baseConfig, {
       name: 'manifest',
       chunks: ['vendor']
     }),
-    new webpack.optimize.OccurenceOrderPlugin()
+    new OptimizeCssAssetsPlugin()
   ]
 });
+
+export default conf;

build/webpack/prod-lib.js

@@ -5,6 +5,8 @@ import merge from 'webpack-merge';
 import autoprefixer from 'autoprefixer';
 import ExtractTextPlugin from 'extract-text-webpack-plugin';
 import OptimizeJsPlugin from 'optimize-js-plugin';
+import OptimizeCssAssetsPlugin from 'optimize-css-assets-webpack-plugin';
+import mediaPacker from 'css-mqpacker';
 import config from '../config';
 import baseConfig from './base';
 
@@ -35,15 +37,44 @@ export default merge(baseConfig, {
     library: 'VueMaterial',
     libraryTarget: 'umd'
   },
-  vue: {
-    loaders: {
-      css: ExtractTextPlugin.extract('css'),
-      scss: ExtractTextPlugin.extract('css!sass')
-    },
-    postcss: [
-      autoprefixer({
-        browsers: ['last 2 versions']
-      })
+  module: {
+    rules: [
+      {
+        test: /\.vue$/,
+        loader: 'vue-loader',
+        options: {
+          loaders: {
+            css: ExtractTextPlugin.extract({
+              use: 'css-loader',
+              fallback: 'vue-style-loader'
+            }),
+            scss: ExtractTextPlugin.extract({
+              use: 'css-loader!sass-loader',
+              fallback: 'vue-style-loader'
+            })
+          },
+          postcss: [
+            autoprefixer({
+              browsers: ['last 3 versions', 'not IE < 10']
+            }),
+            mediaPacker()
+          ]
+        }
+      },
+      {
+        test: /\.css$/,
+        loader: ExtractTextPlugin.extract({
+          use: 'css-loader',
+          fallback: 'vue-style-loader'
+        })
+      },
+      {
+        test: /\.scss$/,
+        loader: ExtractTextPlugin.extract({
+          use: 'css-loader!sass-loader',
+          fallback: 'vue-style-loader'
+        })
+      }
     ]
   },
   externals: {
@@ -56,27 +87,32 @@ export default merge(baseConfig, {
     }
   },
   plugins: [
-    new webpack.optimize.DedupePlugin(),
+    new webpack.LoaderOptionsPlugin({
+      minimize: true,
+      debug: false
+    }),
     new webpack.optimize.UglifyJsPlugin({
       compress: {
         warnings: false
       },
-      comments: false
+      output: {
+        comments: false
+      },
+      sourceMap: false
     }),
-    new webpack.optimize.OccurenceOrderPlugin(),
     new OptimizeJsPlugin({
       sourceMap: false
     }),
-    new webpack.BannerPlugin(
-`/*!
- * Vue Material v${version}
- * Made with love by Marcos Moura
- * Released under the MIT License.
- */`
-    , {
+    new webpack.BannerPlugin({
+      banner: `/*!
+* Vue Material v${version}
+* Made with love by Marcos Moura
+* Released under the MIT License.
+*/   `,
       raw: true,
       entryOnly: true
     }),
-    new ExtractTextPlugin('[name].css')
+    new ExtractTextPlugin('[name].css'),
+    new OptimizeCssAssetsPlugin()
   ]
 });

dist/components/mdAvatar/index.css

@@ -1,72 +1,5 @@
-/* Common */
-/* Responsive Breakpoints */
-/* Transitions - Based on Angular Material */
-/* Elevation - Based on Angular Material */
-.md-avatar {
-  width: 40px;
-  min-width: 40px;
-  height: 40px;
-  min-height: 40px;
-  margin: auto;
-  display: inline-block;
-  overflow: hidden;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-  position: relative;
-  border-radius: 40px;
-  vertical-align: middle;
-}
-.md-avatar.md-large {
-    width: 64px;
-    min-width: 64px;
-    height: 64px;
-    min-height: 64px;
-    border-radius: 64px;
-}
-.md-avatar.md-large .md-icon {
-      width: 40px;
-      min-width: 40px;
-      height: 40px;
-      min-height: 40px;
-      font-size: 40px;
-      line-height: 40px;
-}
-.md-avatar.md-avatar-icon {
-    background-color: rgba(0, 0, 0, 0.38);
-}
-.md-avatar.md-avatar-icon .md-icon {
-      color: #fff;
-}
-.md-avatar .md-icon {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-}
-.md-avatar img {
-    width: 100%;
-    height: 100%;
-    display: block;
-}
-.md-avatar .md-ink-ripple {
-    border-radius: 50%;
-}
-.md-avatar .md-ink-ripple .md-ripple.md-active {
-      animation-duration: .9s;
-}
-.md-avatar-tooltip.md-tooltip-top {
-  margin-top: -8px;
-}
-.md-avatar-tooltip.md-tooltip-right {
-  margin-left: 8px;
-}
-.md-avatar-tooltip.md-tooltip-bottom {
-  margin-top: 8px;
-}
-.md-avatar-tooltip.md-tooltip-left {
-  margin-left: -8px;
-}
-
-/*# sourceMappingURL=index.css.map*/
+/*!
+* Vue Material v0.7.1
+* Made with love by Marcos Moura
+* Released under the MIT License.
+*/.md-avatar{width:40px;min-width:40px;height:40px;min-height:40px;margin:auto;display:inline-block;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;border-radius:40px;vertical-align:middle}.md-avatar.md-large{width:64px;min-width:64px;height:64px;min-height:64px;border-radius:64px}.md-avatar.md-large .md-icon{width:40px;min-width:40px;height:40px;min-height:40px;font-size:40px;line-height:40px}.md-avatar.md-avatar-icon{background-color:rgba(0,0,0,.38)}.md-avatar.md-avatar-icon .md-icon{color:#fff}.md-avatar .md-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.md-avatar img{width:100%;height:100%;display:block}.md-avatar .md-ink-ripple{border-radius:50%}.md-avatar .md-ink-ripple .md-ripple.md-active{animation-duration:.9s}.md-avatar-tooltip.md-tooltip-top{margin-top:-8px}.md-avatar-tooltip.md-tooltip-right{margin-left:8px}.md-avatar-tooltip.md-tooltip-bottom{margin-top:8px}.md-avatar-tooltip.md-tooltip-left{margin-left:-8px}

dist/components/mdAvatar/index.debug.js

@@ -21,16 +21,16 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /******/ 		// Create a new module (and put it into the cache)
 /******/ 		var module = installedModules[moduleId] = {
-/******/ 			exports: {},
-/******/ 			id: moduleId,
-/******/ 			loaded: false
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
 /******/ 		};
 
 /******/ 		// Execute the module function
 /******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
 
 /******/ 		// Flag the module as loaded
-/******/ 		module.loaded = true;
+/******/ 		module.l = true;
 
 /******/ 		// Return the exports of the module
 /******/ 		return module.exports;
@@ -43,224 +43,297 @@ return /******/ (function(modules) { // webpackBootstrap
 /******/ 	// expose the module cache
 /******/ 	__webpack_require__.c = installedModules;
 
+/******/ 	// identity function for calling harmony imports with the correct context
+/******/ 	__webpack_require__.i = function(value) { return value; };
+
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, {
+/******/ 				configurable: false,
+/******/ 				enumerable: true,
+/******/ 				get: getter
+/******/ 			});
+/******/ 		}
+/******/ 	};
+
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+
 /******/ 	// __webpack_public_path__
 /******/ 	__webpack_require__.p = "/";
 
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(0);
+/******/ 	return __webpack_require__(__webpack_require__.s = 397);
 /******/ })
 /************************************************************************/
 /******/ ({
 
 /***/ 0:
-/***/ function(module, exports, __webpack_require__) {
+/***/ (function(module, exports) {
 
-	module.exports = __webpack_require__(72);
+module.exports = function normalizeComponent (
+  rawScriptExports,
+  compiledTemplate,
+  scopeId,
+  cssModules
+) {
+  var esModule
+  var scriptExports = rawScriptExports = rawScriptExports || {}
+
+  // ES6 modules interop
+  var type = typeof rawScriptExports.default
+  if (type === 'object' || type === 'function') {
+    esModule = rawScriptExports
+    scriptExports = rawScriptExports.default
+  }
+
+  // Vue.extend constructor export interop
+  var options = typeof scriptExports === 'function'
+    ? scriptExports.options
+    : scriptExports
+
+  // render functions
+  if (compiledTemplate) {
+    options.render = compiledTemplate.render
+    options.staticRenderFns = compiledTemplate.staticRenderFns
+  }
+
+  // scopedId
+  if (scopeId) {
+    options._scopeId = scopeId
+  }
+
+  // inject cssModules
+  if (cssModules) {
+    var computed = options.computed || (options.computed = {})
+    Object.keys(cssModules).forEach((function (key) {
+      var module = cssModules[key]
+      computed[key] = function () { return module }
+    }))
+  }
+
+  return {
+    esModule: esModule,
+    exports: scriptExports,
+    options: options
+  }
+}
 
 
-/***/ },
+/***/ }),
 
 /***/ 1:
-/***/ function(module, exports) {
+/***/ (function(module, exports, __webpack_require__) {
 
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	exports.default = {
-	  props: {
-	    mdTheme: String
-	  },
-	  data: function data() {
-	    return {
-	      closestThemedParent: false
-	    };
-	  },
-	  methods: {
-	    getClosestThemedParent: function getClosestThemedParent($parent) {
-	      if (!$parent || !$parent.$el || $parent._uid === 0) {
-	        return false;
-	      }
-
-	      if ($parent.mdTheme || $parent.mdName) {
-	        return $parent;
-	      }
-
-	      return this.getClosestThemedParent($parent.$parent);
-	    }
-	  },
-	  computed: {
-	    themeClass: function themeClass() {
-	      if (this.mdTheme) {
-	        return 'md-theme-' + this.mdTheme;
-	      }
-
-	      var theme = this.closestThemedParent.mdTheme;
-
-	      if (!theme) {
-	        if (this.closestThemedParent) {
-	          theme = this.closestThemedParent.mdName;
-	        } else {
-	          theme = this.$material.currentTheme;
-	        }
-	      }
-
-	      return 'md-theme-' + theme;
-	    }
-	  },
-	  mounted: function mounted() {
-	    this.closestThemedParent = this.getClosestThemedParent(this.$parent);
-
-	    if (!this.$material.currentTheme) {
-	      this.$material.setCurrentTheme('default');
-	    }
-	  }
-	};
-	module.exports = exports['default'];
-
-/***/ },
-
-/***/ 72:
-/***/ function(module, exports, __webpack_require__) {
-
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	exports.default = install;
-
-	var _mdAvatar = __webpack_require__(248);
-
-	var _mdAvatar2 = _interopRequireDefault(_mdAvatar);
-
-	var _mdAvatar3 = __webpack_require__(222);
-
-	var _mdAvatar4 = _interopRequireDefault(_mdAvatar3);
-
-	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-	function install(Vue) {
-	  Vue.component('md-avatar', Vue.extend(_mdAvatar2.default));
-
-	  Vue.material.styles.push(_mdAvatar4.default);
-	}
-	module.exports = exports['default'];
-
-/***/ },
-
-/***/ 110:
-/***/ function(module, exports, __webpack_require__) {
-
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-
-	var _mixin = __webpack_require__(1);
-
-	var _mixin2 = _interopRequireDefault(_mixin);
-
-	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-	exports.default = {
-	  mixins: [_mixin2.default]
-	}; //
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-
-	module.exports = exports['default'];
-
-/***/ },
-
-/***/ 195:
-/***/ function(module, exports) {
-
-	// removed by extract-text-webpack-plugin
-
-/***/ },
-
-/***/ 222:
-/***/ function(module, exports) {
-
-	module.exports = ".THEME_NAME.md-avatar.md-primary.md-avatar-icon {\n  background-color: PRIMARY-COLOR; }\n  .THEME_NAME.md-avatar.md-primary.md-avatar-icon .md-icon {\n    color: PRIMARY-CONTRAST-0.99999; }\n\n.THEME_NAME.md-avatar.md-accent.md-avatar-icon {\n  background-color: ACCENT-COLOR; }\n  .THEME_NAME.md-avatar.md-accent.md-avatar-icon .md-icon {\n    color: ACCENT-CONTRAST-0.99999; }\n\n.THEME_NAME.md-avatar.md-warn.md-avatar-icon {\n  background-color: WARN-COLOR; }\n  .THEME_NAME.md-avatar.md-warn.md-avatar-icon .md-icon {\n    color: WARN-CONTRAST-0.99999; }\n"
-
-/***/ },
-
-/***/ 248:
-/***/ function(module, exports, __webpack_require__) {
-
-	var __vue_exports__, __vue_options__
-	var __vue_styles__ = {}
-
-	/* styles */
-	__webpack_require__(195)
-
-	/* script */
-	__vue_exports__ = __webpack_require__(110)
-
-	/* template */
-	var __vue_template__ = __webpack_require__(322)
-	__vue_options__ = __vue_exports__ = __vue_exports__ || {}
-	if (
-	  typeof __vue_exports__.default === "object" ||
-	  typeof __vue_exports__.default === "function"
-	) {
-	if (Object.keys(__vue_exports__).some((function (key) { return key !== "default" && key !== "__esModule" }))) {console.error("named exports are not supported in *.vue files.")}
-	__vue_options__ = __vue_exports__ = __vue_exports__.default
-	}
-	if (typeof __vue_options__ === "function") {
-	  __vue_options__ = __vue_options__.options
-	}
-	__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdAvatar/mdAvatar.vue"
-	__vue_options__.render = __vue_template__.render
-	__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
-
-	/* hot reload */
-	if (false) {(function () {
-	  var hotAPI = require("vue-hot-reload-api")
-	  hotAPI.install(require("vue"), false)
-	  if (!hotAPI.compatible) return
-	  module.hot.accept()
-	  if (!module.hot.data) {
-	    hotAPI.createRecord("data-v-1cbfca0d", __vue_options__)
-	  } else {
-	    hotAPI.reload("data-v-1cbfca0d", __vue_options__)
-	  }
-	})()}
-	if (__vue_options__.functional) {console.error("[vue-loader] mdAvatar.vue: functional components are not supported and should be defined in plain js files using render functions.")}
-
-	module.exports = __vue_exports__
+"use strict";
 
 
-/***/ },
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = {
+  props: {
+    mdTheme: String
+  },
+  data: function data() {
+    return {
+      closestThemedParent: false
+    };
+  },
+  methods: {
+    getClosestThemedParent: function getClosestThemedParent($parent) {
+      if (!$parent || !$parent.$el || $parent._uid === 0) {
+        return false;
+      }
 
-/***/ 322:
-/***/ function(module, exports, __webpack_require__) {
+      if ($parent.mdTheme || $parent.mdName) {
+        return $parent;
+      }
 
-	module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
-	  return _c('div', {
-	    staticClass: "md-avatar",
-	    class: [_vm.themeClass]
-	  }, [_vm._t("default")], 2)
-	},staticRenderFns: []}
-	module.exports.render._withStripped = true
-	if (false) {
-	  module.hot.accept()
-	  if (module.hot.data) {
-	     require("vue-hot-reload-api").rerender("data-v-1cbfca0d", module.exports)
-	  }
-	}
+      return this.getClosestThemedParent($parent.$parent);
+    }
+  },
+  computed: {
+    themeClass: function themeClass() {
+      if (this.mdTheme) {
+        return 'md-theme-' + this.mdTheme;
+      }
 
-/***/ }
+      var theme = this.closestThemedParent.mdTheme;
 
-/******/ })
-}));
-;
+      if (!theme) {
+        if (this.closestThemedParent) {
+          theme = this.closestThemedParent.mdName;
+        } else {
+          theme = this.$material.currentTheme;
+        }
+      }
+
+      return 'md-theme-' + theme;
+    }
+  },
+  mounted: function mounted() {
+    this.closestThemedParent = this.getClosestThemedParent(this.$parent);
+
+    if (!this.$material.currentTheme) {
+      this.$material.setCurrentTheme('default');
+    }
+  }
+};
+module.exports = exports['default'];
+
+/***/ }),
+
+/***/ 131:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _mixin = __webpack_require__(1);
+
+var _mixin2 = _interopRequireDefault(_mixin);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+exports.default = {
+  mixins: [_mixin2.default]
+}; //
+//
+//
+//
+//
+//
+//
+//
+
+module.exports = exports['default'];
+
+/***/ }),
+
+/***/ 215:
+/***/ (function(module, exports) {
+
+// removed by extract-text-webpack-plugin
+
+/***/ }),
+
+/***/ 233:
+/***/ (function(module, exports) {
+
+module.exports = ".THEME_NAME.md-avatar.md-primary.md-avatar-icon {\n  background-color: PRIMARY-COLOR; }\n  .THEME_NAME.md-avatar.md-primary.md-avatar-icon .md-icon {\n    color: PRIMARY-CONTRAST-0.99999; }\n\n.THEME_NAME.md-avatar.md-accent.md-avatar-icon {\n  background-color: ACCENT-COLOR; }\n  .THEME_NAME.md-avatar.md-accent.md-avatar-icon .md-icon {\n    color: ACCENT-CONTRAST-0.99999; }\n\n.THEME_NAME.md-avatar.md-warn.md-avatar-icon {\n  background-color: WARN-COLOR; }\n  .THEME_NAME.md-avatar.md-warn.md-avatar-icon .md-icon {\n    color: WARN-CONTRAST-0.99999; }\n"
+
+/***/ }),
+
+/***/ 260:
+/***/ (function(module, exports, __webpack_require__) {
+
+
+/* styles */
+__webpack_require__(215)
+
+var Component = __webpack_require__(0)(
+  /* script */
+  __webpack_require__(131),
+  /* template */
+  __webpack_require__(364),
+  /* scopeId */
+  null,
+  /* cssModules */
+  null
+)
+Component.options.__file = "/Users/mrufino/Projects/personal/github/vue-material/src/components/mdAvatar/mdAvatar.vue"
+if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
+if (Component.options.functional) {console.error("[vue-loader] mdAvatar.vue: functional components are not supported with templates, they should use render functions.")}
+
+/* hot reload */
+if (false) {(function () {
+  var hotAPI = require("vue-hot-reload-api")
+  hotAPI.install(require("vue"), false)
+  if (!hotAPI.compatible) return
+  module.hot.accept()
+  if (!module.hot.data) {
+    hotAPI.createRecord("data-v-4fb5ecf8", Component.options)
+  } else {
+    hotAPI.reload("data-v-4fb5ecf8", Component.options)
+  }
+})()}
+
+module.exports = Component.exports
+
+
+/***/ }),
+
+/***/ 364:
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
+  return _c('div', {
+    staticClass: "md-avatar",
+    class: [_vm.themeClass]
+  }, [_vm._t("default")], 2)
+},staticRenderFns: []}
+module.exports.render._withStripped = true
+if (false) {
+  module.hot.accept()
+  if (module.hot.data) {
+     require("vue-hot-reload-api").rerender("data-v-4fb5ecf8", module.exports)
+  }
+}
+
+/***/ }),
+
+/***/ 397:
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(90);
+
+
+/***/ }),
+
+/***/ 90:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = install;
+
+var _mdAvatar = __webpack_require__(260);
+
+var _mdAvatar2 = _interopRequireDefault(_mdAvatar);
+
+var _mdAvatar3 = __webpack_require__(233);
+
+var _mdAvatar4 = _interopRequireDefault(_mdAvatar3);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function install(Vue) {
+  Vue.component('md-avatar', _mdAvatar2.default);
+
+  Vue.material.styles.push(_mdAvatar4.default);
+}
+module.exports = exports['default'];
+
+/***/ })
+
+/******/ });
+}));

dist/components/mdAvatar/index.js

@@ -1,6 +1,6 @@
 /*!
- * Vue Material v0.6.3
- * Made with love by Marcos Moura
- * Released under the MIT License.
- */
-!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(a){if(r[a])return r[a].exports;var n=r[a]={exports:{},id:a,loaded:!1};return e[a].call(n.exports,n,n.exports,t),n.loaded=!0,n.exports}var r={};return t.m=e,t.c=r,t.p="/",t(0)})({0:function(e,t,r){e.exports=r(72)},1:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(e){return!(!e||!e.$el||0===e._uid)&&(e.mdTheme||e.mdName?e:this.getClosestThemedParent(e.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var e=this.closestThemedParent.mdTheme;return e||(e=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+e}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},e.exports=t.default},72:function(e,t,r){"use strict";function a(e){return e&&e.__esModule?e:{default:e}}function n(e){e.component("md-avatar",e.extend(d.default)),e.material.styles.push(i.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=n;var o=r(248),d=a(o),s=r(222),i=a(s);e.exports=t.default},110:function(e,t,r){"use strict";function a(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var n=r(1),o=a(n);t.default={mixins:[o.default]},e.exports=t.default},195:function(e,t){},222:function(e,t){e.exports=".THEME_NAME.md-avatar.md-primary.md-avatar-icon{background-color:PRIMARY-COLOR}.THEME_NAME.md-avatar.md-primary.md-avatar-icon .md-icon{color:PRIMARY-CONTRAST-0.99999}.THEME_NAME.md-avatar.md-accent.md-avatar-icon{background-color:ACCENT-COLOR}.THEME_NAME.md-avatar.md-accent.md-avatar-icon .md-icon{color:ACCENT-CONTRAST-0.99999}.THEME_NAME.md-avatar.md-warn.md-avatar-icon{background-color:WARN-COLOR}.THEME_NAME.md-avatar.md-warn.md-avatar-icon .md-icon{color:WARN-CONTRAST-0.99999}\n"},248:function(e,t,r){var a,n;r(195),a=r(110);var o=r(322);n=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(n=a=a.default),"function"==typeof n&&(n=n.options),n.render=o.render,n.staticRenderFns=o.staticRenderFns,e.exports=a},322:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("div",{staticClass:"md-avatar",class:[e.themeClass]},[e._t("default")],2)},staticRenderFns:[]}}})}));
+* Vue Material v0.7.1
+* Made with love by Marcos Moura
+* Released under the MIT License.
+*/   
+!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(n){if(r[n])return r[n].exports;var o=r[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var r={};return t.m=e,t.c=r,t.i=function(e){return e},t.d=function(e,r,n){t.o(e,r)||Object.defineProperty(e,r,{configurable:!1,enumerable:!0,get:n})},t.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(r,"a",r),r},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s=397)})({0:function(e,t){e.exports=function(e,t,r,n){var o,a=e=e||{},u=typeof e.default;"object"!==u&&"function"!==u||(o=e,a=e.default);var d="function"==typeof a?a.options:a;if(t&&(d.render=t.render,d.staticRenderFns=t.staticRenderFns),r&&(d._scopeId=r),n){var c=d.computed||(d.computed={});Object.keys(n).forEach((function(e){var t=n[e];c[e]=function(){return t}}))}return{esModule:o,exports:a,options:d}}},1:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(e){return!(!e||!e.$el||0===e._uid)&&(e.mdTheme||e.mdName?e:this.getClosestThemedParent(e.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var e=this.closestThemedParent.mdTheme;return e||(e=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+e}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},e.exports=t.default},131:function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(1),a=n(o);t.default={mixins:[a.default]},e.exports=t.default},215:function(e,t){},233:function(e,t){e.exports=".THEME_NAME.md-avatar.md-primary.md-avatar-icon{background-color:PRIMARY-COLOR}.THEME_NAME.md-avatar.md-primary.md-avatar-icon .md-icon{color:PRIMARY-CONTRAST-0.99999}.THEME_NAME.md-avatar.md-accent.md-avatar-icon{background-color:ACCENT-COLOR}.THEME_NAME.md-avatar.md-accent.md-avatar-icon .md-icon{color:ACCENT-CONTRAST-0.99999}.THEME_NAME.md-avatar.md-warn.md-avatar-icon{background-color:WARN-COLOR}.THEME_NAME.md-avatar.md-warn.md-avatar-icon .md-icon{color:WARN-CONTRAST-0.99999}\n"},260:function(e,t,r){r(215);var n=r(0)(r(131),r(364),null,null);e.exports=n.exports},364:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("div",{staticClass:"md-avatar",class:[e.themeClass]},[e._t("default")],2)},staticRenderFns:[]}},397:function(e,t,r){e.exports=r(90)},90:function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function o(e){e.component("md-avatar",u.default),e.material.styles.push(c.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=o;var a=r(260),u=n(a),d=r(233),c=n(d);e.exports=t.default}})}));

dist/components/mdBackdrop/index.css

@@ -1,26 +1,5 @@
-/* Common */
-/* Responsive Breakpoints */
-/* Transitions - Based on Angular Material */
-/* Elevation - Based on Angular Material */
-.md-backdrop {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 99;
-  pointer-events: none;
-  background-color: rgba(0, 0, 0, 0.54);
-  transform: translate3d(0, 0, 0);
-  opacity: 0;
-  transition: all 0.5s cubic-bezier(0.35, 0, 0.25, 1);
-}
-.md-backdrop.md-active {
-    opacity: 1;
-    pointer-events: auto;
-}
-.md-backdrop.md-transparent {
-    background: rgba(0, 0, 0, 0.005);
-}
-
-/*# sourceMappingURL=index.css.map*/
+/*!
+* Vue Material v0.7.1
+* Made with love by Marcos Moura
+* Released under the MIT License.
+*/.md-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background-color:rgba(0,0,0,.54);transform:translateZ(0);opacity:0;transition:all .5s cubic-bezier(.35,0,.25,1)}.md-backdrop.md-active{opacity:1;pointer-events:auto}.md-backdrop.md-transparent{background:rgba(0,0,0,.005)}

dist/components/mdBackdrop/index.debug.js

@@ -21,16 +21,16 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /******/ 		// Create a new module (and put it into the cache)
 /******/ 		var module = installedModules[moduleId] = {
-/******/ 			exports: {},
-/******/ 			id: moduleId,
-/******/ 			loaded: false
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
 /******/ 		};
 
 /******/ 		// Execute the module function
 /******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
 
 /******/ 		// Flag the module as loaded
-/******/ 		module.loaded = true;
+/******/ 		module.l = true;
 
 /******/ 		// Return the exports of the module
 /******/ 		return module.exports;
@@ -43,152 +43,224 @@ return /******/ (function(modules) { // webpackBootstrap
 /******/ 	// expose the module cache
 /******/ 	__webpack_require__.c = installedModules;
 
+/******/ 	// identity function for calling harmony imports with the correct context
+/******/ 	__webpack_require__.i = function(value) { return value; };
+
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, {
+/******/ 				configurable: false,
+/******/ 				enumerable: true,
+/******/ 				get: getter
+/******/ 			});
+/******/ 		}
+/******/ 	};
+
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+
 /******/ 	// __webpack_public_path__
 /******/ 	__webpack_require__.p = "/";
 
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(0);
+/******/ 	return __webpack_require__(__webpack_require__.s = 398);
 /******/ })
 /************************************************************************/
 /******/ ({
 
 /***/ 0:
-/***/ function(module, exports, __webpack_require__) {
+/***/ (function(module, exports) {
 
-	module.exports = __webpack_require__(73);
+module.exports = function normalizeComponent (
+  rawScriptExports,
+  compiledTemplate,
+  scopeId,
+  cssModules
+) {
+  var esModule
+  var scriptExports = rawScriptExports = rawScriptExports || {}
+
+  // ES6 modules interop
+  var type = typeof rawScriptExports.default
+  if (type === 'object' || type === 'function') {
+    esModule = rawScriptExports
+    scriptExports = rawScriptExports.default
+  }
+
+  // Vue.extend constructor export interop
+  var options = typeof scriptExports === 'function'
+    ? scriptExports.options
+    : scriptExports
+
+  // render functions
+  if (compiledTemplate) {
+    options.render = compiledTemplate.render
+    options.staticRenderFns = compiledTemplate.staticRenderFns
+  }
+
+  // scopedId
+  if (scopeId) {
+    options._scopeId = scopeId
+  }
+
+  // inject cssModules
+  if (cssModules) {
+    var computed = options.computed || (options.computed = {})
+    Object.keys(cssModules).forEach((function (key) {
+      var module = cssModules[key]
+      computed[key] = function () { return module }
+    }))
+  }
+
+  return {
+    esModule: esModule,
+    exports: scriptExports,
+    options: options
+  }
+}
 
 
-/***/ },
+/***/ }),
 
-/***/ 73:
-/***/ function(module, exports, __webpack_require__) {
+/***/ 132:
+/***/ (function(module, exports, __webpack_require__) {
 
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	exports.default = install;
-
-	var _mdBackdrop = __webpack_require__(249);
-
-	var _mdBackdrop2 = _interopRequireDefault(_mdBackdrop);
-
-	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-	function install(Vue) {
-	  Vue.component('md-backdrop', Vue.extend(_mdBackdrop2.default));
-	}
-	module.exports = exports['default'];
-
-/***/ },
-
-/***/ 111:
-/***/ function(module, exports) {
-
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	//
-	//
-	//
-	//
-	//
-	//
-
-	exports.default = {
-	  methods: {
-	    close: function close() {
-	      this.$emit('close');
-	    }
-	  }
-	};
-	module.exports = exports['default'];
-
-/***/ },
-
-/***/ 219:
-/***/ function(module, exports) {
-
-	// removed by extract-text-webpack-plugin
-
-/***/ },
-
-/***/ 249:
-/***/ function(module, exports, __webpack_require__) {
-
-	var __vue_exports__, __vue_options__
-	var __vue_styles__ = {}
-
-	/* styles */
-	__webpack_require__(219)
-
-	/* script */
-	__vue_exports__ = __webpack_require__(111)
-
-	/* template */
-	var __vue_template__ = __webpack_require__(367)
-	__vue_options__ = __vue_exports__ = __vue_exports__ || {}
-	if (
-	  typeof __vue_exports__.default === "object" ||
-	  typeof __vue_exports__.default === "function"
-	) {
-	if (Object.keys(__vue_exports__).some((function (key) { return key !== "default" && key !== "__esModule" }))) {console.error("named exports are not supported in *.vue files.")}
-	__vue_options__ = __vue_exports__ = __vue_exports__.default
-	}
-	if (typeof __vue_options__ === "function") {
-	  __vue_options__ = __vue_options__.options
-	}
-	__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdBackdrop/mdBackdrop.vue"
-	__vue_options__.render = __vue_template__.render
-	__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
-
-	/* hot reload */
-	if (false) {(function () {
-	  var hotAPI = require("vue-hot-reload-api")
-	  hotAPI.install(require("vue"), false)
-	  if (!hotAPI.compatible) return
-	  module.hot.accept()
-	  if (!module.hot.data) {
-	    hotAPI.createRecord("data-v-df1259a6", __vue_options__)
-	  } else {
-	    hotAPI.reload("data-v-df1259a6", __vue_options__)
-	  }
-	})()}
-	if (__vue_options__.functional) {console.error("[vue-loader] mdBackdrop.vue: functional components are not supported and should be defined in plain js files using render functions.")}
-
-	module.exports = __vue_exports__
+"use strict";
 
 
-/***/ },
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//
+//
+//
+//
+//
+//
 
-/***/ 367:
-/***/ function(module, exports, __webpack_require__) {
+exports.default = {
+  methods: {
+    close: function close() {
+      this.$emit('close');
+    }
+  }
+};
+module.exports = exports['default'];
 
-	module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
-	  return _c('div', {
-	    staticClass: "md-backdrop",
-	    on: {
-	      "click": _vm.close,
-	      "keyup": function($event) {
-	        if (_vm._k($event.keyCode, "esc", 27)) { return; }
-	        _vm.close($event)
-	      }
-	    }
-	  })
-	},staticRenderFns: []}
-	module.exports.render._withStripped = true
-	if (false) {
-	  module.hot.accept()
-	  if (module.hot.data) {
-	     require("vue-hot-reload-api").rerender("data-v-df1259a6", module.exports)
-	  }
-	}
+/***/ }),
 
-/***/ }
+/***/ 232:
+/***/ (function(module, exports) {
 
-/******/ })
-}));
-;
+// removed by extract-text-webpack-plugin
+
+/***/ }),
+
+/***/ 261:
+/***/ (function(module, exports, __webpack_require__) {
+
+
+/* styles */
+__webpack_require__(232)
+
+var Component = __webpack_require__(0)(
+  /* script */
+  __webpack_require__(132),
+  /* template */
+  __webpack_require__(393),
+  /* scopeId */
+  null,
+  /* cssModules */
+  null
+)
+Component.options.__file = "/Users/mrufino/Projects/personal/github/vue-material/src/components/mdBackdrop/mdBackdrop.vue"
+if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
+if (Component.options.functional) {console.error("[vue-loader] mdBackdrop.vue: functional components are not supported with templates, they should use render functions.")}
+
+/* hot reload */
+if (false) {(function () {
+  var hotAPI = require("vue-hot-reload-api")
+  hotAPI.install(require("vue"), false)
+  if (!hotAPI.compatible) return
+  module.hot.accept()
+  if (!module.hot.data) {
+    hotAPI.createRecord("data-v-e09d01b8", Component.options)
+  } else {
+    hotAPI.reload("data-v-e09d01b8", Component.options)
+  }
+})()}
+
+module.exports = Component.exports
+
+
+/***/ }),
+
+/***/ 393:
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
+  return _c('div', {
+    staticClass: "md-backdrop",
+    on: {
+      "click": _vm.close,
+      "keyup": function($event) {
+        if (_vm._k($event.keyCode, "esc", 27)) { return; }
+        _vm.close($event)
+      }
+    }
+  })
+},staticRenderFns: []}
+module.exports.render._withStripped = true
+if (false) {
+  module.hot.accept()
+  if (module.hot.data) {
+     require("vue-hot-reload-api").rerender("data-v-e09d01b8", module.exports)
+  }
+}
+
+/***/ }),
+
+/***/ 398:
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(91);
+
+
+/***/ }),
+
+/***/ 91:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = install;
+
+var _mdBackdrop = __webpack_require__(261);
+
+var _mdBackdrop2 = _interopRequireDefault(_mdBackdrop);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function install(Vue) {
+  Vue.component('md-backdrop', _mdBackdrop2.default);
+}
+module.exports = exports['default'];
+
+/***/ })
+
+/******/ });
+}));

dist/components/mdBackdrop/index.js

@@ -1,6 +1,6 @@
 /*!
- * Vue Material v0.6.3
- * Made with love by Marcos Moura
- * Released under the MIT License.
- */
-!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(n){if(o[n])return o[n].exports;var r=o[n]={exports:{},id:n,loaded:!1};return e[n].call(r.exports,r,r.exports,t),r.loaded=!0,r.exports}var o={};return t.m=e,t.c=o,t.p="/",t(0)})({0:function(e,t,o){e.exports=o(73)},73:function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function r(e){e.component("md-backdrop",e.extend(c.default))}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var u=o(249),c=n(u);e.exports=t.default},111:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={methods:{close:function(){this.$emit("close")}}},e.exports=t.default},219:function(e,t){},249:function(e,t,o){var n,r;o(219),n=o(111);var u=o(367);r=n=n||{},"object"!=typeof n.default&&"function"!=typeof n.default||(r=n=n.default),"function"==typeof r&&(r=r.options),r.render=u.render,r.staticRenderFns=u.staticRenderFns,e.exports=n},367:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"md-backdrop",on:{click:e.close,keyup:function(t){e._k(t.keyCode,"esc",27)||e.close(t)}}})},staticRenderFns:[]}}})}));
+* Vue Material v0.7.1
+* Made with love by Marcos Moura
+* Released under the MIT License.
+*/   
+!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(o){if(n[o])return n[o].exports;var r=n[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,t),r.l=!0,r.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,o){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:o})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s=398)})({0:function(e,t){e.exports=function(e,t,n,o){var r,u=e=e||{},c=typeof e.default;"object"!==c&&"function"!==c||(r=e,u=e.default);var i="function"==typeof u?u.options:u;if(t&&(i.render=t.render,i.staticRenderFns=t.staticRenderFns),n&&(i._scopeId=n),o){var f=i.computed||(i.computed={});Object.keys(o).forEach((function(e){var t=o[e];f[e]=function(){return t}}))}return{esModule:r,exports:u,options:i}}},132:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={methods:{close:function(){this.$emit("close")}}},e.exports=t.default},232:function(e,t){},261:function(e,t,n){n(232);var o=n(0)(n(132),n(393),null,null);e.exports=o.exports},393:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"md-backdrop",on:{click:e.close,keyup:function(t){e._k(t.keyCode,"esc",27)||e.close(t)}}})},staticRenderFns:[]}},398:function(e,t,n){e.exports=n(91)},91:function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}function r(e){e.component("md-backdrop",c.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var u=n(261),c=o(u);e.exports=t.default}})}));

dist/components/mdBottomBar/index.css

@@ -1,97 +1,5 @@
-/* Common */
-/* Responsive Breakpoints */
-/* Transitions - Based on Angular Material */
-/* Elevation - Based on Angular Material */
-.md-bottom-bar {
-  width: 100%;
-  min-width: 100%;
-  height: 56px;
-  position: relative;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-pack: center;
-      justify-content: center;
-  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
-  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
-}
-.md-bottom-bar-item {
-  max-width: 168px;
-  min-width: 80px;
-  height: 100%;
-  padding: 8px 12px 10px;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-flow: column nowrap;
-      flex-flow: column nowrap;
-  -ms-flex-align: center;
-      align-items: center;
-  -ms-flex-pack: justify;
-      justify-content: space-between;
-  -ms-flex: 1;
-      flex: 1;
-  position: relative;
-  cursor: pointer;
-  border: none;
-  background: transparent;
-  transform: translate3d(0, 0, 0);
-  color: currentColor;
-  font-family: inherit;
-  font-size: 14px;
-  line-height: 1em;
-  text-decoration: none;
-}
-.md-bottom-bar-item.md-active {
-    padding-top: 6px;
-}
-.md-bottom-bar-item.md-active .md-text {
-      transform: scale(1) translate3d(0, 0, 0);
-}
-.md-bottom-bar-item.md-active .md-text,
-    .md-bottom-bar-item.md-active .md-icon {
-      color: currentColor;
-}
-.md-bottom-bar-item[disabled] {
-    opacity: .38;
-}
-.md-bottom-bar.md-shift .md-bottom-bar-item {
-    min-width: 56px;
-    max-width: 96px;
-    position: static;
-    -ms-flex: 1 1 32px;
-        flex: 1 1 32px;
-    transition: 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
-    transition-property: flex, min-width, max-width;
-    transition-property: flex, min-width, max-width, -ms-flex;
-}
-.md-bottom-bar.md-shift .md-bottom-bar-item .md-icon {
-      transform: translate3d(0, 8px, 0);
-}
-.md-bottom-bar.md-shift .md-bottom-bar-item .md-text {
-      opacity: 0;
-      transform: scale(1) translate3d(0, 6px, 0);
-}
-.md-bottom-bar.md-shift .md-bottom-bar-item.md-active {
-      min-width: 96px;
-      max-width: 168px;
-      -ms-flex: 1 1 72px;
-          flex: 1 1 72px;
-}
-.md-bottom-bar.md-shift .md-bottom-bar-item.md-active .md-icon,
-      .md-bottom-bar.md-shift .md-bottom-bar-item.md-active .md-text {
-        opacity: 1;
-}
-.md-bottom-bar.md-shift .md-bottom-bar-item.md-active .md-icon {
-        transform: scale(1) translate3d(0, 0, 0);
-}
-.md-bottom-bar.md-shift .md-bottom-bar-item.md-active .md-text {
-        transform: scale(1) translate3d(0, 2px, 0);
-}
-.md-bottom-bar-item .md-text {
-    transform: scale(0.8571) translateY(2px);
-    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), color 0.15s linear, opacity 0.15s linear;
-}
-.md-bottom-bar-item .md-icon {
-    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), color 0.15s linear;
-}
-
-/*# sourceMappingURL=index.css.map*/
+/*!
+* Vue Material v0.7.1
+* Made with love by Marcos Moura
+* Released under the MIT License.
+*/.md-bottom-bar{width:100%;min-width:100%;height:56px;-ms-flex-pack:center;justify-content:center;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-bottom-bar,.md-bottom-bar-item{position:relative;display:-ms-flexbox;display:flex}.md-bottom-bar-item{max-width:168px;min-width:80px;height:100%;padding:8px 12px 10px;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;-ms-flex:1;flex:1;cursor:pointer;border:none;background:transparent;transform:translateZ(0);color:currentColor;font-family:inherit;font-size:14px;line-height:1em;text-decoration:none}.md-bottom-bar-item.md-active{padding-top:6px}.md-bottom-bar-item.md-active .md-text{transform:scale(1) translateZ(0)}.md-bottom-bar-item.md-active .md-icon,.md-bottom-bar-item.md-active .md-text{color:currentColor}.md-bottom-bar-item[disabled]{opacity:.38}.md-bottom-bar.md-shift .md-bottom-bar-item{min-width:56px;max-width:96px;position:static;-ms-flex:1 1 32px;flex:1 1 32px;transition:.4s cubic-bezier(.25,.8,.25,1);transition-property:flex,min-width,max-width;transition-property:flex,min-width,max-width,-ms-flex}.md-bottom-bar.md-shift .md-bottom-bar-item .md-icon{transform:translate3d(0,8px,0)}.md-bottom-bar.md-shift .md-bottom-bar-item .md-text{opacity:0;transform:scale(1) translate3d(0,6px,0)}.md-bottom-bar.md-shift .md-bottom-bar-item.md-active{min-width:96px;max-width:168px;-ms-flex:1 1 72px;flex:1 1 72px}.md-bottom-bar.md-shift .md-bottom-bar-item.md-active .md-icon,.md-bottom-bar.md-shift .md-bottom-bar-item.md-active .md-text{opacity:1}.md-bottom-bar.md-shift .md-bottom-bar-item.md-active .md-icon{transform:scale(1) translateZ(0)}.md-bottom-bar.md-shift .md-bottom-bar-item.md-active .md-text{transform:scale(1) translate3d(0,2px,0)}.md-bottom-bar-item .md-text{transform:scale(.8571) translateY(2px);transition:all .4s cubic-bezier(.25,.8,.25,1),color .15s linear,opacity .15s linear}.md-bottom-bar-item .md-icon{transition:all .4s cubic-bezier(.25,.8,.25,1),color .15s linear}

dist/components/mdBottomBar/index.debug.js

@@ -21,16 +21,16 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /******/ 		// Create a new module (and put it into the cache)
 /******/ 		var module = installedModules[moduleId] = {
-/******/ 			exports: {},
-/******/ 			id: moduleId,
-/******/ 			loaded: false
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
 /******/ 		};
 
 /******/ 		// Execute the module function
 /******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
 
 /******/ 		// Flag the module as loaded
-/******/ 		module.loaded = true;
+/******/ 		module.l = true;
 
 /******/ 		// Return the exports of the module
 /******/ 		return module.exports;
@@ -43,420 +43,498 @@ return /******/ (function(modules) { // webpackBootstrap
 /******/ 	// expose the module cache
 /******/ 	__webpack_require__.c = installedModules;
 
+/******/ 	// identity function for calling harmony imports with the correct context
+/******/ 	__webpack_require__.i = function(value) { return value; };
+
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, {
+/******/ 				configurable: false,
+/******/ 				enumerable: true,
+/******/ 				get: getter
+/******/ 			});
+/******/ 		}
+/******/ 	};
+
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+
 /******/ 	// __webpack_public_path__
 /******/ 	__webpack_require__.p = "/";
 
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(0);
+/******/ 	return __webpack_require__(__webpack_require__.s = 399);
 /******/ })
 /************************************************************************/
 /******/ ({
 
 /***/ 0:
-/***/ function(module, exports, __webpack_require__) {
+/***/ (function(module, exports) {
 
-	module.exports = __webpack_require__(74);
+module.exports = function normalizeComponent (
+  rawScriptExports,
+  compiledTemplate,
+  scopeId,
+  cssModules
+) {
+  var esModule
+  var scriptExports = rawScriptExports = rawScriptExports || {}
+
+  // ES6 modules interop
+  var type = typeof rawScriptExports.default
+  if (type === 'object' || type === 'function') {
+    esModule = rawScriptExports
+    scriptExports = rawScriptExports.default
+  }
+
+  // Vue.extend constructor export interop
+  var options = typeof scriptExports === 'function'
+    ? scriptExports.options
+    : scriptExports
+
+  // render functions
+  if (compiledTemplate) {
+    options.render = compiledTemplate.render
+    options.staticRenderFns = compiledTemplate.staticRenderFns
+  }
+
+  // scopedId
+  if (scopeId) {
+    options._scopeId = scopeId
+  }
+
+  // inject cssModules
+  if (cssModules) {
+    var computed = options.computed || (options.computed = {})
+    Object.keys(cssModules).forEach((function (key) {
+      var module = cssModules[key]
+      computed[key] = function () { return module }
+    }))
+  }
+
+  return {
+    esModule: esModule,
+    exports: scriptExports,
+    options: options
+  }
+}
 
 
-/***/ },
+/***/ }),
 
 /***/ 1:
-/***/ function(module, exports) {
-
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	exports.default = {
-	  props: {
-	    mdTheme: String
-	  },
-	  data: function data() {
-	    return {
-	      closestThemedParent: false
-	    };
-	  },
-	  methods: {
-	    getClosestThemedParent: function getClosestThemedParent($parent) {
-	      if (!$parent || !$parent.$el || $parent._uid === 0) {
-	        return false;
-	      }
-
-	      if ($parent.mdTheme || $parent.mdName) {
-	        return $parent;
-	      }
-
-	      return this.getClosestThemedParent($parent.$parent);
-	    }
-	  },
-	  computed: {
-	    themeClass: function themeClass() {
-	      if (this.mdTheme) {
-	        return 'md-theme-' + this.mdTheme;
-	      }
-
-	      var theme = this.closestThemedParent.mdTheme;
-
-	      if (!theme) {
-	        if (this.closestThemedParent) {
-	          theme = this.closestThemedParent.mdName;
-	        } else {
-	          theme = this.$material.currentTheme;
-	        }
-	      }
-
-	      return 'md-theme-' + theme;
-	    }
-	  },
-	  mounted: function mounted() {
-	    this.closestThemedParent = this.getClosestThemedParent(this.$parent);
-
-	    if (!this.$material.currentTheme) {
-	      this.$material.setCurrentTheme('default');
-	    }
-	  }
-	};
-	module.exports = exports['default'];
-
-/***/ },
-
-/***/ 74:
-/***/ function(module, exports, __webpack_require__) {
-
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	exports.default = install;
-
-	var _mdBottomBar = __webpack_require__(250);
-
-	var _mdBottomBar2 = _interopRequireDefault(_mdBottomBar);
-
-	var _mdBottomBarItem = __webpack_require__(251);
-
-	var _mdBottomBarItem2 = _interopRequireDefault(_mdBottomBarItem);
-
-	var _mdBottomBar3 = __webpack_require__(223);
-
-	var _mdBottomBar4 = _interopRequireDefault(_mdBottomBar3);
-
-	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-	function install(Vue) {
-	  Vue.component('md-bottom-bar', Vue.extend(_mdBottomBar2.default));
-	  Vue.component('md-bottom-bar-item', Vue.extend(_mdBottomBarItem2.default));
-
-	  Vue.material.styles.push(_mdBottomBar4.default);
-	}
-	module.exports = exports['default'];
-
-/***/ },
-
-/***/ 112:
-/***/ function(module, exports, __webpack_require__) {
-
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-
-	var _mixin = __webpack_require__(1);
-
-	var _mixin2 = _interopRequireDefault(_mixin);
-
-	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-	exports.default = {
-	  props: {
-	    mdShift: Boolean
-	  },
-	  mixins: [_mixin2.default],
-	  computed: {
-	    classes: function classes() {
-	      return this.mdShift ? 'md-shift' : 'md-fixed';
-	    }
-	  },
-	  methods: {
-	    setActive: function setActive(item) {
-	      this.$children.forEach((function (child) {
-	        child.active = child === item;
-	      }));
-
-	      this.$emit('change', this.$children.findIndex((function (i) {
-	        return i === item;
-	      })));
-	    }
-	  }
-	}; //
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-
-	module.exports = exports['default'];
-
-/***/ },
-
-/***/ 113:
-/***/ function(module, exports) {
-
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-
-	exports.default = {
-	  props: {
-	    mdIcon: String,
-	    mdActive: Boolean,
-	    disabled: String,
-	    href: String
-	  },
-	  data: function data() {
-	    return {
-	      active: false
-	    };
-	  },
-
-	  computed: {
-	    classes: function classes() {
-	      return {
-	        'md-active': this.active
-	      };
-	    }
-	  },
-	  watch: {
-	    mdActive: function mdActive(active) {
-	      this.setActive(active);
-	    }
-	  },
-	  methods: {
-	    setActive: function setActive(active) {
-	      if (active) {
-	        this.$parent.setActive(this);
-	      }
-	    }
-	  },
-	  mounted: function mounted() {
-	    if (!this.$parent.$el.classList.contains('md-bottom-bar')) {
-	      this.$destroy();
-
-	      throw new Error('You should wrap the md-bottom-bar-item in a md-bottom-bar');
-	    }
-
-	    if (this.mdActive) {
-	      this.active = true;
-	    }
-	  }
-	};
-	module.exports = exports['default'];
-
-/***/ },
-
-/***/ 193:
-/***/ function(module, exports) {
-
-	// removed by extract-text-webpack-plugin
-
-/***/ },
-
-/***/ 223:
-/***/ function(module, exports) {
-
-	module.exports = ".THEME_NAME.md-bottom-bar.md-fixed {\n  background-color: BACKGROUND-COLOR; }\n  .THEME_NAME.md-bottom-bar.md-fixed .md-bottom-bar-item {\n    color: BACKGROUND-CONTRAST-0.54; }\n    .THEME_NAME.md-bottom-bar.md-fixed .md-bottom-bar-item:hover:not([disabled]):not(.md-active) {\n      color: BACKGROUND-CONTRAST-0.87; }\n    .THEME_NAME.md-bottom-bar.md-fixed .md-bottom-bar-item.md-active {\n      color: PRIMARY-COLOR; }\n  .THEME_NAME.md-bottom-bar.md-fixed.md-accent .md-bottom-bar-item.md-active {\n    color: ACCENT-COLOR; }\n  .THEME_NAME.md-bottom-bar.md-fixed.md-warn .md-bottom-bar-item.md-active {\n    color: WARN-COLOR; }\n  .THEME_NAME.md-bottom-bar.md-fixed.md-transparent .md-bottom-bar-item.md-active {\n    color: BACKGROUND-CONTRAST; }\n\n.THEME_NAME.md-bottom-bar.md-shift {\n  background-color: PRIMARY-COLOR;\n  color: PRIMARY-CONTRAST; }\n  .THEME_NAME.md-bottom-bar.md-shift .md-bottom-bar-item {\n    color: PRIMARY-CONTRAST-0.54; }\n    .THEME_NAME.md-bottom-bar.md-shift .md-bottom-bar-item:hover:not([disabled]):not(.md-active) {\n      color: PRIMARY-CONTRAST-0.87; }\n    .THEME_NAME.md-bottom-bar.md-shift .md-bottom-bar-item.md-active {\n      color: PRIMARY-CONTRAST; }\n  .THEME_NAME.md-bottom-bar.md-shift.md-accent {\n    background-color: ACCENT-COLOR; }\n    .THEME_NAME.md-bottom-bar.md-shift.md-accent .md-bottom-bar-item {\n      color: ACCENT-CONTRAST-0.54; }\n      .THEME_NAME.md-bottom-bar.md-shift.md-accent .md-bottom-bar-item:hover:not([disabled]):not(.md-active) {\n        color: ACCENT-CONTRAST-0.87; }\n      .THEME_NAME.md-bottom-bar.md-shift.md-accent .md-bottom-bar-item.md-active {\n        color: ACCENT-CONTRAST; }\n  .THEME_NAME.md-bottom-bar.md-shift.md-warn {\n    background-color: WARN-COLOR; }\n    .THEME_NAME.md-bottom-bar.md-shift.md-warn .md-bottom-bar-item {\n      color: WARN-CONTRAST-0.54; }\n      .THEME_NAME.md-bottom-bar.md-shift.md-warn .md-bottom-bar-item:hover:not([disabled]):not(.md-active) {\n        color: WARN-CONTRAST-0.87; }\n      .THEME_NAME.md-bottom-bar.md-shift.md-warn .md-bottom-bar-item.md-active {\n        color: WARN-CONTRAST; }\n  .THEME_NAME.md-bottom-bar.md-shift.md-transparent {\n    background-color: transparent; }\n    .THEME_NAME.md-bottom-bar.md-shift.md-transparent .md-bottom-bar-item {\n      color: BACKGROUND-CONTRAST-0.54; }\n      .THEME_NAME.md-bottom-bar.md-shift.md-transparent .md-bottom-bar-item:hover:not([disabled]):not(.md-active) {\n        color: BACKGROUND-CONTRAST-0.87; }\n      .THEME_NAME.md-bottom-bar.md-shift.md-transparent .md-bottom-bar-item.md-active {\n        color: BACKGROUND-CONTRAST; }\n"
-
-/***/ },
-
-/***/ 250:
-/***/ function(module, exports, __webpack_require__) {
-
-	var __vue_exports__, __vue_options__
-	var __vue_styles__ = {}
-
-	/* styles */
-	__webpack_require__(193)
-
-	/* script */
-	__vue_exports__ = __webpack_require__(112)
-
-	/* template */
-	var __vue_template__ = __webpack_require__(315)
-	__vue_options__ = __vue_exports__ = __vue_exports__ || {}
-	if (
-	  typeof __vue_exports__.default === "object" ||
-	  typeof __vue_exports__.default === "function"
-	) {
-	if (Object.keys(__vue_exports__).some((function (key) { return key !== "default" && key !== "__esModule" }))) {console.error("named exports are not supported in *.vue files.")}
-	__vue_options__ = __vue_exports__ = __vue_exports__.default
-	}
-	if (typeof __vue_options__ === "function") {
-	  __vue_options__ = __vue_options__.options
-	}
-	__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdBottomBar/mdBottomBar.vue"
-	__vue_options__.render = __vue_template__.render
-	__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
-
-	/* hot reload */
-	if (false) {(function () {
-	  var hotAPI = require("vue-hot-reload-api")
-	  hotAPI.install(require("vue"), false)
-	  if (!hotAPI.compatible) return
-	  module.hot.accept()
-	  if (!module.hot.data) {
-	    hotAPI.createRecord("data-v-039c211e", __vue_options__)
-	  } else {
-	    hotAPI.reload("data-v-039c211e", __vue_options__)
-	  }
-	})()}
-	if (__vue_options__.functional) {console.error("[vue-loader] mdBottomBar.vue: functional components are not supported and should be defined in plain js files using render functions.")}
-
-	module.exports = __vue_exports__
-
-
-/***/ },
-
-/***/ 251:
-/***/ function(module, exports, __webpack_require__) {
-
-	var __vue_exports__, __vue_options__
-	var __vue_styles__ = {}
-
-	/* script */
-	__vue_exports__ = __webpack_require__(113)
-
-	/* template */
-	var __vue_template__ = __webpack_require__(321)
-	__vue_options__ = __vue_exports__ = __vue_exports__ || {}
-	if (
-	  typeof __vue_exports__.default === "object" ||
-	  typeof __vue_exports__.default === "function"
-	) {
-	if (Object.keys(__vue_exports__).some((function (key) { return key !== "default" && key !== "__esModule" }))) {console.error("named exports are not supported in *.vue files.")}
-	__vue_options__ = __vue_exports__ = __vue_exports__.default
-	}
-	if (typeof __vue_options__ === "function") {
-	  __vue_options__ = __vue_options__.options
-	}
-	__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdBottomBar/mdBottomBarItem.vue"
-	__vue_options__.render = __vue_template__.render
-	__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
-
-	/* hot reload */
-	if (false) {(function () {
-	  var hotAPI = require("vue-hot-reload-api")
-	  hotAPI.install(require("vue"), false)
-	  if (!hotAPI.compatible) return
-	  module.hot.accept()
-	  if (!module.hot.data) {
-	    hotAPI.createRecord("data-v-1c07f8a4", __vue_options__)
-	  } else {
-	    hotAPI.reload("data-v-1c07f8a4", __vue_options__)
-	  }
-	})()}
-	if (__vue_options__.functional) {console.error("[vue-loader] mdBottomBarItem.vue: functional components are not supported and should be defined in plain js files using render functions.")}
-
-	module.exports = __vue_exports__
-
-
-/***/ },
-
-/***/ 315:
-/***/ function(module, exports, __webpack_require__) {
-
-	module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
-	  return _c('div', {
-	    staticClass: "md-bottom-bar",
-	    class: [_vm.themeClass, _vm.classes]
-	  }, [_vm._t("default")], 2)
-	},staticRenderFns: []}
-	module.exports.render._withStripped = true
-	if (false) {
-	  module.hot.accept()
-	  if (module.hot.data) {
-	     require("vue-hot-reload-api").rerender("data-v-039c211e", module.exports)
-	  }
-	}
-
-/***/ },
-
-/***/ 321:
-/***/ function(module, exports, __webpack_require__) {
-
-	module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
-	  return (_vm.href) ? _c('a', {
-	    staticClass: "md-bottom-bar-item",
-	    class: _vm.classes,
-	    attrs: {
-	      "href": _vm.href,
-	      "disabled": _vm.disabled
-	    },
-	    on: {
-	      "click": _vm.setActive
-	    }
-	  }, [_c('md-icon', [_vm._v(_vm._s(_vm.mdIcon))]), _vm._v(" "), _c('md-ink-ripple', {
-	    attrs: {
-	      "md-disabled": _vm.disabled
-	    }
-	  }), _vm._v(" "), _c('span', {
-	    staticClass: "md-text"
-	  }, [_vm._t("default")], 2)], 1) : _c('button', {
-	    staticClass: "md-bottom-bar-item",
-	    class: _vm.classes,
-	    attrs: {
-	      "type": "button",
-	      "disabled": _vm.disabled
-	    },
-	    on: {
-	      "click": _vm.setActive
-	    }
-	  }, [_c('md-icon', [_vm._v(_vm._s(_vm.mdIcon))]), _vm._v(" "), _c('md-ink-ripple', {
-	    attrs: {
-	      "md-disabled": _vm.disabled
-	    }
-	  }), _vm._v(" "), _c('span', {
-	    staticClass: "md-text"
-	  }, [_vm._t("default")], 2)], 1)
-	},staticRenderFns: []}
-	module.exports.render._withStripped = true
-	if (false) {
-	  module.hot.accept()
-	  if (module.hot.data) {
-	     require("vue-hot-reload-api").rerender("data-v-1c07f8a4", module.exports)
-	  }
-	}
-
-/***/ }
-
-/******/ })
-}));
-;
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = {
+  props: {
+    mdTheme: String
+  },
+  data: function data() {
+    return {
+      closestThemedParent: false
+    };
+  },
+  methods: {
+    getClosestThemedParent: function getClosestThemedParent($parent) {
+      if (!$parent || !$parent.$el || $parent._uid === 0) {
+        return false;
+      }
+
+      if ($parent.mdTheme || $parent.mdName) {
+        return $parent;
+      }
+
+      return this.getClosestThemedParent($parent.$parent);
+    }
+  },
+  computed: {
+    themeClass: function themeClass() {
+      if (this.mdTheme) {
+        return 'md-theme-' + this.mdTheme;
+      }
+
+      var theme = this.closestThemedParent.mdTheme;
+
+      if (!theme) {
+        if (this.closestThemedParent) {
+          theme = this.closestThemedParent.mdName;
+        } else {
+          theme = this.$material.currentTheme;
+        }
+      }
+
+      return 'md-theme-' + theme;
+    }
+  },
+  mounted: function mounted() {
+    this.closestThemedParent = this.getClosestThemedParent(this.$parent);
+
+    if (!this.$material.currentTheme) {
+      this.$material.setCurrentTheme('default');
+    }
+  }
+};
+module.exports = exports['default'];
+
+/***/ }),
+
+/***/ 133:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _mixin = __webpack_require__(1);
+
+var _mixin2 = _interopRequireDefault(_mixin);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+exports.default = {
+  props: {
+    mdShift: Boolean
+  },
+  mixins: [_mixin2.default],
+  computed: {
+    classes: function classes() {
+      return this.mdShift ? 'md-shift' : 'md-fixed';
+    }
+  },
+  methods: {
+    setActive: function setActive(item) {
+      this.$children.forEach((function (child) {
+        child.active = child === item;
+      }));
+
+      this.$emit('change', this.$children.findIndex((function (i) {
+        return i === item;
+      })));
+    }
+  }
+}; //
+//
+//
+//
+//
+//
+//
+//
+
+module.exports = exports['default'];
+
+/***/ }),
+
+/***/ 134:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+exports.default = {
+  props: {
+    mdIcon: String,
+    mdIconSrc: String,
+    mdIconset: String,
+    mdActive: Boolean,
+    disabled: String,
+    href: String
+  },
+  data: function data() {
+    return {
+      active: false
+    };
+  },
+
+  computed: {
+    classes: function classes() {
+      return {
+        'md-active': this.active
+      };
+    }
+  },
+  watch: {
+    mdActive: function mdActive(active) {
+      this.setActive(active);
+    }
+  },
+  methods: {
+    setActive: function setActive(active) {
+      if (active) {
+        this.$parent.setActive(this);
+      }
+    }
+  },
+  mounted: function mounted() {
+    if (!this.$parent.$el.classList.contains('md-bottom-bar')) {
+      this.$destroy();
+
+      throw new Error('You should wrap the md-bottom-bar-item in a md-bottom-bar');
+    }
+
+    if (this.mdActive) {
+      this.active = true;
+    }
+  }
+};
+module.exports = exports['default'];
+
+/***/ }),
+
+/***/ 205:
+/***/ (function(module, exports) {
+
+// removed by extract-text-webpack-plugin
+
+/***/ }),
+
+/***/ 234:
+/***/ (function(module, exports) {
+
+module.exports = ".THEME_NAME.md-bottom-bar.md-fixed {\n  background-color: BACKGROUND-COLOR; }\n  .THEME_NAME.md-bottom-bar.md-fixed .md-bottom-bar-item {\n    color: BACKGROUND-CONTRAST-0.54; }\n    .THEME_NAME.md-bottom-bar.md-fixed .md-bottom-bar-item:hover:not([disabled]):not(.md-active) {\n      color: BACKGROUND-CONTRAST-0.87; }\n    .THEME_NAME.md-bottom-bar.md-fixed .md-bottom-bar-item.md-active {\n      color: PRIMARY-COLOR; }\n  .THEME_NAME.md-bottom-bar.md-fixed.md-accent .md-bottom-bar-item.md-active {\n    color: ACCENT-COLOR; }\n  .THEME_NAME.md-bottom-bar.md-fixed.md-warn .md-bottom-bar-item.md-active {\n    color: WARN-COLOR; }\n  .THEME_NAME.md-bottom-bar.md-fixed.md-transparent .md-bottom-bar-item.md-active {\n    color: BACKGROUND-CONTRAST; }\n\n.THEME_NAME.md-bottom-bar.md-shift {\n  background-color: PRIMARY-COLOR;\n  color: PRIMARY-CONTRAST; }\n  .THEME_NAME.md-bottom-bar.md-shift .md-bottom-bar-item {\n    color: PRIMARY-CONTRAST-0.54; }\n    .THEME_NAME.md-bottom-bar.md-shift .md-bottom-bar-item:hover:not([disabled]):not(.md-active) {\n      color: PRIMARY-CONTRAST-0.87; }\n    .THEME_NAME.md-bottom-bar.md-shift .md-bottom-bar-item.md-active {\n      color: PRIMARY-CONTRAST; }\n  .THEME_NAME.md-bottom-bar.md-shift.md-accent {\n    background-color: ACCENT-COLOR; }\n    .THEME_NAME.md-bottom-bar.md-shift.md-accent .md-bottom-bar-item {\n      color: ACCENT-CONTRAST-0.54; }\n      .THEME_NAME.md-bottom-bar.md-shift.md-accent .md-bottom-bar-item:hover:not([disabled]):not(.md-active) {\n        color: ACCENT-CONTRAST-0.87; }\n      .THEME_NAME.md-bottom-bar.md-shift.md-accent .md-bottom-bar-item.md-active {\n        color: ACCENT-CONTRAST; }\n  .THEME_NAME.md-bottom-bar.md-shift.md-warn {\n    background-color: WARN-COLOR; }\n    .THEME_NAME.md-bottom-bar.md-shift.md-warn .md-bottom-bar-item {\n      color: WARN-CONTRAST-0.54; }\n      .THEME_NAME.md-bottom-bar.md-shift.md-warn .md-bottom-bar-item:hover:not([disabled]):not(.md-active) {\n        color: WARN-CONTRAST-0.87; }\n      .THEME_NAME.md-bottom-bar.md-shift.md-warn .md-bottom-bar-item.md-active {\n        color: WARN-CONTRAST; }\n  .THEME_NAME.md-bottom-bar.md-shift.md-transparent {\n    background-color: transparent; }\n    .THEME_NAME.md-bottom-bar.md-shift.md-transparent .md-bottom-bar-item {\n      color: BACKGROUND-CONTRAST-0.54; }\n      .THEME_NAME.md-bottom-bar.md-shift.md-transparent .md-bottom-bar-item:hover:not([disabled]):not(.md-active) {\n        color: BACKGROUND-CONTRAST-0.87; }\n      .THEME_NAME.md-bottom-bar.md-shift.md-transparent .md-bottom-bar-item.md-active {\n        color: BACKGROUND-CONTRAST; }\n"
+
+/***/ }),
+
+/***/ 262:
+/***/ (function(module, exports, __webpack_require__) {
+
+
+/* styles */
+__webpack_require__(205)
+
+var Component = __webpack_require__(0)(
+  /* script */
+  __webpack_require__(133),
+  /* template */
+  __webpack_require__(343),
+  /* scopeId */
+  null,
+  /* cssModules */
+  null
+)
+Component.options.__file = "/Users/mrufino/Projects/personal/github/vue-material/src/components/mdBottomBar/mdBottomBar.vue"
+if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
+if (Component.options.functional) {console.error("[vue-loader] mdBottomBar.vue: functional components are not supported with templates, they should use render functions.")}
+
+/* hot reload */
+if (false) {(function () {
+  var hotAPI = require("vue-hot-reload-api")
+  hotAPI.install(require("vue"), false)
+  if (!hotAPI.compatible) return
+  module.hot.accept()
+  if (!module.hot.data) {
+    hotAPI.createRecord("data-v-197179a8", Component.options)
+  } else {
+    hotAPI.reload("data-v-197179a8", Component.options)
+  }
+})()}
+
+module.exports = Component.exports
+
+
+/***/ }),
+
+/***/ 263:
+/***/ (function(module, exports, __webpack_require__) {
+
+var Component = __webpack_require__(0)(
+  /* script */
+  __webpack_require__(134),
+  /* template */
+  __webpack_require__(345),
+  /* scopeId */
+  null,
+  /* cssModules */
+  null
+)
+Component.options.__file = "/Users/mrufino/Projects/personal/github/vue-material/src/components/mdBottomBar/mdBottomBarItem.vue"
+if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
+if (Component.options.functional) {console.error("[vue-loader] mdBottomBarItem.vue: functional components are not supported with templates, they should use render functions.")}
+
+/* hot reload */
+if (false) {(function () {
+  var hotAPI = require("vue-hot-reload-api")
+  hotAPI.install(require("vue"), false)
+  if (!hotAPI.compatible) return
+  module.hot.accept()
+  if (!module.hot.data) {
+    hotAPI.createRecord("data-v-1b798f5b", Component.options)
+  } else {
+    hotAPI.reload("data-v-1b798f5b", Component.options)
+  }
+})()}
+
+module.exports = Component.exports
+
+
+/***/ }),
+
+/***/ 343:
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
+  return _c('div', {
+    staticClass: "md-bottom-bar",
+    class: [_vm.themeClass, _vm.classes]
+  }, [_vm._t("default")], 2)
+},staticRenderFns: []}
+module.exports.render._withStripped = true
+if (false) {
+  module.hot.accept()
+  if (module.hot.data) {
+     require("vue-hot-reload-api").rerender("data-v-197179a8", module.exports)
+  }
+}
+
+/***/ }),
+
+/***/ 345:
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
+  return (_vm.href) ? _c('a', {
+    staticClass: "md-bottom-bar-item",
+    class: _vm.classes,
+    attrs: {
+      "href": _vm.href,
+      "disabled": _vm.disabled
+    },
+    on: {
+      "click": _vm.setActive
+    }
+  }, [(_vm.mdIcon || _vm.mdIconSrc || _vm.mdIconset) ? _c('md-icon', {
+    attrs: {
+      "md-icon-src": _vm.mdIconSrc,
+      "md-iconset": _vm.mdIconset
+    }
+  }, [_vm._v(_vm._s(_vm.mdIcon))]) : _vm._e(), _vm._v(" "), _c('md-ink-ripple', {
+    attrs: {
+      "md-disabled": _vm.disabled
+    }
+  }), _vm._v(" "), _c('span', {
+    staticClass: "md-text"
+  }, [_vm._t("default")], 2)], 1) : _c('button', {
+    staticClass: "md-bottom-bar-item",
+    class: _vm.classes,
+    attrs: {
+      "type": "button",
+      "disabled": _vm.disabled
+    },
+    on: {
+      "click": _vm.setActive
+    }
+  }, [(_vm.mdIcon || _vm.mdIconSrc || _vm.mdIconset) ? _c('md-icon', {
+    attrs: {
+      "md-src": _vm.mdIconSrc,
+      "md-iconset": _vm.mdIconset
+    }
+  }, [_vm._v(_vm._s(_vm.mdIcon))]) : _vm._e(), _vm._v(" "), _c('md-ink-ripple', {
+    attrs: {
+      "md-disabled": _vm.disabled
+    }
+  }), _vm._v(" "), _c('span', {
+    staticClass: "md-text"
+  }, [_vm._t("default")], 2)], 1)
+},staticRenderFns: []}
+module.exports.render._withStripped = true
+if (false) {
+  module.hot.accept()
+  if (module.hot.data) {
+     require("vue-hot-reload-api").rerender("data-v-1b798f5b", module.exports)
+  }
+}
+
+/***/ }),
+
+/***/ 399:
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(92);
+
+
+/***/ }),
+
+/***/ 92:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = install;
+
+var _mdBottomBar = __webpack_require__(262);
+
+var _mdBottomBar2 = _interopRequireDefault(_mdBottomBar);
+
+var _mdBottomBarItem = __webpack_require__(263);
+
+var _mdBottomBarItem2 = _interopRequireDefault(_mdBottomBarItem);
+
+var _mdBottomBar3 = __webpack_require__(234);
+
+var _mdBottomBar4 = _interopRequireDefault(_mdBottomBar3);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function install(Vue) {
+  Vue.component('md-bottom-bar', _mdBottomBar2.default);
+  Vue.component('md-bottom-bar-item', _mdBottomBarItem2.default);
+
+  Vue.material.styles.push(_mdBottomBar4.default);
+}
+module.exports = exports['default'];
+
+/***/ })
+
+/******/ });
+}));

dist/components/mdButton/index.css

@@ -1,196 +1,5 @@
-/* Common */
-/* Responsive Breakpoints */
-/* Transitions - Based on Angular Material */
-/* Elevation - Based on Angular Material */
-.md-button {
-  min-width: 88px;
-  min-height: 36px;
-  margin: 6px 8px;
-  padding: 0 16px;
-  display: inline-block;
-  position: relative;
-  overflow: hidden;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-  cursor: pointer;
-  outline: none;
-  background: none;
-  border: 0;
-  border-radius: 2px;
-  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
-  color: currentColor;
-  font-family: inherit;
-  font-size: 14px;
-  font-style: inherit;
-  font-variant: inherit;
-  font-weight: 500;
-  letter-spacing: inherit;
-  line-height: 36px;
-  text-align: center;
-  text-transform: uppercase;
-  text-decoration: none;
-  vertical-align: top;
-  white-space: nowrap;
-}
-.md-button:focus {
-    outline: none;
-}
-.md-button::-moz-focus-inner {
-    border: 0;
-}
-.md-button:hover:not([disabled]):not(.md-raised) {
-    background-color: rgba(153, 153, 153, 0.2);
-    text-decoration: none;
-}
-.md-button:hover:not([disabled]).md-raised {
-    background-color: rgba(0, 0, 0, 0.12);
-}
-.md-button:active:not([disabled]) {
-    background-color: rgba(153, 153, 153, 0.4);
-}
-.md-button.md-raised:not([disabled]) {
-    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
-}
-.md-button.md-dense {
-    min-height: 32px;
-    line-height: 32px;
-    font-size: 13px;
-}
-.md-button.md-icon-button .md-icon, .md-button.md-fab .md-icon {
-    margin-top: 1px;
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-}
-.md-button.md-icon-button {
-    width: 40px;
-    min-width: 40px;
-    height: 40px;
-    margin: 0 6px;
-    padding: 8px;
-    border-radius: 50%;
-    line-height: 24px;
-}
-.md-button.md-icon-button:not([disabled]):hover {
-      background: none;
-}
-.md-button.md-icon-button.md-dense {
-      width: 32px;
-      min-width: 32px;
-      height: 32px;
-      min-height: 32px;
-      padding: 4px;
-      line-height: 32px;
-}
-.md-button.md-icon-button .md-ink-ripple {
-      border-radius: 50%;
-}
-.md-button.md-icon-button .md-ink-ripple .md-ripple {
-        top: 0 !important;
-        right: 0 !important;
-        bottom: 0 !important;
-        left: 0 !important;
-}
-.md-button.md-icon-button .md-ripple.md-active {
-      animation-duration: .9s;
-}
-.md-button.md-fab {
-    width: 56px;
-    height: 56px;
-    min-width: 0;
-    overflow: hidden;
-    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
-    border-radius: 56px;
-    line-height: 56px;
-    background-clip: padding-box;
-    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
-    transition-property: background-color, box-shadow, transform;
-}
-.md-button.md-fab:hover, .md-button.md-fab:focus {
-      box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px rgba(0, 0, 0, 0.14), 0 1px 14px rgba(0, 0, 0, 0.12);
-}
-.md-button.md-fab.md-fab-top-left {
-      position: absolute;
-      top: 16px;
-      left: 16px;
-      z-index: 10;
-}
-.md-button.md-fab.md-fab-top-center {
-      position: absolute;
-      top: 16px;
-      left: 50%;
-      z-index: 10;
-      transform: translateX(-50%);
-}
-.md-button.md-fab.md-fab-top-right {
-      position: absolute;
-      top: 16px;
-      right: 16px;
-      z-index: 10;
-}
-.md-button.md-fab.md-fab-bottom-left {
-      position: absolute;
-      bottom: 16px;
-      left: 16px;
-      z-index: 10;
-}
-.md-button.md-fab.md-fab-bottom-center {
-      position: absolute;
-      bottom: 16px;
-      left: 50%;
-      transform: translateX(-50%);
-      z-index: 10;
-}
-.md-button.md-fab.md-fab-bottom-right {
-      position: absolute;
-      right: 16px;
-      bottom: 16px;
-      z-index: 10;
-}
-.md-button.md-fab.md-mini {
-      width: 40px;
-      height: 40px;
-      line-height: 40px;
-}
-.md-button.md-fab .md-ink-ripple {
-      border-radius: 56px;
-}
-.md-button[disabled] {
-    color: rgba(0, 0, 0, 0.26);
-    cursor: default;
-}
-.md-button[disabled].md-raised, .md-button[disabled].md-fab {
-      background-color: rgba(0, 0, 0, 0.12);
-}
-.md-button[disabled].md-fab {
-      box-shadow: none;
-}
-.md-button:after {
-    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
-}
-.md-button .md-ink-ripple {
-    border-radius: 2px;
-    background-clip: padding-box;
-    overflow: hidden;
-}
-.md-button.md-icon-button .md-icon,
-.md-button.md-fab .md-icon {
-  display: block;
-}
-.md-button-tooltip.md-tooltip-top {
-  margin-top: -8px;
-}
-.md-button-tooltip.md-tooltip-right {
-  margin-left: 8px;
-}
-.md-button-tooltip.md-tooltip-bottom {
-  margin-top: 8px;
-}
-.md-button-tooltip.md-tooltip-left {
-  margin-left: -8px;
-}
-
-/*# sourceMappingURL=index.css.map*/
+/*!
+* Vue Material v0.7.1
+* Made with love by Marcos Moura
+* Released under the MIT License.
+*/.md-button{min-width:88px;min-height:36px;margin:6px 8px;padding:0 16px;display:inline-block;position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;background:none;border:0;border-radius:2px;transition:all .4s cubic-bezier(.25,.8,.25,1);color:currentColor;font-family:inherit;font-size:14px;font-style:inherit;font-variant:inherit;font-weight:500;letter-spacing:inherit;line-height:36px;text-align:center;text-transform:uppercase;text-decoration:none;vertical-align:top;white-space:nowrap}.md-button,.md-button:focus{outline:none}.md-button::-moz-focus-inner{border:0}.md-button:hover:not([disabled]):not(.md-raised){background-color:hsla(0,0%,60%,.2);text-decoration:none}.md-button:hover:not([disabled]).md-raised{background-color:rgba(0,0,0,.12)}.md-button:active:not([disabled]){background-color:hsla(0,0%,60%,.4)}.md-button.md-raised:not([disabled]){box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12)}.md-button.md-dense{min-height:32px;line-height:32px;font-size:13px}.md-button.md-fab .md-icon,.md-button.md-icon-button .md-icon{position:absolute;top:1px;right:0;bottom:0;left:0}.md-button.md-icon-button{width:40px;min-width:40px;height:40px;margin:0 6px;padding:8px;border-radius:50%;line-height:24px}.md-button.md-icon-button:not([disabled]):hover{background:none}.md-button.md-icon-button.md-dense{width:32px;min-width:32px;height:32px;min-height:32px;padding:4px;line-height:32px}.md-button.md-icon-button .md-ink-ripple{border-radius:50%}.md-button.md-icon-button .md-ink-ripple .md-ripple{top:0!important;right:0!important;bottom:0!important;left:0!important}.md-button.md-icon-button .md-ripple.md-active{animation-duration:.9s}.md-button.md-fab{width:56px;height:56px;padding:0;min-width:0;overflow:hidden;box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);border-radius:56px;line-height:56px;background-clip:padding-box;transition:all .4s cubic-bezier(.25,.8,.25,1);transition-property:background-color,box-shadow,transform}.md-button.md-fab:focus,.md-button.md-fab:hover{box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px rgba(0,0,0,.14),0 1px 14px rgba(0,0,0,.12)}.md-button.md-fab.md-mini{width:40px;height:40px;line-height:40px}.md-button.md-fab .md-ink-ripple{border-radius:56px}.md-button[disabled]{color:rgba(0,0,0,.26);cursor:default;pointer-events:none}.md-button[disabled].md-fab,.md-button[disabled].md-raised{background-color:rgba(0,0,0,.12)}.md-button[disabled].md-fab{box-shadow:none}.md-button:after{transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-button .md-ink-ripple{border-radius:2px;background-clip:padding-box;overflow:hidden}.md-button.md-fab .md-icon,.md-button.md-icon-button .md-icon{display:block}.md-fab.md-fab-bottom-center,.md-fab.md-fab-bottom-left,.md-fab.md-fab-bottom-right,.md-fab.md-fab-top-center,.md-fab.md-fab-top-left,.md-fab.md-fab-top-right,.md-speed-dial.md-fab-bottom-center,.md-speed-dial.md-fab-bottom-left,.md-speed-dial.md-fab-bottom-right,.md-speed-dial.md-fab-top-center,.md-speed-dial.md-fab-top-left,.md-speed-dial.md-fab-top-right{margin:0;position:absolute;z-index:1}.md-fab.md-fab-top-left,.md-speed-dial.md-fab-top-left{top:24px;left:24px}.md-fab.md-fab-top-center,.md-speed-dial.md-fab-top-center{top:24px;left:50%;transform:translateX(-50%)}.md-fab.md-fab-top-right,.md-speed-dial.md-fab-top-right{top:24px;right:24px}.md-fab.md-fab-bottom-left,.md-speed-dial.md-fab-bottom-left{bottom:24px;left:24px}.md-fab.md-fab-bottom-center,.md-speed-dial.md-fab-bottom-center{bottom:24px;left:50%;transform:translateX(-50%)}.md-fab.md-fab-bottom-right,.md-speed-dial.md-fab-bottom-right{right:24px;bottom:24px}.md-button-tooltip.md-tooltip-top{margin-top:-8px}.md-button-tooltip.md-tooltip-right{margin-left:8px}.md-button-tooltip.md-tooltip-bottom{margin-top:8px}.md-button-tooltip.md-tooltip-left{margin-left:-8px}

dist/components/mdButton/index.debug.js

@@ -21,16 +21,16 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /******/ 		// Create a new module (and put it into the cache)
 /******/ 		var module = installedModules[moduleId] = {
-/******/ 			exports: {},
-/******/ 			id: moduleId,
-/******/ 			loaded: false
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
 /******/ 		};
 
 /******/ 		// Execute the module function
 /******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
 
 /******/ 		// Flag the module as loaded
-/******/ 		module.loaded = true;
+/******/ 		module.l = true;
 
 /******/ 		// Return the exports of the module
 /******/ 		return module.exports;
@@ -43,280 +43,343 @@ return /******/ (function(modules) { // webpackBootstrap
 /******/ 	// expose the module cache
 /******/ 	__webpack_require__.c = installedModules;
 
+/******/ 	// identity function for calling harmony imports with the correct context
+/******/ 	__webpack_require__.i = function(value) { return value; };
+
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, {
+/******/ 				configurable: false,
+/******/ 				enumerable: true,
+/******/ 				get: getter
+/******/ 			});
+/******/ 		}
+/******/ 	};
+
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+
 /******/ 	// __webpack_public_path__
 /******/ 	__webpack_require__.p = "/";
 
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(0);
+/******/ 	return __webpack_require__(__webpack_require__.s = 400);
 /******/ })
 /************************************************************************/
 /******/ ({
 
 /***/ 0:
-/***/ function(module, exports, __webpack_require__) {
+/***/ (function(module, exports) {
 
-	module.exports = __webpack_require__(75);
+module.exports = function normalizeComponent (
+  rawScriptExports,
+  compiledTemplate,
+  scopeId,
+  cssModules
+) {
+  var esModule
+  var scriptExports = rawScriptExports = rawScriptExports || {}
+
+  // ES6 modules interop
+  var type = typeof rawScriptExports.default
+  if (type === 'object' || type === 'function') {
+    esModule = rawScriptExports
+    scriptExports = rawScriptExports.default
+  }
+
+  // Vue.extend constructor export interop
+  var options = typeof scriptExports === 'function'
+    ? scriptExports.options
+    : scriptExports
+
+  // render functions
+  if (compiledTemplate) {
+    options.render = compiledTemplate.render
+    options.staticRenderFns = compiledTemplate.staticRenderFns
+  }
+
+  // scopedId
+  if (scopeId) {
+    options._scopeId = scopeId
+  }
+
+  // inject cssModules
+  if (cssModules) {
+    var computed = options.computed || (options.computed = {})
+    Object.keys(cssModules).forEach((function (key) {
+      var module = cssModules[key]
+      computed[key] = function () { return module }
+    }))
+  }
+
+  return {
+    esModule: esModule,
+    exports: scriptExports,
+    options: options
+  }
+}
 
 
-/***/ },
+/***/ }),
 
 /***/ 1:
-/***/ function(module, exports) {
+/***/ (function(module, exports, __webpack_require__) {
 
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	exports.default = {
-	  props: {
-	    mdTheme: String
-	  },
-	  data: function data() {
-	    return {
-	      closestThemedParent: false
-	    };
-	  },
-	  methods: {
-	    getClosestThemedParent: function getClosestThemedParent($parent) {
-	      if (!$parent || !$parent.$el || $parent._uid === 0) {
-	        return false;
-	      }
-
-	      if ($parent.mdTheme || $parent.mdName) {
-	        return $parent;
-	      }
-
-	      return this.getClosestThemedParent($parent.$parent);
-	    }
-	  },
-	  computed: {
-	    themeClass: function themeClass() {
-	      if (this.mdTheme) {
-	        return 'md-theme-' + this.mdTheme;
-	      }
-
-	      var theme = this.closestThemedParent.mdTheme;
-
-	      if (!theme) {
-	        if (this.closestThemedParent) {
-	          theme = this.closestThemedParent.mdName;
-	        } else {
-	          theme = this.$material.currentTheme;
-	        }
-	      }
-
-	      return 'md-theme-' + theme;
-	    }
-	  },
-	  mounted: function mounted() {
-	    this.closestThemedParent = this.getClosestThemedParent(this.$parent);
-
-	    if (!this.$material.currentTheme) {
-	      this.$material.setCurrentTheme('default');
-	    }
-	  }
-	};
-	module.exports = exports['default'];
-
-/***/ },
-
-/***/ 75:
-/***/ function(module, exports, __webpack_require__) {
-
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	exports.default = install;
-
-	var _mdButton = __webpack_require__(252);
-
-	var _mdButton2 = _interopRequireDefault(_mdButton);
-
-	var _mdButton3 = __webpack_require__(224);
-
-	var _mdButton4 = _interopRequireDefault(_mdButton3);
-
-	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-	function install(Vue) {
-	  Vue.component('md-button', Vue.extend(_mdButton2.default));
-
-	  Vue.material.styles.push(_mdButton4.default);
-	}
-	module.exports = exports['default'];
-
-/***/ },
-
-/***/ 114:
-/***/ function(module, exports, __webpack_require__) {
-
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-
-	var _mixin = __webpack_require__(1);
-
-	var _mixin2 = _interopRequireDefault(_mixin);
-
-	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-	exports.default = {
-	  props: {
-	    href: String,
-	    target: String,
-	    rel: String,
-	    type: {
-	      type: String,
-	      default: 'button'
-	    },
-	    disabled: Boolean
-	  },
-	  mixins: [_mixin2.default],
-	  computed: {
-	    newRel: function newRel() {
-	      if (this.target === '_blank') {
-	        return this.rel || 'noopener';
-	      }
-
-	      return this.rel;
-	    }
-	  }
-	}; //
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-
-	module.exports = exports['default'];
-
-/***/ },
-
-/***/ 212:
-/***/ function(module, exports) {
-
-	// removed by extract-text-webpack-plugin
-
-/***/ },
-
-/***/ 224:
-/***/ function(module, exports) {
-
-	module.exports = ".THEME_NAME.md-button:not([disabled]).md-raised:not(.md-icon-button) {\n  color: BACKGROUND-CONTRAST;\n  background-color: BACKGROUND-COLOR; }\n  .THEME_NAME.md-button:not([disabled]).md-raised:not(.md-icon-button):hover {\n    background-color: BACKGROUND-COLOR-200; }\n\n.THEME_NAME.md-button:not([disabled]).md-raised.md-icon-button:not(.md-raised) {\n  color: BACKGROUND-CONTRAST; }\n\n.THEME_NAME.md-button:not([disabled]).md-fab {\n  color: ACCENT-CONTRAST;\n  background-color: ACCENT-COLOR; }\n  .THEME_NAME.md-button:not([disabled]).md-fab:hover {\n    background-color: ACCENT-COLOR-600; }\n  .THEME_NAME.md-button:not([disabled]).md-fab.md-clean {\n    color: BACKGROUND-CONTRAST;\n    background-color: BACKGROUND-COLOR; }\n    .THEME_NAME.md-button:not([disabled]).md-fab.md-clean:hover {\n      background-color: BACKGROUND-COLOR-200; }\n\n.THEME_NAME.md-button:not([disabled]).md-primary:not(.md-icon-button) {\n  color: PRIMARY-COLOR; }\n\n.THEME_NAME.md-button:not([disabled]).md-primary.md-raised, .THEME_NAME.md-button:not([disabled]).md-primary.md-fab {\n  background-color: PRIMARY-COLOR;\n  color: PRIMARY-CONTRAST; }\n  .THEME_NAME.md-button:not([disabled]).md-primary.md-raised:hover, .THEME_NAME.md-button:not([disabled]).md-primary.md-fab:hover {\n    background-color: PRIMARY-COLOR-600; }\n\n.THEME_NAME.md-button:not([disabled]).md-primary.md-icon-button:not(.md-raised) {\n  color: PRIMARY-COLOR; }\n\n.THEME_NAME.md-button:not([disabled]).md-accent:not(.md-icon-button) {\n  color: ACCENT-COLOR; }\n\n.THEME_NAME.md-button:not([disabled]).md-accent.md-raised {\n  background-color: ACCENT-COLOR;\n  color: ACCENT-CONTRAST; }\n  .THEME_NAME.md-button:not([disabled]).md-accent.md-raised:hover {\n    background-color: ACCENT-COLOR-600; }\n\n.THEME_NAME.md-button:not([disabled]).md-accent.md-icon-button:not(.md-raised) {\n  color: ACCENT-COLOR; }\n\n.THEME_NAME.md-button:not([disabled]).md-warn:not(.md-icon-button) {\n  color: WARN-COLOR; }\n\n.THEME_NAME.md-button:not([disabled]).md-warn.md-raised, .THEME_NAME.md-button:not([disabled]).md-warn.md-fab {\n  background-color: WARN-COLOR;\n  color: WARN-CONTRAST; }\n  .THEME_NAME.md-button:not([disabled]).md-warn.md-raised:hover, .THEME_NAME.md-button:not([disabled]).md-warn.md-fab:hover {\n    background-color: WARN-COLOR-600; }\n\n.THEME_NAME.md-button:not([disabled]).md-warn.md-icon-button:not(.md-raised) {\n  color: WARN-COLOR; }\n"
-
-/***/ },
-
-/***/ 252:
-/***/ function(module, exports, __webpack_require__) {
-
-	var __vue_exports__, __vue_options__
-	var __vue_styles__ = {}
-
-	/* styles */
-	__webpack_require__(212)
-
-	/* script */
-	__vue_exports__ = __webpack_require__(114)
-
-	/* template */
-	var __vue_template__ = __webpack_require__(357)
-	__vue_options__ = __vue_exports__ = __vue_exports__ || {}
-	if (
-	  typeof __vue_exports__.default === "object" ||
-	  typeof __vue_exports__.default === "function"
-	) {
-	if (Object.keys(__vue_exports__).some((function (key) { return key !== "default" && key !== "__esModule" }))) {console.error("named exports are not supported in *.vue files.")}
-	__vue_options__ = __vue_exports__ = __vue_exports__.default
-	}
-	if (typeof __vue_options__ === "function") {
-	  __vue_options__ = __vue_options__.options
-	}
-	__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdButton/mdButton.vue"
-	__vue_options__.render = __vue_template__.render
-	__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
-
-	/* hot reload */
-	if (false) {(function () {
-	  var hotAPI = require("vue-hot-reload-api")
-	  hotAPI.install(require("vue"), false)
-	  if (!hotAPI.compatible) return
-	  module.hot.accept()
-	  if (!module.hot.data) {
-	    hotAPI.createRecord("data-v-9b3983a6", __vue_options__)
-	  } else {
-	    hotAPI.reload("data-v-9b3983a6", __vue_options__)
-	  }
-	})()}
-	if (__vue_options__.functional) {console.error("[vue-loader] mdButton.vue: functional components are not supported and should be defined in plain js files using render functions.")}
-
-	module.exports = __vue_exports__
+"use strict";
 
 
-/***/ },
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = {
+  props: {
+    mdTheme: String
+  },
+  data: function data() {
+    return {
+      closestThemedParent: false
+    };
+  },
+  methods: {
+    getClosestThemedParent: function getClosestThemedParent($parent) {
+      if (!$parent || !$parent.$el || $parent._uid === 0) {
+        return false;
+      }
 
-/***/ 357:
-/***/ function(module, exports, __webpack_require__) {
+      if ($parent.mdTheme || $parent.mdName) {
+        return $parent;
+      }
 
-	module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
-	  return (!_vm.href) ? _c('button', {
-	    staticClass: "md-button",
-	    class: [_vm.themeClass],
-	    attrs: {
-	      "type": _vm.type,
-	      "disabled": _vm.disabled
-	    },
-	    on: {
-	      "click": function($event) {
-	        _vm.$emit('click', $event)
-	      }
-	    }
-	  }, [_c('md-ink-ripple', {
-	    attrs: {
-	      "md-disabled": _vm.disabled
-	    }
-	  }), _vm._v(" "), _vm._t("default")], 2) : _c('a', {
-	    staticClass: "md-button",
-	    class: [_vm.themeClass],
-	    attrs: {
-	      "href": _vm.href,
-	      "disabled": _vm.disabled,
-	      "target": _vm.target,
-	      "rel": _vm.newRel
-	    },
-	    on: {
-	      "click": function($event) {
-	        _vm.$emit('click', $event)
-	      }
-	    }
-	  }, [_c('md-ink-ripple', {
-	    attrs: {
-	      "md-disabled": _vm.disabled
-	    }
-	  }), _vm._v(" "), _vm._t("default")], 2)
-	},staticRenderFns: []}
-	module.exports.render._withStripped = true
-	if (false) {
-	  module.hot.accept()
-	  if (module.hot.data) {
-	     require("vue-hot-reload-api").rerender("data-v-9b3983a6", module.exports)
-	  }
-	}
+      return this.getClosestThemedParent($parent.$parent);
+    }
+  },
+  computed: {
+    themeClass: function themeClass() {
+      if (this.mdTheme) {
+        return 'md-theme-' + this.mdTheme;
+      }
 
-/***/ }
+      var theme = this.closestThemedParent.mdTheme;
 
-/******/ })
-}));
-;
+      if (!theme) {
+        if (this.closestThemedParent) {
+          theme = this.closestThemedParent.mdName;
+        } else {
+          theme = this.$material.currentTheme;
+        }
+      }
+
+      return 'md-theme-' + theme;
+    }
+  },
+  mounted: function mounted() {
+    this.closestThemedParent = this.getClosestThemedParent(this.$parent);
+
+    if (!this.$material.currentTheme) {
+      this.$material.setCurrentTheme('default');
+    }
+  }
+};
+module.exports = exports['default'];
+
+/***/ }),
+
+/***/ 135:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _mixin = __webpack_require__(1);
+
+var _mixin2 = _interopRequireDefault(_mixin);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+exports.default = {
+  props: {
+    href: String,
+    target: String,
+    rel: String,
+    type: {
+      type: String,
+      default: 'button'
+    },
+    disabled: Boolean
+  },
+  mixins: [_mixin2.default],
+  computed: {
+    newRel: function newRel() {
+      if (this.target === '_blank') {
+        return this.rel || 'noopener';
+      }
+
+      return this.rel;
+    }
+  }
+}; //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+module.exports = exports['default'];
+
+/***/ }),
+
+/***/ 223:
+/***/ (function(module, exports) {
+
+// removed by extract-text-webpack-plugin
+
+/***/ }),
+
+/***/ 235:
+/***/ (function(module, exports) {
+
+module.exports = ".THEME_NAME.md-button:not([disabled]).md-raised:not(.md-icon-button) {\n  color: BACKGROUND-CONTRAST;\n  background-color: BACKGROUND-COLOR; }\n  .THEME_NAME.md-button:not([disabled]).md-raised:not(.md-icon-button):hover {\n    background-color: BACKGROUND-COLOR-200; }\n\n.THEME_NAME.md-button:not([disabled]).md-raised.md-icon-button:not(.md-raised) {\n  color: BACKGROUND-CONTRAST; }\n\n.THEME_NAME.md-button:not([disabled]).md-fab {\n  color: ACCENT-CONTRAST;\n  background-color: ACCENT-COLOR; }\n  .THEME_NAME.md-button:not([disabled]).md-fab:hover {\n    background-color: ACCENT-COLOR-600; }\n  .THEME_NAME.md-button:not([disabled]).md-fab.md-clean {\n    color: BACKGROUND-CONTRAST;\n    background-color: BACKGROUND-COLOR; }\n    .THEME_NAME.md-button:not([disabled]).md-fab.md-clean:hover {\n      background-color: BACKGROUND-COLOR-200; }\n\n.THEME_NAME.md-button:not([disabled]).md-primary:not(.md-icon-button) {\n  color: PRIMARY-COLOR; }\n\n.THEME_NAME.md-button:not([disabled]).md-primary.md-raised, .THEME_NAME.md-button:not([disabled]).md-primary.md-fab {\n  background-color: PRIMARY-COLOR;\n  color: PRIMARY-CONTRAST; }\n  .THEME_NAME.md-button:not([disabled]).md-primary.md-raised:hover, .THEME_NAME.md-button:not([disabled]).md-primary.md-fab:hover {\n    background-color: PRIMARY-COLOR-600; }\n\n.THEME_NAME.md-button:not([disabled]).md-primary.md-icon-button:not(.md-raised) {\n  color: PRIMARY-COLOR; }\n\n.THEME_NAME.md-button:not([disabled]).md-accent:not(.md-icon-button) {\n  color: ACCENT-COLOR; }\n\n.THEME_NAME.md-button:not([disabled]).md-accent.md-raised {\n  background-color: ACCENT-COLOR;\n  color: ACCENT-CONTRAST; }\n  .THEME_NAME.md-button:not([disabled]).md-accent.md-raised:hover {\n    background-color: ACCENT-COLOR-600; }\n\n.THEME_NAME.md-button:not([disabled]).md-accent.md-icon-button:not(.md-raised) {\n  color: ACCENT-COLOR; }\n\n.THEME_NAME.md-button:not([disabled]).md-warn:not(.md-icon-button) {\n  color: WARN-COLOR; }\n\n.THEME_NAME.md-button:not([disabled]).md-warn.md-raised, .THEME_NAME.md-button:not([disabled]).md-warn.md-fab {\n  background-color: WARN-COLOR;\n  color: WARN-CONTRAST; }\n  .THEME_NAME.md-button:not([disabled]).md-warn.md-raised:hover, .THEME_NAME.md-button:not([disabled]).md-warn.md-fab:hover {\n    background-color: WARN-COLOR-600; }\n\n.THEME_NAME.md-button:not([disabled]).md-warn.md-icon-button:not(.md-raised) {\n  color: WARN-COLOR; }\n"
+
+/***/ }),
+
+/***/ 264:
+/***/ (function(module, exports, __webpack_require__) {
+
+
+/* styles */
+__webpack_require__(223)
+
+var Component = __webpack_require__(0)(
+  /* script */
+  __webpack_require__(135),
+  /* template */
+  __webpack_require__(381),
+  /* scopeId */
+  null,
+  /* cssModules */
+  null
+)
+Component.options.__file = "/Users/mrufino/Projects/personal/github/vue-material/src/components/mdButton/mdButton.vue"
+if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
+if (Component.options.functional) {console.error("[vue-loader] mdButton.vue: functional components are not supported with templates, they should use render functions.")}
+
+/* hot reload */
+if (false) {(function () {
+  var hotAPI = require("vue-hot-reload-api")
+  hotAPI.install(require("vue"), false)
+  if (!hotAPI.compatible) return
+  module.hot.accept()
+  if (!module.hot.data) {
+    hotAPI.createRecord("data-v-6dc87da4", Component.options)
+  } else {
+    hotAPI.reload("data-v-6dc87da4", Component.options)
+  }
+})()}
+
+module.exports = Component.exports
+
+
+/***/ }),
+
+/***/ 381:
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
+  return (!_vm.href) ? _c('button', {
+    staticClass: "md-button",
+    class: [_vm.themeClass],
+    attrs: {
+      "type": _vm.type,
+      "disabled": _vm.disabled
+    }
+  }, [_c('md-ink-ripple', {
+    attrs: {
+      "md-disabled": _vm.disabled
+    }
+  }), _vm._v(" "), _vm._t("default")], 2) : _c('a', {
+    staticClass: "md-button",
+    class: [_vm.themeClass],
+    attrs: {
+      "href": _vm.href,
+      "disabled": _vm.disabled,
+      "target": _vm.target,
+      "rel": _vm.newRel
+    }
+  }, [_c('md-ink-ripple', {
+    attrs: {
+      "md-disabled": _vm.disabled
+    }
+  }), _vm._v(" "), _vm._t("default")], 2)
+},staticRenderFns: []}
+module.exports.render._withStripped = true
+if (false) {
+  module.hot.accept()
+  if (module.hot.data) {
+     require("vue-hot-reload-api").rerender("data-v-6dc87da4", module.exports)
+  }
+}
+
+/***/ }),
+
+/***/ 400:
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(93);
+
+
+/***/ }),
+
+/***/ 93:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = install;
+
+var _mdButton = __webpack_require__(264);
+
+var _mdButton2 = _interopRequireDefault(_mdButton);
+
+var _mdButton3 = __webpack_require__(235);
+
+var _mdButton4 = _interopRequireDefault(_mdButton3);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function install(Vue) {
+  Vue.component('md-button', _mdButton2.default);
+
+  Vue.material.styles.push(_mdButton4.default);
+}
+module.exports = exports['default'];
+
+/***/ })
+
+/******/ });
+}));

dist/components/mdButtonToggle/index.css

@@ -1,37 +1,5 @@
-/* Common */
-/* Responsive Breakpoints */
-/* Transitions - Based on Angular Material */
-/* Elevation - Based on Angular Material */
-.md-button-toggle {
-  width: auto;
-  display: -ms-flexbox;
-  display: flex;
-}
-.md-button-toggle > .md-button {
-    margin: 0;
-    overflow: hidden;
-    border-width: 1px 0 1px 1px;
-    border-radius: 0;
-    text-align: center;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-}
-.md-button-toggle > .md-button:first-child {
-      border-radius: 2px 0 0 2px;
-}
-.md-button-toggle > .md-button:last-child {
-      border-right-width: 1px;
-      border-radius: 0 2px 2px 0;
-}
-.md-button-toggle > .md-button:not([disabled]) {
-      color: rgba(0, 0, 0, 0.54);
-}
-.md-button-toggle > .md-button:not([disabled]):hover:not(.md-toggle):not(.md-raised) {
-        background-color: rgba(153, 153, 153, 0.2);
-        text-decoration: none;
-}
-.md-button-toggle > .md-button .md-ink-ripple {
-      border-radius: 2px;
-}
-
-/*# sourceMappingURL=index.css.map*/
+/*!
+* Vue Material v0.7.1
+* Made with love by Marcos Moura
+* Released under the MIT License.
+*/.md-button-toggle{width:auto;display:-ms-flexbox;display:flex}.md-button-toggle>.md-button{margin:0;overflow:hidden;border-width:1px 0 1px 1px;border-radius:0;text-align:center;text-overflow:ellipsis;white-space:nowrap}.md-button-toggle>.md-button:first-child{border-radius:2px 0 0 2px}.md-button-toggle>.md-button:last-child{border-right-width:1px;border-radius:0 2px 2px 0}.md-button-toggle>.md-button:not([disabled]){color:rgba(0,0,0,.54)}.md-button-toggle>.md-button:not([disabled]):hover:not(.md-toggle):not(.md-raised){background-color:hsla(0,0%,60%,.2);text-decoration:none}.md-button-toggle>.md-button .md-ink-ripple{border-radius:2px}

dist/components/mdButtonToggle/index.debug.js

@@ -21,16 +21,16 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /******/ 		// Create a new module (and put it into the cache)
 /******/ 		var module = installedModules[moduleId] = {
-/******/ 			exports: {},
-/******/ 			id: moduleId,
-/******/ 			loaded: false
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
 /******/ 		};
 
 /******/ 		// Execute the module function
 /******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
 
 /******/ 		// Flag the module as loaded
-/******/ 		module.loaded = true;
+/******/ 		module.l = true;
 
 /******/ 		// Return the exports of the module
 /******/ 		return module.exports;
@@ -43,261 +43,334 @@ return /******/ (function(modules) { // webpackBootstrap
 /******/ 	// expose the module cache
 /******/ 	__webpack_require__.c = installedModules;
 
+/******/ 	// identity function for calling harmony imports with the correct context
+/******/ 	__webpack_require__.i = function(value) { return value; };
+
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, {
+/******/ 				configurable: false,
+/******/ 				enumerable: true,
+/******/ 				get: getter
+/******/ 			});
+/******/ 		}
+/******/ 	};
+
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+
 /******/ 	// __webpack_public_path__
 /******/ 	__webpack_require__.p = "/";
 
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(0);
+/******/ 	return __webpack_require__(__webpack_require__.s = 401);
 /******/ })
 /************************************************************************/
 /******/ ({
 
 /***/ 0:
-/***/ function(module, exports, __webpack_require__) {
+/***/ (function(module, exports) {
 
-	module.exports = __webpack_require__(76);
+module.exports = function normalizeComponent (
+  rawScriptExports,
+  compiledTemplate,
+  scopeId,
+  cssModules
+) {
+  var esModule
+  var scriptExports = rawScriptExports = rawScriptExports || {}
+
+  // ES6 modules interop
+  var type = typeof rawScriptExports.default
+  if (type === 'object' || type === 'function') {
+    esModule = rawScriptExports
+    scriptExports = rawScriptExports.default
+  }
+
+  // Vue.extend constructor export interop
+  var options = typeof scriptExports === 'function'
+    ? scriptExports.options
+    : scriptExports
+
+  // render functions
+  if (compiledTemplate) {
+    options.render = compiledTemplate.render
+    options.staticRenderFns = compiledTemplate.staticRenderFns
+  }
+
+  // scopedId
+  if (scopeId) {
+    options._scopeId = scopeId
+  }
+
+  // inject cssModules
+  if (cssModules) {
+    var computed = options.computed || (options.computed = {})
+    Object.keys(cssModules).forEach((function (key) {
+      var module = cssModules[key]
+      computed[key] = function () { return module }
+    }))
+  }
+
+  return {
+    esModule: esModule,
+    exports: scriptExports,
+    options: options
+  }
+}
 
 
-/***/ },
+/***/ }),
 
 /***/ 1:
-/***/ function(module, exports) {
+/***/ (function(module, exports, __webpack_require__) {
 
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	exports.default = {
-	  props: {
-	    mdTheme: String
-	  },
-	  data: function data() {
-	    return {
-	      closestThemedParent: false
-	    };
-	  },
-	  methods: {
-	    getClosestThemedParent: function getClosestThemedParent($parent) {
-	      if (!$parent || !$parent.$el || $parent._uid === 0) {
-	        return false;
-	      }
-
-	      if ($parent.mdTheme || $parent.mdName) {
-	        return $parent;
-	      }
-
-	      return this.getClosestThemedParent($parent.$parent);
-	    }
-	  },
-	  computed: {
-	    themeClass: function themeClass() {
-	      if (this.mdTheme) {
-	        return 'md-theme-' + this.mdTheme;
-	      }
-
-	      var theme = this.closestThemedParent.mdTheme;
-
-	      if (!theme) {
-	        if (this.closestThemedParent) {
-	          theme = this.closestThemedParent.mdName;
-	        } else {
-	          theme = this.$material.currentTheme;
-	        }
-	      }
-
-	      return 'md-theme-' + theme;
-	    }
-	  },
-	  mounted: function mounted() {
-	    this.closestThemedParent = this.getClosestThemedParent(this.$parent);
-
-	    if (!this.$material.currentTheme) {
-	      this.$material.setCurrentTheme('default');
-	    }
-	  }
-	};
-	module.exports = exports['default'];
-
-/***/ },
-
-/***/ 76:
-/***/ function(module, exports, __webpack_require__) {
-
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	exports.default = install;
-
-	var _mdButtonToggle = __webpack_require__(253);
-
-	var _mdButtonToggle2 = _interopRequireDefault(_mdButtonToggle);
-
-	var _mdButtonToggle3 = __webpack_require__(225);
-
-	var _mdButtonToggle4 = _interopRequireDefault(_mdButtonToggle3);
-
-	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-	function install(Vue) {
-	  Vue.component('md-button-toggle', Vue.extend(_mdButtonToggle2.default));
-
-	  Vue.material.styles.push(_mdButtonToggle4.default);
-	}
-	module.exports = exports['default'];
-
-/***/ },
-
-/***/ 115:
-/***/ function(module, exports, __webpack_require__) {
-
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-
-	var _mixin = __webpack_require__(1);
-
-	var _mixin2 = _interopRequireDefault(_mixin);
-
-	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-	var onClickButton = void 0; //
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-
-	exports.default = {
-	  props: {
-	    mdSingle: Boolean
-	  },
-	  mixins: [_mixin2.default],
-	  mounted: function mounted() {
-	    var _this = this;
-
-	    this.$children.forEach((function (child) {
-	      var element = child.$el;
-	      var toggleClass = 'md-toggle';
-
-	      onClickButton = function onClickButton() {
-	        if (_this.mdSingle) {
-	          _this.$children.forEach((function (child) {
-	            child.$el.classList.remove(toggleClass);
-	          }));
-
-	          element.classList.add(toggleClass);
-	        } else {
-	          element.classList.toggle(toggleClass);
-	        }
-	      };
-
-	      if (element && element.classList.contains('md-button')) {
-	        element.addEventListener('click', onClickButton);
-	      }
-	    }));
-	  },
-	  beforeDestroy: function beforeDestroy() {
-	    this.$children.forEach((function (child) {
-	      var element = child.$el;
-
-	      if (element && element.classList.contains('md-button')) {
-	        element.removeEventListener('click', onClickButton);
-	      }
-	    }));
-	  }
-	};
-	module.exports = exports['default'];
-
-/***/ },
-
-/***/ 194:
-/***/ function(module, exports) {
-
-	// removed by extract-text-webpack-plugin
-
-/***/ },
-
-/***/ 225:
-/***/ function(module, exports) {
-
-	module.exports = ".THEME_NAME.md-button-toggle .md-button:after {\n  width: 1px;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  content: \" \"; }\n\n.THEME_NAME.md-button-toggle .md-toggle {\n  color: BACKGROUND-CONTRAST-0.54;\n  background-color: BACKGROUND-CONTRAST-0.26; }\n  .THEME_NAME.md-button-toggle .md-toggle:hover:not([disabled]) {\n    background-color: BACKGROUND-CONTRAST-0.38; }\n  .THEME_NAME.md-button-toggle .md-toggle + .md-toggle:after {\n    background-color: BACKGROUND-CONTRAST-0.12; }\n\n.THEME_NAME.md-button-toggle.md-primary .md-toggle {\n  color: PRIMARY-CONTRAST;\n  background-color: PRIMARY-COLOR; }\n  .THEME_NAME.md-button-toggle.md-primary .md-toggle:hover:not([disabled]) {\n    background-color: PRIMARY-COLOR; }\n  .THEME_NAME.md-button-toggle.md-primary .md-toggle + .md-toggle:after {\n    background-color: PRIMARY-COLOR-600; }\n\n.THEME_NAME.md-button-toggle.md-accent .md-toggle {\n  color: ACCENT-CONTRAST;\n  background-color: ACCENT-COLOR; }\n  .THEME_NAME.md-button-toggle.md-accent .md-toggle:hover:not([disabled]) {\n    background-color: ACCENT-COLOR; }\n  .THEME_NAME.md-button-toggle.md-accent .md-toggle + .md-toggle:after {\n    background-color: ACCENT-COLOR-600; }\n\n.THEME_NAME.md-button-toggle.md-warn .md-toggle {\n  color: WARN-CONTRAST;\n  background-color: WARN-COLOR; }\n  .THEME_NAME.md-button-toggle.md-warn .md-toggle:hover:not([disabled]) {\n    background-color: WARN-COLOR; }\n  .THEME_NAME.md-button-toggle.md-warn .md-toggle + .md-toggle:after {\n    background-color: WARN-COLOR-600; }\n\n.THEME_NAME.md-button-toggle [disabled] {\n  color: rgba(0, 0, 0, 0.26); }\n  .THEME_NAME.md-button-toggle [disabled].md-toggle {\n    color: BACKGROUND-CONTRAST-0.2;\n    background-color: rgba(0, 0, 0, 0.26); }\n"
-
-/***/ },
-
-/***/ 253:
-/***/ function(module, exports, __webpack_require__) {
-
-	var __vue_exports__, __vue_options__
-	var __vue_styles__ = {}
-
-	/* styles */
-	__webpack_require__(194)
-
-	/* script */
-	__vue_exports__ = __webpack_require__(115)
-
-	/* template */
-	var __vue_template__ = __webpack_require__(317)
-	__vue_options__ = __vue_exports__ = __vue_exports__ || {}
-	if (
-	  typeof __vue_exports__.default === "object" ||
-	  typeof __vue_exports__.default === "function"
-	) {
-	if (Object.keys(__vue_exports__).some((function (key) { return key !== "default" && key !== "__esModule" }))) {console.error("named exports are not supported in *.vue files.")}
-	__vue_options__ = __vue_exports__ = __vue_exports__.default
-	}
-	if (typeof __vue_options__ === "function") {
-	  __vue_options__ = __vue_options__.options
-	}
-	__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdButtonToggle/mdButtonToggle.vue"
-	__vue_options__.render = __vue_template__.render
-	__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
-
-	/* hot reload */
-	if (false) {(function () {
-	  var hotAPI = require("vue-hot-reload-api")
-	  hotAPI.install(require("vue"), false)
-	  if (!hotAPI.compatible) return
-	  module.hot.accept()
-	  if (!module.hot.data) {
-	    hotAPI.createRecord("data-v-106cf22d", __vue_options__)
-	  } else {
-	    hotAPI.reload("data-v-106cf22d", __vue_options__)
-	  }
-	})()}
-	if (__vue_options__.functional) {console.error("[vue-loader] mdButtonToggle.vue: functional components are not supported and should be defined in plain js files using render functions.")}
-
-	module.exports = __vue_exports__
+"use strict";
 
 
-/***/ },
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = {
+  props: {
+    mdTheme: String
+  },
+  data: function data() {
+    return {
+      closestThemedParent: false
+    };
+  },
+  methods: {
+    getClosestThemedParent: function getClosestThemedParent($parent) {
+      if (!$parent || !$parent.$el || $parent._uid === 0) {
+        return false;
+      }
 
-/***/ 317:
-/***/ function(module, exports, __webpack_require__) {
+      if ($parent.mdTheme || $parent.mdName) {
+        return $parent;
+      }
 
-	module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
-	  return _c('div', {
-	    staticClass: "md-button-toggle",
-	    class: [_vm.themeClass]
-	  }, [_vm._t("default")], 2)
-	},staticRenderFns: []}
-	module.exports.render._withStripped = true
-	if (false) {
-	  module.hot.accept()
-	  if (module.hot.data) {
-	     require("vue-hot-reload-api").rerender("data-v-106cf22d", module.exports)
-	  }
-	}
+      return this.getClosestThemedParent($parent.$parent);
+    }
+  },
+  computed: {
+    themeClass: function themeClass() {
+      if (this.mdTheme) {
+        return 'md-theme-' + this.mdTheme;
+      }
 
-/***/ }
+      var theme = this.closestThemedParent.mdTheme;
 
-/******/ })
-}));
-;
+      if (!theme) {
+        if (this.closestThemedParent) {
+          theme = this.closestThemedParent.mdName;
+        } else {
+          theme = this.$material.currentTheme;
+        }
+      }
+
+      return 'md-theme-' + theme;
+    }
+  },
+  mounted: function mounted() {
+    this.closestThemedParent = this.getClosestThemedParent(this.$parent);
+
+    if (!this.$material.currentTheme) {
+      this.$material.setCurrentTheme('default');
+    }
+  }
+};
+module.exports = exports['default'];
+
+/***/ }),
+
+/***/ 136:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _mixin = __webpack_require__(1);
+
+var _mixin2 = _interopRequireDefault(_mixin);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var onClickButton = void 0; //
+//
+//
+//
+//
+//
+//
+//
+
+exports.default = {
+  props: {
+    mdSingle: Boolean
+  },
+  mixins: [_mixin2.default],
+  mounted: function mounted() {
+    var _this = this;
+
+    this.$children.forEach((function (child) {
+      var element = child.$el;
+      var toggleClass = 'md-toggle';
+
+      onClickButton = function onClickButton() {
+        if (_this.mdSingle) {
+          _this.$children.forEach((function (child) {
+            child.$el.classList.remove(toggleClass);
+          }));
+
+          element.classList.add(toggleClass);
+        } else {
+          element.classList.toggle(toggleClass);
+        }
+      };
+
+      if (element && element.classList.contains('md-button')) {
+        element.addEventListener('click', onClickButton);
+      }
+    }));
+  },
+  beforeDestroy: function beforeDestroy() {
+    this.$children.forEach((function (child) {
+      var element = child.$el;
+
+      if (element && element.classList.contains('md-button')) {
+        element.removeEventListener('click', onClickButton);
+      }
+    }));
+  }
+};
+module.exports = exports['default'];
+
+/***/ }),
+
+/***/ 202:
+/***/ (function(module, exports) {
+
+// removed by extract-text-webpack-plugin
+
+/***/ }),
+
+/***/ 236:
+/***/ (function(module, exports) {
+
+module.exports = ".THEME_NAME.md-button-toggle .md-button:after {\n  width: 1px;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  content: \" \"; }\n\n.THEME_NAME.md-button-toggle .md-toggle {\n  color: BACKGROUND-CONTRAST-0.54;\n  background-color: BACKGROUND-CONTRAST-0.26; }\n  .THEME_NAME.md-button-toggle .md-toggle:hover:not([disabled]) {\n    background-color: BACKGROUND-CONTRAST-0.38; }\n  .THEME_NAME.md-button-toggle .md-toggle + .md-toggle:after {\n    background-color: BACKGROUND-CONTRAST-0.12; }\n\n.THEME_NAME.md-button-toggle.md-primary .md-toggle {\n  color: PRIMARY-CONTRAST;\n  background-color: PRIMARY-COLOR; }\n  .THEME_NAME.md-button-toggle.md-primary .md-toggle:hover:not([disabled]) {\n    background-color: PRIMARY-COLOR; }\n  .THEME_NAME.md-button-toggle.md-primary .md-toggle + .md-toggle:after {\n    background-color: PRIMARY-COLOR-600; }\n\n.THEME_NAME.md-button-toggle.md-accent .md-toggle {\n  color: ACCENT-CONTRAST;\n  background-color: ACCENT-COLOR; }\n  .THEME_NAME.md-button-toggle.md-accent .md-toggle:hover:not([disabled]) {\n    background-color: ACCENT-COLOR; }\n  .THEME_NAME.md-button-toggle.md-accent .md-toggle + .md-toggle:after {\n    background-color: ACCENT-COLOR-600; }\n\n.THEME_NAME.md-button-toggle.md-warn .md-toggle {\n  color: WARN-CONTRAST;\n  background-color: WARN-COLOR; }\n  .THEME_NAME.md-button-toggle.md-warn .md-toggle:hover:not([disabled]) {\n    background-color: WARN-COLOR; }\n  .THEME_NAME.md-button-toggle.md-warn .md-toggle + .md-toggle:after {\n    background-color: WARN-COLOR-600; }\n\n.THEME_NAME.md-button-toggle [disabled] {\n  color: rgba(0, 0, 0, 0.26); }\n  .THEME_NAME.md-button-toggle [disabled].md-toggle {\n    color: BACKGROUND-CONTRAST-0.2;\n    background-color: rgba(0, 0, 0, 0.26); }\n"
+
+/***/ }),
+
+/***/ 265:
+/***/ (function(module, exports, __webpack_require__) {
+
+
+/* styles */
+__webpack_require__(202)
+
+var Component = __webpack_require__(0)(
+  /* script */
+  __webpack_require__(136),
+  /* template */
+  __webpack_require__(335),
+  /* scopeId */
+  null,
+  /* cssModules */
+  null
+)
+Component.options.__file = "/Users/mrufino/Projects/personal/github/vue-material/src/components/mdButtonToggle/mdButtonToggle.vue"
+if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
+if (Component.options.functional) {console.error("[vue-loader] mdButtonToggle.vue: functional components are not supported with templates, they should use render functions.")}
+
+/* hot reload */
+if (false) {(function () {
+  var hotAPI = require("vue-hot-reload-api")
+  hotAPI.install(require("vue"), false)
+  if (!hotAPI.compatible) return
+  module.hot.accept()
+  if (!module.hot.data) {
+    hotAPI.createRecord("data-v-0c5891b8", Component.options)
+  } else {
+    hotAPI.reload("data-v-0c5891b8", Component.options)
+  }
+})()}
+
+module.exports = Component.exports
+
+
+/***/ }),
+
+/***/ 335:
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
+  return _c('div', {
+    staticClass: "md-button-toggle",
+    class: [_vm.themeClass]
+  }, [_vm._t("default")], 2)
+},staticRenderFns: []}
+module.exports.render._withStripped = true
+if (false) {
+  module.hot.accept()
+  if (module.hot.data) {
+     require("vue-hot-reload-api").rerender("data-v-0c5891b8", module.exports)
+  }
+}
+
+/***/ }),
+
+/***/ 401:
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(94);
+
+
+/***/ }),
+
+/***/ 94:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = install;
+
+var _mdButtonToggle = __webpack_require__(265);
+
+var _mdButtonToggle2 = _interopRequireDefault(_mdButtonToggle);
+
+var _mdButtonToggle3 = __webpack_require__(236);
+
+var _mdButtonToggle4 = _interopRequireDefault(_mdButtonToggle3);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function install(Vue) {
+  Vue.component('md-button-toggle', _mdButtonToggle2.default);
+
+  Vue.material.styles.push(_mdButtonToggle4.default);
+}
+module.exports = exports['default'];
+
+/***/ })
+
+/******/ });
+}));

dist/components/mdButtonToggle/index.js

@@ -1,6 +1,6 @@
 /*!
- * Vue Material v0.6.3
- * Made with love by Marcos Moura
- * Released under the MIT License.
- */
-!(function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.VueMaterial=e():t.VueMaterial=e()})(this,(function(){return (function(t){function e(n){if(o[n])return o[n].exports;var r=o[n]={exports:{},id:n,loaded:!1};return t[n].call(r.exports,r,r.exports,e),r.loaded=!0,r.exports}var o={};return e.m=t,e.c=o,e.p="/",e(0)})({0:function(t,e,o){t.exports=o(76)},1:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(t){return!(!t||!t.$el||0===t._uid)&&(t.mdTheme||t.mdName?t:this.getClosestThemedParent(t.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var t=this.closestThemedParent.mdTheme;return t||(t=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+t}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},t.exports=e.default},76:function(t,e,o){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}function r(t){t.component("md-button-toggle",t.extend(l.default)),t.material.styles.push(c.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=r;var d=o(253),l=n(d),a=o(225),c=n(a);t.exports=e.default},115:function(t,e,o){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=o(1),d=n(r),l=void 0;e.default={props:{mdSingle:Boolean},mixins:[d.default],mounted:function(){var t=this;this.$children.forEach((function(e){var o=e.$el,n="md-toggle";l=function(){t.mdSingle?(t.$children.forEach((function(t){t.$el.classList.remove(n)})),o.classList.add(n)):o.classList.toggle(n)},o&&o.classList.contains("md-button")&&o.addEventListener("click",l)}))},beforeDestroy:function(){this.$children.forEach((function(t){var e=t.$el;e&&e.classList.contains("md-button")&&e.removeEventListener("click",l)}))}},t.exports=e.default},194:function(t,e){},225:function(t,e){t.exports='.THEME_NAME.md-button-toggle .md-button:after{width:1px;position:absolute;top:0;bottom:0;left:0;content:" "}.THEME_NAME.md-button-toggle .md-toggle{color:BACKGROUND-CONTRAST-0.54;background-color:BACKGROUND-CONTRAST-0.26}.THEME_NAME.md-button-toggle .md-toggle:hover:not([disabled]){background-color:BACKGROUND-CONTRAST-0.38}.THEME_NAME.md-button-toggle .md-toggle+.md-toggle:after{background-color:BACKGROUND-CONTRAST-0.12}.THEME_NAME.md-button-toggle.md-primary .md-toggle{color:PRIMARY-CONTRAST;background-color:PRIMARY-COLOR}.THEME_NAME.md-button-toggle.md-primary .md-toggle:hover:not([disabled]){background-color:PRIMARY-COLOR}.THEME_NAME.md-button-toggle.md-primary .md-toggle+.md-toggle:after{background-color:PRIMARY-COLOR-600}.THEME_NAME.md-button-toggle.md-accent .md-toggle{color:ACCENT-CONTRAST;background-color:ACCENT-COLOR}.THEME_NAME.md-button-toggle.md-accent .md-toggle:hover:not([disabled]){background-color:ACCENT-COLOR}.THEME_NAME.md-button-toggle.md-accent .md-toggle+.md-toggle:after{background-color:ACCENT-COLOR-600}.THEME_NAME.md-button-toggle.md-warn .md-toggle{color:WARN-CONTRAST;background-color:WARN-COLOR}.THEME_NAME.md-button-toggle.md-warn .md-toggle:hover:not([disabled]){background-color:WARN-COLOR}.THEME_NAME.md-button-toggle.md-warn .md-toggle+.md-toggle:after{background-color:WARN-COLOR-600}.THEME_NAME.md-button-toggle [disabled]{color:rgba(0,0,0,0.26)}.THEME_NAME.md-button-toggle [disabled].md-toggle{color:BACKGROUND-CONTRAST-0.2;background-color:rgba(0,0,0,0.26)}\n'},253:function(t,e,o){var n,r;o(194),n=o(115);var d=o(317);r=n=n||{},"object"!=typeof n.default&&"function"!=typeof n.default||(r=n=n.default),"function"==typeof r&&(r=r.options),r.render=d.render,r.staticRenderFns=d.staticRenderFns,t.exports=n},317:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"md-button-toggle",class:[t.themeClass]},[t._t("default")],2)},staticRenderFns:[]}}})}));
+* Vue Material v0.7.1
+* Made with love by Marcos Moura
+* Released under the MIT License.
+*/   
+!(function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.VueMaterial=e():t.VueMaterial=e()})(this,(function(){return (function(t){function e(n){if(o[n])return o[n].exports;var r=o[n]={i:n,l:!1,exports:{}};return t[n].call(r.exports,r,r.exports,e),r.l=!0,r.exports}var o={};return e.m=t,e.c=o,e.i=function(t){return t},e.d=function(t,o,n){e.o(t,o)||Object.defineProperty(t,o,{configurable:!1,enumerable:!0,get:n})},e.n=function(t){var o=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(o,"a",o),o},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="/",e(e.s=401)})({0:function(t,e){t.exports=function(t,e,o,n){var r,d=t=t||{},l=typeof t.default;"object"!==l&&"function"!==l||(r=t,d=t.default);var u="function"==typeof d?d.options:d;if(e&&(u.render=e.render,u.staticRenderFns=e.staticRenderFns),o&&(u._scopeId=o),n){var c=u.computed||(u.computed={});Object.keys(n).forEach((function(t){var e=n[t];c[t]=function(){return e}}))}return{esModule:r,exports:d,options:u}}},1:function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(t){return!(!t||!t.$el||0===t._uid)&&(t.mdTheme||t.mdName?t:this.getClosestThemedParent(t.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var t=this.closestThemedParent.mdTheme;return t||(t=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+t}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},t.exports=e.default},136:function(t,e,o){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}Object.defineProperty(e,"__esModule",{value:!0});var r=o(1),d=n(r),l=void 0;e.default={props:{mdSingle:Boolean},mixins:[d.default],mounted:function(){var t=this;this.$children.forEach((function(e){var o=e.$el,n="md-toggle";l=function(){t.mdSingle?(t.$children.forEach((function(t){t.$el.classList.remove(n)})),o.classList.add(n)):o.classList.toggle(n)},o&&o.classList.contains("md-button")&&o.addEventListener("click",l)}))},beforeDestroy:function(){this.$children.forEach((function(t){var e=t.$el;e&&e.classList.contains("md-button")&&e.removeEventListener("click",l)}))}},t.exports=e.default},202:function(t,e){},236:function(t,e){t.exports='.THEME_NAME.md-button-toggle .md-button:after{width:1px;position:absolute;top:0;bottom:0;left:0;content:" "}.THEME_NAME.md-button-toggle .md-toggle{color:BACKGROUND-CONTRAST-0.54;background-color:BACKGROUND-CONTRAST-0.26}.THEME_NAME.md-button-toggle .md-toggle:hover:not([disabled]){background-color:BACKGROUND-CONTRAST-0.38}.THEME_NAME.md-button-toggle .md-toggle+.md-toggle:after{background-color:BACKGROUND-CONTRAST-0.12}.THEME_NAME.md-button-toggle.md-primary .md-toggle{color:PRIMARY-CONTRAST;background-color:PRIMARY-COLOR}.THEME_NAME.md-button-toggle.md-primary .md-toggle:hover:not([disabled]){background-color:PRIMARY-COLOR}.THEME_NAME.md-button-toggle.md-primary .md-toggle+.md-toggle:after{background-color:PRIMARY-COLOR-600}.THEME_NAME.md-button-toggle.md-accent .md-toggle{color:ACCENT-CONTRAST;background-color:ACCENT-COLOR}.THEME_NAME.md-button-toggle.md-accent .md-toggle:hover:not([disabled]){background-color:ACCENT-COLOR}.THEME_NAME.md-button-toggle.md-accent .md-toggle+.md-toggle:after{background-color:ACCENT-COLOR-600}.THEME_NAME.md-button-toggle.md-warn .md-toggle{color:WARN-CONTRAST;background-color:WARN-COLOR}.THEME_NAME.md-button-toggle.md-warn .md-toggle:hover:not([disabled]){background-color:WARN-COLOR}.THEME_NAME.md-button-toggle.md-warn .md-toggle+.md-toggle:after{background-color:WARN-COLOR-600}.THEME_NAME.md-button-toggle [disabled]{color:rgba(0,0,0,0.26)}.THEME_NAME.md-button-toggle [disabled].md-toggle{color:BACKGROUND-CONTRAST-0.2;background-color:rgba(0,0,0,0.26)}\n'},265:function(t,e,o){o(202);var n=o(0)(o(136),o(335),null,null);t.exports=n.exports},335:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("div",{staticClass:"md-button-toggle",class:[t.themeClass]},[t._t("default")],2)},staticRenderFns:[]}},401:function(t,e,o){t.exports=o(94)},94:function(t,e,o){"use strict";function n(t){return t&&t.__esModule?t:{default:t}}function r(t){t.component("md-button-toggle",l.default),t.material.styles.push(c.default)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=r;var d=o(265),l=n(d),u=o(236),c=n(u);t.exports=e.default}})}));

dist/components/mdCheckbox/index.css

@@ -1,79 +1,5 @@
-/* Common */
-/* Responsive Breakpoints */
-/* Transitions - Based on Angular Material */
-/* Elevation - Based on Angular Material */
-.md-checkbox {
-  width: auto;
-  margin: 16px 8px 16px 0;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  position: relative;
-}
-.md-checkbox .md-checkbox-container {
-    width: 20px;
-    height: 20px;
-    position: relative;
-    border-radius: 2px;
-    border: 2px solid rgba(0, 0, 0, 0.54);
-    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
-}
-.md-checkbox .md-checkbox-container:focus {
-      outline: none;
-}
-.md-checkbox .md-checkbox-container:before {
-      width: 48px;
-      height: 48px;
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      border-radius: 50%;
-      transform: translate(-50%, -50%);
-      transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
-      content: " ";
-}
-.md-checkbox .md-checkbox-container:after {
-      width: 6px;
-      height: 13px;
-      position: absolute;
-      top: 0;
-      left: 5px;
-      border: 2px solid #fff;
-      border-top: 0;
-      border-left: 0;
-      opacity: 0;
-      transform: rotate(45deg) scale3D(0.15, 0.15, 1);
-      transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
-      content: " ";
-}
-.md-checkbox .md-checkbox-container input {
-      position: absolute;
-      left: -999em;
-}
-.md-checkbox .md-checkbox-container .md-ink-ripple {
-      top: -16px;
-      right: -16px;
-      bottom: -16px;
-      left: -16px;
-      border-radius: 50%;
-      color: rgba(0, 0, 0, 0.54);
-}
-.md-checkbox .md-checkbox-container .md-ink-ripple .md-ripple {
-        width: 48px !important;
-        height: 48px !important;
-        top: 0 !important;
-        right: 0 !important;
-        bottom: 0 !important;
-        left: 0 !important;
-}
-.md-checkbox .md-checkbox-label {
-    height: 20px;
-    padding-left: 8px;
-    line-height: 20px;
-}
-.md-checkbox.md-checked .md-checkbox-container:after {
-  opacity: 1;
-  transform: rotate(45deg) scale3D(1, 1, 1);
-  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
-}
-
-/*# sourceMappingURL=index.css.map*/
+/*!
+* Vue Material v0.7.1
+* Made with love by Marcos Moura
+* Released under the MIT License.
+*/.md-checkbox{width:auto;margin:16px 8px 16px 0;display:-ms-inline-flexbox;display:inline-flex;position:relative}.md-checkbox .md-checkbox-container{width:20px;height:20px;position:relative;border-radius:2px;border:2px solid rgba(0,0,0,.54);transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-checkbox .md-checkbox-container:focus{outline:none}.md-checkbox .md-checkbox-container:before{width:48px;height:48px;position:absolute;top:50%;left:50%;border-radius:50%;transform:translate(-50%,-50%);transition:all .3s cubic-bezier(.55,0,.55,.2);content:" "}.md-checkbox .md-checkbox-container:after{width:6px;height:13px;position:absolute;top:0;left:5px;border:2px solid #fff;border-top:0;border-left:0;opacity:0;transform:rotate(45deg) scale3D(.15,.15,1);transition:all .3s cubic-bezier(.55,0,.55,.2);content:" "}.md-checkbox .md-checkbox-container input{position:absolute;left:-999em}.md-checkbox .md-checkbox-container .md-ink-ripple{top:-16px;right:-16px;bottom:-16px;left:-16px;border-radius:50%;color:rgba(0,0,0,.54)}.md-checkbox .md-checkbox-container .md-ink-ripple .md-ripple{width:48px!important;height:48px!important;top:0!important;right:0!important;bottom:0!important;left:0!important}.md-checkbox .md-checkbox-label{height:20px;padding-left:8px;line-height:20px}.md-checkbox.md-checked .md-checkbox-container:after{opacity:1;transform:rotate(45deg) scale3D(1,1,1);transition:all .4s cubic-bezier(.25,.8,.25,1)}

dist/components/mdCheckbox/index.debug.js

@@ -21,16 +21,16 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /******/ 		// Create a new module (and put it into the cache)
 /******/ 		var module = installedModules[moduleId] = {
-/******/ 			exports: {},
-/******/ 			id: moduleId,
-/******/ 			loaded: false
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
 /******/ 		};
 
 /******/ 		// Execute the module function
 /******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
 
 /******/ 		// Flag the module as loaded
-/******/ 		module.loaded = true;
+/******/ 		module.l = true;
 
 /******/ 		// Return the exports of the module
 /******/ 		return module.exports;
@@ -43,296 +43,370 @@ return /******/ (function(modules) { // webpackBootstrap
 /******/ 	// expose the module cache
 /******/ 	__webpack_require__.c = installedModules;
 
+/******/ 	// identity function for calling harmony imports with the correct context
+/******/ 	__webpack_require__.i = function(value) { return value; };
+
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, {
+/******/ 				configurable: false,
+/******/ 				enumerable: true,
+/******/ 				get: getter
+/******/ 			});
+/******/ 		}
+/******/ 	};
+
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+
 /******/ 	// __webpack_public_path__
 /******/ 	__webpack_require__.p = "/";
 
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(0);
+/******/ 	return __webpack_require__(__webpack_require__.s = 403);
 /******/ })
 /************************************************************************/
 /******/ ({
 
 /***/ 0:
-/***/ function(module, exports, __webpack_require__) {
+/***/ (function(module, exports) {
 
-	module.exports = __webpack_require__(78);
+module.exports = function normalizeComponent (
+  rawScriptExports,
+  compiledTemplate,
+  scopeId,
+  cssModules
+) {
+  var esModule
+  var scriptExports = rawScriptExports = rawScriptExports || {}
+
+  // ES6 modules interop
+  var type = typeof rawScriptExports.default
+  if (type === 'object' || type === 'function') {
+    esModule = rawScriptExports
+    scriptExports = rawScriptExports.default
+  }
+
+  // Vue.extend constructor export interop
+  var options = typeof scriptExports === 'function'
+    ? scriptExports.options
+    : scriptExports
+
+  // render functions
+  if (compiledTemplate) {
+    options.render = compiledTemplate.render
+    options.staticRenderFns = compiledTemplate.staticRenderFns
+  }
+
+  // scopedId
+  if (scopeId) {
+    options._scopeId = scopeId
+  }
+
+  // inject cssModules
+  if (cssModules) {
+    var computed = options.computed || (options.computed = {})
+    Object.keys(cssModules).forEach((function (key) {
+      var module = cssModules[key]
+      computed[key] = function () { return module }
+    }))
+  }
+
+  return {
+    esModule: esModule,
+    exports: scriptExports,
+    options: options
+  }
+}
 
 
-/***/ },
+/***/ }),
 
 /***/ 1:
-/***/ function(module, exports) {
+/***/ (function(module, exports, __webpack_require__) {
 
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	exports.default = {
-	  props: {
-	    mdTheme: String
-	  },
-	  data: function data() {
-	    return {
-	      closestThemedParent: false
-	    };
-	  },
-	  methods: {
-	    getClosestThemedParent: function getClosestThemedParent($parent) {
-	      if (!$parent || !$parent.$el || $parent._uid === 0) {
-	        return false;
-	      }
-
-	      if ($parent.mdTheme || $parent.mdName) {
-	        return $parent;
-	      }
-
-	      return this.getClosestThemedParent($parent.$parent);
-	    }
-	  },
-	  computed: {
-	    themeClass: function themeClass() {
-	      if (this.mdTheme) {
-	        return 'md-theme-' + this.mdTheme;
-	      }
-
-	      var theme = this.closestThemedParent.mdTheme;
-
-	      if (!theme) {
-	        if (this.closestThemedParent) {
-	          theme = this.closestThemedParent.mdName;
-	        } else {
-	          theme = this.$material.currentTheme;
-	        }
-	      }
-
-	      return 'md-theme-' + theme;
-	    }
-	  },
-	  mounted: function mounted() {
-	    this.closestThemedParent = this.getClosestThemedParent(this.$parent);
-
-	    if (!this.$material.currentTheme) {
-	      this.$material.setCurrentTheme('default');
-	    }
-	  }
-	};
-	module.exports = exports['default'];
-
-/***/ },
-
-/***/ 78:
-/***/ function(module, exports, __webpack_require__) {
-
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	exports.default = install;
-
-	var _mdCheckbox = __webpack_require__(264);
-
-	var _mdCheckbox2 = _interopRequireDefault(_mdCheckbox);
-
-	var _mdCheckbox3 = __webpack_require__(227);
-
-	var _mdCheckbox4 = _interopRequireDefault(_mdCheckbox3);
-
-	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-	function install(Vue) {
-	  Vue.component('md-checkbox', Vue.extend(_mdCheckbox2.default));
-
-	  Vue.material.styles.push(_mdCheckbox4.default);
-	}
-	module.exports = exports['default'];
-
-/***/ },
-
-/***/ 122:
-/***/ function(module, exports, __webpack_require__) {
-
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-
-	var _mixin = __webpack_require__(1);
-
-	var _mixin2 = _interopRequireDefault(_mixin);
-
-	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-	exports.default = {
-	  props: {
-	    name: String,
-	    value: [String, Boolean],
-	    id: String,
-	    disabled: Boolean
-	  },
-	  mixins: [_mixin2.default],
-	  data: function data() {
-	    return {
-	      checked: this.value
-	    };
-	  },
-
-	  computed: {
-	    classes: function classes() {
-	      return {
-	        'md-checked': Boolean(this.checked),
-	        'md-disabled': this.disabled
-	      };
-	    }
-	  },
-	  watch: {
-	    value: function value() {
-	      this.checked = this.value;
-	    }
-	  },
-	  methods: {
-	    toggleCheck: function toggleCheck($event) {
-	      if (!this.disabled) {
-	        this.checked = !this.checked;
-	        this.$emit('change', this.checked, $event);
-	        this.$emit('input', this.checked, $event);
-	      }
-	    }
-	  }
-	}; //
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-
-	module.exports = exports['default'];
-
-/***/ },
-
-/***/ 214:
-/***/ function(module, exports) {
-
-	// removed by extract-text-webpack-plugin
-
-/***/ },
-
-/***/ 227:
-/***/ function(module, exports) {
-
-	module.exports = ".THEME_NAME.md-checkbox.md-checked .md-checkbox-container {\n  background-color: ACCENT-COLOR;\n  border-color: ACCENT-COLOR; }\n  .THEME_NAME.md-checkbox.md-checked .md-checkbox-container:after {\n    border-color: ACCENT-CONTRAST; }\n\n.THEME_NAME.md-checkbox .md-ink-ripple {\n  color: ACCENT-COLOR; }\n\n.THEME_NAME.md-checkbox .md-ripple {\n  opacity: .26; }\n\n.THEME_NAME.md-checkbox.md-primary.md-checked .md-checkbox-container {\n  background-color: PRIMARY-COLOR;\n  border-color: PRIMARY-COLOR; }\n  .THEME_NAME.md-checkbox.md-primary.md-checked .md-checkbox-container:after {\n    border-color: PRIMARY-CONTRAST; }\n\n.THEME_NAME.md-checkbox.md-primary .md-ink-ripple {\n  color: PRIMARY-COLOR; }\n\n.THEME_NAME.md-checkbox.md-warn.md-checked .md-checkbox-container {\n  background-color: WARN-COLOR;\n  border-color: WARN-COLOR; }\n  .THEME_NAME.md-checkbox.md-warn.md-checked .md-checkbox-container:after {\n    border-color: WARN-CONTRAST; }\n\n.THEME_NAME.md-checkbox.md-warn .md-ink-ripple {\n  color: WARN-COLOR; }\n\n.THEME_NAME.md-checkbox.md-disabled.md-checked .md-checkbox-container {\n  background-color: rgba(0, 0, 0, 0.26);\n  border-color: transparent; }\n\n.THEME_NAME.md-checkbox.md-disabled:not(.md-checked) .md-checkbox-container {\n  border-color: rgba(0, 0, 0, 0.26); }\n"
-
-/***/ },
-
-/***/ 264:
-/***/ function(module, exports, __webpack_require__) {
-
-	var __vue_exports__, __vue_options__
-	var __vue_styles__ = {}
-
-	/* styles */
-	__webpack_require__(214)
-
-	/* script */
-	__vue_exports__ = __webpack_require__(122)
-
-	/* template */
-	var __vue_template__ = __webpack_require__(359)
-	__vue_options__ = __vue_exports__ = __vue_exports__ || {}
-	if (
-	  typeof __vue_exports__.default === "object" ||
-	  typeof __vue_exports__.default === "function"
-	) {
-	if (Object.keys(__vue_exports__).some((function (key) { return key !== "default" && key !== "__esModule" }))) {console.error("named exports are not supported in *.vue files.")}
-	__vue_options__ = __vue_exports__ = __vue_exports__.default
-	}
-	if (typeof __vue_options__ === "function") {
-	  __vue_options__ = __vue_options__.options
-	}
-	__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdCheckbox/mdCheckbox.vue"
-	__vue_options__.render = __vue_template__.render
-	__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
-
-	/* hot reload */
-	if (false) {(function () {
-	  var hotAPI = require("vue-hot-reload-api")
-	  hotAPI.install(require("vue"), false)
-	  if (!hotAPI.compatible) return
-	  module.hot.accept()
-	  if (!module.hot.data) {
-	    hotAPI.createRecord("data-v-9db725e6", __vue_options__)
-	  } else {
-	    hotAPI.reload("data-v-9db725e6", __vue_options__)
-	  }
-	})()}
-	if (__vue_options__.functional) {console.error("[vue-loader] mdCheckbox.vue: functional components are not supported and should be defined in plain js files using render functions.")}
-
-	module.exports = __vue_exports__
+"use strict";
 
 
-/***/ },
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = {
+  props: {
+    mdTheme: String
+  },
+  data: function data() {
+    return {
+      closestThemedParent: false
+    };
+  },
+  methods: {
+    getClosestThemedParent: function getClosestThemedParent($parent) {
+      if (!$parent || !$parent.$el || $parent._uid === 0) {
+        return false;
+      }
 
-/***/ 359:
-/***/ function(module, exports, __webpack_require__) {
+      if ($parent.mdTheme || $parent.mdName) {
+        return $parent;
+      }
 
-	module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
-	  return _c('div', {
-	    staticClass: "md-checkbox",
-	    class: [_vm.themeClass, _vm.classes]
-	  }, [_c('div', {
-	    staticClass: "md-checkbox-container",
-	    attrs: {
-	      "tabindex": "0"
-	    },
-	    on: {
-	      "click": function($event) {
-	        $event.stopPropagation();
-	        _vm.toggleCheck($event)
-	      }
-	    }
-	  }, [_c('input', {
-	    attrs: {
-	      "type": "checkbox",
-	      "name": _vm.name,
-	      "id": _vm.id,
-	      "disabled": _vm.disabled,
-	      "tabindex": "-1"
-	    },
-	    domProps: {
-	      "value": _vm.value
-	    }
-	  }), _vm._v(" "), _c('md-ink-ripple', {
-	    attrs: {
-	      "md-disabled": _vm.disabled
-	    }
-	  })], 1), _vm._v(" "), (_vm.$slots.default) ? _c('label', {
-	    staticClass: "md-checkbox-label",
-	    attrs: {
-	      "for": _vm.id || _vm.name
-	    }
-	  }, [_vm._t("default")], 2) : _vm._e()])
-	},staticRenderFns: []}
-	module.exports.render._withStripped = true
-	if (false) {
-	  module.hot.accept()
-	  if (module.hot.data) {
-	     require("vue-hot-reload-api").rerender("data-v-9db725e6", module.exports)
-	  }
-	}
+      return this.getClosestThemedParent($parent.$parent);
+    }
+  },
+  computed: {
+    themeClass: function themeClass() {
+      if (this.mdTheme) {
+        return 'md-theme-' + this.mdTheme;
+      }
 
-/***/ }
+      var theme = this.closestThemedParent.mdTheme;
 
-/******/ })
-}));
-;
+      if (!theme) {
+        if (this.closestThemedParent) {
+          theme = this.closestThemedParent.mdName;
+        } else {
+          theme = this.$material.currentTheme;
+        }
+      }
+
+      return 'md-theme-' + theme;
+    }
+  },
+  mounted: function mounted() {
+    this.closestThemedParent = this.getClosestThemedParent(this.$parent);
+
+    if (!this.$material.currentTheme) {
+      this.$material.setCurrentTheme('default');
+    }
+  }
+};
+module.exports = exports['default'];
+
+/***/ }),
+
+/***/ 143:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _mixin = __webpack_require__(1);
+
+var _mixin2 = _interopRequireDefault(_mixin);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+exports.default = {
+  props: {
+    name: String,
+    value: [String, Boolean],
+    id: String,
+    disabled: Boolean
+  },
+  mixins: [_mixin2.default],
+  data: function data() {
+    return {
+      checked: this.value
+    };
+  },
+
+  computed: {
+    classes: function classes() {
+      return {
+        'md-checked': this.checked,
+        'md-disabled': this.disabled
+      };
+    }
+  },
+  watch: {
+    value: function value() {
+      this.checked = !!this.value;
+    }
+  },
+  methods: {
+    toggleCheck: function toggleCheck($event) {
+      if (!this.disabled) {
+        this.checked = !this.checked;
+        this.$emit('change', this.checked, $event);
+        this.$emit('input', this.checked, $event);
+      }
+    }
+  }
+}; //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+module.exports = exports['default'];
+
+/***/ }),
+
+/***/ 225:
+/***/ (function(module, exports) {
+
+// removed by extract-text-webpack-plugin
+
+/***/ }),
+
+/***/ 238:
+/***/ (function(module, exports) {
+
+module.exports = ".THEME_NAME.md-checkbox.md-checked .md-checkbox-container {\n  background-color: ACCENT-COLOR;\n  border-color: ACCENT-COLOR; }\n  .THEME_NAME.md-checkbox.md-checked .md-checkbox-container:after {\n    border-color: ACCENT-CONTRAST; }\n\n.THEME_NAME.md-checkbox .md-ink-ripple {\n  color: ACCENT-COLOR; }\n\n.THEME_NAME.md-checkbox .md-ripple {\n  opacity: .26; }\n\n.THEME_NAME.md-checkbox.md-primary.md-checked .md-checkbox-container {\n  background-color: PRIMARY-COLOR;\n  border-color: PRIMARY-COLOR; }\n  .THEME_NAME.md-checkbox.md-primary.md-checked .md-checkbox-container:after {\n    border-color: PRIMARY-CONTRAST; }\n\n.THEME_NAME.md-checkbox.md-primary .md-ink-ripple {\n  color: PRIMARY-COLOR; }\n\n.THEME_NAME.md-checkbox.md-warn.md-checked .md-checkbox-container {\n  background-color: WARN-COLOR;\n  border-color: WARN-COLOR; }\n  .THEME_NAME.md-checkbox.md-warn.md-checked .md-checkbox-container:after {\n    border-color: WARN-CONTRAST; }\n\n.THEME_NAME.md-checkbox.md-warn .md-ink-ripple {\n  color: WARN-COLOR; }\n\n.THEME_NAME.md-checkbox.md-disabled.md-checked .md-checkbox-container {\n  background-color: rgba(0, 0, 0, 0.26);\n  border-color: transparent; }\n\n.THEME_NAME.md-checkbox.md-disabled:not(.md-checked) .md-checkbox-container {\n  border-color: rgba(0, 0, 0, 0.26); }\n"
+
+/***/ }),
+
+/***/ 276:
+/***/ (function(module, exports, __webpack_require__) {
+
+
+/* styles */
+__webpack_require__(225)
+
+var Component = __webpack_require__(0)(
+  /* script */
+  __webpack_require__(143),
+  /* template */
+  __webpack_require__(386),
+  /* scopeId */
+  null,
+  /* cssModules */
+  null
+)
+Component.options.__file = "/Users/mrufino/Projects/personal/github/vue-material/src/components/mdCheckbox/mdCheckbox.vue"
+if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
+if (Component.options.functional) {console.error("[vue-loader] mdCheckbox.vue: functional components are not supported with templates, they should use render functions.")}
+
+/* hot reload */
+if (false) {(function () {
+  var hotAPI = require("vue-hot-reload-api")
+  hotAPI.install(require("vue"), false)
+  if (!hotAPI.compatible) return
+  module.hot.accept()
+  if (!module.hot.data) {
+    hotAPI.createRecord("data-v-9f41cdf8", Component.options)
+  } else {
+    hotAPI.reload("data-v-9f41cdf8", Component.options)
+  }
+})()}
+
+module.exports = Component.exports
+
+
+/***/ }),
+
+/***/ 386:
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
+  return _c('div', {
+    staticClass: "md-checkbox",
+    class: [_vm.themeClass, _vm.classes]
+  }, [_c('div', {
+    staticClass: "md-checkbox-container",
+    attrs: {
+      "tabindex": "0"
+    },
+    on: {
+      "click": function($event) {
+        $event.stopPropagation();
+        _vm.toggleCheck($event)
+      }
+    }
+  }, [_c('input', {
+    attrs: {
+      "type": "checkbox",
+      "name": _vm.name,
+      "id": _vm.id,
+      "disabled": _vm.disabled,
+      "tabindex": "-1"
+    },
+    domProps: {
+      "value": _vm.value,
+      "checked": _vm.checked
+    }
+  }), _vm._v(" "), _c('md-ink-ripple', {
+    attrs: {
+      "md-disabled": _vm.disabled
+    }
+  })], 1), _vm._v(" "), (_vm.$slots.default) ? _c('label', {
+    staticClass: "md-checkbox-label",
+    attrs: {
+      "for": _vm.id || _vm.name
+    }
+  }, [_vm._t("default")], 2) : _vm._e()])
+},staticRenderFns: []}
+module.exports.render._withStripped = true
+if (false) {
+  module.hot.accept()
+  if (module.hot.data) {
+     require("vue-hot-reload-api").rerender("data-v-9f41cdf8", module.exports)
+  }
+}
+
+/***/ }),
+
+/***/ 403:
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(96);
+
+
+/***/ }),
+
+/***/ 96:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = install;
+
+var _mdCheckbox = __webpack_require__(276);
+
+var _mdCheckbox2 = _interopRequireDefault(_mdCheckbox);
+
+var _mdCheckbox3 = __webpack_require__(238);
+
+var _mdCheckbox4 = _interopRequireDefault(_mdCheckbox3);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function install(Vue) {
+  Vue.component('md-checkbox', _mdCheckbox2.default);
+
+  Vue.material.styles.push(_mdCheckbox4.default);
+}
+module.exports = exports['default'];
+
+/***/ })
+
+/******/ });
+}));

dist/components/mdCheckbox/index.js

@@ -1,6 +1,6 @@
 /*!
- * Vue Material v0.6.3
- * Made with love by Marcos Moura
- * Released under the MIT License.
- */
-!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(c){if(o[c])return o[c].exports;var d=o[c]={exports:{},id:c,loaded:!1};return e[c].call(d.exports,d,d.exports,t),d.loaded=!0,d.exports}var o={};return t.m=e,t.c=o,t.p="/",t(0)})({0:function(e,t,o){e.exports=o(78)},1:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(e){return!(!e||!e.$el||0===e._uid)&&(e.mdTheme||e.mdName?e:this.getClosestThemedParent(e.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var e=this.closestThemedParent.mdTheme;return e||(e=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+e}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},e.exports=t.default},78:function(e,t,o){"use strict";function c(e){return e&&e.__esModule?e:{default:e}}function d(e){e.component("md-checkbox",e.extend(n.default)),e.material.styles.push(i.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=d;var r=o(264),n=c(r),a=o(227),i=c(a);e.exports=t.default},122:function(e,t,o){"use strict";function c(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var d=o(1),r=c(d);t.default={props:{name:String,value:[String,Boolean],id:String,disabled:Boolean},mixins:[r.default],data:function(){return{checked:this.value}},computed:{classes:function(){return{"md-checked":Boolean(this.checked),"md-disabled":this.disabled}}},watch:{value:function(){this.checked=this.value}},methods:{toggleCheck:function(e){this.disabled||(this.checked=!this.checked,this.$emit("change",this.checked,e),this.$emit("input",this.checked,e))}}},e.exports=t.default},214:function(e,t){},227:function(e,t){e.exports=".THEME_NAME.md-checkbox.md-checked .md-checkbox-container{background-color:ACCENT-COLOR;border-color:ACCENT-COLOR}.THEME_NAME.md-checkbox.md-checked .md-checkbox-container:after{border-color:ACCENT-CONTRAST}.THEME_NAME.md-checkbox .md-ink-ripple{color:ACCENT-COLOR}.THEME_NAME.md-checkbox .md-ripple{opacity:.26}.THEME_NAME.md-checkbox.md-primary.md-checked .md-checkbox-container{background-color:PRIMARY-COLOR;border-color:PRIMARY-COLOR}.THEME_NAME.md-checkbox.md-primary.md-checked .md-checkbox-container:after{border-color:PRIMARY-CONTRAST}.THEME_NAME.md-checkbox.md-primary .md-ink-ripple{color:PRIMARY-COLOR}.THEME_NAME.md-checkbox.md-warn.md-checked .md-checkbox-container{background-color:WARN-COLOR;border-color:WARN-COLOR}.THEME_NAME.md-checkbox.md-warn.md-checked .md-checkbox-container:after{border-color:WARN-CONTRAST}.THEME_NAME.md-checkbox.md-warn .md-ink-ripple{color:WARN-COLOR}.THEME_NAME.md-checkbox.md-disabled.md-checked .md-checkbox-container{background-color:rgba(0,0,0,0.26);border-color:transparent}.THEME_NAME.md-checkbox.md-disabled:not(.md-checked) .md-checkbox-container{border-color:rgba(0,0,0,0.26)}\n"},264:function(e,t,o){var c,d;o(214),c=o(122);var r=o(359);d=c=c||{},"object"!=typeof c.default&&"function"!=typeof c.default||(d=c=c.default),"function"==typeof d&&(d=d.options),d.render=r.render,d.staticRenderFns=r.staticRenderFns,e.exports=c},359:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"md-checkbox",class:[e.themeClass,e.classes]},[o("div",{staticClass:"md-checkbox-container",attrs:{tabindex:"0"},on:{click:function(t){t.stopPropagation(),e.toggleCheck(t)}}},[o("input",{attrs:{type:"checkbox",name:e.name,id:e.id,disabled:e.disabled,tabindex:"-1"},domProps:{value:e.value}}),e._v(" "),o("md-ink-ripple",{attrs:{"md-disabled":e.disabled}})],1),e._v(" "),e.$slots.default?o("label",{staticClass:"md-checkbox-label",attrs:{for:e.id||e.name}},[e._t("default")],2):e._e()])},staticRenderFns:[]}}})}));
+* Vue Material v0.7.1
+* Made with love by Marcos Moura
+* Released under the MIT License.
+*/   
+!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(c){if(o[c])return o[c].exports;var r=o[c]={i:c,l:!1,exports:{}};return e[c].call(r.exports,r,r.exports,t),r.l=!0,r.exports}var o={};return t.m=e,t.c=o,t.i=function(e){return e},t.d=function(e,o,c){t.o(e,o)||Object.defineProperty(e,o,{configurable:!1,enumerable:!0,get:c})},t.n=function(e){var o=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(o,"a",o),o},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s=403)})({0:function(e,t){e.exports=function(e,t,o,c){var r,n=e=e||{},d=typeof e.default;"object"!==d&&"function"!==d||(r=e,n=e.default);var i="function"==typeof n?n.options:n;if(t&&(i.render=t.render,i.staticRenderFns=t.staticRenderFns),o&&(i._scopeId=o),c){var a=i.computed||(i.computed={});Object.keys(c).forEach((function(e){var t=c[e];a[e]=function(){return t}}))}return{esModule:r,exports:n,options:i}}},1:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(e){return!(!e||!e.$el||0===e._uid)&&(e.mdTheme||e.mdName?e:this.getClosestThemedParent(e.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var e=this.closestThemedParent.mdTheme;return e||(e=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+e}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},e.exports=t.default},143:function(e,t,o){"use strict";function c(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var r=o(1),n=c(r);t.default={props:{name:String,value:[String,Boolean],id:String,disabled:Boolean},mixins:[n.default],data:function(){return{checked:this.value}},computed:{classes:function(){return{"md-checked":this.checked,"md-disabled":this.disabled}}},watch:{value:function(){this.checked=!!this.value}},methods:{toggleCheck:function(e){this.disabled||(this.checked=!this.checked,this.$emit("change",this.checked,e),this.$emit("input",this.checked,e))}}},e.exports=t.default},225:function(e,t){},238:function(e,t){e.exports=".THEME_NAME.md-checkbox.md-checked .md-checkbox-container{background-color:ACCENT-COLOR;border-color:ACCENT-COLOR}.THEME_NAME.md-checkbox.md-checked .md-checkbox-container:after{border-color:ACCENT-CONTRAST}.THEME_NAME.md-checkbox .md-ink-ripple{color:ACCENT-COLOR}.THEME_NAME.md-checkbox .md-ripple{opacity:.26}.THEME_NAME.md-checkbox.md-primary.md-checked .md-checkbox-container{background-color:PRIMARY-COLOR;border-color:PRIMARY-COLOR}.THEME_NAME.md-checkbox.md-primary.md-checked .md-checkbox-container:after{border-color:PRIMARY-CONTRAST}.THEME_NAME.md-checkbox.md-primary .md-ink-ripple{color:PRIMARY-COLOR}.THEME_NAME.md-checkbox.md-warn.md-checked .md-checkbox-container{background-color:WARN-COLOR;border-color:WARN-COLOR}.THEME_NAME.md-checkbox.md-warn.md-checked .md-checkbox-container:after{border-color:WARN-CONTRAST}.THEME_NAME.md-checkbox.md-warn .md-ink-ripple{color:WARN-COLOR}.THEME_NAME.md-checkbox.md-disabled.md-checked .md-checkbox-container{background-color:rgba(0,0,0,0.26);border-color:transparent}.THEME_NAME.md-checkbox.md-disabled:not(.md-checked) .md-checkbox-container{border-color:rgba(0,0,0,0.26)}\n"},276:function(e,t,o){o(225);var c=o(0)(o(143),o(386),null,null);e.exports=c.exports},386:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"md-checkbox",class:[e.themeClass,e.classes]},[o("div",{staticClass:"md-checkbox-container",attrs:{tabindex:"0"},on:{click:function(t){t.stopPropagation(),e.toggleCheck(t)}}},[o("input",{attrs:{type:"checkbox",name:e.name,id:e.id,disabled:e.disabled,tabindex:"-1"},domProps:{value:e.value,checked:e.checked}}),e._v(" "),o("md-ink-ripple",{attrs:{"md-disabled":e.disabled}})],1),e._v(" "),e.$slots.default?o("label",{staticClass:"md-checkbox-label",attrs:{for:e.id||e.name}},[e._t("default")],2):e._e()])},staticRenderFns:[]}},403:function(e,t,o){e.exports=o(96)},96:function(e,t,o){"use strict";function c(e){return e&&e.__esModule?e:{default:e}}function r(e){e.component("md-checkbox",d.default),e.material.styles.push(a.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var n=o(276),d=c(n),i=o(238),a=c(i);e.exports=t.default}})}));

dist/components/mdChips/index.css

@@ -1,74 +1,5 @@
-/* Common */
-/* Responsive Breakpoints */
-/* Transitions - Based on Angular Material */
-/* Elevation - Based on Angular Material */
-.md-chip {
-  height: 32px;
-  padding: 8px 12px;
-  display: inline-block;
-  border-radius: 32px;
-  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
-  font-size: 13px;
-  line-height: 16px;
-  white-space: nowrap;
-}
-.md-chip.md-deletable {
-    position: relative;
-    padding-right: 32px;
-}
-.md-chip:focus, .md-chip:active {
-    outline: none;
-}
-.md-chip:focus:not(.md-disabled), .md-chip:active:not(.md-disabled) {
-      cursor: pointer;
-      box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
-}
-.md-chip.md-disabled .md-button {
-    pointer-events: none;
-    cursor: default;
-}
-.md-chip .md-button.md-delete {
-    width: 24px;
-    min-width: 24px;
-    height: 24px;
-    min-height: 24px;
-    margin: 0;
-    padding: 0;
-    position: absolute;
-    top: 4px;
-    right: 4px;
-    border-radius: 24px;
-    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
-}
-.md-chip .md-button.md-delete .md-icon {
-      width: 20px;
-      min-width: 20px;
-      height: 20px;
-      min-height: 20px;
-      margin: 0;
-      font-size: 20px;
-}
-.md-chip .md-button.md-delete .md-ink-ripple {
-      border-radius: 32px;
-}
-.md-chip .md-button.md-delete .md-ripple {
-      opacity: .54;
-}
-.md-chips .md-chip {
-  margin-right: 8px;
-  margin-bottom: 4px;
-}
-.md-chips .md-input-container {
-  min-height: 54px;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-}
-.md-chips .md-input {
-  width: 128px;
-  -ms-flex: 1;
-      flex: 1;
-}
-
-/*# sourceMappingURL=index.css.map*/
+/*!
+* Vue Material v0.7.1
+* Made with love by Marcos Moura
+* Released under the MIT License.
+*/.md-chip{height:32px;padding:8px 12px;display:inline-block;border-radius:32px;transition:all .4s cubic-bezier(.25,.8,.25,1);font-size:13px;line-height:16px;white-space:nowrap}.md-chip.md-deletable{position:relative;padding-right:32px}.md-chip:active,.md-chip:focus{outline:none}.md-chip:active:not(.md-disabled),.md-chip:focus:not(.md-disabled){cursor:pointer;box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12)}.md-chip.md-disabled .md-button{pointer-events:none;cursor:default}.md-chip .md-button.md-delete{width:24px;min-width:24px;height:24px;min-height:24px;margin:0;padding:0;position:absolute;top:4px;right:4px;border-radius:24px;transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-chip .md-button.md-delete .md-icon{width:20px;min-width:20px;height:20px;min-height:20px;margin:0;font-size:20px}.md-chip .md-button.md-delete .md-ink-ripple{border-radius:32px}.md-chip .md-button.md-delete .md-ripple{opacity:.54}.md-chips .md-chip{margin-right:8px;margin-bottom:4px}.md-chips .md-input-container{min-height:54px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.md-chips .md-input{width:128px;-ms-flex:1;flex:1}

dist/components/mdCore/index.css

@@ -1,39 +1,5 @@
-/* Common */
-/* Responsive Breakpoints */
-/* Transitions - Based on Angular Material */
-/* Elevation - Based on Angular Material */
-.md-ink-ripple {
-  pointer-events: none;
-  overflow: hidden;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  -webkit-mask-image: radial-gradient(circle, white 100%, black 100%);
-  transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
-}
-.md-ripple {
-  position: absolute;
-  background-color: currentColor;
-  border-radius: 50%;
-  opacity: .2;
-  transform: scale(0) translateZ(0);
-  transition: none;
-  will-change: background-color, opacity, transform, width, height, top, left;
-}
-.md-ripple.md-active {
-    animation: ripple 1s cubic-bezier(0.25, 0.8, 0.25, 1) forwards;
-}
-.md-ripple.md-active.md-fadeout {
-      opacity: 0 !important;
-      transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
-      transition-duration: .6s;
-}
-@keyframes ripple {
-to {
-    transform: scale(2.2) translateZ(0);
-}
-}
-
-/*# sourceMappingURL=index.css.map*/
+/*!
+* Vue Material v0.7.1
+* Made with love by Marcos Moura
+* Released under the MIT License.
+*/.md-ink-ripple{pointer-events:none;overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-mask-image:radial-gradient(circle,#fff 100%,#000 0);transition:all .3s cubic-bezier(.55,0,.55,.2)}.md-ripple{position:absolute;background-color:currentColor;border-radius:50%;opacity:.2;transform:scale(0) translateZ(0);transition:none;will-change:background-color,opacity,transform,width,height,top,left}.md-ripple.md-active{animation:a 1s cubic-bezier(.25,.8,.25,1) forwards}.md-ripple.md-active.md-fadeout{opacity:0!important;transition:all .4s cubic-bezier(.25,.8,.25,1);transition-duration:.6s}@keyframes a{to{transform:scale(2.2) translateZ(0)}}html{height:100%;box-sizing:border-box}html *,html :after,html :before{box-sizing:inherit}body{min-height:100%;margin:0;position:relative;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;color:rgba(0,0,0,.87);font-family:Roboto,Noto Sans,Noto,sans-serif}ul:not(.md-list)>li+li{margin-top:8px}audio,canvas,embed,iframe,img,object,svg,video{max-width:100%;font-style:italic;vertical-align:middle}audio:not(.md-image),canvas:not(.md-image),embed:not(.md-image),iframe:not(.md-image),img:not(.md-image),object:not(.md-image),svg:not(.md-image),video:not(.md-image){height:auto}[tabindex="-1"]:focus{outline:none!important}.md-scrollbar::-webkit-scrollbar,.md-scrollbar ::-webkit-scrollbar{width:10px;height:10px;box-shadow:inset 1px 1px 0 rgba(0,0,0,.12);transition:all .5s cubic-bezier(.35,0,.25,1);background-color:rgba(0,0,0,.05)}.md-scrollbar::-webkit-scrollbar:hover,.md-scrollbar ::-webkit-scrollbar:hover{box-shadow:inset 1px 1px 0 rgba(0,0,0,.054),inset 0 -1px 0 rgba(0,0,0,.038);background-color:rgba(0,0,0,.087)}.md-scrollbar::-webkit-scrollbar-button,.md-scrollbar ::-webkit-scrollbar-button{display:none}.md-scrollbar::-webkit-scrollbar-corner,.md-scrollbar ::-webkit-scrollbar-corner{background-color:transparent}.md-scrollbar::-webkit-scrollbar-thumb,.md-scrollbar ::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.26);box-shadow:inset 1px 1px 0 rgba(0,0,0,.054),inset 0 -1px 0 rgba(0,0,0,.087);transition:all .5s cubic-bezier(.35,0,.25,1)}.md-caption{font-size:12px;font-weight:400;letter-spacing:.02em;line-height:17px}.md-body-1,body{font-weight:400;line-height:20px}.md-body-1,.md-body-2,body{font-size:14px;letter-spacing:.01em}.md-body-2{font-weight:500;line-height:24px}.md-subheading{font-size:16px;font-weight:400;letter-spacing:.01em;line-height:24px}.md-title{font-size:20px;font-weight:500;letter-spacing:.005em;line-height:26px}.md-headline{font-size:24px;line-height:32px}.md-display-1,.md-headline{font-weight:400;letter-spacing:0}.md-display-1{font-size:34px;line-height:40px}.md-display-2{font-size:45px;font-weight:400;letter-spacing:0;line-height:48px}.md-display-3{font-size:56px;font-weight:400;letter-spacing:-.005em;line-height:58px}.md-display-4{font-size:112px;font-weight:300;letter-spacing:-.01em;line-height:112px}a:not(.md-button):not(.md-bottom-bar-item){text-decoration:none}a:not(.md-button):not(.md-bottom-bar-item):hover{text-decoration:underline}button:focus{outline:none}

dist/components/mdDialog/index.css

@@ -1,122 +1,5 @@
-/* Common */
-/* Responsive Breakpoints */
-/* Transitions - Based on Angular Material */
-/* Elevation - Based on Angular Material */
-.md-dialog-container {
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-flow: column;
-      flex-flow: column;
-  -ms-flex-pack: center;
-      justify-content: center;
-  -ms-flex-align: center;
-      align-items: center;
-  pointer-events: none;
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 108;
-}
-.md-dialog-container.md-active {
-    pointer-events: auto;
-}
-.md-dialog-container.md-active .md-dialog {
-      opacity: 1 !important;
-      transform: scale(1) !important;
-      transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
-      transition-property: opacity, transform;
-}
-.md-dialog-backdrop {
-  position: fixed;
-  z-index: 109;
-}
-.md-dialog {
-  min-width: 280px;
-  max-width: 80%;
-  max-height: 80%;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-flow: column;
-      flex-flow: column;
-  overflow: hidden;
-  position: relative;
-  z-index: 110;
-  outline: none;
-  border-radius: 2px;
-  opacity: 0;
-  box-shadow: 0 7px 9px -4px rgba(0, 0, 0, 0.2), 0 14px 21px 2px rgba(0, 0, 0, 0.14), 0 5px 26px 4px rgba(0, 0, 0, 0.12);
-  transform: scale(0.9, 0.85);
-  transform-origin: center center;
-  transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.4s 0.05s cubic-bezier(0.25, 0.8, 0.25, 1);
-  will-change: opacity, transform;
-}
-.md-dialog.md-reference {
-    transform-origin: top center;
-}
-.md-dialog.md-transition-off {
-    transition: none !important;
-}
-.md-dialog p {
-    margin: 0;
-}
-.md-dialog-title {
-  margin-bottom: 20px;
-  padding: 24px 24px 0;
-}
-.md-dialog-content {
-  padding: 0 24px 24px;
-  -ms-flex: 1;
-      flex: 1;
-  -ms-flex-preferred-size: auto;
-      flex-basis: auto;
-  overflow: auto;
-  position: relative;
-  background: linear-gradient(to bottom, #fff 0, #fff 1px, transparent 1px), linear-gradient(to top, #fff 0, #fff 3px, transparent 3px), linear-gradient(to bottom, rgba(0, 0, 0, 0.12) 0, rgba(0, 0, 0, 0.12) 1px, transparent 1px), linear-gradient(to top, rgba(0, 0, 0, 0.2) 1px, rgba(0, 0, 0, 0.2) 2px, transparent 2px);
-  background-attachment: local, local, scroll, scroll;
-}
-.md-dialog-content:first-child {
-    padding-top: 24px;
-}
-.md-dialog-content p:first-child:not(:only-child) {
-    margin-top: 0;
-}
-.md-dialog-content p:last-child:not(:only-child) {
-    margin-bottom: 0;
-}
-.md-dialog-body {
-  margin: 0 -24px;
-  padding: 0 24px;
-  overflow: auto;
-}
-.md-dialog-actions {
-  min-height: 52px;
-  padding: 8px 8px 8px 24px;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-align: center;
-      align-items: center;
-  -ms-flex-pack: end;
-      justify-content: flex-end;
-  position: relative;
-}
-.md-dialog-actions:before {
-    height: 1px;
-    position: absolute;
-    top: -1px;
-    right: 0;
-    left: 0;
-    background-color: #fff;
-    content: " ";
-}
-.md-dialog-actions .md-button {
-    min-width: 64px;
-    margin: 0;
-    padding: 0 8px;
-}
-.md-dialog-actions .md-button + .md-button {
-      margin-left: 8px;
-}
-
-/*# sourceMappingURL=index.css.map*/
+/*!
+* Vue Material v0.7.1
+* Made with love by Marcos Moura
+* Released under the MIT License.
+*/.md-dialog-container{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1}.md-dialog-container.md-active{pointer-events:auto}.md-dialog-container.md-active .md-dialog{opacity:1!important;transform:scale(1)!important;transition:all .4s cubic-bezier(.25,.8,.25,1);transition-property:opacity,transform}.md-dialog-backdrop{position:fixed;z-index:2}.md-dialog{min-width:280px;max-width:80%;max-height:80%;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;overflow:hidden;position:relative;z-index:3;outline:none;border-radius:2px;opacity:0;box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12);transform:scale(.9,.85);transform-origin:center center;transition:opacity .4s cubic-bezier(.25,.8,.25,1),transform .4s cubic-bezier(.25,.8,.25,1) .05s;will-change:opacity,transform}.md-dialog.md-reference{transform-origin:top center}.md-dialog.md-transition-off{transition:none!important}.md-dialog p{margin:0}.md-dialog-title{margin-bottom:20px;padding:24px 24px 0}.md-dialog-content{padding:0 24px 24px;-ms-flex:1;flex:1;-ms-flex-preferred-size:auto;flex-basis:auto;overflow:auto;position:relative;background:linear-gradient(180deg,#fff,#fff 1px,transparent 0),linear-gradient(0deg,#fff,#fff 3px,transparent 0),linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.12) 1px,transparent 0),linear-gradient(0deg,rgba(0,0,0,.2) 1px,rgba(0,0,0,.2) 2px,transparent 0);background-attachment:local,local,scroll,scroll}.md-dialog-content:first-child{padding-top:24px}.md-dialog-content p:first-child:not(:only-child){margin-top:0}.md-dialog-content p:last-child:not(:only-child){margin-bottom:0}.md-dialog-body{margin:0 -24px;padding:0 24px;overflow:auto}.md-dialog-actions{min-height:52px;padding:8px 8px 8px 24px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;position:relative}.md-dialog-actions:before{height:1px;position:absolute;top:-1px;right:0;left:0;background-color:#fff;content:" "}.md-dialog-actions .md-button{min-width:64px;margin:0;padding:0 8px}.md-dialog-actions .md-button+.md-button{margin-left:8px}

dist/components/mdDivider/index.css

@@ -1,17 +1,5 @@
-/* Common */
-/* Responsive Breakpoints */
-/* Transitions - Based on Angular Material */
-/* Elevation - Based on Angular Material */
-.md-divider {
-  height: 1px;
-  margin: 0;
-  padding: 0;
-  display: block;
-  border: 0;
-  background-color: rgba(0, 0, 0, 0.12);
-}
-.md-divider.md-inset {
-    margin-left: 72px;
-}
-
-/*# sourceMappingURL=index.css.map*/
+/*!
+* Vue Material v0.7.1
+* Made with love by Marcos Moura
+* Released under the MIT License.
+*/.md-divider{height:1px;margin:0;padding:0;display:block;border:0;background-color:rgba(0,0,0,.12)}.md-divider.md-inset{margin-left:72px}

dist/components/mdDivider/index.debug.js

@@ -21,16 +21,16 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /******/ 		// Create a new module (and put it into the cache)
 /******/ 		var module = installedModules[moduleId] = {
-/******/ 			exports: {},
-/******/ 			id: moduleId,
-/******/ 			loaded: false
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
 /******/ 		};
 
 /******/ 		// Execute the module function
 /******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
 
 /******/ 		// Flag the module as loaded
-/******/ 		module.loaded = true;
+/******/ 		module.l = true;
 
 /******/ 		// Return the exports of the module
 /******/ 		return module.exports;
@@ -43,116 +43,190 @@ return /******/ (function(modules) { // webpackBootstrap
 /******/ 	// expose the module cache
 /******/ 	__webpack_require__.c = installedModules;
 
+/******/ 	// identity function for calling harmony imports with the correct context
+/******/ 	__webpack_require__.i = function(value) { return value; };
+
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, {
+/******/ 				configurable: false,
+/******/ 				enumerable: true,
+/******/ 				get: getter
+/******/ 			});
+/******/ 		}
+/******/ 	};
+
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+
 /******/ 	// __webpack_public_path__
 /******/ 	__webpack_require__.p = "/";
 
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(0);
+/******/ 	return __webpack_require__(__webpack_require__.s = 406);
 /******/ })
 /************************************************************************/
 /******/ ({
 
 /***/ 0:
-/***/ function(module, exports, __webpack_require__) {
+/***/ (function(module, exports) {
 
-	module.exports = __webpack_require__(81);
+module.exports = function normalizeComponent (
+  rawScriptExports,
+  compiledTemplate,
+  scopeId,
+  cssModules
+) {
+  var esModule
+  var scriptExports = rawScriptExports = rawScriptExports || {}
+
+  // ES6 modules interop
+  var type = typeof rawScriptExports.default
+  if (type === 'object' || type === 'function') {
+    esModule = rawScriptExports
+    scriptExports = rawScriptExports.default
+  }
+
+  // Vue.extend constructor export interop
+  var options = typeof scriptExports === 'function'
+    ? scriptExports.options
+    : scriptExports
+
+  // render functions
+  if (compiledTemplate) {
+    options.render = compiledTemplate.render
+    options.staticRenderFns = compiledTemplate.staticRenderFns
+  }
+
+  // scopedId
+  if (scopeId) {
+    options._scopeId = scopeId
+  }
+
+  // inject cssModules
+  if (cssModules) {
+    var computed = options.computed || (options.computed = {})
+    Object.keys(cssModules).forEach((function (key) {
+      var module = cssModules[key]
+      computed[key] = function () { return module }
+    }))
+  }
+
+  return {
+    esModule: esModule,
+    exports: scriptExports,
+    options: options
+  }
+}
 
 
-/***/ },
+/***/ }),
 
-/***/ 81:
-/***/ function(module, exports, __webpack_require__) {
+/***/ 220:
+/***/ (function(module, exports) {
 
-	'use strict';
+// removed by extract-text-webpack-plugin
 
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	exports.default = install;
+/***/ }),
 
-	var _mdDivider = __webpack_require__(274);
-
-	var _mdDivider2 = _interopRequireDefault(_mdDivider);
-
-	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-	function install(Vue) {
-	  Vue.component('md-divider', Vue.extend(_mdDivider2.default));
-	}
-	module.exports = exports['default'];
-
-/***/ },
-
-/***/ 200:
-/***/ function(module, exports) {
-
-	// removed by extract-text-webpack-plugin
-
-/***/ },
-
-/***/ 274:
-/***/ function(module, exports, __webpack_require__) {
-
-	var __vue_exports__, __vue_options__
-	var __vue_styles__ = {}
-
-	/* styles */
-	__webpack_require__(200)
-
-	/* template */
-	var __vue_template__ = __webpack_require__(330)
-	__vue_options__ = __vue_exports__ = __vue_exports__ || {}
-	if (
-	  typeof __vue_exports__.default === "object" ||
-	  typeof __vue_exports__.default === "function"
-	) {
-	if (Object.keys(__vue_exports__).some((function (key) { return key !== "default" && key !== "__esModule" }))) {console.error("named exports are not supported in *.vue files.")}
-	__vue_options__ = __vue_exports__ = __vue_exports__.default
-	}
-	if (typeof __vue_options__ === "function") {
-	  __vue_options__ = __vue_options__.options
-	}
-	__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdDivider/mdDivider.vue"
-	__vue_options__.render = __vue_template__.render
-	__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
-
-	/* hot reload */
-	if (false) {(function () {
-	  var hotAPI = require("vue-hot-reload-api")
-	  hotAPI.install(require("vue"), false)
-	  if (!hotAPI.compatible) return
-	  module.hot.accept()
-	  if (!module.hot.data) {
-	    hotAPI.createRecord("data-v-30e870da", __vue_options__)
-	  } else {
-	    hotAPI.reload("data-v-30e870da", __vue_options__)
-	  }
-	})()}
-	if (__vue_options__.functional) {console.error("[vue-loader] mdDivider.vue: functional components are not supported and should be defined in plain js files using render functions.")}
-
-	module.exports = __vue_exports__
+/***/ 286:
+/***/ (function(module, exports, __webpack_require__) {
 
 
-/***/ },
+/* styles */
+__webpack_require__(220)
 
-/***/ 330:
-/***/ function(module, exports, __webpack_require__) {
+var Component = __webpack_require__(0)(
+  /* script */
+  null,
+  /* template */
+  __webpack_require__(371),
+  /* scopeId */
+  null,
+  /* cssModules */
+  null
+)
+Component.options.__file = "/Users/mrufino/Projects/personal/github/vue-material/src/components/mdDivider/mdDivider.vue"
+if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
+if (Component.options.functional) {console.error("[vue-loader] mdDivider.vue: functional components are not supported with templates, they should use render functions.")}
 
-	module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
-	  return _c('hr', {
-	    staticClass: "md-divider"
-	  })
-	},staticRenderFns: []}
-	module.exports.render._withStripped = true
-	if (false) {
-	  module.hot.accept()
-	  if (module.hot.data) {
-	     require("vue-hot-reload-api").rerender("data-v-30e870da", module.exports)
-	  }
-	}
+/* hot reload */
+if (false) {(function () {
+  var hotAPI = require("vue-hot-reload-api")
+  hotAPI.install(require("vue"), false)
+  if (!hotAPI.compatible) return
+  module.hot.accept()
+  if (!module.hot.data) {
+    hotAPI.createRecord("data-v-5e9f054a", Component.options)
+  } else {
+    hotAPI.reload("data-v-5e9f054a", Component.options)
+  }
+})()}
 
-/***/ }
+module.exports = Component.exports
 
-/******/ })
-}));
-;
+
+/***/ }),
+
+/***/ 371:
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
+  return _c('hr', {
+    staticClass: "md-divider"
+  })
+},staticRenderFns: []}
+module.exports.render._withStripped = true
+if (false) {
+  module.hot.accept()
+  if (module.hot.data) {
+     require("vue-hot-reload-api").rerender("data-v-5e9f054a", module.exports)
+  }
+}
+
+/***/ }),
+
+/***/ 406:
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(99);
+
+
+/***/ }),
+
+/***/ 99:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = install;
+
+var _mdDivider = __webpack_require__(286);
+
+var _mdDivider2 = _interopRequireDefault(_mdDivider);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function install(Vue) {
+  Vue.component('md-divider', _mdDivider2.default);
+}
+module.exports = exports['default'];
+
+/***/ })
+
+/******/ });
+}));

dist/components/mdDivider/index.js

@@ -1,6 +1,6 @@
 /*!
- * Vue Material v0.6.3
- * Made with love by Marcos Moura
- * Released under the MIT License.
- */
-!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(o){if(n[o])return n[o].exports;var r=n[o]={exports:{},id:o,loaded:!1};return e[o].call(r.exports,r,r.exports,t),r.loaded=!0,r.exports}var n={};return t.m=e,t.c=n,t.p="/",t(0)})({0:function(e,t,n){e.exports=n(81)},81:function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}function r(e){e.component("md-divider",e.extend(f.default))}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var u=n(274),f=o(u);e.exports=t.default},200:function(e,t){},274:function(e,t,n){var o,r;n(200);var u=n(330);r=o=o||{},"object"!=typeof o.default&&"function"!=typeof o.default||(r=o=o.default),"function"==typeof r&&(r=r.options),r.render=u.render,r.staticRenderFns=u.staticRenderFns,e.exports=o},330:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("hr",{staticClass:"md-divider"})},staticRenderFns:[]}}})}));
+* Vue Material v0.7.1
+* Made with love by Marcos Moura
+* Released under the MIT License.
+*/   
+!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s=406)})({0:function(e,t){e.exports=function(e,t,n,r){var o,u=e=e||{},i=typeof e.default;"object"!==i&&"function"!==i||(o=e,u=e.default);var c="function"==typeof u?u.options:u;if(t&&(c.render=t.render,c.staticRenderFns=t.staticRenderFns),n&&(c._scopeId=n),r){var f=c.computed||(c.computed={});Object.keys(r).forEach((function(e){var t=r[e];f[e]=function(){return t}}))}return{esModule:o,exports:u,options:c}}},220:function(e,t){},286:function(e,t,n){n(220);var r=n(0)(null,n(371),null,null);e.exports=r.exports},371:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("hr",{staticClass:"md-divider"})},staticRenderFns:[]}},406:function(e,t,n){e.exports=n(99)},99:function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(e){e.component("md-divider",i.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=o;var u=n(286),i=r(u);e.exports=t.default}})}));

dist/components/mdFile/index.css

@@ -1,25 +1,5 @@
-/* Common */
-/* Responsive Breakpoints */
-/* Transitions - Based on Angular Material */
-/* Elevation - Based on Angular Material */
-.md-file {
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex: 1;
-      flex: 1;
-}
-.md-file input[type="file"] {
-    width: 1px;
-    height: 1px;
-    margin: -1px;
-    padding: 0;
-    overflow: hidden;
-    position: absolute;
-    clip: rect(0 0 0 0);
-    border: 0;
-}
-.md-file .md-icon {
-    cursor: pointer;
-}
-
-/*# sourceMappingURL=index.css.map*/
+/*!
+* Vue Material v0.7.1
+* Made with love by Marcos Moura
+* Released under the MIT License.
+*/.md-file{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}.md-file input[type=file]{width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute;clip:rect(0 0 0 0);border:0}.md-file .md-icon{cursor:pointer}

dist/components/mdIcon/index.css

@@ -1,60 +1,5 @@
-/* Common */
-/* Responsive Breakpoints */
-/* Transitions - Based on Angular Material */
-/* Elevation - Based on Angular Material */
-.md-icon {
-  width: 24px;
-  min-width: 24px;
-  height: 24px;
-  min-height: 24px;
-  font-size: 24px;
-  margin: auto;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -ms-flex-align: center;
-      align-items: center;
-  fill: currentColor;
-  text-rendering: optimizeLegibility;
-  vertical-align: middle;
-}
-.md-icon.md-size-2x {
-    width: 48px;
-    min-width: 48px;
-    height: 48px;
-    min-height: 48px;
-    font-size: 48px;
-}
-.md-icon.md-size-3x {
-    width: 72px;
-    min-width: 72px;
-    height: 72px;
-    min-height: 72px;
-    font-size: 72px;
-}
-.md-icon.md-size-4x {
-    width: 96px;
-    min-width: 96px;
-    height: 96px;
-    min-height: 96px;
-    font-size: 96px;
-}
-.md-icon.md-size-5x {
-    width: 120px;
-    min-width: 120px;
-    height: 120px;
-    min-height: 120px;
-    font-size: 120px;
-}
-.md-icon svg {
-    width: 100%;
-    height: 100%;
-}
-img.md-icon {
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-  -webkit-user-drag: none;
-}
-
-/*# sourceMappingURL=index.css.map*/
+/*!
+* Vue Material v0.7.1
+* Made with love by Marcos Moura
+* Released under the MIT License.
+*/.md-icon{width:24px;min-width:24px;height:24px;min-height:24px;font-size:24px;margin:auto;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;fill:currentColor;text-rendering:optimizeLegibility;vertical-align:middle}.md-icon.md-size-2x{width:48px;min-width:48px;height:48px;min-height:48px;font-size:48px}.md-icon.md-size-3x{width:72px;min-width:72px;height:72px;min-height:72px;font-size:72px}.md-icon.md-size-4x{width:96px;min-width:96px;height:96px;min-height:96px;font-size:96px}.md-icon.md-size-5x{width:120px;min-width:120px;height:120px;min-height:120px;font-size:120px}.md-icon svg{width:100%;height:100%}img.md-icon{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}

dist/components/mdIcon/index.debug.js

@@ -21,16 +21,16 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /******/ 		// Create a new module (and put it into the cache)
 /******/ 		var module = installedModules[moduleId] = {
-/******/ 			exports: {},
-/******/ 			id: moduleId,
-/******/ 			loaded: false
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
 /******/ 		};
 
 /******/ 		// Execute the module function
 /******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
 
 /******/ 		// Flag the module as loaded
-/******/ 		module.loaded = true;
+/******/ 		module.l = true;
 
 /******/ 		// Return the exports of the module
 /******/ 		return module.exports;
@@ -43,320 +43,400 @@ return /******/ (function(modules) { // webpackBootstrap
 /******/ 	// expose the module cache
 /******/ 	__webpack_require__.c = installedModules;
 
+/******/ 	// identity function for calling harmony imports with the correct context
+/******/ 	__webpack_require__.i = function(value) { return value; };
+
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, {
+/******/ 				configurable: false,
+/******/ 				enumerable: true,
+/******/ 				get: getter
+/******/ 			});
+/******/ 		}
+/******/ 	};
+
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+
 /******/ 	// __webpack_public_path__
 /******/ 	__webpack_require__.p = "/";
 
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(0);
+/******/ 	return __webpack_require__(__webpack_require__.s = 408);
 /******/ })
 /************************************************************************/
 /******/ ({
 
 /***/ 0:
-/***/ function(module, exports, __webpack_require__) {
+/***/ (function(module, exports) {
 
-	module.exports = __webpack_require__(83);
+module.exports = function normalizeComponent (
+  rawScriptExports,
+  compiledTemplate,
+  scopeId,
+  cssModules
+) {
+  var esModule
+  var scriptExports = rawScriptExports = rawScriptExports || {}
+
+  // ES6 modules interop
+  var type = typeof rawScriptExports.default
+  if (type === 'object' || type === 'function') {
+    esModule = rawScriptExports
+    scriptExports = rawScriptExports.default
+  }
+
+  // Vue.extend constructor export interop
+  var options = typeof scriptExports === 'function'
+    ? scriptExports.options
+    : scriptExports
+
+  // render functions
+  if (compiledTemplate) {
+    options.render = compiledTemplate.render
+    options.staticRenderFns = compiledTemplate.staticRenderFns
+  }
+
+  // scopedId
+  if (scopeId) {
+    options._scopeId = scopeId
+  }
+
+  // inject cssModules
+  if (cssModules) {
+    var computed = options.computed || (options.computed = {})
+    Object.keys(cssModules).forEach((function (key) {
+      var module = cssModules[key]
+      computed[key] = function () { return module }
+    }))
+  }
+
+  return {
+    esModule: esModule,
+    exports: scriptExports,
+    options: options
+  }
+}
 
 
-/***/ },
+/***/ }),
 
 /***/ 1:
-/***/ function(module, exports) {
+/***/ (function(module, exports, __webpack_require__) {
 
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	exports.default = {
-	  props: {
-	    mdTheme: String
-	  },
-	  data: function data() {
-	    return {
-	      closestThemedParent: false
-	    };
-	  },
-	  methods: {
-	    getClosestThemedParent: function getClosestThemedParent($parent) {
-	      if (!$parent || !$parent.$el || $parent._uid === 0) {
-	        return false;
-	      }
-
-	      if ($parent.mdTheme || $parent.mdName) {
-	        return $parent;
-	      }
-
-	      return this.getClosestThemedParent($parent.$parent);
-	    }
-	  },
-	  computed: {
-	    themeClass: function themeClass() {
-	      if (this.mdTheme) {
-	        return 'md-theme-' + this.mdTheme;
-	      }
-
-	      var theme = this.closestThemedParent.mdTheme;
-
-	      if (!theme) {
-	        if (this.closestThemedParent) {
-	          theme = this.closestThemedParent.mdName;
-	        } else {
-	          theme = this.$material.currentTheme;
-	        }
-	      }
-
-	      return 'md-theme-' + theme;
-	    }
-	  },
-	  mounted: function mounted() {
-	    this.closestThemedParent = this.getClosestThemedParent(this.$parent);
-
-	    if (!this.$material.currentTheme) {
-	      this.$material.setCurrentTheme('default');
-	    }
-	  }
-	};
-	module.exports = exports['default'];
-
-/***/ },
-
-/***/ 83:
-/***/ function(module, exports, __webpack_require__) {
-
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	exports.default = install;
-
-	var _mdIcon = __webpack_require__(276);
-
-	var _mdIcon2 = _interopRequireDefault(_mdIcon);
-
-	var _mdIcon3 = __webpack_require__(231);
-
-	var _mdIcon4 = _interopRequireDefault(_mdIcon3);
-
-	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-	function install(Vue) {
-	  Vue.component('md-icon', Vue.extend(_mdIcon2.default));
-
-	  Vue.material.styles.push(_mdIcon4.default);
-	}
-	module.exports = exports['default'];
-
-/***/ },
-
-/***/ 130:
-/***/ function(module, exports, __webpack_require__) {
-
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-
-	var _mixin = __webpack_require__(1);
-
-	var _mixin2 = _interopRequireDefault(_mixin);
-
-	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-	var registeredIcons = {}; //
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-
-	exports.default = {
-	  props: {
-	    mdSrc: String
-	  },
-	  data: function data() {
-	    return {
-	      svgContent: null,
-	      imageSrc: null
-	    };
-	  },
-	  mixins: [_mixin2.default],
-	  watch: {
-	    mdSrc: function mdSrc() {
-	      this.svgContent = null;
-	      this.imageSrc = null;
-	      this.checkSrc();
-	    }
-	  },
-	  methods: {
-	    isImage: function isImage(mimetype) {
-	      return mimetype.indexOf('image') >= 0;
-	    },
-	    isSVG: function isSVG(mimetype) {
-	      return mimetype.indexOf('svg') >= 0;
-	    },
-	    setSVGContent: function setSVGContent(value) {
-	      var _this = this;
-
-	      this.svgContent = value;
-
-	      this.$nextTick((function () {
-	        _this.$el.children[0].removeAttribute('fill');
-	      }));
-	    },
-	    loadSVG: function loadSVG() {
-	      var _this2 = this;
-
-	      if (!registeredIcons[this.mdSrc]) {
-	        (function () {
-	          var request = new XMLHttpRequest();
-	          var self = _this2;
-
-	          request.open('GET', _this2.mdSrc, true);
-
-	          request.onload = function () {
-	            var mimetype = this.getResponseHeader('content-type');
-
-	            if (this.status >= 200 && this.status < 400 && self.isImage(mimetype)) {
-	              if (self.isSVG(mimetype)) {
-	                registeredIcons[self.mdSrc] = this.response;
-	                self.setSVGContent(this.response);
-	              } else {
-	                self.loadImage();
-	              }
-	            } else {
-	              console.warn('The file ' + self.mdSrc + ' is not a valid image.');
-	            }
-	          };
-
-	          request.send();
-	        })();
-	      } else {
-	        this.setSVGContent(registeredIcons[this.mdSrc]);
-	      }
-	    },
-	    loadImage: function loadImage() {
-	      this.imageSrc = this.mdSrc;
-	    },
-	    checkSrc: function checkSrc() {
-	      if (this.mdSrc) {
-	        if (this.mdSrc.indexOf('.svg') >= 0) {
-	          this.loadSVG();
-	        } else {
-	          this.loadImage();
-	        }
-	      }
-	    }
-	  },
-	  mounted: function mounted() {
-	    this.checkSrc();
-	  }
-	};
-	module.exports = exports['default'];
-
-/***/ },
-
-/***/ 221:
-/***/ function(module, exports) {
-
-	// removed by extract-text-webpack-plugin
-
-/***/ },
-
-/***/ 231:
-/***/ function(module, exports) {
-
-	module.exports = ".THEME_NAME.md-icon.md-primary {\n  color: PRIMARY-COLOR; }\n\n.THEME_NAME.md-icon.md-accent {\n  color: ACCENT-COLOR; }\n\n.THEME_NAME.md-icon.md-warn {\n  color: WARN-COLOR; }\n"
-
-/***/ },
-
-/***/ 276:
-/***/ function(module, exports, __webpack_require__) {
-
-	var __vue_exports__, __vue_options__
-	var __vue_styles__ = {}
-
-	/* styles */
-	__webpack_require__(221)
-
-	/* script */
-	__vue_exports__ = __webpack_require__(130)
-
-	/* template */
-	var __vue_template__ = __webpack_require__(371)
-	__vue_options__ = __vue_exports__ = __vue_exports__ || {}
-	if (
-	  typeof __vue_exports__.default === "object" ||
-	  typeof __vue_exports__.default === "function"
-	) {
-	if (Object.keys(__vue_exports__).some((function (key) { return key !== "default" && key !== "__esModule" }))) {console.error("named exports are not supported in *.vue files.")}
-	__vue_options__ = __vue_exports__ = __vue_exports__.default
-	}
-	if (typeof __vue_options__ === "function") {
-	  __vue_options__ = __vue_options__.options
-	}
-	__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdIcon/mdIcon.vue"
-	__vue_options__.render = __vue_template__.render
-	__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
-
-	/* hot reload */
-	if (false) {(function () {
-	  var hotAPI = require("vue-hot-reload-api")
-	  hotAPI.install(require("vue"), false)
-	  if (!hotAPI.compatible) return
-	  module.hot.accept()
-	  if (!module.hot.data) {
-	    hotAPI.createRecord("data-v-f5836666", __vue_options__)
-	  } else {
-	    hotAPI.reload("data-v-f5836666", __vue_options__)
-	  }
-	})()}
-	if (__vue_options__.functional) {console.error("[vue-loader] mdIcon.vue: functional components are not supported and should be defined in plain js files using render functions.")}
-
-	module.exports = __vue_exports__
+"use strict";
 
 
-/***/ },
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = {
+  props: {
+    mdTheme: String
+  },
+  data: function data() {
+    return {
+      closestThemedParent: false
+    };
+  },
+  methods: {
+    getClosestThemedParent: function getClosestThemedParent($parent) {
+      if (!$parent || !$parent.$el || $parent._uid === 0) {
+        return false;
+      }
 
-/***/ 371:
-/***/ function(module, exports, __webpack_require__) {
+      if ($parent.mdTheme || $parent.mdName) {
+        return $parent;
+      }
 
-	module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
-	  return (_vm.svgContent) ? _c('i', {
-	    staticClass: "md-icon",
-	    class: [_vm.themeClass],
-	    domProps: {
-	      "innerHTML": _vm._s(_vm.svgContent)
-	    }
-	  }) : (_vm.imageSrc) ? _c('md-image', {
-	    staticClass: "md-icon",
-	    class: [_vm.themeClass],
-	    attrs: {
-	      "md-src": _vm.imageSrc
-	    }
-	  }) : _c('i', {
-	    staticClass: "md-icon material-icons",
-	    class: [_vm.themeClass]
-	  }, [_vm._t("default")], 2)
-	},staticRenderFns: []}
-	module.exports.render._withStripped = true
-	if (false) {
-	  module.hot.accept()
-	  if (module.hot.data) {
-	     require("vue-hot-reload-api").rerender("data-v-f5836666", module.exports)
-	  }
-	}
+      return this.getClosestThemedParent($parent.$parent);
+    }
+  },
+  computed: {
+    themeClass: function themeClass() {
+      if (this.mdTheme) {
+        return 'md-theme-' + this.mdTheme;
+      }
 
-/***/ }
+      var theme = this.closestThemedParent.mdTheme;
 
-/******/ })
-}));
-;
+      if (!theme) {
+        if (this.closestThemedParent) {
+          theme = this.closestThemedParent.mdName;
+        } else {
+          theme = this.$material.currentTheme;
+        }
+      }
+
+      return 'md-theme-' + theme;
+    }
+  },
+  mounted: function mounted() {
+    this.closestThemedParent = this.getClosestThemedParent(this.$parent);
+
+    if (!this.$material.currentTheme) {
+      this.$material.setCurrentTheme('default');
+    }
+  }
+};
+module.exports = exports['default'];
+
+/***/ }),
+
+/***/ 101:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = install;
+
+var _mdIcon = __webpack_require__(288);
+
+var _mdIcon2 = _interopRequireDefault(_mdIcon);
+
+var _mdIcon3 = __webpack_require__(242);
+
+var _mdIcon4 = _interopRequireDefault(_mdIcon3);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function install(Vue) {
+  Vue.component('md-icon', _mdIcon2.default);
+
+  Vue.material.styles.push(_mdIcon4.default);
+}
+module.exports = exports['default'];
+
+/***/ }),
+
+/***/ 151:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _mixin = __webpack_require__(1);
+
+var _mixin2 = _interopRequireDefault(_mixin);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var registeredIcons = {}; //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+exports.default = {
+  props: {
+    mdSrc: String,
+    mdIconset: {
+      type: String,
+      default: 'material-icons'
+    }
+  },
+  data: function data() {
+    return {
+      svgContent: null,
+      imageSrc: null
+    };
+  },
+  mixins: [_mixin2.default],
+  watch: {
+    mdSrc: function mdSrc() {
+      this.svgContent = null;
+      this.imageSrc = null;
+      this.checkSrc();
+    }
+  },
+  methods: {
+    isImage: function isImage(mimetype) {
+      return mimetype.indexOf('image') >= 0;
+    },
+    isSVG: function isSVG(mimetype) {
+      return mimetype.indexOf('svg') >= 0;
+    },
+    setSVGContent: function setSVGContent(value) {
+      var _this = this;
+
+      this.svgContent = value;
+
+      this.$nextTick((function () {
+        _this.$el.children[0].removeAttribute('fill');
+      }));
+    },
+    loadSVG: function loadSVG() {
+      var _this2 = this;
+
+      if (!registeredIcons[this.mdSrc]) {
+        (function () {
+          var request = new XMLHttpRequest();
+          var self = _this2;
+
+          request.open('GET', _this2.mdSrc, true);
+
+          request.onload = function () {
+            var mimetype = this.getResponseHeader('content-type');
+
+            if (this.status >= 200 && this.status < 400 && self.isImage(mimetype)) {
+              if (self.isSVG(mimetype)) {
+                registeredIcons[self.mdSrc] = this.response;
+                self.setSVGContent(this.response);
+              } else {
+                self.loadImage();
+              }
+            } else {
+              console.warn('The file ' + self.mdSrc + ' is not a valid image.');
+            }
+          };
+
+          request.send();
+        })();
+      } else {
+        this.setSVGContent(registeredIcons[this.mdSrc]);
+      }
+    },
+    loadImage: function loadImage() {
+      this.imageSrc = this.mdSrc;
+    },
+    checkSrc: function checkSrc() {
+      if (this.mdSrc) {
+        if (this.mdSrc.indexOf('.svg') >= 0) {
+          this.loadSVG();
+        } else {
+          this.loadImage();
+        }
+      }
+    }
+  },
+  mounted: function mounted() {
+    this.checkSrc();
+  }
+};
+module.exports = exports['default'];
+
+/***/ }),
+
+/***/ 207:
+/***/ (function(module, exports) {
+
+// removed by extract-text-webpack-plugin
+
+/***/ }),
+
+/***/ 242:
+/***/ (function(module, exports) {
+
+module.exports = ".THEME_NAME.md-icon.md-primary {\n  color: PRIMARY-COLOR; }\n\n.THEME_NAME.md-icon.md-accent {\n  color: ACCENT-COLOR; }\n\n.THEME_NAME.md-icon.md-warn {\n  color: WARN-COLOR; }\n"
+
+/***/ }),
+
+/***/ 288:
+/***/ (function(module, exports, __webpack_require__) {
+
+
+/* styles */
+__webpack_require__(207)
+
+var Component = __webpack_require__(0)(
+  /* script */
+  __webpack_require__(151),
+  /* template */
+  __webpack_require__(348),
+  /* scopeId */
+  null,
+  /* cssModules */
+  null
+)
+Component.options.__file = "/Users/mrufino/Projects/personal/github/vue-material/src/components/mdIcon/mdIcon.vue"
+if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
+if (Component.options.functional) {console.error("[vue-loader] mdIcon.vue: functional components are not supported with templates, they should use render functions.")}
+
+/* hot reload */
+if (false) {(function () {
+  var hotAPI = require("vue-hot-reload-api")
+  hotAPI.install(require("vue"), false)
+  if (!hotAPI.compatible) return
+  module.hot.accept()
+  if (!module.hot.data) {
+    hotAPI.createRecord("data-v-2423dfc4", Component.options)
+  } else {
+    hotAPI.reload("data-v-2423dfc4", Component.options)
+  }
+})()}
+
+module.exports = Component.exports
+
+
+/***/ }),
+
+/***/ 348:
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
+  return (_vm.svgContent) ? _c('i', {
+    staticClass: "md-icon",
+    class: [_vm.themeClass],
+    domProps: {
+      "innerHTML": _vm._s(_vm.svgContent)
+    }
+  }) : (_vm.imageSrc) ? _c('md-image', {
+    staticClass: "md-icon",
+    class: [_vm.themeClass],
+    attrs: {
+      "md-src": _vm.imageSrc
+    }
+  }) : _c('i', {
+    staticClass: "md-icon",
+    class: [_vm.themeClass, _vm.mdIconset],
+    attrs: {
+      "aria-hidden": !!_vm.mdIconset
+    }
+  }, [_vm._t("default")], 2)
+},staticRenderFns: []}
+module.exports.render._withStripped = true
+if (false) {
+  module.hot.accept()
+  if (module.hot.data) {
+     require("vue-hot-reload-api").rerender("data-v-2423dfc4", module.exports)
+  }
+}
+
+/***/ }),
+
+/***/ 408:
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(101);
+
+
+/***/ })
+
+/******/ });
+}));

dist/components/mdIcon/index.js

@@ -1,6 +1,6 @@
 /*!
- * Vue Material v0.6.3
- * Made with love by Marcos Moura
- * Released under the MIT License.
- */
-!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(s){if(n[s])return n[s].exports;var r=n[s]={exports:{},id:s,loaded:!1};return e[s].call(r.exports,r,r.exports,t),r.loaded=!0,r.exports}var n={};return t.m=e,t.c=n,t.p="/",t(0)})({0:function(e,t,n){e.exports=n(83)},1:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(e){return!(!e||!e.$el||0===e._uid)&&(e.mdTheme||e.mdName?e:this.getClosestThemedParent(e.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var e=this.closestThemedParent.mdTheme;return e||(e=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+e}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},e.exports=t.default},83:function(e,t,n){"use strict";function s(e){return e&&e.__esModule?e:{default:e}}function r(e){e.component("md-icon",e.extend(o.default)),e.material.styles.push(c.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var i=n(276),o=s(i),a=n(231),c=s(a);e.exports=t.default},130:function(e,t,n){"use strict";function s(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var r=n(1),i=s(r),o={};t.default={props:{mdSrc:String},data:function(){return{svgContent:null,imageSrc:null}},mixins:[i.default],watch:{mdSrc:function(){this.svgContent=null,this.imageSrc=null,this.checkSrc()}},methods:{isImage:function(e){return e.indexOf("image")>=0},isSVG:function(e){return e.indexOf("svg")>=0},setSVGContent:function(e){var t=this;this.svgContent=e,this.$nextTick((function(){t.$el.children[0].removeAttribute("fill")}))},loadSVG:function(){var e=this;o[this.mdSrc]?this.setSVGContent(o[this.mdSrc]):!(function(){var t=new XMLHttpRequest,n=e;t.open("GET",e.mdSrc,!0),t.onload=function(){var e=this.getResponseHeader("content-type");this.status>=200&&this.status<400&&n.isImage(e)?n.isSVG(e)?(o[n.mdSrc]=this.response,n.setSVGContent(this.response)):n.loadImage():console.warn("The file "+n.mdSrc+" is not a valid image.")},t.send()})()},loadImage:function(){this.imageSrc=this.mdSrc},checkSrc:function(){this.mdSrc&&(this.mdSrc.indexOf(".svg")>=0?this.loadSVG():this.loadImage())}},mounted:function(){this.checkSrc()}},e.exports=t.default},221:function(e,t){},231:function(e,t){e.exports=".THEME_NAME.md-icon.md-primary{color:PRIMARY-COLOR}.THEME_NAME.md-icon.md-accent{color:ACCENT-COLOR}.THEME_NAME.md-icon.md-warn{color:WARN-COLOR}\n"},276:function(e,t,n){var s,r;n(221),s=n(130);var i=n(371);r=s=s||{},"object"!=typeof s.default&&"function"!=typeof s.default||(r=s=s.default),"function"==typeof r&&(r=r.options),r.render=i.render,r.staticRenderFns=i.staticRenderFns,e.exports=s},371:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return e.svgContent?n("i",{staticClass:"md-icon",class:[e.themeClass],domProps:{innerHTML:e._s(e.svgContent)}}):e.imageSrc?n("md-image",{staticClass:"md-icon",class:[e.themeClass],attrs:{"md-src":e.imageSrc}}):n("i",{staticClass:"md-icon material-icons",class:[e.themeClass]},[e._t("default")],2)},staticRenderFns:[]}}})}));
+* Vue Material v0.7.1
+* Made with love by Marcos Moura
+* Released under the MIT License.
+*/   
+!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(r){if(n[r])return n[r].exports;var s=n[r]={i:r,l:!1,exports:{}};return e[r].call(s.exports,s,s.exports,t),s.l=!0,s.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s=408)})({0:function(e,t){e.exports=function(e,t,n,r){var s,o=e=e||{},i=typeof e.default;"object"!==i&&"function"!==i||(s=e,o=e.default);var c="function"==typeof o?o.options:o;if(t&&(c.render=t.render,c.staticRenderFns=t.staticRenderFns),n&&(c._scopeId=n),r){var a=c.computed||(c.computed={});Object.keys(r).forEach((function(e){var t=r[e];a[e]=function(){return t}}))}return{esModule:s,exports:o,options:c}}},1:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(e){return!(!e||!e.$el||0===e._uid)&&(e.mdTheme||e.mdName?e:this.getClosestThemedParent(e.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var e=this.closestThemedParent.mdTheme;return e||(e=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+e}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},e.exports=t.default},101:function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function s(e){e.component("md-icon",i.default),e.material.styles.push(a.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=s;var o=n(288),i=r(o),c=n(242),a=r(c);e.exports=t.default},151:function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var s=n(1),o=r(s),i={};t.default={props:{mdSrc:String,mdIconset:{type:String,default:"material-icons"}},data:function(){return{svgContent:null,imageSrc:null}},mixins:[o.default],watch:{mdSrc:function(){this.svgContent=null,this.imageSrc=null,this.checkSrc()}},methods:{isImage:function(e){return e.indexOf("image")>=0},isSVG:function(e){return e.indexOf("svg")>=0},setSVGContent:function(e){var t=this;this.svgContent=e,this.$nextTick((function(){t.$el.children[0].removeAttribute("fill")}))},loadSVG:function(){var e=this;i[this.mdSrc]?this.setSVGContent(i[this.mdSrc]):!(function(){var t=new XMLHttpRequest,n=e;t.open("GET",e.mdSrc,!0),t.onload=function(){var e=this.getResponseHeader("content-type");this.status>=200&&this.status<400&&n.isImage(e)?n.isSVG(e)?(i[n.mdSrc]=this.response,n.setSVGContent(this.response)):n.loadImage():console.warn("The file "+n.mdSrc+" is not a valid image.")},t.send()})()},loadImage:function(){this.imageSrc=this.mdSrc},checkSrc:function(){this.mdSrc&&(this.mdSrc.indexOf(".svg")>=0?this.loadSVG():this.loadImage())}},mounted:function(){this.checkSrc()}},e.exports=t.default},207:function(e,t){},242:function(e,t){e.exports=".THEME_NAME.md-icon.md-primary{color:PRIMARY-COLOR}.THEME_NAME.md-icon.md-accent{color:ACCENT-COLOR}.THEME_NAME.md-icon.md-warn{color:WARN-COLOR}\n"},288:function(e,t,n){n(207);var r=n(0)(n(151),n(348),null,null);e.exports=r.exports},348:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return e.svgContent?n("i",{staticClass:"md-icon",class:[e.themeClass],domProps:{innerHTML:e._s(e.svgContent)}}):e.imageSrc?n("md-image",{staticClass:"md-icon",class:[e.themeClass],attrs:{"md-src":e.imageSrc}}):n("i",{staticClass:"md-icon",class:[e.themeClass,e.mdIconset],attrs:{"aria-hidden":!!e.mdIconset}},[e._t("default")],2)},staticRenderFns:[]}},408:function(e,t,n){e.exports=n(101)}})}));

dist/components/mdImage/index.css

@@ -1,18 +1,5 @@
-/* Common */
-/* Responsive Breakpoints */
-/* Transitions - Based on Angular Material */
-/* Elevation - Based on Angular Material */
-.md-image {
-  opacity: 0;
-  filter: saturate(20%);
-}
-.md-image.md-black-output {
-    filter: brightness(0.4) saturate(20%);
-}
-.md-image.md-loaded {
-    opacity: 1;
-    filter: saturate(100%);
-    transition: opacity 1.1s cubic-bezier(0.25, 0.8, 0.25, 1), filter 2.2s 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
-}
-
-/*# sourceMappingURL=index.css.map*/
+/*!
+* Vue Material v0.7.1
+* Made with love by Marcos Moura
+* Released under the MIT License.
+*/.md-image{opacity:0;-webkit-filter:saturate(20%);filter:saturate(20%)}.md-image.md-black-output{-webkit-filter:brightness(.4) saturate(20%);filter:brightness(.4) saturate(20%)}.md-image.md-loaded{opacity:1;-webkit-filter:saturate(100%);filter:saturate(100%);transition:opacity 1.1s cubic-bezier(.25,.8,.25,1),-webkit-filter 2.2s cubic-bezier(.25,.8,.25,1) .3s;transition:opacity 1.1s cubic-bezier(.25,.8,.25,1),filter 2.2s cubic-bezier(.25,.8,.25,1) .3s;transition:opacity 1.1s cubic-bezier(.25,.8,.25,1),filter 2.2s cubic-bezier(.25,.8,.25,1) .3s,-webkit-filter 2.2s cubic-bezier(.25,.8,.25,1) .3s}

dist/components/mdImage/index.debug.js

@@ -21,16 +21,16 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /******/ 		// Create a new module (and put it into the cache)
 /******/ 		var module = installedModules[moduleId] = {
-/******/ 			exports: {},
-/******/ 			id: moduleId,
-/******/ 			loaded: false
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
 /******/ 		};
 
 /******/ 		// Execute the module function
 /******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
 
 /******/ 		// Flag the module as loaded
-/******/ 		module.loaded = true;
+/******/ 		module.l = true;
 
 /******/ 		// Return the exports of the module
 /******/ 		return module.exports;
@@ -43,267 +43,346 @@ return /******/ (function(modules) { // webpackBootstrap
 /******/ 	// expose the module cache
 /******/ 	__webpack_require__.c = installedModules;
 
+/******/ 	// identity function for calling harmony imports with the correct context
+/******/ 	__webpack_require__.i = function(value) { return value; };
+
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, {
+/******/ 				configurable: false,
+/******/ 				enumerable: true,
+/******/ 				get: getter
+/******/ 			});
+/******/ 		}
+/******/ 	};
+
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+
 /******/ 	// __webpack_public_path__
 /******/ 	__webpack_require__.p = "/";
 
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(0);
+/******/ 	return __webpack_require__(__webpack_require__.s = 409);
 /******/ })
 /************************************************************************/
 /******/ ({
 
 /***/ 0:
-/***/ function(module, exports, __webpack_require__) {
+/***/ (function(module, exports) {
 
-	module.exports = __webpack_require__(84);
+module.exports = function normalizeComponent (
+  rawScriptExports,
+  compiledTemplate,
+  scopeId,
+  cssModules
+) {
+  var esModule
+  var scriptExports = rawScriptExports = rawScriptExports || {}
+
+  // ES6 modules interop
+  var type = typeof rawScriptExports.default
+  if (type === 'object' || type === 'function') {
+    esModule = rawScriptExports
+    scriptExports = rawScriptExports.default
+  }
+
+  // Vue.extend constructor export interop
+  var options = typeof scriptExports === 'function'
+    ? scriptExports.options
+    : scriptExports
+
+  // render functions
+  if (compiledTemplate) {
+    options.render = compiledTemplate.render
+    options.staticRenderFns = compiledTemplate.staticRenderFns
+  }
+
+  // scopedId
+  if (scopeId) {
+    options._scopeId = scopeId
+  }
+
+  // inject cssModules
+  if (cssModules) {
+    var computed = options.computed || (options.computed = {})
+    Object.keys(cssModules).forEach((function (key) {
+      var module = cssModules[key]
+      computed[key] = function () { return module }
+    }))
+  }
+
+  return {
+    esModule: esModule,
+    exports: scriptExports,
+    options: options
+  }
+}
 
 
-/***/ },
+/***/ }),
 
-/***/ 66:
-/***/ function(module, exports) {
+/***/ 102:
+/***/ (function(module, exports, __webpack_require__) {
 
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	var getImageLightness = function getImageLightness(image, onLoad) {
-	  var canvas = document.createElement('canvas');
-
-	  image.onload = function () {
-	    var colorSum = 0;
-	    var ctx = void 0;
-	    var imageData = void 0;
-	    var imageMetadata = void 0;
-	    var r = void 0;
-	    var g = void 0;
-	    var b = void 0;
-	    var average = void 0;
-
-	    canvas.width = this.width;
-	    canvas.height = this.height;
-	    ctx = canvas.getContext('2d');
-
-	    ctx.drawImage(this, 0, 0);
-
-	    imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
-	    imageMetadata = imageData.data;
-
-	    for (var x = 0, len = imageMetadata.length; x < len; x += 4) {
-	      r = imageMetadata[x];
-	      g = imageMetadata[x + 1];
-	      b = imageMetadata[x + 2];
-
-	      average = Math.floor((r + g + b) / 3);
-	      colorSum += average;
-	    }
-
-	    onLoad(Math.floor(colorSum / (this.width * this.height)));
-	  };
-	};
-
-	exports.default = getImageLightness;
-	module.exports = exports['default'];
-
-/***/ },
-
-/***/ 84:
-/***/ function(module, exports, __webpack_require__) {
-
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	exports.default = install;
-
-	var _mdImage = __webpack_require__(277);
-
-	var _mdImage2 = _interopRequireDefault(_mdImage);
-
-	var _mdImage3 = __webpack_require__(232);
-
-	var _mdImage4 = _interopRequireDefault(_mdImage3);
-
-	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-	function install(Vue) {
-	  Vue.component('md-image', Vue.extend(_mdImage2.default));
-
-	  Vue.material.styles.push(_mdImage4.default);
-	}
-	module.exports = exports['default'];
-
-/***/ },
-
-/***/ 131:
-/***/ function(module, exports, __webpack_require__) {
-
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-
-	var _getImageLightness = __webpack_require__(66);
-
-	var _getImageLightness2 = _interopRequireDefault(_getImageLightness);
-
-	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-	exports.default = {
-	  props: {
-	    mdSrc: String
-	  },
-	  data: function data() {
-	    return {
-	      loaded: false,
-	      applyBlack: true,
-	      imageElement: null
-	    };
-	  },
-	  watch: {
-	    mdSrc: function mdSrc() {
-	      this.createImage();
-	    }
-	  },
-	  computed: {
-	    classes: function classes() {
-	      return {
-	        'md-loaded': this.loaded,
-	        'md-black-output': this.applyBlack
-	      };
-	    }
-	  },
-	  methods: {
-	    analyzeLightness: function analyzeLightness(image) {
-	      var _this = this;
-
-	      (0, _getImageLightness2.default)(image, (function (lightness) {
-	        var limit = 256;
-	        var darkness = (Math.abs(limit - lightness) * 100 / limit + 15) / 100;
-
-	        if (darkness >= 0.7) {
-	          _this.applyBlack = true;
-	        }
-
-	        _this.$nextTick((function () {
-	          _this.loaded = true;
-	        }));
-	      }));
-	    },
-	    createImage: function createImage() {
-	      this.loaded = false;
-	      this.applyBlack = false;
-	      this.imageElement = null;
-
-	      if (this.mdSrc) {
-	        this.imageElement = document.createElement('img');
-	        this.imageElement.crossOrigin = '';
-	        this.imageElement.src = this.mdSrc;
-	        this.analyzeLightness(this.imageElement);
-	      }
-	    }
-	  },
-	  created: function created() {
-	    this.createImage();
-	  }
-	}; //
-	//
-	//
-	//
-	//
-	//
-
-	module.exports = exports['default'];
-
-/***/ },
-
-/***/ 199:
-/***/ function(module, exports) {
-
-	// removed by extract-text-webpack-plugin
-
-/***/ },
-
-/***/ 232:
-/***/ function(module, exports) {
-
-	module.exports = ""
-
-/***/ },
-
-/***/ 277:
-/***/ function(module, exports, __webpack_require__) {
-
-	var __vue_exports__, __vue_options__
-	var __vue_styles__ = {}
-
-	/* styles */
-	__webpack_require__(199)
-
-	/* script */
-	__vue_exports__ = __webpack_require__(131)
-
-	/* template */
-	var __vue_template__ = __webpack_require__(329)
-	__vue_options__ = __vue_exports__ = __vue_exports__ || {}
-	if (
-	  typeof __vue_exports__.default === "object" ||
-	  typeof __vue_exports__.default === "function"
-	) {
-	if (Object.keys(__vue_exports__).some((function (key) { return key !== "default" && key !== "__esModule" }))) {console.error("named exports are not supported in *.vue files.")}
-	__vue_options__ = __vue_exports__ = __vue_exports__.default
-	}
-	if (typeof __vue_options__ === "function") {
-	  __vue_options__ = __vue_options__.options
-	}
-	__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdImage/mdImage.vue"
-	__vue_options__.render = __vue_template__.render
-	__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
-
-	/* hot reload */
-	if (false) {(function () {
-	  var hotAPI = require("vue-hot-reload-api")
-	  hotAPI.install(require("vue"), false)
-	  if (!hotAPI.compatible) return
-	  module.hot.accept()
-	  if (!module.hot.data) {
-	    hotAPI.createRecord("data-v-2bb54057", __vue_options__)
-	  } else {
-	    hotAPI.reload("data-v-2bb54057", __vue_options__)
-	  }
-	})()}
-	if (__vue_options__.functional) {console.error("[vue-loader] mdImage.vue: functional components are not supported and should be defined in plain js files using render functions.")}
-
-	module.exports = __vue_exports__
+"use strict";
 
 
-/***/ },
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = install;
 
-/***/ 329:
-/***/ function(module, exports, __webpack_require__) {
+var _mdImage = __webpack_require__(289);
 
-	module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
-	  return _c('img', {
-	    staticClass: "md-image",
-	    class: _vm.classes,
-	    attrs: {
-	      "src": _vm.mdSrc
-	    }
-	  })
-	},staticRenderFns: []}
-	module.exports.render._withStripped = true
-	if (false) {
-	  module.hot.accept()
-	  if (module.hot.data) {
-	     require("vue-hot-reload-api").rerender("data-v-2bb54057", module.exports)
-	  }
-	}
+var _mdImage2 = _interopRequireDefault(_mdImage);
 
-/***/ }
+var _mdImage3 = __webpack_require__(243);
 
-/******/ })
-}));
-;
+var _mdImage4 = _interopRequireDefault(_mdImage3);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function install(Vue) {
+  Vue.component('md-image', _mdImage2.default);
+
+  Vue.material.styles.push(_mdImage4.default);
+}
+module.exports = exports['default'];
+
+/***/ }),
+
+/***/ 152:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _getImageLightness = __webpack_require__(58);
+
+var _getImageLightness2 = _interopRequireDefault(_getImageLightness);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+exports.default = {
+  props: {
+    mdSrc: String
+  },
+  data: function data() {
+    return {
+      loaded: false,
+      applyBlack: true,
+      imageElement: null
+    };
+  },
+  watch: {
+    mdSrc: function mdSrc() {
+      this.createImage();
+    }
+  },
+  computed: {
+    classes: function classes() {
+      return {
+        'md-loaded': this.loaded,
+        'md-black-output': this.applyBlack
+      };
+    }
+  },
+  methods: {
+    analyzeLightness: function analyzeLightness(image) {
+      var _this = this;
+
+      var applyLoad = function applyLoad() {
+        _this.loaded = true;
+      };
+
+      (0, _getImageLightness2.default)(image, (function (lightness) {
+        var limit = 256;
+        var darkness = (Math.abs(limit - lightness) * 100 / limit + 15) / 100;
+
+        if (darkness >= 0.7) {
+          _this.applyBlack = true;
+        }
+
+        _this.$nextTick(applyLoad);
+      }), applyLoad);
+    },
+    createImage: function createImage() {
+      this.loaded = false;
+      this.applyBlack = false;
+      this.imageElement = null;
+
+      if (this.mdSrc) {
+        this.imageElement = document.createElement('img');
+        this.imageElement.crossOrigin = '';
+        this.imageElement.src = this.mdSrc;
+        this.analyzeLightness(this.imageElement);
+      }
+    }
+  },
+  created: function created() {
+    this.createImage();
+  }
+}; //
+//
+//
+//
+//
+//
+
+module.exports = exports['default'];
+
+/***/ }),
+
+/***/ 229:
+/***/ (function(module, exports) {
+
+// removed by extract-text-webpack-plugin
+
+/***/ }),
+
+/***/ 243:
+/***/ (function(module, exports) {
+
+module.exports = ""
+
+/***/ }),
+
+/***/ 289:
+/***/ (function(module, exports, __webpack_require__) {
+
+
+/* styles */
+__webpack_require__(229)
+
+var Component = __webpack_require__(0)(
+  /* script */
+  __webpack_require__(152),
+  /* template */
+  __webpack_require__(389),
+  /* scopeId */
+  null,
+  /* cssModules */
+  null
+)
+Component.options.__file = "/Users/mrufino/Projects/personal/github/vue-material/src/components/mdImage/mdImage.vue"
+if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
+if (Component.options.functional) {console.error("[vue-loader] mdImage.vue: functional components are not supported with templates, they should use render functions.")}
+
+/* hot reload */
+if (false) {(function () {
+  var hotAPI = require("vue-hot-reload-api")
+  hotAPI.install(require("vue"), false)
+  if (!hotAPI.compatible) return
+  module.hot.accept()
+  if (!module.hot.data) {
+    hotAPI.createRecord("data-v-b0fc1ce4", Component.options)
+  } else {
+    hotAPI.reload("data-v-b0fc1ce4", Component.options)
+  }
+})()}
+
+module.exports = Component.exports
+
+
+/***/ }),
+
+/***/ 389:
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
+  return _c('img', {
+    staticClass: "md-image",
+    class: _vm.classes,
+    attrs: {
+      "src": _vm.mdSrc
+    }
+  })
+},staticRenderFns: []}
+module.exports.render._withStripped = true
+if (false) {
+  module.hot.accept()
+  if (module.hot.data) {
+     require("vue-hot-reload-api").rerender("data-v-b0fc1ce4", module.exports)
+  }
+}
+
+/***/ }),
+
+/***/ 409:
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(102);
+
+
+/***/ }),
+
+/***/ 58:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var getImageLightness = function getImageLightness(image, onLoad, onError) {
+  var canvas = document.createElement('canvas');
+
+  image.crossOrigin = 'Anonymous';
+
+  image.onload = function () {
+    var colorSum = 0;
+    var ctx = void 0;
+    var imageData = void 0;
+    var imageMetadata = void 0;
+    var r = void 0;
+    var g = void 0;
+    var b = void 0;
+    var average = void 0;
+
+    canvas.width = this.width;
+    canvas.height = this.height;
+    ctx = canvas.getContext('2d');
+
+    ctx.drawImage(this, 0, 0);
+
+    imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
+    imageMetadata = imageData.data;
+
+    for (var x = 0, len = imageMetadata.length; x < len; x += 4) {
+      r = imageMetadata[x];
+      g = imageMetadata[x + 1];
+      b = imageMetadata[x + 2];
+
+      average = Math.floor((r + g + b) / 3);
+      colorSum += average;
+    }
+
+    onLoad(Math.floor(colorSum / (this.width * this.height)));
+  };
+
+  image.onerror = onError;
+};
+
+exports.default = getImageLightness;
+module.exports = exports['default'];
+
+/***/ })
+
+/******/ });
+}));

dist/components/mdImage/index.js

@@ -1,6 +1,6 @@
 /*!
- * Vue Material v0.6.3
- * Made with love by Marcos Moura
- * Released under the MIT License.
- */
-!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(a){if(n[a])return n[a].exports;var i=n[a]={exports:{},id:a,loaded:!1};return e[a].call(i.exports,i,i.exports,t),i.loaded=!0,i.exports}var n={};return t.m=e,t.c=n,t.p="/",t(0)})({0:function(e,t,n){e.exports=n(84)},66:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(e,t){var n=document.createElement("canvas");e.onload=function(){var e=0,a=void 0,i=void 0,o=void 0,r=void 0,s=void 0,d=void 0,c=void 0;n.width=this.width,n.height=this.height,a=n.getContext("2d"),a.drawImage(this,0,0),i=a.getImageData(0,0,n.width,n.height),o=i.data;for(var u=0,l=o.length;u<l;u+=4)r=o[u],s=o[u+1],d=o[u+2],c=Math.floor((r+s+d)/3),e+=c;t(Math.floor(e/(this.width*this.height)))}};t.default=n,e.exports=t.default},84:function(e,t,n){"use strict";function a(e){return e&&e.__esModule?e:{default:e}}function i(e){e.component("md-image",e.extend(r.default)),e.material.styles.push(d.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=i;var o=n(277),r=a(o),s=n(232),d=a(s);e.exports=t.default},131:function(e,t,n){"use strict";function a(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(66),o=a(i);t.default={props:{mdSrc:String},data:function(){return{loaded:!1,applyBlack:!0,imageElement:null}},watch:{mdSrc:function(){this.createImage()}},computed:{classes:function(){return{"md-loaded":this.loaded,"md-black-output":this.applyBlack}}},methods:{analyzeLightness:function(e){var t=this;(0,o.default)(e,(function(e){var n=256,a=(100*Math.abs(n-e)/n+15)/100;a>=.7&&(t.applyBlack=!0),t.$nextTick((function(){t.loaded=!0}))}))},createImage:function(){this.loaded=!1,this.applyBlack=!1,this.imageElement=null,this.mdSrc&&(this.imageElement=document.createElement("img"),this.imageElement.crossOrigin="",this.imageElement.src=this.mdSrc,this.analyzeLightness(this.imageElement))}},created:function(){this.createImage()}},e.exports=t.default},199:function(e,t){},232:function(e,t){e.exports=""},277:function(e,t,n){var a,i;n(199),a=n(131);var o=n(329);i=a=a||{},"object"!=typeof a.default&&"function"!=typeof a.default||(i=a=a.default),"function"==typeof i&&(i=i.options),i.render=o.render,i.staticRenderFns=o.staticRenderFns,e.exports=a},329:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("img",{staticClass:"md-image",class:e.classes,attrs:{src:e.mdSrc}})},staticRenderFns:[]}}})}));
+* Vue Material v0.7.1
+* Made with love by Marcos Moura
+* Released under the MIT License.
+*/   
+!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(o){if(n[o])return n[o].exports;var r=n[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,t),r.l=!0,r.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,o){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:o})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s=409)})({0:function(e,t){e.exports=function(e,t,n,o){var r,i=e=e||{},a=typeof e.default;"object"!==a&&"function"!==a||(r=e,i=e.default);var u="function"==typeof i?i.options:i;if(t&&(u.render=t.render,u.staticRenderFns=t.staticRenderFns),n&&(u._scopeId=n),o){var s=u.computed||(u.computed={});Object.keys(o).forEach((function(e){var t=o[e];s[e]=function(){return t}}))}return{esModule:r,exports:i,options:u}}},102:function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}function r(e){e.component("md-image",a.default),e.material.styles.push(s.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var i=n(289),a=o(i),u=n(243),s=o(u);e.exports=t.default},152:function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var r=n(58),i=o(r);t.default={props:{mdSrc:String},data:function(){return{loaded:!1,applyBlack:!0,imageElement:null}},watch:{mdSrc:function(){this.createImage()}},computed:{classes:function(){return{"md-loaded":this.loaded,"md-black-output":this.applyBlack}}},methods:{analyzeLightness:function(e){var t=this,n=function(){t.loaded=!0};(0,i.default)(e,(function(e){var o=256,r=(100*Math.abs(o-e)/o+15)/100;r>=.7&&(t.applyBlack=!0),t.$nextTick(n)}),n)},createImage:function(){this.loaded=!1,this.applyBlack=!1,this.imageElement=null,this.mdSrc&&(this.imageElement=document.createElement("img"),this.imageElement.crossOrigin="",this.imageElement.src=this.mdSrc,this.analyzeLightness(this.imageElement))}},created:function(){this.createImage()}},e.exports=t.default},229:function(e,t){},243:function(e,t){e.exports=""},289:function(e,t,n){n(229);var o=n(0)(n(152),n(389),null,null);e.exports=o.exports},389:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("img",{staticClass:"md-image",class:e.classes,attrs:{src:e.mdSrc}})},staticRenderFns:[]}},409:function(e,t,n){e.exports=n(102)},58:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=function(e,t,n){var o=document.createElement("canvas");e.crossOrigin="Anonymous",e.onload=function(){var e=0,n=void 0,r=void 0,i=void 0,a=void 0,u=void 0,s=void 0,c=void 0;o.width=this.width,o.height=this.height,n=o.getContext("2d"),n.drawImage(this,0,0),r=n.getImageData(0,0,o.width,o.height),i=r.data;for(var d=0,l=i.length;d<l;d+=4)a=i[d],u=i[d+1],s=i[d+2],c=Math.floor((a+u+s)/3),e+=c;t(Math.floor(e/(this.width*this.height)))},e.onerror=n};t.default=o,e.exports=t.default}})}));

dist/components/mdInputContainer/index.css

@@ -1,193 +1,5 @@
-/* Common */
-/* Responsive Breakpoints */
-/* Transitions - Based on Angular Material */
-/* Elevation - Based on Angular Material */
-.md-input-container {
-  width: 100%;
-  min-height: 48px;
-  margin: 4px 0 24px;
-  padding-top: 16px;
-  display: -ms-flexbox;
-  display: flex;
-  position: relative;
-}
-.md-input-container:after {
-    height: 1px;
-    position: absolute;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    background-color: rgba(0, 0, 0, 0.12);
-    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
-    content: " ";
-}
-.md-input-container label {
-    position: absolute;
-    top: 23px;
-    left: 0;
-    pointer-events: none;
-    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
-    transition-duration: .3s;
-    color: rgba(0, 0, 0, 0.54);
-    font-size: 16px;
-    line-height: 20px;
-}
-.md-input-container input,
-  .md-input-container textarea {
-    width: 100%;
-    height: 32px;
-    padding: 0;
-    display: block;
-    -ms-flex: 1;
-        flex: 1;
-    border: none;
-    background: none;
-    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
-    transition-property: font-size;
-    color: rgba(0, 0, 0, 0.54);
-    font-family: inherit;
-    font-size: 1px;
-    line-height: 32px;
-}
-.md-input-container input:focus,
-    .md-input-container textarea:focus {
-      outline: none;
-}
-.md-input-container input::-webkit-input-placeholder,
-    .md-input-container textarea::-webkit-input-placeholder {
-      color: rgba(0, 0, 0, 0.54);
-      font-size: 16px;
-      text-shadow: none;
-      -webkit-text-fill-color: initial;
-}
-.md-input-container input ~ .md-icon:not(.md-icon-delete),
-    .md-input-container textarea ~ .md-icon:not(.md-icon-delete) {
-      margin-left: 12px;
-}
-.md-input-container input ~ .md-icon:not(.md-icon-delete):after,
-      .md-input-container textarea ~ .md-icon:not(.md-icon-delete):after {
-        right: 0;
-        left: auto;
-}
-.md-input-container textarea {
-    min-height: 32px;
-    max-height: 230px;
-    padding: 5px 0;
-    resize: none;
-    line-height: 1.3em;
-}
-.md-input-container .md-error,
-  .md-input-container .md-count {
-    height: 20px;
-    position: absolute;
-    top: 50px;
-    font-size: 12px;
-}
-.md-input-container .md-error {
-    display: block !important;
-    opacity: 0;
-    transform: translate3d(0, -8px, 0);
-    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
-}
-.md-input-container .md-count {
-    right: 0;
-}
-.md-input-container .md-icon:not(.md-icon-delete) {
-    margin: 4px auto;
-    color: rgba(0, 0, 0, 0.54);
-    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
-}
-.md-input-container .md-icon:not(.md-icon-delete):after {
-      width: 36px;
-      height: 2px;
-      position: absolute;
-      left: 0;
-      bottom: 0;
-      z-index: 2;
-      content: "";
-}
-.md-input-container .md-icon:not(.md-icon-delete) ~ label {
-      left: 36px;
-}
-.md-input-container .md-icon:not(.md-icon-delete) ~ .md-input,
-    .md-input-container .md-icon:not(.md-icon-delete) ~ .md-textarea,
-    .md-input-container .md-icon:not(.md-icon-delete) ~ .md-file {
-      margin-left: 12px;
-}
-.md-input-container.md-input-placeholder label {
-  pointer-events: auto;
-  top: 10px;
-  opacity: 0;
-  font-size: 12px;
-}
-.md-input-container.md-input-placeholder input,
-.md-input-container.md-input-placeholder textarea {
-  font-size: 16px;
-}
-.md-input-container.md-input-focused label, .md-input-container.md-has-value label {
-  pointer-events: auto;
-  top: 0;
-  opacity: 1;
-  font-size: 12px;
-}
-.md-input-container.md-input-focused input,
-.md-input-container.md-input-focused textarea, .md-input-container.md-has-value input,
-.md-input-container.md-has-value textarea {
-  font-size: 16px;
-}
-.md-input-container.md-has-value input,
-.md-input-container.md-has-value textarea {
-  color: rgba(0, 0, 0, 0.87);
-}
-.md-input-container.md-input-inline label {
-  pointer-events: none;
-}
-.md-input-container.md-input-inline.md-input-focused label {
-  top: 23px;
-  font-size: 16px;
-}
-.md-input-container.md-input-inline.md-has-value label {
-  opacity: 0;
-}
-.md-input-container.md-input-disabled:after {
-  background: bottom left repeat-x;
-  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.38) 0%, rgba(0, 0, 0, 0.38) 33%, transparent 0%);
-  background-size: 4px 1px;
-}
-.md-input-container.md-input-disabled label,
-.md-input-container.md-input-disabled input,
-.md-input-container.md-input-disabled textarea {
-  color: rgba(0, 0, 0, 0.38);
-}
-.md-input-container.md-has-password.md-input-focused .md-toggle-password {
-  color: rgba(0, 0, 0, 0.54);
-}
-.md-input-container.md-has-password .md-toggle-password {
-  margin: 0;
-  position: absolute;
-  right: 0;
-  bottom: -2px;
-  color: rgba(0, 0, 0, 0.38);
-}
-.md-input-container.md-has-password .md-toggle-password .md-ink-ripple {
-    color: rgba(0, 0, 0, 0.87);
-}
-.md-input-container.md-input-invalid .md-error {
-  opacity: 1;
-  transform: translate3d(0, 0, 0);
-}
-.md-input-container.md-input-required label:after {
-  position: absolute;
-  top: 2px;
-  right: 0;
-  transform: translateX(calc(100% + 2px));
-  content: "*";
-  font-size: 12px;
-  line-height: 1em;
-  vertical-align: top;
-}
-.md-input-container.md-has-select:hover .md-select:not(.md-disabled):after {
-  color: rgba(0, 0, 0, 0.87);
-}
-
-/*# sourceMappingURL=index.css.map*/
+/*!
+* Vue Material v0.7.1
+* Made with love by Marcos Moura
+* Released under the MIT License.
+*/.md-input-container{width:100%;min-height:48px;margin:4px 0 24px;padding-top:16px;display:-ms-flexbox;display:flex;position:relative}.md-input-container:after{height:1px;right:0;bottom:0;background-color:rgba(0,0,0,.12);content:" "}.md-input-container:after,.md-input-container label{position:absolute;left:0;transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-input-container label{top:23px;pointer-events:none;transition-duration:.3s;color:rgba(0,0,0,.54);font-size:16px;line-height:20px}.md-input-container input,.md-input-container textarea{width:100%;height:32px;padding:0;display:block;-ms-flex:1;flex:1;border:none;background:none;transition:all .4s cubic-bezier(.25,.8,.25,1);transition-property:font-size;color:rgba(0,0,0,.54);font-family:inherit;font-size:1px;line-height:32px}.md-input-container input:focus,.md-input-container textarea:focus{outline:none}.md-input-container input::-webkit-input-placeholder,.md-input-container textarea::-webkit-input-placeholder{color:rgba(0,0,0,.54);font-size:16px;text-shadow:none;-webkit-text-fill-color:initial}.md-input-container input~.md-icon:not(.md-icon-delete),.md-input-container textarea~.md-icon:not(.md-icon-delete){margin-left:12px}.md-input-container input~.md-icon:not(.md-icon-delete):after,.md-input-container textarea~.md-icon:not(.md-icon-delete):after{right:0;left:auto}.md-input-container textarea{min-height:32px;max-height:230px;padding:5px 0;resize:none;line-height:1.3em}.md-input-container .md-count,.md-input-container .md-error{height:20px;position:absolute;bottom:-22px;font-size:12px}.md-input-container .md-error{display:block!important;left:0;opacity:0;transform:translate3d(0,-8px,0);transition:all .3s cubic-bezier(.55,0,.55,.2)}.md-input-container .md-count{right:0}.md-input-container .md-icon:not(.md-icon-delete){margin:4px auto;color:rgba(0,0,0,.54);transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-input-container .md-icon:not(.md-icon-delete):after{width:36px;height:2px;position:absolute;left:0;bottom:0;z-index:1;content:""}.md-input-container .md-icon:not(.md-icon-delete)~label{left:36px}.md-input-container .md-icon:not(.md-icon-delete)~.md-file,.md-input-container .md-icon:not(.md-icon-delete)~.md-input,.md-input-container .md-icon:not(.md-icon-delete)~.md-textarea{margin-left:12px}.md-input-container.md-input-placeholder label{pointer-events:auto;top:10px;opacity:0;font-size:12px}.md-input-container.md-input-placeholder input,.md-input-container.md-input-placeholder textarea{font-size:16px}.md-input-container.md-has-value label,.md-input-container.md-input-focused label{pointer-events:auto;top:0;opacity:1;font-size:12px}.md-input-container.md-has-value input,.md-input-container.md-has-value textarea,.md-input-container.md-input-focused input,.md-input-container.md-input-focused textarea{font-size:16px}.md-input-container.md-has-value input,.md-input-container.md-has-value textarea{color:rgba(0,0,0,.87)}.md-input-container.md-input-inline label{pointer-events:none}.md-input-container.md-input-inline.md-input-focused label{top:23px;font-size:16px}.md-input-container.md-input-inline.md-has-value label{opacity:0}.md-input-container.md-input-disabled:after{background:0 100% repeat-x;background-image:linear-gradient(90deg,rgba(0,0,0,.38),rgba(0,0,0,.38) 33%,transparent 0);background-size:4px 1px}.md-input-container.md-input-disabled input,.md-input-container.md-input-disabled label,.md-input-container.md-input-disabled textarea{color:rgba(0,0,0,.38)}.md-input-container.md-has-password.md-input-focused .md-toggle-password{color:rgba(0,0,0,.54)}.md-input-container.md-has-password .md-toggle-password{margin:0;position:absolute;right:0;bottom:-2px;color:rgba(0,0,0,.38)}.md-input-container.md-has-password .md-toggle-password .md-ink-ripple{color:rgba(0,0,0,.87)}.md-input-container.md-input-invalid .md-error{opacity:1;transform:translateZ(0)}.md-input-container.md-input-required label:after{position:absolute;top:2px;right:0;transform:translateX(calc(100% + 2px));content:"*";font-size:12px;line-height:1em;vertical-align:top}.md-input-container.md-has-select:hover .md-select:not(.md-disabled):after{color:rgba(0,0,0,.87)}

dist/components/mdLayout/index.debug.js

@@ -21,16 +21,16 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /******/ 		// Create a new module (and put it into the cache)
 /******/ 		var module = installedModules[moduleId] = {
-/******/ 			exports: {},
-/******/ 			id: moduleId,
-/******/ 			loaded: false
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
 /******/ 		};
 
 /******/ 		// Execute the module function
 /******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
 
 /******/ 		// Flag the module as loaded
-/******/ 		module.loaded = true;
+/******/ 		module.l = true;
 
 /******/ 		// Return the exports of the module
 /******/ 		return module.exports;
@@ -43,233 +43,323 @@ return /******/ (function(modules) { // webpackBootstrap
 /******/ 	// expose the module cache
 /******/ 	__webpack_require__.c = installedModules;
 
+/******/ 	// identity function for calling harmony imports with the correct context
+/******/ 	__webpack_require__.i = function(value) { return value; };
+
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, {
+/******/ 				configurable: false,
+/******/ 				enumerable: true,
+/******/ 				get: getter
+/******/ 			});
+/******/ 		}
+/******/ 	};
+
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+
 /******/ 	// __webpack_public_path__
 /******/ 	__webpack_require__.p = "/";
 
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(0);
+/******/ 	return __webpack_require__(__webpack_require__.s = 411);
 /******/ })
 /************************************************************************/
 /******/ ({
 
 /***/ 0:
-/***/ function(module, exports, __webpack_require__) {
+/***/ (function(module, exports) {
 
-	module.exports = __webpack_require__(86);
+module.exports = function normalizeComponent (
+  rawScriptExports,
+  compiledTemplate,
+  scopeId,
+  cssModules
+) {
+  var esModule
+  var scriptExports = rawScriptExports = rawScriptExports || {}
+
+  // ES6 modules interop
+  var type = typeof rawScriptExports.default
+  if (type === 'object' || type === 'function') {
+    esModule = rawScriptExports
+    scriptExports = rawScriptExports.default
+  }
+
+  // Vue.extend constructor export interop
+  var options = typeof scriptExports === 'function'
+    ? scriptExports.options
+    : scriptExports
+
+  // render functions
+  if (compiledTemplate) {
+    options.render = compiledTemplate.render
+    options.staticRenderFns = compiledTemplate.staticRenderFns
+  }
+
+  // scopedId
+  if (scopeId) {
+    options._scopeId = scopeId
+  }
+
+  // inject cssModules
+  if (cssModules) {
+    var computed = options.computed || (options.computed = {})
+    Object.keys(cssModules).forEach((function (key) {
+      var module = cssModules[key]
+      computed[key] = function () { return module }
+    }))
+  }
+
+  return {
+    esModule: esModule,
+    exports: scriptExports,
+    options: options
+  }
+}
 
 
-/***/ },
+/***/ }),
 
-/***/ 86:
-/***/ function(module, exports, __webpack_require__) {
+/***/ 104:
+/***/ (function(module, exports, __webpack_require__) {
 
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	exports.default = install;
-
-	var _mdLayout = __webpack_require__(281);
-
-	var _mdLayout2 = _interopRequireDefault(_mdLayout);
-
-	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-	function install(Vue) {
-	  Vue.component('md-layout', Vue.extend(_mdLayout2.default));
-	}
-	module.exports = exports['default'];
-
-/***/ },
-
-/***/ 135:
-/***/ function(module, exports) {
-
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	//
-	//
-
-	exports.default = {
-	  props: {
-	    mdTag: {
-	      type: String,
-	      default: 'div'
-	    },
-	    mdRow: Boolean,
-	    mdRowXsmall: Boolean,
-	    mdRowSmall: Boolean,
-	    mdRowMedium: Boolean,
-	    mdRowLarge: Boolean,
-	    mdRowXlarge: Boolean,
-	    mdColumn: Boolean,
-	    mdColumnXsmall: Boolean,
-	    mdColumnSmall: Boolean,
-	    mdColumnMedium: Boolean,
-	    mdColumnLarge: Boolean,
-	    mdColumnXlarge: Boolean,
-	    mdHideXsmall: Boolean,
-	    mdHideSmall: Boolean,
-	    mdHideMedium: Boolean,
-	    mdHideLarge: Boolean,
-	    mdHideXlarge: Boolean,
-	    mdGutter: [String, Number, Boolean],
-	    mdAlign: String,
-	    mdAlignXsmall: String,
-	    mdAlignSmall: String,
-	    mdAlignMedium: String,
-	    mdAlignLarge: String,
-	    mdAlignXlarge: String,
-	    mdFlex: [String, Number, Boolean],
-	    mdFlexXsmall: [String, Number, Boolean],
-	    mdFlexSmall: [String, Number, Boolean],
-	    mdFlexMedium: [String, Number, Boolean],
-	    mdFlexLarge: [String, Number, Boolean],
-	    mdFlexXlarge: [String, Number, Boolean],
-	    mdFlexOffset: [String, Number, Boolean],
-	    mdFlexOffsetXsmall: [String, Number, Boolean],
-	    mdFlexOffsetSmall: [String, Number, Boolean],
-	    mdFlexOffsetMedium: [String, Number, Boolean],
-	    mdFlexOffsetLarge: [String, Number, Boolean],
-	    mdFlexOffsetXlarge: [String, Number, Boolean]
-	  },
-	  computed: {
-	    classes: function classes() {
-	      var classes = {
-	        'md-row': this.mdRow,
-	        'md-row-xsmall': this.mdRowXsmall,
-	        'md-row-small': this.mdRowSmall,
-	        'md-row-medium': this.mdRowMedium,
-	        'md-row-large': this.mdRowLarge,
-	        'md-row-xlarge': this.mdRowXlarge,
-	        'md-column': this.mdColumn,
-	        'md-column-xsmall': this.mdColumnXsmall,
-	        'md-column-small': this.mdColumnSmall,
-	        'md-column-medium': this.mdColumnMedium,
-	        'md-column-large': this.mdColumnLarge,
-	        'md-column-xlarge': this.mdColumnXlarge,
-	        'md-hide-xsmall': this.mdHideXsmall,
-	        'md-hide-small': this.mdHideSmall,
-	        'md-hide-medium': this.mdHideMedium,
-	        'md-hide-large': this.mdHideLarge,
-	        'md-hide-xlarge': this.mdHideXlarge
-	      };
-
-	      if (this.mdGutter) {
-	        if (typeof this.mdGutter === 'boolean') {
-	          classes['md-gutter'] = true;
-	        } else if (this.mdGutter) {
-	          classes['md-gutter-' + this.mdGutter] = true;
-	        }
-	      }
-
-	      /* Flex */
-	      this.generatePropClasses('md-flex', '', 'mdFlex', classes);
-	      this.generatePropClasses('md-flex', 'xsmall', 'mdFlexXsmall', classes);
-	      this.generatePropClasses('md-flex', 'small', 'mdFlexSmall', classes);
-	      this.generatePropClasses('md-flex', 'medium', 'mdFlexMedium', classes);
-	      this.generatePropClasses('md-flex', 'large', 'mdFlexLarge', classes);
-	      this.generatePropClasses('md-flex', 'xlarge', 'mdFlexXlarge', classes);
-
-	      /* Flex Offset */
-	      this.generatePropClasses('md-flex-offset', '', 'mdFlexOffset', classes);
-	      this.generatePropClasses('md-flex-offset', 'xsmall', 'mdFlexOffsetXsmall', classes);
-	      this.generatePropClasses('md-flex-offset', 'small', 'mdFlexOffsetSmall', classes);
-	      this.generatePropClasses('md-flex-offset', 'medium', 'mdFlexOffsetMedium', classes);
-	      this.generatePropClasses('md-flex-offset', 'large', 'mdFlexOffsetLarge', classes);
-	      this.generatePropClasses('md-flex-offset', 'xlarge', 'mdFlexOffsetXlarge', classes);
-
-	      /* Alignment */
-	      this.generatePropClasses('md-align', '', 'mdAlign', classes);
-	      this.generatePropClasses('md-align', 'xsmall', 'mdAlignXsmall', classes);
-	      this.generatePropClasses('md-align', 'small', 'mdAlignSmall', classes);
-	      this.generatePropClasses('md-align', 'medium', 'mdAlignMedium', classes);
-	      this.generatePropClasses('md-align', 'large', 'mdAlignLarge', classes);
-	      this.generatePropClasses('md-align', 'xlarge', 'mdAlignXlarge', classes);
-
-	      return classes;
-	    }
-	  },
-	  methods: {
-	    generatePropClasses: function generatePropClasses(prop, size, name, object) {
-	      if (size) {
-	        size = '-' + size;
-	      }
-
-	      if (this[name]) {
-	        if (typeof this[name] === 'boolean') {
-	          object[prop + size] = true;
-	        } else {
-	          object[prop + size + '-' + this[name]] = true;
-	        }
-	      }
-	    }
-	  },
-	  render: function render(createElement) {
-	    return createElement(this.mdTag, {
-	      staticClass: 'md-layout',
-	      class: this.classes
-	    }, this.$slots.default);
-	  }
-	};
-	module.exports = exports['default'];
-
-/***/ },
-
-/***/ 197:
-/***/ function(module, exports) {
-
-	// removed by extract-text-webpack-plugin
-
-/***/ },
-
-/***/ 281:
-/***/ function(module, exports, __webpack_require__) {
-
-	var __vue_exports__, __vue_options__
-	var __vue_styles__ = {}
-
-	/* styles */
-	__webpack_require__(197)
-
-	/* script */
-	__vue_exports__ = __webpack_require__(135)
-	__vue_options__ = __vue_exports__ = __vue_exports__ || {}
-	if (
-	  typeof __vue_exports__.default === "object" ||
-	  typeof __vue_exports__.default === "function"
-	) {
-	if (Object.keys(__vue_exports__).some((function (key) { return key !== "default" && key !== "__esModule" }))) {console.error("named exports are not supported in *.vue files.")}
-	__vue_options__ = __vue_exports__ = __vue_exports__.default
-	}
-	if (typeof __vue_options__ === "function") {
-	  __vue_options__ = __vue_options__.options
-	}
-	__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdLayout/mdLayout.vue"
-
-	/* hot reload */
-	if (false) {(function () {
-	  var hotAPI = require("vue-hot-reload-api")
-	  hotAPI.install(require("vue"), false)
-	  if (!hotAPI.compatible) return
-	  module.hot.accept()
-	  if (!module.hot.data) {
-	    hotAPI.createRecord("data-v-1f1a95a6", __vue_options__)
-	  } else {
-	    hotAPI.reload("data-v-1f1a95a6", __vue_options__)
-	  }
-	})()}
-	if (__vue_options__.functional) {console.error("[vue-loader] mdLayout.vue: functional components are not supported and should be defined in plain js files using render functions.")}
-
-	module.exports = __vue_exports__
+"use strict";
 
 
-/***/ }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = install;
 
-/******/ })
-}));
-;
+var _mdLayout = __webpack_require__(293);
+
+var _mdLayout2 = _interopRequireDefault(_mdLayout);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function install(Vue) {
+  Vue.component('md-layout', _mdLayout2.default);
+}
+module.exports = exports['default'];
+
+/***/ }),
+
+/***/ 156:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//
+//
+
+exports.default = {
+  props: {
+    mdTag: {
+      type: String,
+      default: 'div'
+    },
+    mdRow: Boolean,
+    mdRowXsmall: Boolean,
+    mdRowSmall: Boolean,
+    mdRowMedium: Boolean,
+    mdRowLarge: Boolean,
+    mdRowXlarge: Boolean,
+    mdColumn: Boolean,
+    mdColumnXsmall: Boolean,
+    mdColumnSmall: Boolean,
+    mdColumnMedium: Boolean,
+    mdColumnLarge: Boolean,
+    mdColumnXlarge: Boolean,
+    mdHideXsmall: Boolean,
+    mdHideSmall: Boolean,
+    mdHideMedium: Boolean,
+    mdHideLarge: Boolean,
+    mdHideXlarge: Boolean,
+    mdHideXsmallAndUp: Boolean,
+    mdHideSmallAndUp: Boolean,
+    mdHideMediumAndUp: Boolean,
+    mdHideLargeAndUp: Boolean,
+    mdHideXlargeAndUp: Boolean,
+    mdGutter: [String, Number, Boolean],
+    mdAlign: String,
+    mdAlignXsmall: String,
+    mdAlignSmall: String,
+    mdAlignMedium: String,
+    mdAlignLarge: String,
+    mdAlignXlarge: String,
+    mdFlex: [String, Number, Boolean],
+    mdFlexXsmall: [String, Number, Boolean],
+    mdFlexSmall: [String, Number, Boolean],
+    mdFlexMedium: [String, Number, Boolean],
+    mdFlexLarge: [String, Number, Boolean],
+    mdFlexXlarge: [String, Number, Boolean],
+    mdFlexOffset: [String, Number, Boolean],
+    mdFlexOffsetXsmall: [String, Number, Boolean],
+    mdFlexOffsetSmall: [String, Number, Boolean],
+    mdFlexOffsetMedium: [String, Number, Boolean],
+    mdFlexOffsetLarge: [String, Number, Boolean],
+    mdFlexOffsetXlarge: [String, Number, Boolean]
+  },
+  computed: {
+    classes: function classes() {
+      var classes = {
+        'md-row': this.mdRow,
+        'md-row-xsmall': this.mdRowXsmall,
+        'md-row-small': this.mdRowSmall,
+        'md-row-medium': this.mdRowMedium,
+        'md-row-large': this.mdRowLarge,
+        'md-row-xlarge': this.mdRowXlarge,
+        'md-column': this.mdColumn,
+        'md-column-xsmall': this.mdColumnXsmall,
+        'md-column-small': this.mdColumnSmall,
+        'md-column-medium': this.mdColumnMedium,
+        'md-column-large': this.mdColumnLarge,
+        'md-column-xlarge': this.mdColumnXlarge,
+        'md-hide-xsmall': this.mdHideXsmall,
+        'md-hide-small': this.mdHideSmall,
+        'md-hide-medium': this.mdHideMedium,
+        'md-hide-large': this.mdHideLarge,
+        'md-hide-xlarge': this.mdHideXlarge,
+        'md-hide-xsmall-and-up': this.mdHideXsmallAndUp,
+        'md-hide-small-and-up': this.mdHideSmallAndUp,
+        'md-hide-medium-and-up': this.mdHideMediumAndUp,
+        'md-hide-large-and-up': this.mdHideLargeAndUp,
+        'md-hide-xlarge-and-up': this.mdHideXlargeAndUp
+      };
+
+      if (this.mdGutter) {
+        if (typeof this.mdGutter === 'boolean') {
+          classes['md-gutter'] = true;
+        } else if (this.mdGutter) {
+          classes['md-gutter-' + this.mdGutter] = true;
+        }
+      }
+
+      /* Flex */
+      this.generatePropClasses('md-flex', '', 'mdFlex', classes);
+      this.generatePropClasses('md-flex', 'xsmall', 'mdFlexXsmall', classes);
+      this.generatePropClasses('md-flex', 'small', 'mdFlexSmall', classes);
+      this.generatePropClasses('md-flex', 'medium', 'mdFlexMedium', classes);
+      this.generatePropClasses('md-flex', 'large', 'mdFlexLarge', classes);
+      this.generatePropClasses('md-flex', 'xlarge', 'mdFlexXlarge', classes);
+
+      /* Flex Offset */
+      this.generatePropClasses('md-flex-offset', '', 'mdFlexOffset', classes);
+      this.generatePropClasses('md-flex-offset', 'xsmall', 'mdFlexOffsetXsmall', classes);
+      this.generatePropClasses('md-flex-offset', 'small', 'mdFlexOffsetSmall', classes);
+      this.generatePropClasses('md-flex-offset', 'medium', 'mdFlexOffsetMedium', classes);
+      this.generatePropClasses('md-flex-offset', 'large', 'mdFlexOffsetLarge', classes);
+      this.generatePropClasses('md-flex-offset', 'xlarge', 'mdFlexOffsetXlarge', classes);
+
+      /* Alignment */
+      this.generatePropClasses('md-align', '', 'mdAlign', classes);
+      this.generatePropClasses('md-align', 'xsmall', 'mdAlignXsmall', classes);
+      this.generatePropClasses('md-align', 'small', 'mdAlignSmall', classes);
+      this.generatePropClasses('md-align', 'medium', 'mdAlignMedium', classes);
+      this.generatePropClasses('md-align', 'large', 'mdAlignLarge', classes);
+      this.generatePropClasses('md-align', 'xlarge', 'mdAlignXlarge', classes);
+
+      return classes;
+    }
+  },
+  methods: {
+    generatePropClasses: function generatePropClasses(prop, size, name, object) {
+      if (size) {
+        size = '-' + size;
+      }
+
+      if (this[name]) {
+        if (typeof this[name] === 'boolean') {
+          if (!this[name]) {
+            object[prop + size + '-none'] = true;
+          } else {
+            object[prop + size] = true;
+          }
+        } else {
+          object[prop + size + '-' + this[name]] = true;
+        }
+      }
+    }
+  },
+  render: function render(createElement) {
+    return createElement(this.mdTag, {
+      staticClass: 'md-layout',
+      class: this.classes
+    }, this.$slots.default);
+  }
+};
+module.exports = exports['default'];
+
+/***/ }),
+
+/***/ 227:
+/***/ (function(module, exports) {
+
+// removed by extract-text-webpack-plugin
+
+/***/ }),
+
+/***/ 293:
+/***/ (function(module, exports, __webpack_require__) {
+
+
+/* styles */
+__webpack_require__(227)
+
+var Component = __webpack_require__(0)(
+  /* script */
+  __webpack_require__(156),
+  /* template */
+  null,
+  /* scopeId */
+  null,
+  /* cssModules */
+  null
+)
+Component.options.__file = "/Users/mrufino/Projects/personal/github/vue-material/src/components/mdLayout/mdLayout.vue"
+if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
+
+/* hot reload */
+if (false) {(function () {
+  var hotAPI = require("vue-hot-reload-api")
+  hotAPI.install(require("vue"), false)
+  if (!hotAPI.compatible) return
+  module.hot.accept()
+  if (!module.hot.data) {
+    hotAPI.createRecord("data-v-a85016b8", Component.options)
+  } else {
+    hotAPI.reload("data-v-a85016b8", Component.options)
+  }
+})()}
+
+module.exports = Component.exports
+
+
+/***/ }),
+
+/***/ 411:
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(104);
+
+
+/***/ })
+
+/******/ });
+}));

dist/components/mdMenu/index.css

@@ -1,108 +1,5 @@
-/* Common */
-/* Responsive Breakpoints */
-/* Transitions - Based on Angular Material */
-/* Elevation - Based on Angular Material */
-.md-menu {
-  display: inline-block;
-}
-.md-menu-content {
-  width: 168px;
-  min-width: 84px;
-  max-width: 392px;
-  min-height: 64px;
-  max-height: calc(100vh - 32px);
-  overflow-x: hidden;
-  overflow-y: auto;
-  position: absolute;
-  z-index: 120;
-  transform: scale(0.9, 0.85) translateZ(0);
-  border-radius: 2px;
-  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
-  opacity: 0;
-  transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.25s cubic-bezier(0.55, 0, 0.55, 0.2), margin 0.2s cubic-bezier(0.55, 0, 0.55, 0.2), transform 0s 0.25s cubic-bezier(0.55, 0, 0.55, 0.2);
-  will-change: transform, opacity, width;
-}
-.md-menu-content.md-direction-bottom-right {
-    margin-top: -20px;
-    margin-left: -8px;
-    transform-origin: top left;
-}
-.md-menu-content.md-direction-bottom-right.md-active {
-      margin-top: -11px;
-}
-.md-menu-content.md-direction-bottom-left {
-    margin-top: -20px;
-    margin-left: 8px;
-    transform-origin: top right;
-}
-.md-menu-content.md-direction-bottom-left.md-active {
-      margin-top: -11px;
-}
-.md-menu-content.md-direction-top-right {
-    margin-top: 20px;
-    margin-left: -8px;
-    transform-origin: bottom left;
-}
-.md-menu-content.md-direction-top-right.md-active {
-      margin-top: 11px;
-}
-.md-menu-content.md-direction-top-left {
-    margin-top: 20px;
-    margin-left: 8px;
-    transform-origin: bottom right;
-}
-.md-menu-content.md-direction-top-left.md-active {
-      margin-top: 11px;
-}
-.md-menu-content.md-align-trigger {
-    margin: 0;
-}
-.md-menu-content.md-size-1 {
-    width: 84px;
-}
-.md-menu-content.md-size-2 {
-    width: 112px;
-}
-.md-menu-content.md-size-3 {
-    width: 168px;
-}
-.md-menu-content.md-size-4 {
-    width: 224px;
-}
-.md-menu-content.md-size-5 {
-    width: 280px;
-}
-.md-menu-content.md-size-6 {
-    width: 336px;
-}
-.md-menu-content.md-size-7 {
-    width: 392px;
-}
-.md-menu-content.md-active {
-    pointer-events: auto;
-    opacity: 1;
-    transform: scale(1) translateZ(0);
-    transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.35s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.25s 0.05s cubic-bezier(0.25, 0.8, 0.25, 1);
-}
-.md-menu-content.md-active .md-list {
-      opacity: 1;
-      transition: opacity 0.2s 0.15s cubic-bezier(0.25, 0.8, 0.25, 1);
-}
-.md-menu-content .md-list {
-    opacity: 0;
-    transition: opacity 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
-}
-.md-menu-item {
-  cursor: pointer;
-  font-size: 16px;
-  line-height: 1.2em;
-}
-.md-menu-item[disabled] {
-    cursor: default;
-}
-.md-menu-item .md-list-item-holder {
-    overflow: hidden;
-    text-overflow: ellipsis;
-}
-
-/*# sourceMappingURL=index.css.map*/
+/*!
+* Vue Material v0.7.1
+* Made with love by Marcos Moura
+* Released under the MIT License.
+*/.md-menu{display:inline-block}.md-menu-content{width:168px;min-width:84px;max-width:392px;min-height:64px;max-height:calc(100vh - 32px);overflow-x:hidden;overflow-y:auto;position:absolute;z-index:2;transform:scale(.9,.85) translateZ(0);border-radius:2px;box-shadow:0 1px 5px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12);opacity:0;transition:width .4s cubic-bezier(.25,.8,.25,1),opacity .3s cubic-bezier(.55,0,.55,.2),margin .3s cubic-bezier(.55,0,.55,.2),transform 0s cubic-bezier(.55,0,.55,.2) .4s;will-change:transform,opacity,width}.md-menu-content.md-direction-bottom-right{margin-top:-20px;margin-left:-8px;transform-origin:top left}.md-menu-content.md-direction-bottom-right.md-active{margin-top:-11px}.md-menu-content.md-direction-bottom-left{margin-top:-20px;margin-left:8px;transform-origin:top right}.md-menu-content.md-direction-bottom-left.md-active{margin-top:-11px}.md-menu-content.md-direction-top-right{margin-top:20px;margin-left:-8px;transform-origin:bottom left}.md-menu-content.md-direction-top-right.md-active{margin-top:11px}.md-menu-content.md-direction-top-left{margin-top:20px;margin-left:8px;transform-origin:bottom right}.md-menu-content.md-direction-top-left.md-active{margin-top:11px}.md-menu-content.md-align-trigger{margin:0}.md-menu-content.md-size-1{width:84px}.md-menu-content.md-size-2{width:112px}.md-menu-content.md-size-3{width:168px}.md-menu-content.md-size-4{width:224px}.md-menu-content.md-size-5{width:280px}.md-menu-content.md-size-6{width:336px}.md-menu-content.md-size-7{width:392px}.md-menu-content.md-active{pointer-events:auto;opacity:1;transform:scale(1) translateZ(0);transition:width .4s cubic-bezier(.25,.8,.25,1),opacity .4s cubic-bezier(.25,.8,.25,1),transform .3s cubic-bezier(.25,.8,.25,1)}.md-menu-content.md-active .md-list{opacity:1;transition:opacity .3s cubic-bezier(.25,.8,.25,1)}.md-menu-content .md-list{opacity:0;transition:opacity .3s cubic-bezier(.25,.8,.25,1)}.md-menu-item{cursor:pointer;font-size:16px;line-height:1.2em}.md-menu-item[disabled]{cursor:default}.md-menu-item .md-list-item-holder{overflow:hidden;text-overflow:ellipsis}.md-menu-backdrop{z-index:1}

dist/components/mdProgress/index.css

@@ -1,73 +1,5 @@
-/* Common */
-/* Responsive Breakpoints */
-/* Transitions - Based on Angular Material */
-/* Elevation - Based on Angular Material */
-.md-progress {
-  width: 100%;
-  height: 4px;
-  position: relative;
-  overflow: hidden;
-  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
-}
-.md-progress.md-indeterminate .md-progress-track {
-    right: 0;
-}
-.md-progress.md-indeterminate .md-progress-track:before, .md-progress.md-indeterminate .md-progress-track:after {
-      position: absolute;
-      top: 0;
-      bottom: 0;
-      left: 0;
-      will-change: left, right;
-      content: '';
-}
-.md-progress.md-indeterminate .md-progress-track:before {
-      animation: progress-indeterminate 2.3s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
-}
-.md-progress.md-indeterminate .md-progress-track:after {
-      animation: progress-indeterminate-short 2.3s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
-      animation-delay: 1.15s;
-}
-.md-progress.md-progress-enter, .md-progress.md-progress-leave-active {
-    opacity: 0;
-    transform: scaleY(0) translateZ(0);
-}
-.md-progress.md-progress-enter-active {
-    transform: scaleY(1) translateZ(0);
-}
-.md-progress-track {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
-}
-@keyframes progress-indeterminate {
-0% {
-    right: 100%;
-    left: -35%;
-}
-60% {
-    right: -100%;
-    left: 100%;
-}
-100% {
-    right: -100%;
-    left: 100%;
-}
-}
-@keyframes progress-indeterminate-short {
-0% {
-    right: 100%;
-    left: -200%;
-}
-60% {
-    right: -8%;
-    left: 107%;
-}
-100% {
-    right: -8%;
-    left: 107%;
-}
-}
-
-/*# sourceMappingURL=index.css.map*/
+/*!
+* Vue Material v0.7.1
+* Made with love by Marcos Moura
+* Released under the MIT License.
+*/.md-progress{width:100%;height:4px;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-progress.md-indeterminate .md-progress-track{right:0}.md-progress.md-indeterminate .md-progress-track:after,.md-progress.md-indeterminate .md-progress-track:before{position:absolute;top:0;bottom:0;left:0;will-change:left,right;content:""}.md-progress.md-indeterminate .md-progress-track:before{animation:a 2.3s cubic-bezier(.65,.815,.735,.395) infinite}.md-progress.md-indeterminate .md-progress-track:after{animation:b 2.3s cubic-bezier(.165,.84,.44,1) infinite;animation-delay:1.15s}.md-progress.md-progress-enter,.md-progress.md-progress-leave-active{opacity:0;transform:scaleY(0) translateZ(0)}.md-progress.md-progress-enter-active{transform:scaleY(1) translateZ(0)}.md-progress-track{position:absolute;top:0;bottom:0;left:0;transition:all .4s cubic-bezier(.25,.8,.25,1)}@keyframes a{0%{right:100%;left:-35%}60%{right:-100%;left:100%}to{right:-100%;left:100%}}@keyframes b{0%{right:100%;left:-200%}60%{right:-8%;left:107%}to{right:-8%;left:107%}}

dist/components/mdProgress/index.debug.js

@@ -21,16 +21,16 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /******/ 		// Create a new module (and put it into the cache)
 /******/ 		var module = installedModules[moduleId] = {
-/******/ 			exports: {},
-/******/ 			id: moduleId,
-/******/ 			loaded: false
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
 /******/ 		};
 
 /******/ 		// Execute the module function
 /******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
 
 /******/ 		// Flag the module as loaded
-/******/ 		module.loaded = true;
+/******/ 		module.l = true;
 
 /******/ 		// Return the exports of the module
 /******/ 		return module.exports;
@@ -43,255 +43,328 @@ return /******/ (function(modules) { // webpackBootstrap
 /******/ 	// expose the module cache
 /******/ 	__webpack_require__.c = installedModules;
 
+/******/ 	// identity function for calling harmony imports with the correct context
+/******/ 	__webpack_require__.i = function(value) { return value; };
+
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, {
+/******/ 				configurable: false,
+/******/ 				enumerable: true,
+/******/ 				get: getter
+/******/ 			});
+/******/ 		}
+/******/ 	};
+
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+
 /******/ 	// __webpack_public_path__
 /******/ 	__webpack_require__.p = "/";
 
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(0);
+/******/ 	return __webpack_require__(__webpack_require__.s = 414);
 /******/ })
 /************************************************************************/
 /******/ ({
 
 /***/ 0:
-/***/ function(module, exports, __webpack_require__) {
+/***/ (function(module, exports) {
 
-	module.exports = __webpack_require__(89);
+module.exports = function normalizeComponent (
+  rawScriptExports,
+  compiledTemplate,
+  scopeId,
+  cssModules
+) {
+  var esModule
+  var scriptExports = rawScriptExports = rawScriptExports || {}
+
+  // ES6 modules interop
+  var type = typeof rawScriptExports.default
+  if (type === 'object' || type === 'function') {
+    esModule = rawScriptExports
+    scriptExports = rawScriptExports.default
+  }
+
+  // Vue.extend constructor export interop
+  var options = typeof scriptExports === 'function'
+    ? scriptExports.options
+    : scriptExports
+
+  // render functions
+  if (compiledTemplate) {
+    options.render = compiledTemplate.render
+    options.staticRenderFns = compiledTemplate.staticRenderFns
+  }
+
+  // scopedId
+  if (scopeId) {
+    options._scopeId = scopeId
+  }
+
+  // inject cssModules
+  if (cssModules) {
+    var computed = options.computed || (options.computed = {})
+    Object.keys(cssModules).forEach((function (key) {
+      var module = cssModules[key]
+      computed[key] = function () { return module }
+    }))
+  }
+
+  return {
+    esModule: esModule,
+    exports: scriptExports,
+    options: options
+  }
+}
 
 
-/***/ },
+/***/ }),
 
 /***/ 1:
-/***/ function(module, exports) {
+/***/ (function(module, exports, __webpack_require__) {
 
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	exports.default = {
-	  props: {
-	    mdTheme: String
-	  },
-	  data: function data() {
-	    return {
-	      closestThemedParent: false
-	    };
-	  },
-	  methods: {
-	    getClosestThemedParent: function getClosestThemedParent($parent) {
-	      if (!$parent || !$parent.$el || $parent._uid === 0) {
-	        return false;
-	      }
-
-	      if ($parent.mdTheme || $parent.mdName) {
-	        return $parent;
-	      }
-
-	      return this.getClosestThemedParent($parent.$parent);
-	    }
-	  },
-	  computed: {
-	    themeClass: function themeClass() {
-	      if (this.mdTheme) {
-	        return 'md-theme-' + this.mdTheme;
-	      }
-
-	      var theme = this.closestThemedParent.mdTheme;
-
-	      if (!theme) {
-	        if (this.closestThemedParent) {
-	          theme = this.closestThemedParent.mdName;
-	        } else {
-	          theme = this.$material.currentTheme;
-	        }
-	      }
-
-	      return 'md-theme-' + theme;
-	    }
-	  },
-	  mounted: function mounted() {
-	    this.closestThemedParent = this.getClosestThemedParent(this.$parent);
-
-	    if (!this.$material.currentTheme) {
-	      this.$material.setCurrentTheme('default');
-	    }
-	  }
-	};
-	module.exports = exports['default'];
-
-/***/ },
-
-/***/ 89:
-/***/ function(module, exports, __webpack_require__) {
-
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	exports.default = install;
-
-	var _mdProgress = __webpack_require__(288);
-
-	var _mdProgress2 = _interopRequireDefault(_mdProgress);
-
-	var _mdProgress3 = __webpack_require__(236);
-
-	var _mdProgress4 = _interopRequireDefault(_mdProgress3);
-
-	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-	function install(Vue) {
-	  Vue.component('md-progress', Vue.extend(_mdProgress2.default));
-
-	  Vue.material.styles.push(_mdProgress4.default);
-	}
-	module.exports = exports['default'];
-
-/***/ },
-
-/***/ 142:
-/***/ function(module, exports, __webpack_require__) {
-
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-
-	var _mixin = __webpack_require__(1);
-
-	var _mixin2 = _interopRequireDefault(_mixin);
-
-	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-	exports.default = {
-	  props: {
-	    mdIndeterminate: Boolean,
-	    mdProgress: {
-	      type: Number,
-	      default: 0
-	    }
-	  },
-	  mixins: [_mixin2.default],
-	  computed: {
-	    classes: function classes() {
-	      return {
-	        'md-indeterminate': this.mdIndeterminate
-	      };
-	    },
-	    styles: function styles() {
-	      if (!this.mdIndeterminate) {
-	        return {
-	          width: this.mdProgress + '%'
-	        };
-	      }
-	    }
-	  }
-	}; //
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-
-	module.exports = exports['default'];
-
-/***/ },
-
-/***/ 198:
-/***/ function(module, exports) {
-
-	// removed by extract-text-webpack-plugin
-
-/***/ },
-
-/***/ 236:
-/***/ function(module, exports) {
-
-	module.exports = ".THEME_NAME.md-progress {\n  background-color: PRIMARY-COLOR-0.38; }\n  .THEME_NAME.md-progress:not(.md-indeterminate) .md-progress-track {\n    background-color: PRIMARY-COLOR; }\n  .THEME_NAME.md-progress .md-progress-track:after, .THEME_NAME.md-progress .md-progress-track:before {\n    background-color: PRIMARY-COLOR; }\n  .THEME_NAME.md-progress.md-accent {\n    background-color: ACCENT-COLOR-0.38; }\n    .THEME_NAME.md-progress.md-accent:not(.md-indeterminate) .md-progress-track {\n      background-color: ACCENT-COLOR; }\n    .THEME_NAME.md-progress.md-accent .md-progress-track:after, .THEME_NAME.md-progress.md-accent .md-progress-track:before {\n      background-color: ACCENT-COLOR; }\n  .THEME_NAME.md-progress.md-warn {\n    background-color: WARN-COLOR-0.38; }\n    .THEME_NAME.md-progress.md-warn:not(.md-indeterminate) .md-progress-track {\n      background-color: WARN-COLOR; }\n    .THEME_NAME.md-progress.md-warn .md-progress-track:after, .THEME_NAME.md-progress.md-warn .md-progress-track:before {\n      background-color: WARN-COLOR; }\n"
-
-/***/ },
-
-/***/ 288:
-/***/ function(module, exports, __webpack_require__) {
-
-	var __vue_exports__, __vue_options__
-	var __vue_styles__ = {}
-
-	/* styles */
-	__webpack_require__(198)
-
-	/* script */
-	__vue_exports__ = __webpack_require__(142)
-
-	/* template */
-	var __vue_template__ = __webpack_require__(327)
-	__vue_options__ = __vue_exports__ = __vue_exports__ || {}
-	if (
-	  typeof __vue_exports__.default === "object" ||
-	  typeof __vue_exports__.default === "function"
-	) {
-	if (Object.keys(__vue_exports__).some((function (key) { return key !== "default" && key !== "__esModule" }))) {console.error("named exports are not supported in *.vue files.")}
-	__vue_options__ = __vue_exports__ = __vue_exports__.default
-	}
-	if (typeof __vue_options__ === "function") {
-	  __vue_options__ = __vue_options__.options
-	}
-	__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdProgress/mdProgress.vue"
-	__vue_options__.render = __vue_template__.render
-	__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
-
-	/* hot reload */
-	if (false) {(function () {
-	  var hotAPI = require("vue-hot-reload-api")
-	  hotAPI.install(require("vue"), false)
-	  if (!hotAPI.compatible) return
-	  module.hot.accept()
-	  if (!module.hot.data) {
-	    hotAPI.createRecord("data-v-28dc46cd", __vue_options__)
-	  } else {
-	    hotAPI.reload("data-v-28dc46cd", __vue_options__)
-	  }
-	})()}
-	if (__vue_options__.functional) {console.error("[vue-loader] mdProgress.vue: functional components are not supported and should be defined in plain js files using render functions.")}
-
-	module.exports = __vue_exports__
+"use strict";
 
 
-/***/ },
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = {
+  props: {
+    mdTheme: String
+  },
+  data: function data() {
+    return {
+      closestThemedParent: false
+    };
+  },
+  methods: {
+    getClosestThemedParent: function getClosestThemedParent($parent) {
+      if (!$parent || !$parent.$el || $parent._uid === 0) {
+        return false;
+      }
 
-/***/ 327:
-/***/ function(module, exports, __webpack_require__) {
+      if ($parent.mdTheme || $parent.mdName) {
+        return $parent;
+      }
 
-	module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
-	  return _c('transition', {
-	    attrs: {
-	      "name": "md-progress",
-	      "appear": ""
-	    }
-	  }, [_c('div', {
-	    staticClass: "md-progress",
-	    class: [_vm.themeClass, _vm.classes]
-	  }, [_c('div', {
-	    staticClass: "md-progress-track",
-	    style: (_vm.styles)
-	  })])])
-	},staticRenderFns: []}
-	module.exports.render._withStripped = true
-	if (false) {
-	  module.hot.accept()
-	  if (module.hot.data) {
-	     require("vue-hot-reload-api").rerender("data-v-28dc46cd", module.exports)
-	  }
-	}
+      return this.getClosestThemedParent($parent.$parent);
+    }
+  },
+  computed: {
+    themeClass: function themeClass() {
+      if (this.mdTheme) {
+        return 'md-theme-' + this.mdTheme;
+      }
 
-/***/ }
+      var theme = this.closestThemedParent.mdTheme;
 
-/******/ })
-}));
-;
+      if (!theme) {
+        if (this.closestThemedParent) {
+          theme = this.closestThemedParent.mdName;
+        } else {
+          theme = this.$material.currentTheme;
+        }
+      }
+
+      return 'md-theme-' + theme;
+    }
+  },
+  mounted: function mounted() {
+    this.closestThemedParent = this.getClosestThemedParent(this.$parent);
+
+    if (!this.$material.currentTheme) {
+      this.$material.setCurrentTheme('default');
+    }
+  }
+};
+module.exports = exports['default'];
+
+/***/ }),
+
+/***/ 107:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = install;
+
+var _mdProgress = __webpack_require__(304);
+
+var _mdProgress2 = _interopRequireDefault(_mdProgress);
+
+var _mdProgress3 = __webpack_require__(247);
+
+var _mdProgress4 = _interopRequireDefault(_mdProgress3);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function install(Vue) {
+  Vue.component('md-progress', _mdProgress2.default);
+
+  Vue.material.styles.push(_mdProgress4.default);
+}
+module.exports = exports['default'];
+
+/***/ }),
+
+/***/ 166:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _mixin = __webpack_require__(1);
+
+var _mixin2 = _interopRequireDefault(_mixin);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+exports.default = {
+  props: {
+    mdIndeterminate: Boolean,
+    mdProgress: {
+      type: Number,
+      default: 0
+    }
+  },
+  mixins: [_mixin2.default],
+  computed: {
+    classes: function classes() {
+      return {
+        'md-indeterminate': this.mdIndeterminate
+      };
+    },
+    styles: function styles() {
+      if (!this.mdIndeterminate) {
+        return {
+          width: this.mdProgress + '%'
+        };
+      }
+    }
+  }
+}; //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+module.exports = exports['default'];
+
+/***/ }),
+
+/***/ 209:
+/***/ (function(module, exports) {
+
+// removed by extract-text-webpack-plugin
+
+/***/ }),
+
+/***/ 247:
+/***/ (function(module, exports) {
+
+module.exports = ".THEME_NAME.md-progress {\n  background-color: PRIMARY-COLOR-0.38; }\n  .THEME_NAME.md-progress:not(.md-indeterminate) .md-progress-track {\n    background-color: PRIMARY-COLOR; }\n  .THEME_NAME.md-progress .md-progress-track:after, .THEME_NAME.md-progress .md-progress-track:before {\n    background-color: PRIMARY-COLOR; }\n  .THEME_NAME.md-progress.md-accent {\n    background-color: ACCENT-COLOR-0.38; }\n    .THEME_NAME.md-progress.md-accent:not(.md-indeterminate) .md-progress-track {\n      background-color: ACCENT-COLOR; }\n    .THEME_NAME.md-progress.md-accent .md-progress-track:after, .THEME_NAME.md-progress.md-accent .md-progress-track:before {\n      background-color: ACCENT-COLOR; }\n  .THEME_NAME.md-progress.md-warn {\n    background-color: WARN-COLOR-0.38; }\n    .THEME_NAME.md-progress.md-warn:not(.md-indeterminate) .md-progress-track {\n      background-color: WARN-COLOR; }\n    .THEME_NAME.md-progress.md-warn .md-progress-track:after, .THEME_NAME.md-progress.md-warn .md-progress-track:before {\n      background-color: WARN-COLOR; }\n"
+
+/***/ }),
+
+/***/ 304:
+/***/ (function(module, exports, __webpack_require__) {
+
+
+/* styles */
+__webpack_require__(209)
+
+var Component = __webpack_require__(0)(
+  /* script */
+  __webpack_require__(166),
+  /* template */
+  __webpack_require__(350),
+  /* scopeId */
+  null,
+  /* cssModules */
+  null
+)
+Component.options.__file = "/Users/mrufino/Projects/personal/github/vue-material/src/components/mdProgress/mdProgress.vue"
+if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
+if (Component.options.functional) {console.error("[vue-loader] mdProgress.vue: functional components are not supported with templates, they should use render functions.")}
+
+/* hot reload */
+if (false) {(function () {
+  var hotAPI = require("vue-hot-reload-api")
+  hotAPI.install(require("vue"), false)
+  if (!hotAPI.compatible) return
+  module.hot.accept()
+  if (!module.hot.data) {
+    hotAPI.createRecord("data-v-2816f2c4", Component.options)
+  } else {
+    hotAPI.reload("data-v-2816f2c4", Component.options)
+  }
+})()}
+
+module.exports = Component.exports
+
+
+/***/ }),
+
+/***/ 350:
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
+  return _c('transition', {
+    attrs: {
+      "name": "md-progress",
+      "appear": ""
+    }
+  }, [_c('div', {
+    staticClass: "md-progress",
+    class: [_vm.themeClass, _vm.classes]
+  }, [_c('div', {
+    staticClass: "md-progress-track",
+    style: (_vm.styles)
+  })])])
+},staticRenderFns: []}
+module.exports.render._withStripped = true
+if (false) {
+  module.hot.accept()
+  if (module.hot.data) {
+     require("vue-hot-reload-api").rerender("data-v-2816f2c4", module.exports)
+  }
+}
+
+/***/ }),
+
+/***/ 414:
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(107);
+
+
+/***/ })
+
+/******/ });
+}));

dist/components/mdProgress/index.js

@@ -1,6 +1,6 @@
 /*!
- * Vue Material v0.6.3
- * Made with love by Marcos Moura
- * Released under the MIT License.
- */
-!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(s){if(r[s])return r[s].exports;var o=r[s]={exports:{},id:s,loaded:!1};return e[s].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var r={};return t.m=e,t.c=r,t.p="/",t(0)})({0:function(e,t,r){e.exports=r(89)},1:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(e){return!(!e||!e.$el||0===e._uid)&&(e.mdTheme||e.mdName?e:this.getClosestThemedParent(e.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var e=this.closestThemedParent.mdTheme;return e||(e=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+e}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},e.exports=t.default},89:function(e,t,r){"use strict";function s(e){return e&&e.__esModule?e:{default:e}}function o(e){e.component("md-progress",e.extend(d.default)),e.material.styles.push(m.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=o;var n=r(288),d=s(n),a=r(236),m=s(a);e.exports=t.default},142:function(e,t,r){"use strict";function s(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(1),n=s(o);t.default={props:{mdIndeterminate:Boolean,mdProgress:{type:Number,default:0}},mixins:[n.default],computed:{classes:function(){return{"md-indeterminate":this.mdIndeterminate}},styles:function(){if(!this.mdIndeterminate)return{width:this.mdProgress+"%"}}}},e.exports=t.default},198:function(e,t){},236:function(e,t){e.exports=".THEME_NAME.md-progress{background-color:PRIMARY-COLOR-0.38}.THEME_NAME.md-progress:not(.md-indeterminate) .md-progress-track{background-color:PRIMARY-COLOR}.THEME_NAME.md-progress .md-progress-track:after,.THEME_NAME.md-progress .md-progress-track:before{background-color:PRIMARY-COLOR}.THEME_NAME.md-progress.md-accent{background-color:ACCENT-COLOR-0.38}.THEME_NAME.md-progress.md-accent:not(.md-indeterminate) .md-progress-track{background-color:ACCENT-COLOR}.THEME_NAME.md-progress.md-accent .md-progress-track:after,.THEME_NAME.md-progress.md-accent .md-progress-track:before{background-color:ACCENT-COLOR}.THEME_NAME.md-progress.md-warn{background-color:WARN-COLOR-0.38}.THEME_NAME.md-progress.md-warn:not(.md-indeterminate) .md-progress-track{background-color:WARN-COLOR}.THEME_NAME.md-progress.md-warn .md-progress-track:after,.THEME_NAME.md-progress.md-warn .md-progress-track:before{background-color:WARN-COLOR}\n"},288:function(e,t,r){var s,o;r(198),s=r(142);var n=r(327);o=s=s||{},"object"!=typeof s.default&&"function"!=typeof s.default||(o=s=s.default),"function"==typeof o&&(o=o.options),o.render=n.render,o.staticRenderFns=n.staticRenderFns,e.exports=s},327:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("transition",{attrs:{name:"md-progress",appear:""}},[r("div",{staticClass:"md-progress",class:[e.themeClass,e.classes]},[r("div",{staticClass:"md-progress-track",style:e.styles})])])},staticRenderFns:[]}}})}));
+* Vue Material v0.7.1
+* Made with love by Marcos Moura
+* Released under the MIT License.
+*/   
+!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(n){if(r[n])return r[n].exports;var o=r[n]={i:n,l:!1,exports:{}};return e[n].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var r={};return t.m=e,t.c=r,t.i=function(e){return e},t.d=function(e,r,n){t.o(e,r)||Object.defineProperty(e,r,{configurable:!1,enumerable:!0,get:n})},t.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(r,"a",r),r},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s=414)})({0:function(e,t){e.exports=function(e,t,r,n){var o,s=e=e||{},d=typeof e.default;"object"!==d&&"function"!==d||(o=e,s=e.default);var a="function"==typeof s?s.options:s;if(t&&(a.render=t.render,a.staticRenderFns=t.staticRenderFns),r&&(a._scopeId=r),n){var c=a.computed||(a.computed={});Object.keys(n).forEach((function(e){var t=n[e];c[e]=function(){return t}}))}return{esModule:o,exports:s,options:a}}},1:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(e){return!(!e||!e.$el||0===e._uid)&&(e.mdTheme||e.mdName?e:this.getClosestThemedParent(e.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var e=this.closestThemedParent.mdTheme;return e||(e=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+e}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},e.exports=t.default},107:function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function o(e){e.component("md-progress",d.default),e.material.styles.push(c.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=o;var s=r(304),d=n(s),a=r(247),c=n(a);e.exports=t.default},166:function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(1),s=n(o);t.default={props:{mdIndeterminate:Boolean,mdProgress:{type:Number,default:0}},mixins:[s.default],computed:{classes:function(){return{"md-indeterminate":this.mdIndeterminate}},styles:function(){if(!this.mdIndeterminate)return{width:this.mdProgress+"%"}}}},e.exports=t.default},209:function(e,t){},247:function(e,t){e.exports=".THEME_NAME.md-progress{background-color:PRIMARY-COLOR-0.38}.THEME_NAME.md-progress:not(.md-indeterminate) .md-progress-track{background-color:PRIMARY-COLOR}.THEME_NAME.md-progress .md-progress-track:after,.THEME_NAME.md-progress .md-progress-track:before{background-color:PRIMARY-COLOR}.THEME_NAME.md-progress.md-accent{background-color:ACCENT-COLOR-0.38}.THEME_NAME.md-progress.md-accent:not(.md-indeterminate) .md-progress-track{background-color:ACCENT-COLOR}.THEME_NAME.md-progress.md-accent .md-progress-track:after,.THEME_NAME.md-progress.md-accent .md-progress-track:before{background-color:ACCENT-COLOR}.THEME_NAME.md-progress.md-warn{background-color:WARN-COLOR-0.38}.THEME_NAME.md-progress.md-warn:not(.md-indeterminate) .md-progress-track{background-color:WARN-COLOR}.THEME_NAME.md-progress.md-warn .md-progress-track:after,.THEME_NAME.md-progress.md-warn .md-progress-track:before{background-color:WARN-COLOR}\n"},304:function(e,t,r){r(209);var n=r(0)(r(166),r(350),null,null);e.exports=n.exports},350:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("transition",{attrs:{name:"md-progress",appear:""}},[r("div",{staticClass:"md-progress",class:[e.themeClass,e.classes]},[r("div",{staticClass:"md-progress-track",style:e.styles})])])},staticRenderFns:[]}},414:function(e,t,r){e.exports=r(107)}})}));

dist/components/mdRadio/index.css

@@ -1,63 +1,5 @@
-/* Common */
-/* Responsive Breakpoints */
-/* Transitions - Based on Angular Material */
-/* Elevation - Based on Angular Material */
-.md-radio {
-  width: auto;
-  margin: 16px 8px 16px 0;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  position: relative;
-}
-.md-radio .md-radio-container {
-    width: 20px;
-    height: 20px;
-    position: relative;
-    border-radius: 50%;
-    border: 2px solid rgba(0, 0, 0, 0.54);
-    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
-}
-.md-radio .md-radio-container:after {
-      position: absolute;
-      top: 3px;
-      right: 3px;
-      bottom: 3px;
-      left: 3px;
-      border-radius: 50%;
-      opacity: 0;
-      transform: scale3D(0.38, 0.38, 1);
-      transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
-      content: " ";
-}
-.md-radio .md-radio-container input {
-      position: absolute;
-      left: -999em;
-}
-.md-radio .md-radio-container .md-ink-ripple {
-      top: -16px;
-      right: -16px;
-      bottom: -16px;
-      left: -16px;
-      border-radius: 50%;
-      color: rgba(0, 0, 0, 0.54);
-}
-.md-radio .md-radio-container .md-ink-ripple .md-ripple {
-        width: 48px !important;
-        height: 48px !important;
-        top: 0 !important;
-        right: 0 !important;
-        bottom: 0 !important;
-        left: 0 !important;
-}
-.md-radio .md-radio-label {
-    height: 20px;
-    padding-left: 8px;
-    line-height: 20px;
-}
-.md-radio.md-checked .md-radio-container:after {
-  opacity: 1;
-  transform: scale3D(1, 1, 1);
-  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
-}
-
-/*# sourceMappingURL=index.css.map*/
+/*!
+* Vue Material v0.7.1
+* Made with love by Marcos Moura
+* Released under the MIT License.
+*/.md-radio{width:auto;margin:16px 8px 16px 0;display:-ms-inline-flexbox;display:inline-flex;position:relative}.md-radio .md-radio-container{width:20px;height:20px;position:relative;border-radius:50%;border:2px solid rgba(0,0,0,.54);transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-radio .md-radio-container:after{position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;opacity:0;transform:scale3D(.38,.38,1);transition:all .3s cubic-bezier(.55,0,.55,.2);content:" "}.md-radio .md-radio-container input{position:absolute;left:-999em}.md-radio .md-radio-container .md-ink-ripple{top:-16px;right:-16px;bottom:-16px;left:-16px;border-radius:50%;color:rgba(0,0,0,.54)}.md-radio .md-radio-container .md-ink-ripple .md-ripple{width:48px!important;height:48px!important;top:0!important;right:0!important;bottom:0!important;left:0!important}.md-radio .md-radio-label{height:20px;padding-left:8px;line-height:20px}.md-radio.md-checked .md-radio-container:after{opacity:1;transform:scale3D(1,1,1);transition:all .4s cubic-bezier(.25,.8,.25,1)}

dist/components/mdRadio/index.debug.js

@@ -21,16 +21,16 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /******/ 		// Create a new module (and put it into the cache)
 /******/ 		var module = installedModules[moduleId] = {
-/******/ 			exports: {},
-/******/ 			id: moduleId,
-/******/ 			loaded: false
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
 /******/ 		};
 
 /******/ 		// Execute the module function
 /******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
 
 /******/ 		// Flag the module as loaded
-/******/ 		module.loaded = true;
+/******/ 		module.l = true;
 
 /******/ 		// Return the exports of the module
 /******/ 		return module.exports;
@@ -43,281 +43,354 @@ return /******/ (function(modules) { // webpackBootstrap
 /******/ 	// expose the module cache
 /******/ 	__webpack_require__.c = installedModules;
 
+/******/ 	// identity function for calling harmony imports with the correct context
+/******/ 	__webpack_require__.i = function(value) { return value; };
+
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, {
+/******/ 				configurable: false,
+/******/ 				enumerable: true,
+/******/ 				get: getter
+/******/ 			});
+/******/ 		}
+/******/ 	};
+
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+
 /******/ 	// __webpack_public_path__
 /******/ 	__webpack_require__.p = "/";
 
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(0);
+/******/ 	return __webpack_require__(__webpack_require__.s = 415);
 /******/ })
 /************************************************************************/
 /******/ ({
 
 /***/ 0:
-/***/ function(module, exports, __webpack_require__) {
+/***/ (function(module, exports) {
 
-	module.exports = __webpack_require__(90);
+module.exports = function normalizeComponent (
+  rawScriptExports,
+  compiledTemplate,
+  scopeId,
+  cssModules
+) {
+  var esModule
+  var scriptExports = rawScriptExports = rawScriptExports || {}
+
+  // ES6 modules interop
+  var type = typeof rawScriptExports.default
+  if (type === 'object' || type === 'function') {
+    esModule = rawScriptExports
+    scriptExports = rawScriptExports.default
+  }
+
+  // Vue.extend constructor export interop
+  var options = typeof scriptExports === 'function'
+    ? scriptExports.options
+    : scriptExports
+
+  // render functions
+  if (compiledTemplate) {
+    options.render = compiledTemplate.render
+    options.staticRenderFns = compiledTemplate.staticRenderFns
+  }
+
+  // scopedId
+  if (scopeId) {
+    options._scopeId = scopeId
+  }
+
+  // inject cssModules
+  if (cssModules) {
+    var computed = options.computed || (options.computed = {})
+    Object.keys(cssModules).forEach((function (key) {
+      var module = cssModules[key]
+      computed[key] = function () { return module }
+    }))
+  }
+
+  return {
+    esModule: esModule,
+    exports: scriptExports,
+    options: options
+  }
+}
 
 
-/***/ },
+/***/ }),
 
 /***/ 1:
-/***/ function(module, exports) {
+/***/ (function(module, exports, __webpack_require__) {
 
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	exports.default = {
-	  props: {
-	    mdTheme: String
-	  },
-	  data: function data() {
-	    return {
-	      closestThemedParent: false
-	    };
-	  },
-	  methods: {
-	    getClosestThemedParent: function getClosestThemedParent($parent) {
-	      if (!$parent || !$parent.$el || $parent._uid === 0) {
-	        return false;
-	      }
-
-	      if ($parent.mdTheme || $parent.mdName) {
-	        return $parent;
-	      }
-
-	      return this.getClosestThemedParent($parent.$parent);
-	    }
-	  },
-	  computed: {
-	    themeClass: function themeClass() {
-	      if (this.mdTheme) {
-	        return 'md-theme-' + this.mdTheme;
-	      }
-
-	      var theme = this.closestThemedParent.mdTheme;
-
-	      if (!theme) {
-	        if (this.closestThemedParent) {
-	          theme = this.closestThemedParent.mdName;
-	        } else {
-	          theme = this.$material.currentTheme;
-	        }
-	      }
-
-	      return 'md-theme-' + theme;
-	    }
-	  },
-	  mounted: function mounted() {
-	    this.closestThemedParent = this.getClosestThemedParent(this.$parent);
-
-	    if (!this.$material.currentTheme) {
-	      this.$material.setCurrentTheme('default');
-	    }
-	  }
-	};
-	module.exports = exports['default'];
-
-/***/ },
-
-/***/ 90:
-/***/ function(module, exports, __webpack_require__) {
-
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	exports.default = install;
-
-	var _mdRadio = __webpack_require__(289);
-
-	var _mdRadio2 = _interopRequireDefault(_mdRadio);
-
-	var _mdRadio3 = __webpack_require__(237);
-
-	var _mdRadio4 = _interopRequireDefault(_mdRadio3);
-
-	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-	function install(Vue) {
-	  Vue.component('md-radio', Vue.extend(_mdRadio2.default));
-
-	  Vue.material.styles.push(_mdRadio4.default);
-	}
-	module.exports = exports['default'];
-
-/***/ },
-
-/***/ 143:
-/***/ function(module, exports, __webpack_require__) {
-
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-
-	var _mixin = __webpack_require__(1);
-
-	var _mixin2 = _interopRequireDefault(_mixin);
-
-	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-	exports.default = {
-	  props: {
-	    name: String,
-	    id: String,
-	    value: [String, Boolean, Number],
-	    mdValue: {
-	      type: [String, Boolean, Number],
-	      required: true
-	    },
-	    disabled: Boolean
-	  },
-	  mixins: [_mixin2.default],
-	  computed: {
-	    classes: function classes() {
-	      return {
-	        'md-checked': this.value && this.mdValue.toString() === this.value.toString(),
-	        'md-disabled': this.disabled
-	      };
-	    }
-	  },
-	  methods: {
-	    toggleCheck: function toggleCheck($event) {
-	      if (!this.disabled) {
-	        this.$emit('change', this.mdValue, $event);
-	        this.$emit('input', this.mdValue, $event);
-	      }
-	    }
-	  }
-	}; //
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-
-	module.exports = exports['default'];
-
-/***/ },
-
-/***/ 220:
-/***/ function(module, exports) {
-
-	// removed by extract-text-webpack-plugin
-
-/***/ },
-
-/***/ 237:
-/***/ function(module, exports) {
-
-	module.exports = ".THEME_NAME.md-radio .md-radio-container:after {\n  background-color: ACCENT-COLOR; }\n\n.THEME_NAME.md-radio.md-checked .md-radio-container {\n  border-color: ACCENT-COLOR; }\n\n.THEME_NAME.md-radio.md-checked .md-ink-ripple {\n  color: ACCENT-COLOR; }\n\n.THEME_NAME.md-radio.md-checked .md-ripple {\n  opacity: .38; }\n\n.THEME_NAME.md-radio.md-primary .md-radio-container:after {\n  background-color: PRIMARY-COLOR; }\n\n.THEME_NAME.md-radio.md-primary.md-checked .md-radio-container {\n  border-color: PRIMARY-COLOR; }\n\n.THEME_NAME.md-radio.md-primary.md-checked .md-ink-ripple {\n  color: PRIMARY-COLOR; }\n\n.THEME_NAME.md-radio.md-warn .md-radio-container:after {\n  background-color: WARN-COLOR; }\n\n.THEME_NAME.md-radio.md-warn.md-checked .md-radio-container {\n  border-color: WARN-COLOR; }\n\n.THEME_NAME.md-radio.md-warn.md-checked .md-ink-ripple {\n  color: WARN-COLOR; }\n\n.THEME_NAME.md-radio.md-disabled .md-radio-container {\n  border-color: rgba(0, 0, 0, 0.26); }\n  .THEME_NAME.md-radio.md-disabled .md-radio-container:after {\n    background-color: rgba(0, 0, 0, 0.26); }\n\n.THEME_NAME.md-radio.md-disabled.md-checked .md-radio-container {\n  border-color: rgba(0, 0, 0, 0.26); }\n"
-
-/***/ },
-
-/***/ 289:
-/***/ function(module, exports, __webpack_require__) {
-
-	var __vue_exports__, __vue_options__
-	var __vue_styles__ = {}
-
-	/* styles */
-	__webpack_require__(220)
-
-	/* script */
-	__vue_exports__ = __webpack_require__(143)
-
-	/* template */
-	var __vue_template__ = __webpack_require__(370)
-	__vue_options__ = __vue_exports__ = __vue_exports__ || {}
-	if (
-	  typeof __vue_exports__.default === "object" ||
-	  typeof __vue_exports__.default === "function"
-	) {
-	if (Object.keys(__vue_exports__).some((function (key) { return key !== "default" && key !== "__esModule" }))) {console.error("named exports are not supported in *.vue files.")}
-	__vue_options__ = __vue_exports__ = __vue_exports__.default
-	}
-	if (typeof __vue_options__ === "function") {
-	  __vue_options__ = __vue_options__.options
-	}
-	__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdRadio/mdRadio.vue"
-	__vue_options__.render = __vue_template__.render
-	__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
-
-	/* hot reload */
-	if (false) {(function () {
-	  var hotAPI = require("vue-hot-reload-api")
-	  hotAPI.install(require("vue"), false)
-	  if (!hotAPI.compatible) return
-	  module.hot.accept()
-	  if (!module.hot.data) {
-	    hotAPI.createRecord("data-v-e87254d2", __vue_options__)
-	  } else {
-	    hotAPI.reload("data-v-e87254d2", __vue_options__)
-	  }
-	})()}
-	if (__vue_options__.functional) {console.error("[vue-loader] mdRadio.vue: functional components are not supported and should be defined in plain js files using render functions.")}
-
-	module.exports = __vue_exports__
+"use strict";
 
 
-/***/ },
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = {
+  props: {
+    mdTheme: String
+  },
+  data: function data() {
+    return {
+      closestThemedParent: false
+    };
+  },
+  methods: {
+    getClosestThemedParent: function getClosestThemedParent($parent) {
+      if (!$parent || !$parent.$el || $parent._uid === 0) {
+        return false;
+      }
 
-/***/ 370:
-/***/ function(module, exports, __webpack_require__) {
+      if ($parent.mdTheme || $parent.mdName) {
+        return $parent;
+      }
 
-	module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
-	  return _c('div', {
-	    staticClass: "md-radio",
-	    class: [_vm.themeClass, _vm.classes]
-	  }, [_c('div', {
-	    staticClass: "md-radio-container",
-	    on: {
-	      "click": _vm.toggleCheck
-	    }
-	  }, [_c('input', {
-	    attrs: {
-	      "type": "radio",
-	      "name": _vm.name,
-	      "id": _vm.id,
-	      "disabled": _vm.disabled
-	    },
-	    domProps: {
-	      "value": _vm.value
-	    }
-	  }), _vm._v(" "), _c('md-ink-ripple', {
-	    attrs: {
-	      "md-disabled": _vm.disabled
-	    }
-	  })], 1), _vm._v(" "), (_vm.$slots.default) ? _c('label', {
-	    staticClass: "md-radio-label",
-	    attrs: {
-	      "for": _vm.id || _vm.name
-	    }
-	  }, [_vm._t("default")], 2) : _vm._e()])
-	},staticRenderFns: []}
-	module.exports.render._withStripped = true
-	if (false) {
-	  module.hot.accept()
-	  if (module.hot.data) {
-	     require("vue-hot-reload-api").rerender("data-v-e87254d2", module.exports)
-	  }
-	}
+      return this.getClosestThemedParent($parent.$parent);
+    }
+  },
+  computed: {
+    themeClass: function themeClass() {
+      if (this.mdTheme) {
+        return 'md-theme-' + this.mdTheme;
+      }
 
-/***/ }
+      var theme = this.closestThemedParent.mdTheme;
 
-/******/ })
-}));
-;
+      if (!theme) {
+        if (this.closestThemedParent) {
+          theme = this.closestThemedParent.mdName;
+        } else {
+          theme = this.$material.currentTheme;
+        }
+      }
+
+      return 'md-theme-' + theme;
+    }
+  },
+  mounted: function mounted() {
+    this.closestThemedParent = this.getClosestThemedParent(this.$parent);
+
+    if (!this.$material.currentTheme) {
+      this.$material.setCurrentTheme('default');
+    }
+  }
+};
+module.exports = exports['default'];
+
+/***/ }),
+
+/***/ 108:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = install;
+
+var _mdRadio = __webpack_require__(305);
+
+var _mdRadio2 = _interopRequireDefault(_mdRadio);
+
+var _mdRadio3 = __webpack_require__(248);
+
+var _mdRadio4 = _interopRequireDefault(_mdRadio3);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function install(Vue) {
+  Vue.component('md-radio', _mdRadio2.default);
+
+  Vue.material.styles.push(_mdRadio4.default);
+}
+module.exports = exports['default'];
+
+/***/ }),
+
+/***/ 167:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _mixin = __webpack_require__(1);
+
+var _mixin2 = _interopRequireDefault(_mixin);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+exports.default = {
+  props: {
+    name: String,
+    id: String,
+    value: [String, Boolean, Number],
+    mdValue: {
+      type: [String, Boolean, Number],
+      required: true
+    },
+    disabled: Boolean
+  },
+  mixins: [_mixin2.default],
+  computed: {
+    classes: function classes() {
+      return {
+        'md-checked': typeof this.value !== 'undefined' && this.mdValue.toString() === this.value.toString(),
+        'md-disabled': this.disabled
+      };
+    }
+  },
+  methods: {
+    toggleCheck: function toggleCheck($event) {
+      if (!this.disabled) {
+        this.$emit('change', this.mdValue, $event);
+        this.$emit('input', this.mdValue, $event);
+      }
+    }
+  }
+}; //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+module.exports = exports['default'];
+
+/***/ }),
+
+/***/ 201:
+/***/ (function(module, exports) {
+
+// removed by extract-text-webpack-plugin
+
+/***/ }),
+
+/***/ 248:
+/***/ (function(module, exports) {
+
+module.exports = ".THEME_NAME.md-radio .md-radio-container:after {\n  background-color: ACCENT-COLOR; }\n\n.THEME_NAME.md-radio.md-checked .md-radio-container {\n  border-color: ACCENT-COLOR; }\n\n.THEME_NAME.md-radio.md-checked .md-ink-ripple {\n  color: ACCENT-COLOR; }\n\n.THEME_NAME.md-radio.md-checked .md-ripple {\n  opacity: .38; }\n\n.THEME_NAME.md-radio.md-primary .md-radio-container:after {\n  background-color: PRIMARY-COLOR; }\n\n.THEME_NAME.md-radio.md-primary.md-checked .md-radio-container {\n  border-color: PRIMARY-COLOR; }\n\n.THEME_NAME.md-radio.md-primary.md-checked .md-ink-ripple {\n  color: PRIMARY-COLOR; }\n\n.THEME_NAME.md-radio.md-warn .md-radio-container:after {\n  background-color: WARN-COLOR; }\n\n.THEME_NAME.md-radio.md-warn.md-checked .md-radio-container {\n  border-color: WARN-COLOR; }\n\n.THEME_NAME.md-radio.md-warn.md-checked .md-ink-ripple {\n  color: WARN-COLOR; }\n\n.THEME_NAME.md-radio.md-disabled .md-radio-container {\n  border-color: rgba(0, 0, 0, 0.26); }\n  .THEME_NAME.md-radio.md-disabled .md-radio-container:after {\n    background-color: rgba(0, 0, 0, 0.26); }\n\n.THEME_NAME.md-radio.md-disabled.md-checked .md-radio-container {\n  border-color: rgba(0, 0, 0, 0.26); }\n"
+
+/***/ }),
+
+/***/ 305:
+/***/ (function(module, exports, __webpack_require__) {
+
+
+/* styles */
+__webpack_require__(201)
+
+var Component = __webpack_require__(0)(
+  /* script */
+  __webpack_require__(167),
+  /* template */
+  __webpack_require__(332),
+  /* scopeId */
+  null,
+  /* cssModules */
+  null
+)
+Component.options.__file = "/Users/mrufino/Projects/personal/github/vue-material/src/components/mdRadio/mdRadio.vue"
+if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
+if (Component.options.functional) {console.error("[vue-loader] mdRadio.vue: functional components are not supported with templates, they should use render functions.")}
+
+/* hot reload */
+if (false) {(function () {
+  var hotAPI = require("vue-hot-reload-api")
+  hotAPI.install(require("vue"), false)
+  if (!hotAPI.compatible) return
+  module.hot.accept()
+  if (!module.hot.data) {
+    hotAPI.createRecord("data-v-079386ce", Component.options)
+  } else {
+    hotAPI.reload("data-v-079386ce", Component.options)
+  }
+})()}
+
+module.exports = Component.exports
+
+
+/***/ }),
+
+/***/ 332:
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
+  return _c('div', {
+    staticClass: "md-radio",
+    class: [_vm.themeClass, _vm.classes]
+  }, [_c('div', {
+    staticClass: "md-radio-container",
+    on: {
+      "click": _vm.toggleCheck
+    }
+  }, [_c('input', {
+    attrs: {
+      "type": "radio",
+      "name": _vm.name,
+      "id": _vm.id,
+      "disabled": _vm.disabled
+    },
+    domProps: {
+      "value": _vm.value
+    }
+  }), _vm._v(" "), _c('md-ink-ripple', {
+    attrs: {
+      "md-disabled": _vm.disabled
+    }
+  })], 1), _vm._v(" "), (_vm.$slots.default) ? _c('label', {
+    staticClass: "md-radio-label",
+    attrs: {
+      "for": _vm.id || _vm.name
+    }
+  }, [_vm._t("default")], 2) : _vm._e()])
+},staticRenderFns: []}
+module.exports.render._withStripped = true
+if (false) {
+  module.hot.accept()
+  if (module.hot.data) {
+     require("vue-hot-reload-api").rerender("data-v-079386ce", module.exports)
+  }
+}
+
+/***/ }),
+
+/***/ 415:
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(108);
+
+
+/***/ })
+
+/******/ });
+}));

dist/components/mdRadio/index.js

@@ -1,6 +1,6 @@
 /*!
- * Vue Material v0.6.3
- * Made with love by Marcos Moura
- * Released under the MIT License.
- */
-!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(r){if(d[r])return d[r].exports;var o=d[r]={exports:{},id:r,loaded:!1};return e[r].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var d={};return t.m=e,t.c=d,t.p="/",t(0)})({0:function(e,t,d){e.exports=d(90)},1:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(e){return!(!e||!e.$el||0===e._uid)&&(e.mdTheme||e.mdName?e:this.getClosestThemedParent(e.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var e=this.closestThemedParent.mdTheme;return e||(e=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+e}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},e.exports=t.default},90:function(e,t,d){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(e){e.component("md-radio",e.extend(i.default)),e.material.styles.push(s.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=o;var a=d(289),i=r(a),n=d(237),s=r(n);e.exports=t.default},143:function(e,t,d){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=d(1),a=r(o);t.default={props:{name:String,id:String,value:[String,Boolean,Number],mdValue:{type:[String,Boolean,Number],required:!0},disabled:Boolean},mixins:[a.default],computed:{classes:function(){return{"md-checked":this.value&&this.mdValue.toString()===this.value.toString(),"md-disabled":this.disabled}}},methods:{toggleCheck:function(e){this.disabled||(this.$emit("change",this.mdValue,e),this.$emit("input",this.mdValue,e))}}},e.exports=t.default},220:function(e,t){},237:function(e,t){e.exports=".THEME_NAME.md-radio .md-radio-container:after{background-color:ACCENT-COLOR}.THEME_NAME.md-radio.md-checked .md-radio-container{border-color:ACCENT-COLOR}.THEME_NAME.md-radio.md-checked .md-ink-ripple{color:ACCENT-COLOR}.THEME_NAME.md-radio.md-checked .md-ripple{opacity:.38}.THEME_NAME.md-radio.md-primary .md-radio-container:after{background-color:PRIMARY-COLOR}.THEME_NAME.md-radio.md-primary.md-checked .md-radio-container{border-color:PRIMARY-COLOR}.THEME_NAME.md-radio.md-primary.md-checked .md-ink-ripple{color:PRIMARY-COLOR}.THEME_NAME.md-radio.md-warn .md-radio-container:after{background-color:WARN-COLOR}.THEME_NAME.md-radio.md-warn.md-checked .md-radio-container{border-color:WARN-COLOR}.THEME_NAME.md-radio.md-warn.md-checked .md-ink-ripple{color:WARN-COLOR}.THEME_NAME.md-radio.md-disabled .md-radio-container{border-color:rgba(0,0,0,0.26)}.THEME_NAME.md-radio.md-disabled .md-radio-container:after{background-color:rgba(0,0,0,0.26)}.THEME_NAME.md-radio.md-disabled.md-checked .md-radio-container{border-color:rgba(0,0,0,0.26)}\n"},289:function(e,t,d){var r,o;d(220),r=d(143);var a=d(370);o=r=r||{},"object"!=typeof r.default&&"function"!=typeof r.default||(o=r=r.default),"function"==typeof o&&(o=o.options),o.render=a.render,o.staticRenderFns=a.staticRenderFns,e.exports=r},370:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,d=e._self._c||t;return d("div",{staticClass:"md-radio",class:[e.themeClass,e.classes]},[d("div",{staticClass:"md-radio-container",on:{click:e.toggleCheck}},[d("input",{attrs:{type:"radio",name:e.name,id:e.id,disabled:e.disabled},domProps:{value:e.value}}),e._v(" "),d("md-ink-ripple",{attrs:{"md-disabled":e.disabled}})],1),e._v(" "),e.$slots.default?d("label",{staticClass:"md-radio-label",attrs:{for:e.id||e.name}},[e._t("default")],2):e._e()])},staticRenderFns:[]}}})}));
+* Vue Material v0.7.1
+* Made with love by Marcos Moura
+* Released under the MIT License.
+*/   
+!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(d){if(r[d])return r[d].exports;var o=r[d]={i:d,l:!1,exports:{}};return e[d].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var r={};return t.m=e,t.c=r,t.i=function(e){return e},t.d=function(e,r,d){t.o(e,r)||Object.defineProperty(e,r,{configurable:!1,enumerable:!0,get:d})},t.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(r,"a",r),r},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s=415)})({0:function(e,t){e.exports=function(e,t,r,d){var o,n=e=e||{},i=typeof e.default;"object"!==i&&"function"!==i||(o=e,n=e.default);var a="function"==typeof n?n.options:n;if(t&&(a.render=t.render,a.staticRenderFns=t.staticRenderFns),r&&(a._scopeId=r),d){var s=a.computed||(a.computed={});Object.keys(d).forEach((function(e){var t=d[e];s[e]=function(){return t}}))}return{esModule:o,exports:n,options:a}}},1:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(e){return!(!e||!e.$el||0===e._uid)&&(e.mdTheme||e.mdName?e:this.getClosestThemedParent(e.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var e=this.closestThemedParent.mdTheme;return e||(e=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+e}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},e.exports=t.default},108:function(e,t,r){"use strict";function d(e){return e&&e.__esModule?e:{default:e}}function o(e){e.component("md-radio",i.default),e.material.styles.push(s.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=o;var n=r(305),i=d(n),a=r(248),s=d(a);e.exports=t.default},167:function(e,t,r){"use strict";function d(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=r(1),n=d(o);t.default={props:{name:String,id:String,value:[String,Boolean,Number],mdValue:{type:[String,Boolean,Number],required:!0},disabled:Boolean},mixins:[n.default],computed:{classes:function(){return{"md-checked":"undefined"!=typeof this.value&&this.mdValue.toString()===this.value.toString(),"md-disabled":this.disabled}}},methods:{toggleCheck:function(e){this.disabled||(this.$emit("change",this.mdValue,e),this.$emit("input",this.mdValue,e))}}},e.exports=t.default},201:function(e,t){},248:function(e,t){e.exports=".THEME_NAME.md-radio .md-radio-container:after{background-color:ACCENT-COLOR}.THEME_NAME.md-radio.md-checked .md-radio-container{border-color:ACCENT-COLOR}.THEME_NAME.md-radio.md-checked .md-ink-ripple{color:ACCENT-COLOR}.THEME_NAME.md-radio.md-checked .md-ripple{opacity:.38}.THEME_NAME.md-radio.md-primary .md-radio-container:after{background-color:PRIMARY-COLOR}.THEME_NAME.md-radio.md-primary.md-checked .md-radio-container{border-color:PRIMARY-COLOR}.THEME_NAME.md-radio.md-primary.md-checked .md-ink-ripple{color:PRIMARY-COLOR}.THEME_NAME.md-radio.md-warn .md-radio-container:after{background-color:WARN-COLOR}.THEME_NAME.md-radio.md-warn.md-checked .md-radio-container{border-color:WARN-COLOR}.THEME_NAME.md-radio.md-warn.md-checked .md-ink-ripple{color:WARN-COLOR}.THEME_NAME.md-radio.md-disabled .md-radio-container{border-color:rgba(0,0,0,0.26)}.THEME_NAME.md-radio.md-disabled .md-radio-container:after{background-color:rgba(0,0,0,0.26)}.THEME_NAME.md-radio.md-disabled.md-checked .md-radio-container{border-color:rgba(0,0,0,0.26)}\n"},305:function(e,t,r){r(201);var d=r(0)(r(167),r(332),null,null);e.exports=d.exports},332:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("div",{staticClass:"md-radio",class:[e.themeClass,e.classes]},[r("div",{staticClass:"md-radio-container",on:{click:e.toggleCheck}},[r("input",{attrs:{type:"radio",name:e.name,id:e.id,disabled:e.disabled},domProps:{value:e.value}}),e._v(" "),r("md-ink-ripple",{attrs:{"md-disabled":e.disabled}})],1),e._v(" "),e.$slots.default?r("label",{staticClass:"md-radio-label",attrs:{for:e.id||e.name}},[e._t("default")],2):e._e()])},staticRenderFns:[]}},415:function(e,t,r){e.exports=r(108)}})}));

dist/components/mdSelect/index.css

@@ -1,99 +1,5 @@
-/* Common */
-/* Responsive Breakpoints */
-/* Transitions - Based on Angular Material */
-/* Elevation - Based on Angular Material */
-.md-select {
-  width: 100%;
-  min-width: 128px;
-  height: 32px;
-  position: relative;
-}
-.md-select:focus {
-    outline: none;
-}
-.md-select:after {
-    margin-top: 2px;
-    position: absolute;
-    top: 50%;
-    right: 0;
-    transform: translateY(-50%) scaleY(0.45) scaleX(0.85);
-    transition: all 0.15s linear;
-    content: "\25BC";
-}
-.md-select.md-active .md-select-menu {
-    top: -8px;
-    pointer-events: auto;
-    opacity: 1;
-    transform: translateY(-8px) scale3D(1, 1, 1);
-    transform-origin: center top;
-    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
-    transition-duration: .25s;
-    transition-property: opacity, transform, top;
-}
-.md-select.md-active .md-select-menu > * {
-      opacity: 1;
-      transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
-      transition-duration: .15s;
-      transition-delay: .1s;
-}
-.md-select.md-disabled {
-    pointer-events: none;
-    -webkit-user-select: none;
-       -moz-user-select: none;
-        -ms-user-select: none;
-            user-select: none;
-    user-drag: none;
-}
-.md-select select {
-    position: absolute;
-    left: -999em;
-}
-.md-select .md-menu {
-    width: 100%;
-    height: 32px;
-    display: block;
-    position: relative;
-}
-.md-select .md-select-value {
-    width: 100%;
-    height: 32px;
-    padding-right: 24px;
-    display: block;
-    cursor: pointer;
-    overflow: hidden;
-    position: relative;
-    z-index: 2;
-    font-size: 16px;
-    line-height: 33px;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-}
-.md-select .md-subheader {
-    color: rgba(117, 117, 117, 0.87);
-    text-transform: uppercase;
-}
-.md-select .md-subheader:first-child {
-      margin-top: -8px;
-}
-.md-select-content {
-  width: auto;
-  max-height: 256px;
-}
-.md-select-content.md-direction-bottom-right {
-    margin-top: -15px;
-    margin-left: -16px;
-}
-.md-select-content .md-menu-item .md-list-item-holder {
-    overflow: visible;
-    -ms-flex-pack: start;
-        justify-content: flex-start;
-}
-.md-select-content.md-multiple .md-checkbox {
-    margin: 0;
-}
-.md-select-content.md-multiple .md-checkbox-label {
-    padding-left: 16px;
-    cursor: pointer;
-}
-
-/*# sourceMappingURL=index.css.map*/
+/*!
+* Vue Material v0.7.1
+* Made with love by Marcos Moura
+* Released under the MIT License.
+*/.md-select{width:100%;min-width:128px;height:32px;position:relative}.md-select:focus{outline:none}.md-select:after{margin-top:2px;position:absolute;top:50%;right:0;transform:translateY(-50%) scaleY(.45) scaleX(.85);transition:all .15s linear;content:"\25BC"}.md-select.md-active .md-select-menu{top:-8px;pointer-events:auto;opacity:1;transform:translateY(-8px) scale3D(1,1,1);transform-origin:center top;transition:all .4s cubic-bezier(.25,.8,.25,1);transition-duration:.25s;transition-property:opacity,transform,top}.md-select.md-active .md-select-menu>*{opacity:1;transition:all .3s cubic-bezier(.55,0,.55,.2);transition-duration:.15s;transition-delay:.1s}.md-select.md-disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;user-drag:none}.md-select select{position:absolute;left:-999em}.md-select .md-menu,.md-select .md-select-value{width:100%;height:32px;display:block;position:relative}.md-select .md-select-value{padding-right:24px;cursor:pointer;overflow:hidden;z-index:1;font-size:16px;line-height:33px;text-overflow:ellipsis;white-space:nowrap}.md-select .md-subheader{color:hsla(0,0%,46%,.87);text-transform:uppercase}.md-select .md-subheader:first-child{margin-top:-8px}.md-select-content{width:auto;max-height:256px}.md-select-content.md-direction-bottom-right{margin-top:-15px;margin-left:-16px}.md-select-content .md-menu-item .md-list-item-holder{overflow:visible;-ms-flex-pack:start;justify-content:flex-start}.md-select-content.md-multiple .md-checkbox{margin:0}.md-select-content.md-multiple .md-checkbox-label{padding-left:16px;cursor:pointer}

dist/components/mdSidenav/index.css

@@ -1,54 +1,5 @@
-/* Common */
-/* Responsive Breakpoints */
-/* Transitions - Based on Angular Material */
-/* Elevation - Based on Angular Material */
-.md-sidenav.md-left .md-sidenav-content {
-  left: 0;
-  transform: translate3D(-100%, 0, 0);
-}
-.md-sidenav.md-right .md-sidenav-content {
-  right: 0;
-  transform: translate3D(100%, 0, 0);
-}
-.md-sidenav.md-fixed .md-sidenav-content,
-.md-sidenav.md-fixed .md-sidenav-backdrop {
-  position: fixed;
-}
-.md-sidenav .md-sidenav-content {
-  width: 304px;
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  z-index: 100;
-  pointer-events: none;
-  overflow: auto;
-  -webkit-overflow-scrolling: touch;
-  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
-  transition-property: transform;
-  will-change: transform;
-}
-.md-sidenav .md-backdrop {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 99;
-  pointer-events: none;
-  background-color: rgba(0, 0, 0, 0.54);
-  opacity: 0;
-  transition: all 0.5s cubic-bezier(0.35, 0, 0.25, 1);
-  transition-property: opacity;
-  will-change: opacity;
-}
-.md-sidenav.md-active .md-sidenav-content {
-  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
-  pointer-events: auto;
-  transform: translate3D(0, 0, 0);
-}
-.md-sidenav.md-active .md-sidenav-backdrop {
-  opacity: 1;
-  pointer-events: auto;
-}
-
-/*# sourceMappingURL=index.css.map*/
+/*!
+* Vue Material v0.7.1
+* Made with love by Marcos Moura
+* Released under the MIT License.
+*/.md-sidenav.md-left .md-sidenav-content{left:0;transform:translate3D(-100%,0,0)}.md-sidenav.md-right .md-sidenav-content{right:0;transform:translate3D(100%,0,0)}.md-sidenav.md-fixed .md-sidenav-backdrop,.md-sidenav.md-fixed .md-sidenav-content{position:fixed}.md-sidenav .md-sidenav-content{width:304px;position:absolute;top:0;bottom:0;z-index:2;pointer-events:none;overflow:auto;-webkit-overflow-scrolling:touch;transition:all .4s cubic-bezier(.25,.8,.25,1);transition-property:transform;will-change:transform}.md-sidenav .md-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background-color:rgba(0,0,0,.54);opacity:0;transition:all .5s cubic-bezier(.35,0,.25,1);transition-property:opacity;will-change:opacity}.md-sidenav.md-active .md-sidenav-content{box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12);pointer-events:auto;transform:translate3D(0,0,0)}.md-sidenav.md-active .md-sidenav-backdrop{opacity:1;pointer-events:auto}

dist/components/mdSidenav/index.debug.js

@@ -21,16 +21,16 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /******/ 		// Create a new module (and put it into the cache)
 /******/ 		var module = installedModules[moduleId] = {
-/******/ 			exports: {},
-/******/ 			id: moduleId,
-/******/ 			loaded: false
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
 /******/ 		};
 
 /******/ 		// Execute the module function
 /******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
 
 /******/ 		// Flag the module as loaded
-/******/ 		module.loaded = true;
+/******/ 		module.l = true;
 
 /******/ 		// Return the exports of the module
 /******/ 		return module.exports;
@@ -43,277 +43,427 @@ return /******/ (function(modules) { // webpackBootstrap
 /******/ 	// expose the module cache
 /******/ 	__webpack_require__.c = installedModules;
 
+/******/ 	// identity function for calling harmony imports with the correct context
+/******/ 	__webpack_require__.i = function(value) { return value; };
+
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, {
+/******/ 				configurable: false,
+/******/ 				enumerable: true,
+/******/ 				get: getter
+/******/ 			});
+/******/ 		}
+/******/ 	};
+
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+
 /******/ 	// __webpack_public_path__
 /******/ 	__webpack_require__.p = "/";
 
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(0);
+/******/ 	return __webpack_require__(__webpack_require__.s = 417);
 /******/ })
 /************************************************************************/
 /******/ ({
 
 /***/ 0:
-/***/ function(module, exports, __webpack_require__) {
+/***/ (function(module, exports) {
 
-	module.exports = __webpack_require__(92);
+module.exports = function normalizeComponent (
+  rawScriptExports,
+  compiledTemplate,
+  scopeId,
+  cssModules
+) {
+  var esModule
+  var scriptExports = rawScriptExports = rawScriptExports || {}
+
+  // ES6 modules interop
+  var type = typeof rawScriptExports.default
+  if (type === 'object' || type === 'function') {
+    esModule = rawScriptExports
+    scriptExports = rawScriptExports.default
+  }
+
+  // Vue.extend constructor export interop
+  var options = typeof scriptExports === 'function'
+    ? scriptExports.options
+    : scriptExports
+
+  // render functions
+  if (compiledTemplate) {
+    options.render = compiledTemplate.render
+    options.staticRenderFns = compiledTemplate.staticRenderFns
+  }
+
+  // scopedId
+  if (scopeId) {
+    options._scopeId = scopeId
+  }
+
+  // inject cssModules
+  if (cssModules) {
+    var computed = options.computed || (options.computed = {})
+    Object.keys(cssModules).forEach((function (key) {
+      var module = cssModules[key]
+      computed[key] = function () { return module }
+    }))
+  }
+
+  return {
+    esModule: esModule,
+    exports: scriptExports,
+    options: options
+  }
+}
 
 
-/***/ },
+/***/ }),
 
 /***/ 1:
-/***/ function(module, exports) {
+/***/ (function(module, exports, __webpack_require__) {
 
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	exports.default = {
-	  props: {
-	    mdTheme: String
-	  },
-	  data: function data() {
-	    return {
-	      closestThemedParent: false
-	    };
-	  },
-	  methods: {
-	    getClosestThemedParent: function getClosestThemedParent($parent) {
-	      if (!$parent || !$parent.$el || $parent._uid === 0) {
-	        return false;
-	      }
-
-	      if ($parent.mdTheme || $parent.mdName) {
-	        return $parent;
-	      }
-
-	      return this.getClosestThemedParent($parent.$parent);
-	    }
-	  },
-	  computed: {
-	    themeClass: function themeClass() {
-	      if (this.mdTheme) {
-	        return 'md-theme-' + this.mdTheme;
-	      }
-
-	      var theme = this.closestThemedParent.mdTheme;
-
-	      if (!theme) {
-	        if (this.closestThemedParent) {
-	          theme = this.closestThemedParent.mdName;
-	        } else {
-	          theme = this.$material.currentTheme;
-	        }
-	      }
-
-	      return 'md-theme-' + theme;
-	    }
-	  },
-	  mounted: function mounted() {
-	    this.closestThemedParent = this.getClosestThemedParent(this.$parent);
-
-	    if (!this.$material.currentTheme) {
-	      this.$material.setCurrentTheme('default');
-	    }
-	  }
-	};
-	module.exports = exports['default'];
-
-/***/ },
-
-/***/ 92:
-/***/ function(module, exports, __webpack_require__) {
-
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	exports.default = install;
-
-	var _mdSidenav = __webpack_require__(292);
-
-	var _mdSidenav2 = _interopRequireDefault(_mdSidenav);
-
-	var _mdSidenav3 = __webpack_require__(239);
-
-	var _mdSidenav4 = _interopRequireDefault(_mdSidenav3);
-
-	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-	function install(Vue) {
-	  Vue.component('md-sidenav', Vue.extend(_mdSidenav2.default));
-
-	  Vue.material.styles.push(_mdSidenav4.default);
-	}
-	module.exports = exports['default'];
-
-/***/ },
-
-/***/ 146:
-/***/ function(module, exports, __webpack_require__) {
-
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-
-	var _mixin = __webpack_require__(1);
-
-	var _mixin2 = _interopRequireDefault(_mixin);
-
-	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-	exports.default = {
-	  data: function data() {
-	    return {
-	      mdVisible: false
-	    };
-	  },
-
-	  mixins: [_mixin2.default],
-	  computed: {
-	    classes: function classes() {
-	      return this.mdVisible && 'md-active';
-	    }
-	  },
-	  methods: {
-	    show: function show() {
-	      this.open();
-	    },
-	    open: function open() {
-	      this.mdVisible = true;
-	      this.$el.focus();
-	      this.$emit('open');
-	    },
-	    close: function close() {
-	      this.mdVisible = false;
-	      this.$el.blur();
-	      this.$emit('close');
-	    },
-	    toggle: function toggle() {
-	      if (this.mdVisible) {
-	        this.close();
-	      } else {
-	        this.open();
-	      }
-	    }
-	  }
-	}; //
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-
-	module.exports = exports['default'];
-
-/***/ },
-
-/***/ 205:
-/***/ function(module, exports) {
-
-	// removed by extract-text-webpack-plugin
-
-/***/ },
-
-/***/ 239:
-/***/ function(module, exports) {
-
-	module.exports = ".THEME_NAME.md-sidenav .md-sidenav-content {\n  background-color: BACKGROUND-COLOR;\n  color: BACKGROUND-CONTRAST; }\n"
-
-/***/ },
-
-/***/ 292:
-/***/ function(module, exports, __webpack_require__) {
-
-	var __vue_exports__, __vue_options__
-	var __vue_styles__ = {}
-
-	/* styles */
-	__webpack_require__(205)
-
-	/* script */
-	__vue_exports__ = __webpack_require__(146)
-
-	/* template */
-	var __vue_template__ = __webpack_require__(337)
-	__vue_options__ = __vue_exports__ = __vue_exports__ || {}
-	if (
-	  typeof __vue_exports__.default === "object" ||
-	  typeof __vue_exports__.default === "function"
-	) {
-	if (Object.keys(__vue_exports__).some((function (key) { return key !== "default" && key !== "__esModule" }))) {console.error("named exports are not supported in *.vue files.")}
-	__vue_options__ = __vue_exports__ = __vue_exports__.default
-	}
-	if (typeof __vue_options__ === "function") {
-	  __vue_options__ = __vue_options__.options
-	}
-	__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdSidenav/mdSidenav.vue"
-	__vue_options__.render = __vue_template__.render
-	__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
-
-	/* hot reload */
-	if (false) {(function () {
-	  var hotAPI = require("vue-hot-reload-api")
-	  hotAPI.install(require("vue"), false)
-	  if (!hotAPI.compatible) return
-	  module.hot.accept()
-	  if (!module.hot.data) {
-	    hotAPI.createRecord("data-v-4904390e", __vue_options__)
-	  } else {
-	    hotAPI.reload("data-v-4904390e", __vue_options__)
-	  }
-	})()}
-	if (__vue_options__.functional) {console.error("[vue-loader] mdSidenav.vue: functional components are not supported and should be defined in plain js files using render functions.")}
-
-	module.exports = __vue_exports__
+"use strict";
 
 
-/***/ },
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = {
+  props: {
+    mdTheme: String
+  },
+  data: function data() {
+    return {
+      closestThemedParent: false
+    };
+  },
+  methods: {
+    getClosestThemedParent: function getClosestThemedParent($parent) {
+      if (!$parent || !$parent.$el || $parent._uid === 0) {
+        return false;
+      }
 
-/***/ 337:
-/***/ function(module, exports, __webpack_require__) {
+      if ($parent.mdTheme || $parent.mdName) {
+        return $parent;
+      }
 
-	module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
-	  return _c('div', {
-	    staticClass: "md-sidenav",
-	    class: [_vm.themeClass, _vm.classes],
-	    attrs: {
-	      "tabindex": "0"
-	    },
-	    on: {
-	      "keyup": function($event) {
-	        if (_vm._k($event.keyCode, "esc", 27)) { return; }
-	        _vm.close($event)
-	      }
-	    }
-	  }, [_c('div', {
-	    staticClass: "md-sidenav-content"
-	  }, [_vm._t("default")], 2), _vm._v(" "), _c('md-backdrop', {
-	    staticClass: "md-sidenav-backdrop",
-	    on: {
-	      "close": _vm.close
-	    }
-	  })], 1)
-	},staticRenderFns: []}
-	module.exports.render._withStripped = true
-	if (false) {
-	  module.hot.accept()
-	  if (module.hot.data) {
-	     require("vue-hot-reload-api").rerender("data-v-4904390e", module.exports)
-	  }
-	}
+      return this.getClosestThemedParent($parent.$parent);
+    }
+  },
+  computed: {
+    themeClass: function themeClass() {
+      if (this.mdTheme) {
+        return 'md-theme-' + this.mdTheme;
+      }
 
-/***/ }
+      var theme = this.closestThemedParent.mdTheme;
 
-/******/ })
-}));
-;
+      if (!theme) {
+        if (this.closestThemedParent) {
+          theme = this.closestThemedParent.mdName;
+        } else {
+          theme = this.$material.currentTheme;
+        }
+      }
+
+      return 'md-theme-' + theme;
+    }
+  },
+  mounted: function mounted() {
+    this.closestThemedParent = this.getClosestThemedParent(this.$parent);
+
+    if (!this.$material.currentTheme) {
+      this.$material.setCurrentTheme('default');
+    }
+  }
+};
+module.exports = exports['default'];
+
+/***/ }),
+
+/***/ 110:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = install;
+
+var _mdSidenav = __webpack_require__(308);
+
+var _mdSidenav2 = _interopRequireDefault(_mdSidenav);
+
+var _mdSidenav3 = __webpack_require__(250);
+
+var _mdSidenav4 = _interopRequireDefault(_mdSidenav3);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function install(Vue) {
+  Vue.component('md-sidenav', _mdSidenav2.default);
+
+  Vue.material.styles.push(_mdSidenav4.default);
+}
+module.exports = exports['default'];
+
+/***/ }),
+
+/***/ 170:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _mixin = __webpack_require__(1);
+
+var _mixin2 = _interopRequireDefault(_mixin);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+exports.default = {
+  data: function data() {
+    return {
+      mdVisible: false
+    };
+  },
+
+  mixins: [_mixin2.default],
+  props: {
+    mdSwipeable: Boolean,
+    mdSwipeThreshold: {
+      type: Number,
+      default: 15
+    },
+    mdSwipeDistance: {
+      type: Number,
+      default: 100
+    }
+  },
+  computed: {
+    classes: function classes() {
+      return this.mdVisible && 'md-active';
+    }
+  },
+  methods: {
+    show: function show() {
+      this.open();
+    },
+    open: function open() {
+      this.mdVisible = true;
+      this.$el.focus();
+      this.$emit('open');
+    },
+    close: function close() {
+      this.mdVisible = false;
+      this.$el.blur();
+      this.$emit('close');
+    },
+    toggle: function toggle() {
+      if (this.mdVisible) {
+        this.close();
+      } else {
+        this.open();
+      }
+    },
+    isHorizontallyInside: function isHorizontallyInside(positionX) {
+      return positionX > 0 && positionX < this.mountedRect.left + this.mountedRect.width;
+    },
+    isVerticallyInside: function isVerticallyInside(positionY) {
+      return positionY > 0 && positionY < this.mountedRect.top + this.mountedRect.height;
+    },
+    isFromStartWhenClosed: function isFromStartWhenClosed(positionX) {
+      if (this.mdVisible) {
+        return true;
+      }
+
+      return positionX < this.mdSwipeThreshold;
+    },
+    handleTouchStart: function handleTouchStart(event) {
+      var positionX = event.touches[0].clientX - this.mountedRect.left;
+      var positionY = event.touches[0].clientY - this.mountedRect.top;
+
+      if (!this.isHorizontallyInside(positionX) || !this.isVerticallyInside(positionY) || !this.isFromStartWhenClosed(positionX)) {
+        return;
+      }
+
+      this.initialTouchPosition = positionX;
+      this.canMove = true;
+    },
+    handleTouchEnd: function handleTouchEnd() {
+      this.canMove = false;
+      this.initialTouchPosition = null;
+    },
+    handleTouchMove: function handleTouchMove(event) {
+      if (!this.canMove) {
+        return;
+      }
+
+      var positionX = event.touches[0].clientX;
+
+      var difference = this.mdVisible ? this.initialTouchPosition - positionX : positionX - this.initialTouchPosition;
+
+      var action = this.mdVisible ? 'close' : 'open';
+
+      if (difference > this.mdSwipeDistance) {
+        this[action]();
+      }
+    }
+  },
+  mounted: function mounted() {
+    if (!this.mdSwipeable) {
+      return;
+    }
+
+    this.mountedRect = this.$refs.backdrop.$el.getBoundingClientRect();
+    this.initialTouchPosition = null;
+    this.canMove = false;
+
+    document.addEventListener('touchstart', this.handleTouchStart);
+    document.addEventListener('touchend', this.handleTouchEnd);
+    document.addEventListener('touchmove', this.handleTouchMove);
+  },
+  beforeDestroy: function beforeDestroy() {
+    if (!this.mdSwipeable) {
+      return;
+    }
+
+    document.removeEventListener('touchstart', this.handleTouchStart);
+    document.removeEventListener('touchend', this.handleTouchEnd);
+    document.removeEventListener('touchmove', this.handleTouchMove);
+  }
+}; //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+module.exports = exports['default'];
+
+/***/ }),
+
+/***/ 218:
+/***/ (function(module, exports) {
+
+// removed by extract-text-webpack-plugin
+
+/***/ }),
+
+/***/ 250:
+/***/ (function(module, exports) {
+
+module.exports = ".THEME_NAME.md-sidenav .md-sidenav-content {\n  background-color: BACKGROUND-COLOR;\n  color: BACKGROUND-CONTRAST; }\n"
+
+/***/ }),
+
+/***/ 308:
+/***/ (function(module, exports, __webpack_require__) {
+
+
+/* styles */
+__webpack_require__(218)
+
+var Component = __webpack_require__(0)(
+  /* script */
+  __webpack_require__(170),
+  /* template */
+  __webpack_require__(367),
+  /* scopeId */
+  null,
+  /* cssModules */
+  null
+)
+Component.options.__file = "/Users/mrufino/Projects/personal/github/vue-material/src/components/mdSidenav/mdSidenav.vue"
+if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
+if (Component.options.functional) {console.error("[vue-loader] mdSidenav.vue: functional components are not supported with templates, they should use render functions.")}
+
+/* hot reload */
+if (false) {(function () {
+  var hotAPI = require("vue-hot-reload-api")
+  hotAPI.install(require("vue"), false)
+  if (!hotAPI.compatible) return
+  module.hot.accept()
+  if (!module.hot.data) {
+    hotAPI.createRecord("data-v-52912130", Component.options)
+  } else {
+    hotAPI.reload("data-v-52912130", Component.options)
+  }
+})()}
+
+module.exports = Component.exports
+
+
+/***/ }),
+
+/***/ 367:
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
+  return _c('div', {
+    staticClass: "md-sidenav",
+    class: [_vm.themeClass, _vm.classes],
+    attrs: {
+      "tabindex": "0"
+    },
+    on: {
+      "keyup": function($event) {
+        if (_vm._k($event.keyCode, "esc", 27)) { return; }
+        _vm.close($event)
+      }
+    }
+  }, [_c('div', {
+    staticClass: "md-sidenav-content"
+  }, [_vm._t("default")], 2), _vm._v(" "), _c('md-backdrop', {
+    ref: "backdrop",
+    staticClass: "md-sidenav-backdrop",
+    on: {
+      "close": _vm.close
+    }
+  })], 1)
+},staticRenderFns: []}
+module.exports.render._withStripped = true
+if (false) {
+  module.hot.accept()
+  if (module.hot.data) {
+     require("vue-hot-reload-api").rerender("data-v-52912130", module.exports)
+  }
+}
+
+/***/ }),
+
+/***/ 417:
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(110);
+
+
+/***/ })
+
+/******/ });
+}));

dist/components/mdSidenav/index.js

@@ -1,6 +1,6 @@
 /*!
- * Vue Material v0.6.3
- * Made with love by Marcos Moura
- * Released under the MIT License.
- */
-!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(s){if(n[s])return n[s].exports;var o=n[s]={exports:{},id:s,loaded:!1};return e[s].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var n={};return t.m=e,t.c=n,t.p="/",t(0)})({0:function(e,t,n){e.exports=n(92)},1:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(e){return!(!e||!e.$el||0===e._uid)&&(e.mdTheme||e.mdName?e:this.getClosestThemedParent(e.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var e=this.closestThemedParent.mdTheme;return e||(e=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+e}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},e.exports=t.default},92:function(e,t,n){"use strict";function s(e){return e&&e.__esModule?e:{default:e}}function o(e){e.component("md-sidenav",e.extend(r.default)),e.material.styles.push(a.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=o;var i=n(292),r=s(i),d=n(239),a=s(d);e.exports=t.default},146:function(e,t,n){"use strict";function s(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),i=s(o);t.default={data:function(){return{mdVisible:!1}},mixins:[i.default],computed:{classes:function(){return this.mdVisible&&"md-active"}},methods:{show:function(){this.open()},open:function(){this.mdVisible=!0,this.$el.focus(),this.$emit("open")},close:function(){this.mdVisible=!1,this.$el.blur(),this.$emit("close")},toggle:function(){this.mdVisible?this.close():this.open()}}},e.exports=t.default},205:function(e,t){},239:function(e,t){e.exports=".THEME_NAME.md-sidenav .md-sidenav-content{background-color:BACKGROUND-COLOR;color:BACKGROUND-CONTRAST}\n"},292:function(e,t,n){var s,o;n(205),s=n(146);var i=n(337);o=s=s||{},"object"!=typeof s.default&&"function"!=typeof s.default||(o=s=s.default),"function"==typeof o&&(o=o.options),o.render=i.render,o.staticRenderFns=i.staticRenderFns,e.exports=s},337:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"md-sidenav",class:[e.themeClass,e.classes],attrs:{tabindex:"0"},on:{keyup:function(t){e._k(t.keyCode,"esc",27)||e.close(t)}}},[n("div",{staticClass:"md-sidenav-content"},[e._t("default")],2),e._v(" "),n("md-backdrop",{staticClass:"md-sidenav-backdrop",on:{close:e.close}})],1)},staticRenderFns:[]}}})}));
+* Vue Material v0.7.1
+* Made with love by Marcos Moura
+* Released under the MIT License.
+*/   
+!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(i){if(n[i])return n[i].exports;var o=n[i]={i:i,l:!1,exports:{}};return e[i].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,i){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:i})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s=417)})({0:function(e,t){e.exports=function(e,t,n,i){var o,s=e=e||{},r=typeof e.default;"object"!==r&&"function"!==r||(o=e,s=e.default);var u="function"==typeof s?s.options:s;if(t&&(u.render=t.render,u.staticRenderFns=t.staticRenderFns),n&&(u._scopeId=n),i){var c=u.computed||(u.computed={});Object.keys(i).forEach((function(e){var t=i[e];c[e]=function(){return t}}))}return{esModule:o,exports:s,options:u}}},1:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(e){return!(!e||!e.$el||0===e._uid)&&(e.mdTheme||e.mdName?e:this.getClosestThemedParent(e.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var e=this.closestThemedParent.mdTheme;return e||(e=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+e}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},e.exports=t.default},110:function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function o(e){e.component("md-sidenav",r.default),e.material.styles.push(c.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=o;var s=n(308),r=i(s),u=n(250),c=i(u);e.exports=t.default},170:function(e,t,n){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),s=i(o);t.default={data:function(){return{mdVisible:!1}},mixins:[s.default],props:{mdSwipeable:Boolean,mdSwipeThreshold:{type:Number,default:15},mdSwipeDistance:{type:Number,default:100}},computed:{classes:function(){return this.mdVisible&&"md-active"}},methods:{show:function(){this.open()},open:function(){this.mdVisible=!0,this.$el.focus(),this.$emit("open")},close:function(){this.mdVisible=!1,this.$el.blur(),this.$emit("close")},toggle:function(){this.mdVisible?this.close():this.open()},isHorizontallyInside:function(e){return e>0&&e<this.mountedRect.left+this.mountedRect.width},isVerticallyInside:function(e){return e>0&&e<this.mountedRect.top+this.mountedRect.height},isFromStartWhenClosed:function(e){return!!this.mdVisible||e<this.mdSwipeThreshold},handleTouchStart:function(e){var t=e.touches[0].clientX-this.mountedRect.left,n=e.touches[0].clientY-this.mountedRect.top;this.isHorizontallyInside(t)&&this.isVerticallyInside(n)&&this.isFromStartWhenClosed(t)&&(this.initialTouchPosition=t,this.canMove=!0)},handleTouchEnd:function(){this.canMove=!1,this.initialTouchPosition=null},handleTouchMove:function(e){if(this.canMove){var t=e.touches[0].clientX,n=this.mdVisible?this.initialTouchPosition-t:t-this.initialTouchPosition,i=this.mdVisible?"close":"open";n>this.mdSwipeDistance&&this[i]()}}},mounted:function(){this.mdSwipeable&&(this.mountedRect=this.$refs.backdrop.$el.getBoundingClientRect(),this.initialTouchPosition=null,this.canMove=!1,document.addEventListener("touchstart",this.handleTouchStart),document.addEventListener("touchend",this.handleTouchEnd),document.addEventListener("touchmove",this.handleTouchMove))},beforeDestroy:function(){this.mdSwipeable&&(document.removeEventListener("touchstart",this.handleTouchStart),document.removeEventListener("touchend",this.handleTouchEnd),document.removeEventListener("touchmove",this.handleTouchMove))}},e.exports=t.default},218:function(e,t){},250:function(e,t){e.exports=".THEME_NAME.md-sidenav .md-sidenav-content{background-color:BACKGROUND-COLOR;color:BACKGROUND-CONTRAST}\n"},308:function(e,t,n){n(218);var i=n(0)(n(170),n(367),null,null);e.exports=i.exports},367:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"md-sidenav",class:[e.themeClass,e.classes],attrs:{tabindex:"0"},on:{keyup:function(t){e._k(t.keyCode,"esc",27)||e.close(t)}}},[n("div",{staticClass:"md-sidenav-content"},[e._t("default")],2),e._v(" "),n("md-backdrop",{ref:"backdrop",staticClass:"md-sidenav-backdrop",on:{close:e.close}})],1)},staticRenderFns:[]}},417:function(e,t,n){e.exports=n(110)}})}));

dist/components/mdSnackbar/index.css

@@ -1,162 +1,5 @@
-/* Common */
-/* Responsive Breakpoints */
-/* Transitions - Based on Angular Material */
-/* Elevation - Based on Angular Material */
-/* Image aspect ratio calculator */
-/* Responsive breakpoints */
-.md-snackbar {
-  display: -ms-flexbox;
-  display: flex;
-  position: fixed;
-  right: 0;
-  left: 0;
-  z-index: 120;
-  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
-  transition-property: margin-top, margin-bottom;
-}
-.md-snackbar.md-position-top-center, .md-snackbar.md-position-bottom-center {
-    -ms-flex-pack: center;
-        justify-content: center;
-}
-.md-snackbar.md-position-top-right, .md-snackbar.md-position-bottom-right {
-    margin-right: 24px;
-    -ms-flex-pack: end;
-        justify-content: flex-end;
-}
-.md-snackbar.md-position-top-left, .md-snackbar.md-position-bottom-left {
-    margin-left: 24px;
-    -ms-flex-pack: start;
-        justify-content: flex-start;
-}
-.md-snackbar.md-position-top-right, .md-snackbar.md-position-top-left, .md-snackbar.md-position-top-center {
-    margin-top: 24px;
-}
-.md-snackbar.md-position-bottom-right, .md-snackbar.md-position-bottom-left {
-    margin-bottom: 24px;
-}
-.md-snackbar.md-position-top-center, .md-snackbar.md-position-top-right, .md-snackbar.md-position-top-left {
-    top: 0;
-}
-.md-snackbar.md-position-top-center .md-snackbar-container, .md-snackbar.md-position-top-right .md-snackbar-container, .md-snackbar.md-position-top-left .md-snackbar-container {
-      transform: translate3D(0, calc(-100% - 24px), 0);
-}
-.md-snackbar.md-position-bottom-center, .md-snackbar.md-position-bottom-right, .md-snackbar.md-position-bottom-left {
-    bottom: 0;
-}
-.md-snackbar.md-position-bottom-center .md-snackbar-container, .md-snackbar.md-position-bottom-right .md-snackbar-container, .md-snackbar.md-position-bottom-left .md-snackbar-container {
-      transform: translate3D(0, calc(100% + 24px), 0);
-}
-.md-snackbar.md-active .md-snackbar-container {
-    transform: translate3D(0, 0, 0);
-}
-.md-snackbar.md-active .md-snackbar-content {
-    opacity: 1;
-    transition: opacity 0.4s 0.1s cubic-bezier(0.25, 0.8, 0.25, 1);
-}
-@media (max-width: 600px) {
-.md-snackbar {
-      margin: 0 !important;
-}
-}
-.md-snackbar .md-snackbar-content {
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-align: center;
-        align-items: center;
-    -ms-flex-pack: justify;
-        justify-content: space-between;
-    opacity: 0;
-    transition: opacity 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
-    will-change: opacity;
-}
-.md-snackbar .md-button {
-    min-width: 64px;
-    margin: -8px -16px;
-}
-.md-snackbar .md-button:last-child {
-      margin-left: 48px;
-}
-.md-snackbar-container {
-  width: auto;
-  min-width: 288px;
-  max-width: 568px;
-  min-height: 48px;
-  padding: 14px 24px;
-  overflow: hidden;
-  border-radius: 2px;
-  background-color: #323232;
-  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
-  color: #fff;
-  font-size: 14px;
-}
-@media (max-width: 600px) {
-.md-snackbar-container {
-      width: 100%;
-      max-width: 100%;
-      border-radius: 0;
-}
-}
-.md-has-toast-top-right .md-fab.md-fab-top-right {
-  transform: translate3D(0, 68px, 0);
-}
-@media (max-width: 600px) {
-.md-has-toast-top-right .md-fab.md-fab-top-right {
-      transform: translate3D(0, 48px, 0);
-}
-}
-.md-has-toast-top-center .md-fab.md-fab-top-center {
-  transform: translate3D(-50%, 68px, 0);
-}
-@media (max-width: 600px) {
-.md-has-toast-top-center .md-fab.md-fab-top-center {
-      transform: translate3D(-50%, 48px, 0);
-}
-}
-.md-has-toast-top-left .md-fab.md-fab-top-left {
-  transform: translate3D(0, 68px, 0);
-}
-@media (max-width: 600px) {
-.md-has-toast-top-left .md-fab.md-fab-top-left {
-      transform: translate3D(0, 48px, 0);
-}
-}
-.md-has-toast-bottom-right .md-fab.md-fab-bottom-right {
-  transform: translate3D(0, -68px, 0);
-}
-@media (max-width: 600px) {
-.md-has-toast-bottom-right .md-fab.md-fab-bottom-right {
-      transform: translate3D(0, -48px, 0);
-}
-}
-.md-has-toast-bottom-center .md-fab.md-fab-bottom-center {
-  transform: translate3D(-50%, -68px, 0);
-}
-@media (max-width: 600px) {
-.md-has-toast-bottom-center .md-fab.md-fab-bottom-center {
-      transform: translate3D(-50%, -48px, 0);
-}
-}
-.md-has-toast-bottom-left .md-fab.md-fab-bottom-left {
-  transform: translate3D(0, -68px, 0);
-}
-@media (max-width: 600px) {
-.md-has-toast-bottom-left .md-fab.md-fab-bottom-left {
-      transform: translate3D(0, -48px, 0);
-}
-}
-@media (max-width: 600px) {
-.md-has-toast .md-fab.md-fab-top-right,
-  .md-has-toast .md-fab.md-fab-top-center,
-  .md-has-toast .md-fab.md-fab-top-left {
-    transform: translate3D(0, 44px, 0);
-}
-}
-@media (max-width: 600px) {
-.md-has-toast .md-fab.md-fab-bottom-right,
-  .md-has-toast .md-fab.md-fab-bottom-center,
-  .md-has-toast .md-fab.md-fab-bottom-left {
-    transform: translate3D(0, -44px, 0);
-}
-}
-
-/*# sourceMappingURL=index.css.map*/
+/*!
+* Vue Material v0.7.1
+* Made with love by Marcos Moura
+* Released under the MIT License.
+*/.md-snackbar{display:-ms-flexbox;display:flex;position:fixed;right:0;left:0;z-index:1;pointer-events:none;transition:all .4s cubic-bezier(.25,.8,.25,1);transition-property:margin-top,margin-bottom}.md-snackbar.md-position-bottom-center,.md-snackbar.md-position-top-center{-ms-flex-pack:center;justify-content:center}.md-snackbar.md-position-bottom-right,.md-snackbar.md-position-top-right{margin-right:24px;-ms-flex-pack:end;justify-content:flex-end}.md-snackbar.md-position-bottom-left,.md-snackbar.md-position-top-left{margin-left:24px;-ms-flex-pack:start;justify-content:flex-start}.md-snackbar.md-position-top-center,.md-snackbar.md-position-top-left,.md-snackbar.md-position-top-right{margin-top:24px}.md-snackbar.md-position-bottom-left,.md-snackbar.md-position-bottom-right{margin-bottom:24px}.md-snackbar.md-position-top-center,.md-snackbar.md-position-top-left,.md-snackbar.md-position-top-right{top:0}.md-snackbar.md-position-top-center .md-snackbar-container,.md-snackbar.md-position-top-left .md-snackbar-container,.md-snackbar.md-position-top-right .md-snackbar-container{transform:translate3D(0,calc(-100% - 24px),0)}.md-snackbar.md-position-bottom-center,.md-snackbar.md-position-bottom-left,.md-snackbar.md-position-bottom-right{bottom:0}.md-snackbar.md-position-bottom-center .md-snackbar-container,.md-snackbar.md-position-bottom-left .md-snackbar-container,.md-snackbar.md-position-bottom-right .md-snackbar-container{transform:translate3D(0,calc(100% + 24px),0)}.md-snackbar.md-active .md-snackbar-container{transform:translate3D(0,0,0)}.md-snackbar.md-active .md-snackbar-content{opacity:1;transition:opacity .4s cubic-bezier(.25,.8,.25,1) .1s}.md-snackbar .md-snackbar-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;opacity:0;transition:opacity .2s cubic-bezier(.25,.8,.25,1);will-change:opacity}.md-snackbar .md-button{min-width:64px;margin:-8px -16px}.md-snackbar .md-button:last-child{margin-left:48px}.md-snackbar-container{width:auto;min-width:288px;max-width:568px;min-height:48px;padding:14px 24px;overflow:hidden;pointer-events:auto;border-radius:2px;background-color:#323232;transition:all .4s cubic-bezier(.25,.8,.25,1);color:#fff;font-size:14px}.md-has-toast-top-right .md-fab.md-fab-top-right{transform:translate3D(0,68px,0)}.md-has-toast-top-center .md-fab.md-fab-top-center{transform:translate3D(-50%,68px,0)}.md-has-toast-top-left .md-fab.md-fab-top-left{transform:translate3D(0,68px,0)}.md-has-toast-bottom-right .md-fab.md-fab-bottom-right{transform:translate3D(0,-68px,0)}.md-has-toast-bottom-center .md-fab.md-fab-bottom-center{transform:translate3D(-50%,-68px,0)}.md-has-toast-bottom-left .md-fab.md-fab-bottom-left{transform:translate3D(0,-68px,0)}@media (max-width:600px){.md-snackbar{margin:0!important}.md-snackbar-container{width:100%;max-width:100%;border-radius:0}.md-has-toast-top-right .md-fab.md-fab-top-right{transform:translate3D(0,48px,0)}.md-has-toast-top-center .md-fab.md-fab-top-center{transform:translate3D(-50%,48px,0)}.md-has-toast-top-left .md-fab.md-fab-top-left{transform:translate3D(0,48px,0)}.md-has-toast-bottom-right .md-fab.md-fab-bottom-right{transform:translate3D(0,-48px,0)}.md-has-toast-bottom-center .md-fab.md-fab-bottom-center{transform:translate3D(-50%,-48px,0)}.md-has-toast-bottom-left .md-fab.md-fab-bottom-left{transform:translate3D(0,-48px,0)}.md-has-toast .md-fab.md-fab-top-center,.md-has-toast .md-fab.md-fab-top-left,.md-has-toast .md-fab.md-fab-top-right{transform:translate3D(0,44px,0)}.md-has-toast .md-fab.md-fab-bottom-center,.md-has-toast .md-fab.md-fab-bottom-left,.md-has-toast .md-fab.md-fab-bottom-right{transform:translate3D(0,-44px,0)}}

dist/components/mdSnackbar/index.debug.js

@@ -7,7 +7,7 @@
 		exports["VueMaterial"] = factory(require("vue"));
 	else
 		root["VueMaterial"] = factory(root["Vue"]);
-})(this, (function(__WEBPACK_EXTERNAL_MODULE_374__) {
+})(this, (function(__WEBPACK_EXTERNAL_MODULE_395__) {
 return /******/ (function(modules) { // webpackBootstrap
 /******/ 	// The module cache
 /******/ 	var installedModules = {};
@@ -21,16 +21,16 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /******/ 		// Create a new module (and put it into the cache)
 /******/ 		var module = installedModules[moduleId] = {
-/******/ 			exports: {},
-/******/ 			id: moduleId,
-/******/ 			loaded: false
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
 /******/ 		};
 
 /******/ 		// Execute the module function
 /******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
 
 /******/ 		// Flag the module as loaded
-/******/ 		module.loaded = true;
+/******/ 		module.l = true;
 
 /******/ 		// Return the exports of the module
 /******/ 		return module.exports;
@@ -43,436 +43,528 @@ return /******/ (function(modules) { // webpackBootstrap
 /******/ 	// expose the module cache
 /******/ 	__webpack_require__.c = installedModules;
 
+/******/ 	// identity function for calling harmony imports with the correct context
+/******/ 	__webpack_require__.i = function(value) { return value; };
+
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, {
+/******/ 				configurable: false,
+/******/ 				enumerable: true,
+/******/ 				get: getter
+/******/ 			});
+/******/ 		}
+/******/ 	};
+
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+
 /******/ 	// __webpack_public_path__
 /******/ 	__webpack_require__.p = "/";
 
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(0);
+/******/ 	return __webpack_require__(__webpack_require__.s = 418);
 /******/ })
 /************************************************************************/
 /******/ ({
 
 /***/ 0:
-/***/ function(module, exports, __webpack_require__) {
+/***/ (function(module, exports) {
 
-	module.exports = __webpack_require__(93);
+module.exports = function normalizeComponent (
+  rawScriptExports,
+  compiledTemplate,
+  scopeId,
+  cssModules
+) {
+  var esModule
+  var scriptExports = rawScriptExports = rawScriptExports || {}
+
+  // ES6 modules interop
+  var type = typeof rawScriptExports.default
+  if (type === 'object' || type === 'function') {
+    esModule = rawScriptExports
+    scriptExports = rawScriptExports.default
+  }
+
+  // Vue.extend constructor export interop
+  var options = typeof scriptExports === 'function'
+    ? scriptExports.options
+    : scriptExports
+
+  // render functions
+  if (compiledTemplate) {
+    options.render = compiledTemplate.render
+    options.staticRenderFns = compiledTemplate.staticRenderFns
+  }
+
+  // scopedId
+  if (scopeId) {
+    options._scopeId = scopeId
+  }
+
+  // inject cssModules
+  if (cssModules) {
+    var computed = options.computed || (options.computed = {})
+    Object.keys(cssModules).forEach((function (key) {
+      var module = cssModules[key]
+      computed[key] = function () { return module }
+    }))
+  }
+
+  return {
+    esModule: esModule,
+    exports: scriptExports,
+    options: options
+  }
+}
 
 
-/***/ },
+/***/ }),
 
 /***/ 1:
-/***/ function(module, exports) {
-
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	exports.default = {
-	  props: {
-	    mdTheme: String
-	  },
-	  data: function data() {
-	    return {
-	      closestThemedParent: false
-	    };
-	  },
-	  methods: {
-	    getClosestThemedParent: function getClosestThemedParent($parent) {
-	      if (!$parent || !$parent.$el || $parent._uid === 0) {
-	        return false;
-	      }
-
-	      if ($parent.mdTheme || $parent.mdName) {
-	        return $parent;
-	      }
-
-	      return this.getClosestThemedParent($parent.$parent);
-	    }
-	  },
-	  computed: {
-	    themeClass: function themeClass() {
-	      if (this.mdTheme) {
-	        return 'md-theme-' + this.mdTheme;
-	      }
-
-	      var theme = this.closestThemedParent.mdTheme;
-
-	      if (!theme) {
-	        if (this.closestThemedParent) {
-	          theme = this.closestThemedParent.mdName;
-	        } else {
-	          theme = this.$material.currentTheme;
-	        }
-	      }
-
-	      return 'md-theme-' + theme;
-	    }
-	  },
-	  mounted: function mounted() {
-	    this.closestThemedParent = this.getClosestThemedParent(this.$parent);
+/***/ (function(module, exports, __webpack_require__) {
 
-	    if (!this.$material.currentTheme) {
-	      this.$material.setCurrentTheme('default');
-	    }
-	  }
-	};
-	module.exports = exports['default'];
+"use strict";
 
-/***/ },
-
-/***/ 38:
-/***/ function(module, exports) {
 
-	'use strict';
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = {
+  props: {
+    mdTheme: String
+  },
+  data: function data() {
+    return {
+      closestThemedParent: false
+    };
+  },
+  methods: {
+    getClosestThemedParent: function getClosestThemedParent($parent) {
+      if (!$parent || !$parent.$el || $parent._uid === 0) {
+        return false;
+      }
 
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	function transitionEndEventName() {
-	  var el = document.createElement('span');
-	  var transitions = {
-	    transition: 'transitionend',
-	    OTransition: 'oTransitionEnd',
-	    MozTransition: 'transitionend',
-	    WebkitTransition: 'webkitTransitionEnd'
-	  };
+      if ($parent.mdTheme || $parent.mdName) {
+        return $parent;
+      }
 
-	  for (var transition in transitions) {
-	    if (el.style[transition] !== undefined) {
-	      return transitions[transition];
-	    }
-	  }
-	}
+      return this.getClosestThemedParent($parent.$parent);
+    }
+  },
+  computed: {
+    themeClass: function themeClass() {
+      if (this.mdTheme) {
+        return 'md-theme-' + this.mdTheme;
+      }
 
-	exports.default = transitionEndEventName();
-	module.exports = exports['default'];
+      var theme = this.closestThemedParent.mdTheme;
 
-/***/ },
+      if (!theme) {
+        if (this.closestThemedParent) {
+          theme = this.closestThemedParent.mdName;
+        } else {
+          theme = this.$material.currentTheme;
+        }
+      }
 
-/***/ 43:
-/***/ function(module, exports) {
+      return 'md-theme-' + theme;
+    }
+  },
+  mounted: function mounted() {
+    this.closestThemedParent = this.getClosestThemedParent(this.$parent);
 
-	"use strict";
+    if (!this.$material.currentTheme) {
+      this.$material.setCurrentTheme('default');
+    }
+  }
+};
+module.exports = exports['default'];
 
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	var uniqueId = function uniqueId() {
-	  return Math.random().toString(36).slice(4);
-	};
+/***/ }),
 
-	exports.default = uniqueId;
-	module.exports = exports["default"];
+/***/ 111:
+/***/ (function(module, exports, __webpack_require__) {
 
-/***/ },
+"use strict";
 
-/***/ 93:
-/***/ function(module, exports, __webpack_require__) {
 
-	'use strict';
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = install;
 
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	exports.default = install;
+var _mdSnackbar = __webpack_require__(309);
 
-	var _mdSnackbar = __webpack_require__(293);
+var _mdSnackbar2 = _interopRequireDefault(_mdSnackbar);
 
-	var _mdSnackbar2 = _interopRequireDefault(_mdSnackbar);
+var _mdSnackbar3 = __webpack_require__(251);
 
-	var _mdSnackbar3 = __webpack_require__(240);
+var _mdSnackbar4 = _interopRequireDefault(_mdSnackbar3);
 
-	var _mdSnackbar4 = _interopRequireDefault(_mdSnackbar3);
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function install(Vue) {
+  Vue.component('md-snackbar', _mdSnackbar2.default);
 
-	function install(Vue) {
-	  Vue.component('md-snackbar', Vue.extend(_mdSnackbar2.default));
+  Vue.material.styles.push(_mdSnackbar4.default);
+}
+module.exports = exports['default'];
 
-	  Vue.material.styles.push(_mdSnackbar4.default);
-	}
-	module.exports = exports['default'];
+/***/ }),
 
-/***/ },
+/***/ 124:
+/***/ (function(module, exports, __webpack_require__) {
 
-/***/ 94:
-/***/ function(module, exports, __webpack_require__) {
+"use strict";
 
-	'use strict';
 
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 
-	var _vue = __webpack_require__(374);
+var _vue = __webpack_require__(395);
 
-	var _vue2 = _interopRequireDefault(_vue);
+var _vue2 = _interopRequireDefault(_vue);
 
-	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var manager = new _vue2.default({
+  data: function data() {
+    return {
+      current: null
+    };
+  }
+});
+
+exports.default = manager;
+module.exports = exports['default'];
 
-	var manager = new _vue2.default({
-	  data: function data() {
-	    return {
-	      current: null
-	    };
-	  }
-	});
+/***/ }),
 
-	exports.default = manager;
-	module.exports = exports['default'];
+/***/ 171:
+/***/ (function(module, exports, __webpack_require__) {
 
-/***/ },
+"use strict";
 
-/***/ 147:
-/***/ function(module, exports, __webpack_require__) {
-
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
 
-	var _uniqueId = __webpack_require__(43);
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 
-	var _uniqueId2 = _interopRequireDefault(_uniqueId);
+var _uniqueId = __webpack_require__(48);
 
-	var _transitionEndEventName = __webpack_require__(38);
-
-	var _transitionEndEventName2 = _interopRequireDefault(_transitionEndEventName);
-
-	var _mixin = __webpack_require__(1);
+var _uniqueId2 = _interopRequireDefault(_uniqueId);
 
-	var _mixin2 = _interopRequireDefault(_mixin);
+var _transitionEndEventName = __webpack_require__(39);
 
-	var _manager = __webpack_require__(94);
-
-	var _manager2 = _interopRequireDefault(_manager);
-
-	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-
-	exports.default = {
-	  props: {
-	    id: [String, Number],
-	    mdPosition: {
-	      type: String,
-	      default: 'bottom center'
-	    },
-	    mdDuration: {
-	      type: [String, Number],
-	      default: 4000
-	    }
-	  },
-	  mixins: [_mixin2.default],
-	  data: function data() {
-	    return {
-	      snackbarId: this.id || 'snackbar-' + (0, _uniqueId2.default)(),
-	      active: false,
-	      rootElement: {},
-	      snackbarElement: {},
-	      directionClass: null,
-	      closeTimeout: null
-	    };
-	  },
-
-	  computed: {
-	    classes: function classes() {
-	      var cssClasses = {
-	        'md-active': this.active
-	      };
-
-	      this.directionClass = this.mdPosition.replace(/ /g, '-');
-
-	      cssClasses['md-position-' + this.directionClass] = true;
-
-	      return cssClasses;
-	    }
-	  },
-	  watch: {
-	    active: function active(_active) {
-	      var directionClass = 'md-has-toast-' + this.directionClass;
-	      var toastClass = 'md-has-toast';
-
-	      if (_active) {
-	        document.body.classList.add(directionClass);
-	        document.body.classList.add(toastClass);
-	      } else {
-	        document.body.classList.remove(directionClass);
-	        document.body.classList.remove(toastClass);
-	      }
-	    }
-	  },
-	  methods: {
-	    removeElement: function removeElement() {
-	      if (this.rootElement.contains(this.snackbarElement)) {
-	        var activeRipple = this.snackbarElement.querySelector('.md-ripple.md-active');
-
-	        if (activeRipple) {
-	          activeRipple.classList.remove('md-active');
-	        }
-
-	        this.rootElement.removeChild(this.snackbarElement);
-	      }
-	    },
-	    open: function open() {
-	      if (_manager2.default.current) {
-	        _manager2.default.current.close();
-	      }
-
-	      _manager2.default.current = this;
-	      this.rootElement.appendChild(this.snackbarElement);
-	      window.getComputedStyle(this.$refs.container).backgroundColor;
-	      this.active = true;
-	      this.$emit('open');
-	      this.closeTimeout = window.setTimeout(this.close, this.mdDuration);
-	    },
-	    close: function close() {
-	      var _this = this;
-
-	      if (this.$refs.container) {
-	        (function () {
-	          var removeElement = function removeElement() {
-	            _this.$refs.container.removeEventListener(_transitionEndEventName2.default, removeElement);
-	            _this.removeElement();
-	          };
-
-	          _manager2.default.current = null;
-	          _this.active = false;
-	          _this.$emit('close');
-	          _this.$refs.container.removeEventListener(_transitionEndEventName2.default, removeElement);
-	          _this.$refs.container.addEventListener(_transitionEndEventName2.default, removeElement);
-	          window.clearTimeout(_this.closeTimeout);
-	        })();
-	      }
-	    }
-	  },
-	  mounted: function mounted() {
-	    var _this2 = this;
-
-	    this.$nextTick((function () {
-	      _this2.rootElement = _this2.$root.$el;
-	      _this2.snackbarElement = _this2.$el;
-	      _this2.snackbarElement.parentNode.removeChild(_this2.snackbarElement);
-	    }));
-	  },
-	  beforeDestroy: function beforeDestroy() {
-	    window.clearTimeout(this.closeTimeout);
-	    this.removeElement();
-	  }
-	};
-	module.exports = exports['default'];
-
-/***/ },
-
-/***/ 216:
-/***/ function(module, exports) {
-
-	// removed by extract-text-webpack-plugin
-
-/***/ },
-
-/***/ 240:
-/***/ function(module, exports) {
-
-	module.exports = ".THEME_NAME .md-snackbar .md-ink-ripple, .THEME_NAME.md-snackbar .md-ink-ripple {\n  color: #fff; }\n"
-
-/***/ },
-
-/***/ 293:
-/***/ function(module, exports, __webpack_require__) {
-
-	var __vue_exports__, __vue_options__
-	var __vue_styles__ = {}
-
-	/* styles */
-	__webpack_require__(216)
-
-	/* script */
-	__vue_exports__ = __webpack_require__(147)
-
-	/* template */
-	var __vue_template__ = __webpack_require__(362)
-	__vue_options__ = __vue_exports__ = __vue_exports__ || {}
-	if (
-	  typeof __vue_exports__.default === "object" ||
-	  typeof __vue_exports__.default === "function"
-	) {
-	if (Object.keys(__vue_exports__).some((function (key) { return key !== "default" && key !== "__esModule" }))) {console.error("named exports are not supported in *.vue files.")}
-	__vue_options__ = __vue_exports__ = __vue_exports__.default
-	}
-	if (typeof __vue_options__ === "function") {
-	  __vue_options__ = __vue_options__.options
-	}
-	__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdSnackbar/mdSnackbar.vue"
-	__vue_options__.render = __vue_template__.render
-	__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
-
-	/* hot reload */
-	if (false) {(function () {
-	  var hotAPI = require("vue-hot-reload-api")
-	  hotAPI.install(require("vue"), false)
-	  if (!hotAPI.compatible) return
-	  module.hot.accept()
-	  if (!module.hot.data) {
-	    hotAPI.createRecord("data-v-b540e066", __vue_options__)
-	  } else {
-	    hotAPI.reload("data-v-b540e066", __vue_options__)
-	  }
-	})()}
-	if (__vue_options__.functional) {console.error("[vue-loader] mdSnackbar.vue: functional components are not supported and should be defined in plain js files using render functions.")}
-
-	module.exports = __vue_exports__
-
-
-/***/ },
-
-/***/ 362:
-/***/ function(module, exports, __webpack_require__) {
-
-	module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
-	  return _c('div', {
-	    staticClass: "md-snackbar",
-	    class: [_vm.themeClass, _vm.classes],
-	    attrs: {
-	      "id": _vm.snackbarId
-	    }
-	  }, [_c('div', {
-	    ref: "container",
-	    staticClass: "md-snackbar-container"
-	  }, [_c('div', {
-	    staticClass: "md-snackbar-content"
-	  }, [_vm._t("default")], 2)])])
-	},staticRenderFns: []}
-	module.exports.render._withStripped = true
-	if (false) {
-	  module.hot.accept()
-	  if (module.hot.data) {
-	     require("vue-hot-reload-api").rerender("data-v-b540e066", module.exports)
-	  }
-	}
-
-/***/ },
-
-/***/ 374:
-/***/ function(module, exports) {
-
-	module.exports = __WEBPACK_EXTERNAL_MODULE_374__;
-
-/***/ }
-
-/******/ })
-}));
-;
+var _transitionEndEventName2 = _interopRequireDefault(_transitionEndEventName);
+
+var _mixin = __webpack_require__(1);
+
+var _mixin2 = _interopRequireDefault(_mixin);
+
+var _manager = __webpack_require__(124);
+
+var _manager2 = _interopRequireDefault(_manager);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+exports.default = {
+  props: {
+    id: [String, Number],
+    mdPosition: {
+      type: String,
+      default: 'bottom center'
+    },
+    mdDuration: {
+      type: [String, Number],
+      default: 4000
+    }
+  },
+  mixins: [_mixin2.default],
+  data: function data() {
+    return {
+      snackbarId: this.id || 'snackbar-' + (0, _uniqueId2.default)(),
+      active: false,
+      rootElement: {},
+      snackbarElement: {},
+      directionClass: null,
+      closeTimeout: null
+    };
+  },
+
+  computed: {
+    classes: function classes() {
+      var cssClasses = {
+        'md-active': this.active
+      };
+
+      this.directionClass = this.mdPosition.replace(/ /g, '-');
+
+      cssClasses['md-position-' + this.directionClass] = true;
+
+      return cssClasses;
+    }
+  },
+  watch: {
+    active: function active(_active) {
+      var directionClass = 'md-has-toast-' + this.directionClass;
+      var toastClass = 'md-has-toast';
+
+      if (_active) {
+        document.body.classList.add(directionClass);
+        document.body.classList.add(toastClass);
+      } else {
+        document.body.classList.remove(directionClass);
+        document.body.classList.remove(toastClass);
+      }
+    }
+  },
+  methods: {
+    removeElement: function removeElement() {
+      if (document.body.contains(this.snackbarElement)) {
+        var activeRipple = this.snackbarElement.querySelector('.md-ripple.md-active');
+
+        if (activeRipple) {
+          activeRipple.classList.remove('md-active');
+        }
+
+        document.body.removeChild(this.snackbarElement);
+      }
+    },
+    open: function open() {
+      if (_manager2.default.current) {
+        _manager2.default.current.close();
+      }
+
+      _manager2.default.current = this;
+      document.body.appendChild(this.snackbarElement);
+      window.getComputedStyle(this.$refs.container).backgroundColor;
+      this.active = true;
+      this.$emit('open');
+      this.closeTimeout = window.setTimeout(this.close, this.mdDuration);
+      this.timeoutStartedAt = Date.now();
+    },
+    close: function close() {
+      var _this = this;
+
+      if (this.$refs.container) {
+        (function () {
+          var removeElement = function removeElement() {
+            _this.$refs.container.removeEventListener(_transitionEndEventName2.default, removeElement);
+            _this.removeElement();
+          };
+
+          _manager2.default.current = null;
+          _this.active = false;
+          _this.$emit('close');
+          _this.$refs.container.removeEventListener(_transitionEndEventName2.default, removeElement);
+          _this.$refs.container.addEventListener(_transitionEndEventName2.default, removeElement);
+          window.clearTimeout(_this.closeTimeout);
+          _this.pendingDuration = _this.mdDuration;
+        })();
+      }
+    },
+    pauseTimeout: function pauseTimeout() {
+      this.pendingDuration = this.pendingDuration - (Date.now() - this.timeoutStartedAt);
+      this.timeoutStartedAt = 0;
+      window.clearTimeout(this.closeTimeout);
+    },
+    resumeTimeout: function resumeTimeout() {
+      this.timeoutStartedAt = Date.now();
+      this.closeTimeout = window.setTimeout(this.close, this.pendingDuration);
+    }
+  },
+  mounted: function mounted() {
+    var _this2 = this;
+
+    this.$nextTick((function () {
+      _this2.snackbarElement = _this2.$el;
+      _this2.snackbarElement.parentNode.removeChild(_this2.snackbarElement);
+      _this2.timeoutStartedAt = 0;
+      _this2.pendingDuration = _this2.mdDuration;
+    }));
+  },
+  beforeDestroy: function beforeDestroy() {
+    window.clearTimeout(this.closeTimeout);
+    this.removeElement();
+  }
+};
+module.exports = exports['default'];
+
+/***/ }),
+
+/***/ 230:
+/***/ (function(module, exports) {
+
+// removed by extract-text-webpack-plugin
+
+/***/ }),
+
+/***/ 251:
+/***/ (function(module, exports) {
+
+module.exports = ".THEME_NAME .md-snackbar .md-ink-ripple, .THEME_NAME.md-snackbar .md-ink-ripple {\n  color: #fff; }\n"
+
+/***/ }),
+
+/***/ 309:
+/***/ (function(module, exports, __webpack_require__) {
+
+
+/* styles */
+__webpack_require__(230)
+
+var Component = __webpack_require__(0)(
+  /* script */
+  __webpack_require__(171),
+  /* template */
+  __webpack_require__(390),
+  /* scopeId */
+  null,
+  /* cssModules */
+  null
+)
+Component.options.__file = "/Users/mrufino/Projects/personal/github/vue-material/src/components/mdSnackbar/mdSnackbar.vue"
+if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
+if (Component.options.functional) {console.error("[vue-loader] mdSnackbar.vue: functional components are not supported with templates, they should use render functions.")}
+
+/* hot reload */
+if (false) {(function () {
+  var hotAPI = require("vue-hot-reload-api")
+  hotAPI.install(require("vue"), false)
+  if (!hotAPI.compatible) return
+  module.hot.accept()
+  if (!module.hot.data) {
+    hotAPI.createRecord("data-v-b6cb8878", Component.options)
+  } else {
+    hotAPI.reload("data-v-b6cb8878", Component.options)
+  }
+})()}
+
+module.exports = Component.exports
+
+
+/***/ }),
+
+/***/ 39:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+function transitionEndEventName() {
+  var el = document.createElement('span');
+  var transitions = {
+    transition: 'transitionend',
+    OTransition: 'oTransitionEnd',
+    MozTransition: 'transitionend',
+    WebkitTransition: 'webkitTransitionEnd'
+  };
+
+  for (var transition in transitions) {
+    if (el.style[transition] !== undefined) {
+      return transitions[transition];
+    }
+  }
+}
+
+exports.default = transitionEndEventName();
+module.exports = exports['default'];
+
+/***/ }),
+
+/***/ 390:
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
+  return _c('div', {
+    staticClass: "md-snackbar",
+    class: [_vm.themeClass, _vm.classes],
+    attrs: {
+      "id": _vm.snackbarId
+    },
+    on: {
+      "mouseenter": _vm.pauseTimeout,
+      "mouseleave": _vm.resumeTimeout
+    }
+  }, [_c('div', {
+    ref: "container",
+    staticClass: "md-snackbar-container"
+  }, [_c('div', {
+    staticClass: "md-snackbar-content"
+  }, [_vm._t("default")], 2)])])
+},staticRenderFns: []}
+module.exports.render._withStripped = true
+if (false) {
+  module.hot.accept()
+  if (module.hot.data) {
+     require("vue-hot-reload-api").rerender("data-v-b6cb8878", module.exports)
+  }
+}
+
+/***/ }),
+
+/***/ 395:
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE_395__;
+
+/***/ }),
+
+/***/ 418:
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(111);
+
+
+/***/ }),
+
+/***/ 48:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var uniqueId = function uniqueId() {
+  return Math.random().toString(36).slice(4);
+};
+
+exports.default = uniqueId;
+module.exports = exports["default"];
+
+/***/ })
+
+/******/ });
+}));

dist/components/mdSpeedDial/index.css

@@ -0,0 +1,5 @@
+/*!
+* Vue Material v0.7.1
+* Made with love by Marcos Moura
+* Released under the MIT License.
+*/.md-speed-dial{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-ms-flex-align:center;align-items:center}.md-speed-dial.md-direction-top.md-mode-fling [md-fab-trigger]~.md-button{transform:scale(.95) translate3D(0,80%,0)}.md-speed-dial.md-direction-top [md-fab-trigger]{margin-top:8px}.md-speed-dial.md-direction-top [md-fab-trigger]~.md-button{margin-bottom:16px}.md-speed-dial.md-direction-right{-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center}.md-speed-dial.md-direction-right.md-mode-fling [md-fab-trigger]~.md-button{transform:scale(.95) translate3D(-80%,0,0)}.md-speed-dial.md-direction-right [md-fab-trigger]{margin-right:8px}.md-speed-dial.md-direction-right [md-fab-trigger]~.md-button{margin-left:16px}.md-speed-dial.md-direction-bottom{-ms-flex-direction:column;flex-direction:column}.md-speed-dial.md-direction-bottom.md-mode-fling [md-fab-trigger]~.md-button{transform:scale(.95) translate3D(0,-80%,0)}.md-speed-dial.md-direction-bottom [md-fab-trigger]{margin-bottom:8px}.md-speed-dial.md-direction-bottom [md-fab-trigger]~.md-button{margin-top:16px}.md-speed-dial.md-direction-left{-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-pack:center;justify-content:center}.md-speed-dial.md-direction-left.md-mode-fling [md-fab-trigger]~.md-button{transform:scale(.95) translate3D(80%,0,0)}.md-speed-dial.md-direction-left [md-fab-trigger]{margin-left:8px}.md-speed-dial.md-direction-left [md-fab-trigger]~.md-button{margin-right:16px}.md-speed-dial.md-mode-scale [md-fab-trigger]~.md-button{transform:scale(.6)}.md-speed-dial.md-active [md-fab-trigger]~.md-button{opacity:1;pointer-events:auto;transform:translate3D(0,0,0)!important}.md-speed-dial.md-active [md-fab-trigger]~.md-button:nth-child(2){transition-delay:.05s}.md-speed-dial.md-active [md-fab-trigger]~.md-button:nth-child(3){transition-delay:.1s}.md-speed-dial.md-active [md-fab-trigger]~.md-button:nth-child(4){transition-delay:.15s}.md-speed-dial.md-active [md-fab-trigger]~.md-button:nth-child(5){transition-delay:.2s}.md-speed-dial.md-active [md-fab-trigger]~.md-button:nth-child(6){transition-delay:.25s}.md-speed-dial.md-active [md-fab-trigger]~.md-button:nth-child(7){transition-delay:.3s}.md-speed-dial.md-active [md-fab-trigger]~.md-button:nth-child(8){transition-delay:.35s}.md-speed-dial.md-active [md-fab-trigger]~.md-button:nth-child(9){transition-delay:.4s}.md-speed-dial.md-active [md-fab-trigger]~.md-button:nth-child(10){transition-delay:.45s}.md-speed-dial.md-active [md-fab-trigger]~.md-button:nth-child(11){transition-delay:.5s}.md-speed-dial.md-active [md-fab-trigger] [md-icon-morph]{transform:rotate(0);opacity:1}.md-speed-dial.md-active [md-fab-trigger] [md-icon-morph]+.md-icon{transform:rotate(90deg) scale(.8);opacity:0}.md-speed-dial .md-button{margin:0}.md-speed-dial [md-fab-trigger]{position:relative;z-index:2}.md-speed-dial [md-fab-trigger]~.md-button{position:relative;z-index:1;opacity:0;pointer-events:none;transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-speed-dial [md-fab-trigger]~.md-button:nth-last-child(2){transition-delay:.05s}.md-speed-dial [md-fab-trigger]~.md-button:nth-last-child(3){transition-delay:.1s}.md-speed-dial [md-fab-trigger]~.md-button:nth-last-child(4){transition-delay:.15s}.md-speed-dial [md-fab-trigger]~.md-button:nth-last-child(5){transition-delay:.2s}.md-speed-dial [md-fab-trigger]~.md-button:nth-last-child(6){transition-delay:.25s}.md-speed-dial [md-fab-trigger]~.md-button:nth-last-child(7){transition-delay:.3s}.md-speed-dial [md-fab-trigger]~.md-button:nth-last-child(8){transition-delay:.35s}.md-speed-dial [md-fab-trigger]~.md-button:nth-last-child(9){transition-delay:.4s}.md-speed-dial [md-fab-trigger]~.md-button:nth-last-child(10){transition-delay:.45s}.md-speed-dial [md-fab-trigger]~.md-button:nth-last-child(11){transition-delay:.5s}.md-speed-dial [md-icon-morph],.md-speed-dial [md-icon-morph]+.md-icon{transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-speed-dial [md-icon-morph]{opacity:0;transform:rotate(-90deg) scale(.8)}

dist/components/mdSpeedDial/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"components/mdSpeedDial/index.css","sourceRoot":""}

dist/components/mdSpeedDial/index.debug.js

@@ -21,16 +21,16 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /******/ 		// Create a new module (and put it into the cache)
 /******/ 		var module = installedModules[moduleId] = {
-/******/ 			exports: {},
-/******/ 			id: moduleId,
-/******/ 			loaded: false
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
 /******/ 		};
 
 /******/ 		// Execute the module function
 /******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
 
 /******/ 		// Flag the module as loaded
-/******/ 		module.loaded = true;
+/******/ 		module.l = true;
 
 /******/ 		// Return the exports of the module
 /******/ 		return module.exports;
@@ -43,21 +43,364 @@ return /******/ (function(modules) { // webpackBootstrap
 /******/ 	// expose the module cache
 /******/ 	__webpack_require__.c = installedModules;
 
+/******/ 	// identity function for calling harmony imports with the correct context
+/******/ 	__webpack_require__.i = function(value) { return value; };
+
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, {
+/******/ 				configurable: false,
+/******/ 				enumerable: true,
+/******/ 				get: getter
+/******/ 			});
+/******/ 		}
+/******/ 	};
+
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+
 /******/ 	// __webpack_public_path__
 /******/ 	__webpack_require__.p = "/";
 
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(0);
+/******/ 	return __webpack_require__(__webpack_require__.s = 419);
 /******/ })
 /************************************************************************/
-/******/ ([
-/* 0 */
+/******/ ({
+
+/***/ 0:
+/***/ (function(module, exports) {
+
+module.exports = function normalizeComponent (
+  rawScriptExports,
+  compiledTemplate,
+  scopeId,
+  cssModules
+) {
+  var esModule
+  var scriptExports = rawScriptExports = rawScriptExports || {}
+
+  // ES6 modules interop
+  var type = typeof rawScriptExports.default
+  if (type === 'object' || type === 'function') {
+    esModule = rawScriptExports
+    scriptExports = rawScriptExports.default
+  }
+
+  // Vue.extend constructor export interop
+  var options = typeof scriptExports === 'function'
+    ? scriptExports.options
+    : scriptExports
+
+  // render functions
+  if (compiledTemplate) {
+    options.render = compiledTemplate.render
+    options.staticRenderFns = compiledTemplate.staticRenderFns
+  }
+
+  // scopedId
+  if (scopeId) {
+    options._scopeId = scopeId
+  }
+
+  // inject cssModules
+  if (cssModules) {
+    var computed = options.computed || (options.computed = {})
+    Object.keys(cssModules).forEach((function (key) {
+      var module = cssModules[key]
+      computed[key] = function () { return module }
+    }))
+  }
+
+  return {
+    esModule: esModule,
+    exports: scriptExports,
+    options: options
+  }
+}
+
+
+/***/ }),
+
+/***/ 1:
 /***/ (function(module, exports, __webpack_require__) {
 
-	(function webpackMissingModule() { throw new Error("Cannot find module \"./src/components/mdSpeedDial\""); }());
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = {
+  props: {
+    mdTheme: String
+  },
+  data: function data() {
+    return {
+      closestThemedParent: false
+    };
+  },
+  methods: {
+    getClosestThemedParent: function getClosestThemedParent($parent) {
+      if (!$parent || !$parent.$el || $parent._uid === 0) {
+        return false;
+      }
+
+      if ($parent.mdTheme || $parent.mdName) {
+        return $parent;
+      }
+
+      return this.getClosestThemedParent($parent.$parent);
+    }
+  },
+  computed: {
+    themeClass: function themeClass() {
+      if (this.mdTheme) {
+        return 'md-theme-' + this.mdTheme;
+      }
+
+      var theme = this.closestThemedParent.mdTheme;
+
+      if (!theme) {
+        if (this.closestThemedParent) {
+          theme = this.closestThemedParent.mdName;
+        } else {
+          theme = this.$material.currentTheme;
+        }
+      }
+
+      return 'md-theme-' + theme;
+    }
+  },
+  mounted: function mounted() {
+    this.closestThemedParent = this.getClosestThemedParent(this.$parent);
+
+    if (!this.$material.currentTheme) {
+      this.$material.setCurrentTheme('default');
+    }
+  }
+};
+module.exports = exports['default'];
+
+/***/ }),
+
+/***/ 112:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = install;
+
+var _mdSpeedDial = __webpack_require__(310);
+
+var _mdSpeedDial2 = _interopRequireDefault(_mdSpeedDial);
+
+var _mdSpeedDial3 = __webpack_require__(252);
+
+var _mdSpeedDial4 = _interopRequireDefault(_mdSpeedDial3);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function install(Vue) {
+  Vue.component('md-speed-dial', _mdSpeedDial2.default);
+
+  Vue.material.styles.push(_mdSpeedDial4.default);
+}
+module.exports = exports['default'];
+
+/***/ }),
+
+/***/ 172:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _mixin = __webpack_require__(1);
+
+var _mixin2 = _interopRequireDefault(_mixin);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+exports.default = {
+  props: {
+    mdOpen: {
+      type: String,
+      default: 'click'
+    },
+    mdMode: {
+      type: String,
+      default: 'fling'
+    },
+    mdDirection: {
+      type: String,
+      default: 'top'
+    }
+  },
+  mixins: [_mixin2.default],
+  data: function data() {
+    return {
+      fabTrigger: null,
+      active: false
+    };
+  },
+  computed: {
+    classes: function classes() {
+      var classes = {
+        'md-active': this.active
+      };
+
+      classes['md-mode-' + this.mdMode] = true;
+      classes['md-direction-' + this.mdDirection] = true;
+
+      return classes;
+    }
+  },
+  methods: {
+    closeSpeedDial: function closeSpeedDial(event) {
+      if (!event.target === this.fabTrigger || !this.fabTrigger.contains(event.target)) {
+        this.active = false;
+        document.body.removeEventListener('click', this.closeSpeedDial);
+      }
+    },
+    toggleSpeedDial: function toggleSpeedDial() {
+      var _this = this;
+
+      this.active = !this.active;
+
+      window.setTimeout((function () {
+        document.body.addEventListener('click', _this.closeSpeedDial);
+      }), 50);
+    }
+  },
+  mounted: function mounted() {
+    var _this2 = this;
+
+    this.$nextTick((function () {
+      _this2.fabTrigger = _this2.$el.querySelector('[md-fab-trigger]');
+
+      if (_this2.mdOpen === 'click') {
+        _this2.fabTrigger.addEventListener('click', _this2.toggleSpeedDial);
+      } else {
+        _this2.$el.addEventListener('mouseenter', _this2.toggleSpeedDial);
+        _this2.$el.addEventListener('mouseleave', _this2.toggleSpeedDial);
+      }
+    }));
+  },
+  beforeDestroy: function beforeDestroy() {
+    this.fabTrigger.removeEventListener('click', this.toggleSpeedDial);
+    document.body.removeEventListener('click', this.closeSpeedDial);
+  }
+}; //
+//
+//
+//
+//
+//
+//
+//
+
+module.exports = exports['default'];
+
+/***/ }),
+
+/***/ 216:
+/***/ (function(module, exports) {
+
+// removed by extract-text-webpack-plugin
+
+/***/ }),
+
+/***/ 252:
+/***/ (function(module, exports) {
+
+module.exports = ""
+
+/***/ }),
+
+/***/ 310:
+/***/ (function(module, exports, __webpack_require__) {
+
+
+/* styles */
+__webpack_require__(216)
+
+var Component = __webpack_require__(0)(
+  /* script */
+  __webpack_require__(172),
+  /* template */
+  __webpack_require__(365),
+  /* scopeId */
+  null,
+  /* cssModules */
+  null
+)
+Component.options.__file = "/Users/mrufino/Projects/personal/github/vue-material/src/components/mdSpeedDial/mdSpeedDial.vue"
+if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
+if (Component.options.functional) {console.error("[vue-loader] mdSpeedDial.vue: functional components are not supported with templates, they should use render functions.")}
+
+/* hot reload */
+if (false) {(function () {
+  var hotAPI = require("vue-hot-reload-api")
+  hotAPI.install(require("vue"), false)
+  if (!hotAPI.compatible) return
+  module.hot.accept()
+  if (!module.hot.data) {
+    hotAPI.createRecord("data-v-50d48906", Component.options)
+  } else {
+    hotAPI.reload("data-v-50d48906", Component.options)
+  }
+})()}
+
+module.exports = Component.exports
+
+
+/***/ }),
+
+/***/ 365:
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
+  return _c('div', {
+    staticClass: "md-speed-dial",
+    class: [_vm.themeClass, _vm.classes]
+  }, [_vm._t("default")], 2)
+},staticRenderFns: []}
+module.exports.render._withStripped = true
+if (false) {
+  module.hot.accept()
+  if (module.hot.data) {
+     require("vue-hot-reload-api").rerender("data-v-50d48906", module.exports)
+  }
+}
+
+/***/ }),
+
+/***/ 419:
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(112);
 
 
 /***/ })
-/******/ ])
-}));
-;
+
+/******/ });
+}));

dist/components/mdSpeedDial/index.js

@@ -1,6 +1,6 @@
 /*!
- * Vue Material v0.6.3
- * Made with love by Marcos Moura
- * Released under the MIT License.
- */
-!(function(e,o){"object"==typeof exports&&"object"==typeof module?module.exports=o():"function"==typeof define&&define.amd?define([],o):"object"==typeof exports?exports.VueMaterial=o():e.VueMaterial=o()})(this,(function(){return (function(e){function o(n){if(t[n])return t[n].exports;var r=t[n]={exports:{},id:n,loaded:!1};return e[n].call(r.exports,r,r.exports,o),r.loaded=!0,r.exports}var t={};return o.m=e,o.c=t,o.p="/",o(0)})([(function(e,o,t){!(function(){throw new Error('Cannot find module "./src/components/mdSpeedDial"')})()})])}));
+* Vue Material v0.7.1
+* Made with love by Marcos Moura
+* Released under the MIT License.
+*/   
+!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(r){if(n[r])return n[r].exports;var i=n[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,t),i.l=!0,i.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s=419)})({0:function(e,t){e.exports=function(e,t,n,r){var i,o=e=e||{},s=typeof e.default;"object"!==s&&"function"!==s||(i=e,o=e.default);var u="function"==typeof o?o.options:o;if(t&&(u.render=t.render,u.staticRenderFns=t.staticRenderFns),n&&(u._scopeId=n),r){var d=u.computed||(u.computed={});Object.keys(r).forEach((function(e){var t=r[e];d[e]=function(){return t}}))}return{esModule:i,exports:o,options:u}}},1:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(e){return!(!e||!e.$el||0===e._uid)&&(e.mdTheme||e.mdName?e:this.getClosestThemedParent(e.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var e=this.closestThemedParent.mdTheme;return e||(e=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+e}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},e.exports=t.default},112:function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function i(e){e.component("md-speed-dial",s.default),e.material.styles.push(d.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=i;var o=n(310),s=r(o),u=n(252),d=r(u);e.exports=t.default},172:function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var i=n(1),o=r(i);t.default={props:{mdOpen:{type:String,default:"click"},mdMode:{type:String,default:"fling"},mdDirection:{type:String,default:"top"}},mixins:[o.default],data:function(){return{fabTrigger:null,active:!1}},computed:{classes:function e(){var e={"md-active":this.active};return e["md-mode-"+this.mdMode]=!0,e["md-direction-"+this.mdDirection]=!0,e}},methods:{closeSpeedDial:function(e){!e.target!==this.fabTrigger&&this.fabTrigger.contains(e.target)||(this.active=!1,document.body.removeEventListener("click",this.closeSpeedDial))},toggleSpeedDial:function(){var e=this;this.active=!this.active,window.setTimeout((function(){document.body.addEventListener("click",e.closeSpeedDial)}),50)}},mounted:function(){var e=this;this.$nextTick((function(){e.fabTrigger=e.$el.querySelector("[md-fab-trigger]"),"click"===e.mdOpen?e.fabTrigger.addEventListener("click",e.toggleSpeedDial):(e.$el.addEventListener("mouseenter",e.toggleSpeedDial),e.$el.addEventListener("mouseleave",e.toggleSpeedDial))}))},beforeDestroy:function(){this.fabTrigger.removeEventListener("click",this.toggleSpeedDial),document.body.removeEventListener("click",this.closeSpeedDial)}},e.exports=t.default},216:function(e,t){},252:function(e,t){e.exports=""},310:function(e,t,n){n(216);var r=n(0)(n(172),n(365),null,null);e.exports=r.exports},365:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"md-speed-dial",class:[e.themeClass,e.classes]},[e._t("default")],2)},staticRenderFns:[]}},419:function(e,t,n){e.exports=n(112)}})}));

dist/components/mdSpinner/index.css

@@ -1,81 +1,5 @@
-/* Common */
-/* Responsive Breakpoints */
-/* Transitions - Based on Angular Material */
-/* Elevation - Based on Angular Material */
-.md-spinner {
-  display: inline-block;
-  position: relative;
-  pointer-events: none;
-  will-change: transform, opacity;
-}
-.md-spinner.md-indeterminate .md-spinner-draw {
-    animation: spinner-rotate 1.9s linear infinite;
-    transform: rotate(0deg) translateZ(0);
-}
-.md-spinner.md-indeterminate .md-spinner-path {
-    stroke-dasharray: 2, 200;
-    animation: spinner-dash 1.425s ease-in-out infinite;
-}
-.md-spinner.md-spinner-leave-active {
-    opacity: 0;
-    transform: scale(0.8) translateZ(0);
-    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
-}
-.md-spinner:not(.md-indeterminate).md-spinner-enter-active {
-    transition-duration: 2s;
-}
-.md-spinner:not(.md-indeterminate).md-spinner-enter-active .md-spinner-draw {
-      animation: spinner-initial-rotate 1.98s cubic-bezier(0.25, 0.8, 0.25, 1) forwards;
-}
-.md-spinner-draw {
-  width: 100%;
-  height: 100%;
-  margin: auto;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  transform: rotate(270deg) translateZ(0);
-  transform-origin: center center;
-  will-change: transform, opacity;
-}
-.md-spinner-path {
-  fill: none;
-  stroke-dashoffset: 0;
-  stroke-miterlimit: 10;
-  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
-}
-@keyframes spinner-rotate {
-to {
-    transform: rotate(360deg) translateZ(0);
-}
-}
-@keyframes spinner-initial-rotate {
-0% {
-    opacity: 0;
-    transform: rotate(-90deg) translateZ(0);
-}
-20% {
-    opacity: 1;
-}
-100% {
-    transform: rotate(270deg) translateZ(0);
-}
-}
-@keyframes spinner-dash {
-0% {
-    stroke-dasharray: 2, 200;
-    stroke-dashoffset: 0;
-}
-50% {
-    stroke-dasharray: 89, 200;
-    stroke-dashoffset: -35px;
-}
-100% {
-    stroke-dasharray: 89, 200;
-    stroke-dashoffset: -124px;
-}
-}
-
-/*# sourceMappingURL=index.css.map*/
+/*!
+* Vue Material v0.7.1
+* Made with love by Marcos Moura
+* Released under the MIT License.
+*/.md-spinner{display:inline-block;position:relative;pointer-events:none;will-change:transform,opacity}.md-spinner.md-indeterminate .md-spinner-draw{animation:a 1.9s linear infinite;transform:rotate(0deg) translateZ(0)}.md-spinner.md-indeterminate .md-spinner-path{stroke-dasharray:2,200;animation:c 1.425s ease-in-out infinite}.md-spinner.md-spinner-leave-active{opacity:0;transform:scale(.8) translateZ(0);transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-spinner:not(.md-indeterminate).md-spinner-enter-active{transition-duration:2s}.md-spinner:not(.md-indeterminate).md-spinner-enter-active .md-spinner-draw{animation:b 1.98s cubic-bezier(.25,.8,.25,1) forwards}.md-spinner-draw{width:100%;height:100%;margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(270deg) translateZ(0);transform-origin:center center;will-change:transform,opacity}.md-spinner-path{fill:none;stroke-dashoffset:0;stroke-miterlimit:10;transition:all .4s cubic-bezier(.25,.8,.25,1)}@keyframes a{to{transform:rotate(1turn) translateZ(0)}}@keyframes b{0%{opacity:0;transform:rotate(-90deg) translateZ(0)}20%{opacity:1}to{transform:rotate(270deg) translateZ(0)}}@keyframes c{0%{stroke-dasharray:2,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}

dist/components/mdSpinner/index.debug.js

@@ -21,16 +21,16 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /******/ 		// Create a new module (and put it into the cache)
 /******/ 		var module = installedModules[moduleId] = {
-/******/ 			exports: {},
-/******/ 			id: moduleId,
-/******/ 			loaded: false
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
 /******/ 		};
 
 /******/ 		// Execute the module function
 /******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
 
 /******/ 		// Flag the module as loaded
-/******/ 		module.loaded = true;
+/******/ 		module.l = true;
 
 /******/ 		// Return the exports of the module
 /******/ 		return module.exports;
@@ -43,291 +43,364 @@ return /******/ (function(modules) { // webpackBootstrap
 /******/ 	// expose the module cache
 /******/ 	__webpack_require__.c = installedModules;
 
+/******/ 	// identity function for calling harmony imports with the correct context
+/******/ 	__webpack_require__.i = function(value) { return value; };
+
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, {
+/******/ 				configurable: false,
+/******/ 				enumerable: true,
+/******/ 				get: getter
+/******/ 			});
+/******/ 		}
+/******/ 	};
+
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+
 /******/ 	// __webpack_public_path__
 /******/ 	__webpack_require__.p = "/";
 
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(0);
+/******/ 	return __webpack_require__(__webpack_require__.s = 420);
 /******/ })
 /************************************************************************/
 /******/ ({
 
 /***/ 0:
-/***/ function(module, exports, __webpack_require__) {
+/***/ (function(module, exports) {
 
-	module.exports = __webpack_require__(95);
+module.exports = function normalizeComponent (
+  rawScriptExports,
+  compiledTemplate,
+  scopeId,
+  cssModules
+) {
+  var esModule
+  var scriptExports = rawScriptExports = rawScriptExports || {}
+
+  // ES6 modules interop
+  var type = typeof rawScriptExports.default
+  if (type === 'object' || type === 'function') {
+    esModule = rawScriptExports
+    scriptExports = rawScriptExports.default
+  }
+
+  // Vue.extend constructor export interop
+  var options = typeof scriptExports === 'function'
+    ? scriptExports.options
+    : scriptExports
+
+  // render functions
+  if (compiledTemplate) {
+    options.render = compiledTemplate.render
+    options.staticRenderFns = compiledTemplate.staticRenderFns
+  }
+
+  // scopedId
+  if (scopeId) {
+    options._scopeId = scopeId
+  }
+
+  // inject cssModules
+  if (cssModules) {
+    var computed = options.computed || (options.computed = {})
+    Object.keys(cssModules).forEach((function (key) {
+      var module = cssModules[key]
+      computed[key] = function () { return module }
+    }))
+  }
+
+  return {
+    esModule: esModule,
+    exports: scriptExports,
+    options: options
+  }
+}
 
 
-/***/ },
+/***/ }),
 
 /***/ 1:
-/***/ function(module, exports) {
+/***/ (function(module, exports, __webpack_require__) {
 
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	exports.default = {
-	  props: {
-	    mdTheme: String
-	  },
-	  data: function data() {
-	    return {
-	      closestThemedParent: false
-	    };
-	  },
-	  methods: {
-	    getClosestThemedParent: function getClosestThemedParent($parent) {
-	      if (!$parent || !$parent.$el || $parent._uid === 0) {
-	        return false;
-	      }
-
-	      if ($parent.mdTheme || $parent.mdName) {
-	        return $parent;
-	      }
-
-	      return this.getClosestThemedParent($parent.$parent);
-	    }
-	  },
-	  computed: {
-	    themeClass: function themeClass() {
-	      if (this.mdTheme) {
-	        return 'md-theme-' + this.mdTheme;
-	      }
-
-	      var theme = this.closestThemedParent.mdTheme;
-
-	      if (!theme) {
-	        if (this.closestThemedParent) {
-	          theme = this.closestThemedParent.mdName;
-	        } else {
-	          theme = this.$material.currentTheme;
-	        }
-	      }
-
-	      return 'md-theme-' + theme;
-	    }
-	  },
-	  mounted: function mounted() {
-	    this.closestThemedParent = this.getClosestThemedParent(this.$parent);
-
-	    if (!this.$material.currentTheme) {
-	      this.$material.setCurrentTheme('default');
-	    }
-	  }
-	};
-	module.exports = exports['default'];
-
-/***/ },
-
-/***/ 95:
-/***/ function(module, exports, __webpack_require__) {
-
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	exports.default = install;
-
-	var _mdSpinner = __webpack_require__(294);
-
-	var _mdSpinner2 = _interopRequireDefault(_mdSpinner);
-
-	var _mdSpinner3 = __webpack_require__(241);
-
-	var _mdSpinner4 = _interopRequireDefault(_mdSpinner3);
-
-	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-	function install(Vue) {
-	  Vue.component('md-spinner', Vue.extend(_mdSpinner2.default));
-
-	  Vue.material.styles.push(_mdSpinner4.default);
-	}
-	module.exports = exports['default'];
-
-/***/ },
-
-/***/ 148:
-/***/ function(module, exports, __webpack_require__) {
-
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-
-	var _mixin = __webpack_require__(1);
-
-	var _mixin2 = _interopRequireDefault(_mixin);
-
-	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-	exports.default = {
-	  props: {
-	    mdSize: {
-	      type: Number,
-	      default: 50
-	    },
-	    mdStroke: {
-	      type: Number,
-	      default: 3.5
-	    },
-	    mdIndeterminate: Boolean,
-	    mdProgress: {
-	      type: Number,
-	      default: 0
-	    }
-	  },
-	  mixins: [_mixin2.default],
-	  computed: {
-	    classes: function classes() {
-	      return {
-	        'md-indeterminate': this.mdIndeterminate
-	      };
-	    },
-	    styles: function styles() {
-	      var newSize = this.mdSize + 'px';
-
-	      return {
-	        width: newSize,
-	        height: newSize
-	      };
-	    },
-	    dashProgress: function dashProgress() {
-	      var progress = this.mdProgress * 125 / 100;
-
-	      if (this.mdIndeterminate) {
-	        return false;
-	      }
-
-	      if (progress >= 125) {
-	        progress = 130;
-	      }
-
-	      return progress + ', 200';
-	    }
-	  }
-	}; //
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-
-	module.exports = exports['default'];
-
-/***/ },
-
-/***/ 211:
-/***/ function(module, exports) {
-
-	// removed by extract-text-webpack-plugin
-
-/***/ },
-
-/***/ 241:
-/***/ function(module, exports) {
-
-	module.exports = ".THEME_NAME.md-spinner .md-spinner-path {\n  stroke: PRIMARY-COLOR; }\n\n.THEME_NAME.md-spinner.md-accent .md-spinner-path {\n  stroke: ACCENT-COLOR; }\n\n.THEME_NAME.md-spinner.md-warn .md-spinner-path {\n  stroke: WARN-COLOR; }\n"
-
-/***/ },
-
-/***/ 294:
-/***/ function(module, exports, __webpack_require__) {
-
-	var __vue_exports__, __vue_options__
-	var __vue_styles__ = {}
-
-	/* styles */
-	__webpack_require__(211)
-
-	/* script */
-	__vue_exports__ = __webpack_require__(148)
-
-	/* template */
-	var __vue_template__ = __webpack_require__(353)
-	__vue_options__ = __vue_exports__ = __vue_exports__ || {}
-	if (
-	  typeof __vue_exports__.default === "object" ||
-	  typeof __vue_exports__.default === "function"
-	) {
-	if (Object.keys(__vue_exports__).some((function (key) { return key !== "default" && key !== "__esModule" }))) {console.error("named exports are not supported in *.vue files.")}
-	__vue_options__ = __vue_exports__ = __vue_exports__.default
-	}
-	if (typeof __vue_options__ === "function") {
-	  __vue_options__ = __vue_options__.options
-	}
-	__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdSpinner/mdSpinner.vue"
-	__vue_options__.render = __vue_template__.render
-	__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
-
-	/* hot reload */
-	if (false) {(function () {
-	  var hotAPI = require("vue-hot-reload-api")
-	  hotAPI.install(require("vue"), false)
-	  if (!hotAPI.compatible) return
-	  module.hot.accept()
-	  if (!module.hot.data) {
-	    hotAPI.createRecord("data-v-7e174593", __vue_options__)
-	  } else {
-	    hotAPI.reload("data-v-7e174593", __vue_options__)
-	  }
-	})()}
-	if (__vue_options__.functional) {console.error("[vue-loader] mdSpinner.vue: functional components are not supported and should be defined in plain js files using render functions.")}
-
-	module.exports = __vue_exports__
+"use strict";
 
 
-/***/ },
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = {
+  props: {
+    mdTheme: String
+  },
+  data: function data() {
+    return {
+      closestThemedParent: false
+    };
+  },
+  methods: {
+    getClosestThemedParent: function getClosestThemedParent($parent) {
+      if (!$parent || !$parent.$el || $parent._uid === 0) {
+        return false;
+      }
 
-/***/ 353:
-/***/ function(module, exports, __webpack_require__) {
+      if ($parent.mdTheme || $parent.mdName) {
+        return $parent;
+      }
 
-	module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
-	  return _c('transition', {
-	    attrs: {
-	      "name": "md-spinner",
-	      "appear": ""
-	    }
-	  }, [_c('div', {
-	    staticClass: "md-spinner",
-	    class: [_vm.themeClass, _vm.classes],
-	    style: (_vm.styles)
-	  }, [_c('svg', {
-	    staticClass: "md-spinner-draw",
-	    attrs: {
-	      "viewBox": "25 25 50 50"
-	    }
-	  }, [_c('circle', {
-	    staticClass: "md-spinner-path",
-	    attrs: {
-	      "cx": "50",
-	      "cy": "50",
-	      "r": "20",
-	      "stroke-width": _vm.mdStroke,
-	      "stroke-dasharray": _vm.dashProgress
-	    }
-	  })])])])
-	},staticRenderFns: []}
-	module.exports.render._withStripped = true
-	if (false) {
-	  module.hot.accept()
-	  if (module.hot.data) {
-	     require("vue-hot-reload-api").rerender("data-v-7e174593", module.exports)
-	  }
-	}
+      return this.getClosestThemedParent($parent.$parent);
+    }
+  },
+  computed: {
+    themeClass: function themeClass() {
+      if (this.mdTheme) {
+        return 'md-theme-' + this.mdTheme;
+      }
 
-/***/ }
+      var theme = this.closestThemedParent.mdTheme;
 
-/******/ })
-}));
-;
+      if (!theme) {
+        if (this.closestThemedParent) {
+          theme = this.closestThemedParent.mdName;
+        } else {
+          theme = this.$material.currentTheme;
+        }
+      }
+
+      return 'md-theme-' + theme;
+    }
+  },
+  mounted: function mounted() {
+    this.closestThemedParent = this.getClosestThemedParent(this.$parent);
+
+    if (!this.$material.currentTheme) {
+      this.$material.setCurrentTheme('default');
+    }
+  }
+};
+module.exports = exports['default'];
+
+/***/ }),
+
+/***/ 113:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = install;
+
+var _mdSpinner = __webpack_require__(311);
+
+var _mdSpinner2 = _interopRequireDefault(_mdSpinner);
+
+var _mdSpinner3 = __webpack_require__(253);
+
+var _mdSpinner4 = _interopRequireDefault(_mdSpinner3);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function install(Vue) {
+  Vue.component('md-spinner', _mdSpinner2.default);
+
+  Vue.material.styles.push(_mdSpinner4.default);
+}
+module.exports = exports['default'];
+
+/***/ }),
+
+/***/ 173:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _mixin = __webpack_require__(1);
+
+var _mixin2 = _interopRequireDefault(_mixin);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+exports.default = {
+  props: {
+    mdSize: {
+      type: Number,
+      default: 50
+    },
+    mdStroke: {
+      type: Number,
+      default: 3.5
+    },
+    mdIndeterminate: Boolean,
+    mdProgress: {
+      type: Number,
+      default: 0
+    }
+  },
+  mixins: [_mixin2.default],
+  computed: {
+    classes: function classes() {
+      return {
+        'md-indeterminate': this.mdIndeterminate
+      };
+    },
+    styles: function styles() {
+      var newSize = this.mdSize + 'px';
+
+      return {
+        width: newSize,
+        height: newSize
+      };
+    },
+    dashProgress: function dashProgress() {
+      var progress = this.mdProgress * 125 / 100;
+
+      if (this.mdIndeterminate) {
+        return false;
+      }
+
+      if (progress >= 125) {
+        progress = 130;
+      }
+
+      return progress + ', 200';
+    }
+  }
+}; //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+module.exports = exports['default'];
+
+/***/ }),
+
+/***/ 204:
+/***/ (function(module, exports) {
+
+// removed by extract-text-webpack-plugin
+
+/***/ }),
+
+/***/ 253:
+/***/ (function(module, exports) {
+
+module.exports = ".THEME_NAME.md-spinner .md-spinner-path {\n  stroke: PRIMARY-COLOR; }\n\n.THEME_NAME.md-spinner.md-accent .md-spinner-path {\n  stroke: ACCENT-COLOR; }\n\n.THEME_NAME.md-spinner.md-warn .md-spinner-path {\n  stroke: WARN-COLOR; }\n"
+
+/***/ }),
+
+/***/ 311:
+/***/ (function(module, exports, __webpack_require__) {
+
+
+/* styles */
+__webpack_require__(204)
+
+var Component = __webpack_require__(0)(
+  /* script */
+  __webpack_require__(173),
+  /* template */
+  __webpack_require__(340),
+  /* scopeId */
+  null,
+  /* cssModules */
+  null
+)
+Component.options.__file = "/Users/mrufino/Projects/personal/github/vue-material/src/components/mdSpinner/mdSpinner.vue"
+if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
+if (Component.options.functional) {console.error("[vue-loader] mdSpinner.vue: functional components are not supported with templates, they should use render functions.")}
+
+/* hot reload */
+if (false) {(function () {
+  var hotAPI = require("vue-hot-reload-api")
+  hotAPI.install(require("vue"), false)
+  if (!hotAPI.compatible) return
+  module.hot.accept()
+  if (!module.hot.data) {
+    hotAPI.createRecord("data-v-15aaf96c", Component.options)
+  } else {
+    hotAPI.reload("data-v-15aaf96c", Component.options)
+  }
+})()}
+
+module.exports = Component.exports
+
+
+/***/ }),
+
+/***/ 340:
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
+  return _c('transition', {
+    attrs: {
+      "name": "md-spinner",
+      "appear": ""
+    }
+  }, [_c('div', {
+    staticClass: "md-spinner",
+    class: [_vm.themeClass, _vm.classes],
+    style: (_vm.styles)
+  }, [_c('svg', {
+    staticClass: "md-spinner-draw",
+    attrs: {
+      "viewBox": "25 25 50 50"
+    }
+  }, [_c('circle', {
+    staticClass: "md-spinner-path",
+    attrs: {
+      "cx": "50",
+      "cy": "50",
+      "r": "20",
+      "stroke-width": _vm.mdStroke,
+      "stroke-dasharray": _vm.dashProgress
+    }
+  })])])])
+},staticRenderFns: []}
+module.exports.render._withStripped = true
+if (false) {
+  module.hot.accept()
+  if (module.hot.data) {
+     require("vue-hot-reload-api").rerender("data-v-15aaf96c", module.exports)
+  }
+}
+
+/***/ }),
+
+/***/ 420:
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(113);
+
+
+/***/ })
+
+/******/ });
+}));

dist/components/mdSpinner/index.js

@@ -1,6 +1,6 @@
 /*!
- * Vue Material v0.6.3
- * Made with love by Marcos Moura
- * Released under the MIT License.
- */
-!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(n){if(r[n])return r[n].exports;var s=r[n]={exports:{},id:n,loaded:!1};return e[n].call(s.exports,s,s.exports,t),s.loaded=!0,s.exports}var r={};return t.m=e,t.c=r,t.p="/",t(0)})({0:function(e,t,r){e.exports=r(95)},1:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(e){return!(!e||!e.$el||0===e._uid)&&(e.mdTheme||e.mdName?e:this.getClosestThemedParent(e.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var e=this.closestThemedParent.mdTheme;return e||(e=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+e}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},e.exports=t.default},95:function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function s(e){e.component("md-spinner",e.extend(a.default)),e.material.styles.push(o.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=s;var d=r(294),a=n(d),i=r(241),o=n(i);e.exports=t.default},148:function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var s=r(1),d=n(s);t.default={props:{mdSize:{type:Number,default:50},mdStroke:{type:Number,default:3.5},mdIndeterminate:Boolean,mdProgress:{type:Number,default:0}},mixins:[d.default],computed:{classes:function(){return{"md-indeterminate":this.mdIndeterminate}},styles:function(){var e=this.mdSize+"px";return{width:e,height:e}},dashProgress:function(){var e=125*this.mdProgress/100;return!this.mdIndeterminate&&(e>=125&&(e=130),e+", 200")}}},e.exports=t.default},211:function(e,t){},241:function(e,t){e.exports=".THEME_NAME.md-spinner .md-spinner-path{stroke:PRIMARY-COLOR}.THEME_NAME.md-spinner.md-accent .md-spinner-path{stroke:ACCENT-COLOR}.THEME_NAME.md-spinner.md-warn .md-spinner-path{stroke:WARN-COLOR}\n"},294:function(e,t,r){var n,s;r(211),n=r(148);var d=r(353);s=n=n||{},"object"!=typeof n.default&&"function"!=typeof n.default||(s=n=n.default),"function"==typeof s&&(s=s.options),s.render=d.render,s.staticRenderFns=d.staticRenderFns,e.exports=n},353:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("transition",{attrs:{name:"md-spinner",appear:""}},[r("div",{staticClass:"md-spinner",class:[e.themeClass,e.classes],style:e.styles},[r("svg",{staticClass:"md-spinner-draw",attrs:{viewBox:"25 25 50 50"}},[r("circle",{staticClass:"md-spinner-path",attrs:{cx:"50",cy:"50",r:"20","stroke-width":e.mdStroke,"stroke-dasharray":e.dashProgress}})])])])},staticRenderFns:[]}}})}));
+* Vue Material v0.7.1
+* Made with love by Marcos Moura
+* Released under the MIT License.
+*/   
+!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(r){if(n[r])return n[r].exports;var s=n[r]={i:r,l:!1,exports:{}};return e[r].call(s.exports,s,s.exports,t),s.l=!0,s.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s=420)})({0:function(e,t){e.exports=function(e,t,n,r){var s,o=e=e||{},i=typeof e.default;"object"!==i&&"function"!==i||(s=e,o=e.default);var u="function"==typeof o?o.options:o;if(t&&(u.render=t.render,u.staticRenderFns=t.staticRenderFns),n&&(u._scopeId=n),r){var a=u.computed||(u.computed={});Object.keys(r).forEach((function(e){var t=r[e];a[e]=function(){return t}}))}return{esModule:s,exports:o,options:u}}},1:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(e){return!(!e||!e.$el||0===e._uid)&&(e.mdTheme||e.mdName?e:this.getClosestThemedParent(e.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var e=this.closestThemedParent.mdTheme;return e||(e=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+e}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},e.exports=t.default},113:function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function s(e){e.component("md-spinner",i.default),e.material.styles.push(a.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=s;var o=n(311),i=r(o),u=n(253),a=r(u);e.exports=t.default},173:function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var s=n(1),o=r(s);t.default={props:{mdSize:{type:Number,default:50},mdStroke:{type:Number,default:3.5},mdIndeterminate:Boolean,mdProgress:{type:Number,default:0}},mixins:[o.default],computed:{classes:function(){return{"md-indeterminate":this.mdIndeterminate}},styles:function(){var e=this.mdSize+"px";return{width:e,height:e}},dashProgress:function(){var e=125*this.mdProgress/100;return!this.mdIndeterminate&&(e>=125&&(e=130),e+", 200")}}},e.exports=t.default},204:function(e,t){},253:function(e,t){e.exports=".THEME_NAME.md-spinner .md-spinner-path{stroke:PRIMARY-COLOR}.THEME_NAME.md-spinner.md-accent .md-spinner-path{stroke:ACCENT-COLOR}.THEME_NAME.md-spinner.md-warn .md-spinner-path{stroke:WARN-COLOR}\n"},311:function(e,t,n){n(204);var r=n(0)(n(173),n(340),null,null);e.exports=r.exports},340:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("transition",{attrs:{name:"md-spinner",appear:""}},[n("div",{staticClass:"md-spinner",class:[e.themeClass,e.classes],style:e.styles},[n("svg",{staticClass:"md-spinner-draw",attrs:{viewBox:"25 25 50 50"}},[n("circle",{staticClass:"md-spinner-path",attrs:{cx:"50",cy:"50",r:"20","stroke-width":e.mdStroke,"stroke-dasharray":e.dashProgress}})])])])},staticRenderFns:[]}},420:function(e,t,n){e.exports=n(113)}})}));

dist/components/mdSubheader/index.css

@@ -1,19 +1,5 @@
-/* Common */
-/* Responsive Breakpoints */
-/* Transitions - Based on Angular Material */
-/* Elevation - Based on Angular Material */
-.md-subheader {
-  min-height: 48px;
-  padding: 0 16px;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-align: center;
-      align-items: center;
-  -ms-flex-flow: row wrap;
-      flex-flow: row wrap;
-  color: rgba(0, 0, 0, 0.54);
-  font-size: 14px;
-  font-weight: 500;
-}
-
-/*# sourceMappingURL=index.css.map*/
+/*!
+* Vue Material v0.7.1
+* Made with love by Marcos Moura
+* Released under the MIT License.
+*/.md-subheader{min-height:48px;padding:0 16px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-flow:row wrap;flex-flow:row wrap;color:rgba(0,0,0,.54);font-size:14px;font-weight:500}

dist/components/mdSubheader/index.debug.js

@@ -21,16 +21,16 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /******/ 		// Create a new module (and put it into the cache)
 /******/ 		var module = installedModules[moduleId] = {
-/******/ 			exports: {},
-/******/ 			id: moduleId,
-/******/ 			loaded: false
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
 /******/ 		};
 
 /******/ 		// Execute the module function
 /******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
 
 /******/ 		// Flag the module as loaded
-/******/ 		module.loaded = true;
+/******/ 		module.l = true;
 
 /******/ 		// Return the exports of the module
 /******/ 		return module.exports;
@@ -43,231 +43,304 @@ return /******/ (function(modules) { // webpackBootstrap
 /******/ 	// expose the module cache
 /******/ 	__webpack_require__.c = installedModules;
 
+/******/ 	// identity function for calling harmony imports with the correct context
+/******/ 	__webpack_require__.i = function(value) { return value; };
+
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, {
+/******/ 				configurable: false,
+/******/ 				enumerable: true,
+/******/ 				get: getter
+/******/ 			});
+/******/ 		}
+/******/ 	};
+
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+
 /******/ 	// __webpack_public_path__
 /******/ 	__webpack_require__.p = "/";
 
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(0);
+/******/ 	return __webpack_require__(__webpack_require__.s = 421);
 /******/ })
 /************************************************************************/
 /******/ ({
 
 /***/ 0:
-/***/ function(module, exports, __webpack_require__) {
+/***/ (function(module, exports) {
 
-	module.exports = __webpack_require__(96);
+module.exports = function normalizeComponent (
+  rawScriptExports,
+  compiledTemplate,
+  scopeId,
+  cssModules
+) {
+  var esModule
+  var scriptExports = rawScriptExports = rawScriptExports || {}
+
+  // ES6 modules interop
+  var type = typeof rawScriptExports.default
+  if (type === 'object' || type === 'function') {
+    esModule = rawScriptExports
+    scriptExports = rawScriptExports.default
+  }
+
+  // Vue.extend constructor export interop
+  var options = typeof scriptExports === 'function'
+    ? scriptExports.options
+    : scriptExports
+
+  // render functions
+  if (compiledTemplate) {
+    options.render = compiledTemplate.render
+    options.staticRenderFns = compiledTemplate.staticRenderFns
+  }
+
+  // scopedId
+  if (scopeId) {
+    options._scopeId = scopeId
+  }
+
+  // inject cssModules
+  if (cssModules) {
+    var computed = options.computed || (options.computed = {})
+    Object.keys(cssModules).forEach((function (key) {
+      var module = cssModules[key]
+      computed[key] = function () { return module }
+    }))
+  }
+
+  return {
+    esModule: esModule,
+    exports: scriptExports,
+    options: options
+  }
+}
 
 
-/***/ },
+/***/ }),
 
 /***/ 1:
-/***/ function(module, exports) {
+/***/ (function(module, exports, __webpack_require__) {
 
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	exports.default = {
-	  props: {
-	    mdTheme: String
-	  },
-	  data: function data() {
-	    return {
-	      closestThemedParent: false
-	    };
-	  },
-	  methods: {
-	    getClosestThemedParent: function getClosestThemedParent($parent) {
-	      if (!$parent || !$parent.$el || $parent._uid === 0) {
-	        return false;
-	      }
-
-	      if ($parent.mdTheme || $parent.mdName) {
-	        return $parent;
-	      }
-
-	      return this.getClosestThemedParent($parent.$parent);
-	    }
-	  },
-	  computed: {
-	    themeClass: function themeClass() {
-	      if (this.mdTheme) {
-	        return 'md-theme-' + this.mdTheme;
-	      }
-
-	      var theme = this.closestThemedParent.mdTheme;
-
-	      if (!theme) {
-	        if (this.closestThemedParent) {
-	          theme = this.closestThemedParent.mdName;
-	        } else {
-	          theme = this.$material.currentTheme;
-	        }
-	      }
-
-	      return 'md-theme-' + theme;
-	    }
-	  },
-	  mounted: function mounted() {
-	    this.closestThemedParent = this.getClosestThemedParent(this.$parent);
-
-	    if (!this.$material.currentTheme) {
-	      this.$material.setCurrentTheme('default');
-	    }
-	  }
-	};
-	module.exports = exports['default'];
-
-/***/ },
-
-/***/ 96:
-/***/ function(module, exports, __webpack_require__) {
-
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	exports.default = install;
-
-	var _mdSubheader = __webpack_require__(295);
-
-	var _mdSubheader2 = _interopRequireDefault(_mdSubheader);
-
-	var _mdSubheader3 = __webpack_require__(242);
-
-	var _mdSubheader4 = _interopRequireDefault(_mdSubheader3);
-
-	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-	function install(Vue) {
-	  Vue.component('md-subheader', Vue.extend(_mdSubheader2.default));
-
-	  Vue.material.styles.push(_mdSubheader4.default);
-	}
-	module.exports = exports['default'];
-
-/***/ },
-
-/***/ 149:
-/***/ function(module, exports, __webpack_require__) {
-
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-
-	var _mixin = __webpack_require__(1);
-
-	var _mixin2 = _interopRequireDefault(_mixin);
-
-	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-	exports.default = {
-	  mixins: [_mixin2.default]
-	}; //
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-
-	module.exports = exports['default'];
-
-/***/ },
-
-/***/ 215:
-/***/ function(module, exports) {
-
-	// removed by extract-text-webpack-plugin
-
-/***/ },
-
-/***/ 242:
-/***/ function(module, exports) {
-
-	module.exports = ".THEME_NAME.md-subheader.md-primary {\n  color: PRIMARY-COLOR; }\n\n.THEME_NAME.md-subheader.md-accent {\n  color: ACCENT-COLOR; }\n\n.THEME_NAME.md-subheader.md-warn {\n  color: WARN-COLOR; }\n"
-
-/***/ },
-
-/***/ 295:
-/***/ function(module, exports, __webpack_require__) {
-
-	var __vue_exports__, __vue_options__
-	var __vue_styles__ = {}
-
-	/* styles */
-	__webpack_require__(215)
-
-	/* script */
-	__vue_exports__ = __webpack_require__(149)
-
-	/* template */
-	var __vue_template__ = __webpack_require__(360)
-	__vue_options__ = __vue_exports__ = __vue_exports__ || {}
-	if (
-	  typeof __vue_exports__.default === "object" ||
-	  typeof __vue_exports__.default === "function"
-	) {
-	if (Object.keys(__vue_exports__).some((function (key) { return key !== "default" && key !== "__esModule" }))) {console.error("named exports are not supported in *.vue files.")}
-	__vue_options__ = __vue_exports__ = __vue_exports__.default
-	}
-	if (typeof __vue_options__ === "function") {
-	  __vue_options__ = __vue_options__.options
-	}
-	__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdSubheader/mdSubheader.vue"
-	__vue_options__.render = __vue_template__.render
-	__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
-
-	/* hot reload */
-	if (false) {(function () {
-	  var hotAPI = require("vue-hot-reload-api")
-	  hotAPI.install(require("vue"), false)
-	  if (!hotAPI.compatible) return
-	  module.hot.accept()
-	  if (!module.hot.data) {
-	    hotAPI.createRecord("data-v-a2e7fe8a", __vue_options__)
-	  } else {
-	    hotAPI.reload("data-v-a2e7fe8a", __vue_options__)
-	  }
-	})()}
-	if (__vue_options__.functional) {console.error("[vue-loader] mdSubheader.vue: functional components are not supported and should be defined in plain js files using render functions.")}
-
-	module.exports = __vue_exports__
+"use strict";
 
 
-/***/ },
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = {
+  props: {
+    mdTheme: String
+  },
+  data: function data() {
+    return {
+      closestThemedParent: false
+    };
+  },
+  methods: {
+    getClosestThemedParent: function getClosestThemedParent($parent) {
+      if (!$parent || !$parent.$el || $parent._uid === 0) {
+        return false;
+      }
 
-/***/ 360:
-/***/ function(module, exports, __webpack_require__) {
+      if ($parent.mdTheme || $parent.mdName) {
+        return $parent;
+      }
 
-	module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
-	  return (_vm.$parent.$options._componentTag === 'md-list') ? _c('li', {
-	    staticClass: "md-subheader",
-	    class: [_vm.themeClass]
-	  }, [_vm._t("default")], 2) : _c('div', {
-	    staticClass: "md-subheader",
-	    class: [_vm.themeClass]
-	  }, [_vm._t("default")], 2)
-	},staticRenderFns: []}
-	module.exports.render._withStripped = true
-	if (false) {
-	  module.hot.accept()
-	  if (module.hot.data) {
-	     require("vue-hot-reload-api").rerender("data-v-a2e7fe8a", module.exports)
-	  }
-	}
+      return this.getClosestThemedParent($parent.$parent);
+    }
+  },
+  computed: {
+    themeClass: function themeClass() {
+      if (this.mdTheme) {
+        return 'md-theme-' + this.mdTheme;
+      }
 
-/***/ }
+      var theme = this.closestThemedParent.mdTheme;
 
-/******/ })
-}));
-;
+      if (!theme) {
+        if (this.closestThemedParent) {
+          theme = this.closestThemedParent.mdName;
+        } else {
+          theme = this.$material.currentTheme;
+        }
+      }
+
+      return 'md-theme-' + theme;
+    }
+  },
+  mounted: function mounted() {
+    this.closestThemedParent = this.getClosestThemedParent(this.$parent);
+
+    if (!this.$material.currentTheme) {
+      this.$material.setCurrentTheme('default');
+    }
+  }
+};
+module.exports = exports['default'];
+
+/***/ }),
+
+/***/ 114:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = install;
+
+var _mdSubheader = __webpack_require__(312);
+
+var _mdSubheader2 = _interopRequireDefault(_mdSubheader);
+
+var _mdSubheader3 = __webpack_require__(254);
+
+var _mdSubheader4 = _interopRequireDefault(_mdSubheader3);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function install(Vue) {
+  Vue.component('md-subheader', _mdSubheader2.default);
+
+  Vue.material.styles.push(_mdSubheader4.default);
+}
+module.exports = exports['default'];
+
+/***/ }),
+
+/***/ 174:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _mixin = __webpack_require__(1);
+
+var _mixin2 = _interopRequireDefault(_mixin);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+exports.default = {
+  mixins: [_mixin2.default]
+}; //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+module.exports = exports['default'];
+
+/***/ }),
+
+/***/ 222:
+/***/ (function(module, exports) {
+
+// removed by extract-text-webpack-plugin
+
+/***/ }),
+
+/***/ 254:
+/***/ (function(module, exports) {
+
+module.exports = ".THEME_NAME.md-subheader.md-primary {\n  color: PRIMARY-COLOR; }\n\n.THEME_NAME.md-subheader.md-accent {\n  color: ACCENT-COLOR; }\n\n.THEME_NAME.md-subheader.md-warn {\n  color: WARN-COLOR; }\n"
+
+/***/ }),
+
+/***/ 312:
+/***/ (function(module, exports, __webpack_require__) {
+
+
+/* styles */
+__webpack_require__(222)
+
+var Component = __webpack_require__(0)(
+  /* script */
+  __webpack_require__(174),
+  /* template */
+  __webpack_require__(379),
+  /* scopeId */
+  null,
+  /* cssModules */
+  null
+)
+Component.options.__file = "/Users/mrufino/Projects/personal/github/vue-material/src/components/mdSubheader/mdSubheader.vue"
+if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
+if (Component.options.functional) {console.error("[vue-loader] mdSubheader.vue: functional components are not supported with templates, they should use render functions.")}
+
+/* hot reload */
+if (false) {(function () {
+  var hotAPI = require("vue-hot-reload-api")
+  hotAPI.install(require("vue"), false)
+  if (!hotAPI.compatible) return
+  module.hot.accept()
+  if (!module.hot.data) {
+    hotAPI.createRecord("data-v-6c68ea1c", Component.options)
+  } else {
+    hotAPI.reload("data-v-6c68ea1c", Component.options)
+  }
+})()}
+
+module.exports = Component.exports
+
+
+/***/ }),
+
+/***/ 379:
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
+  return (_vm.$parent.$options._componentTag === 'md-list') ? _c('li', {
+    staticClass: "md-subheader",
+    class: [_vm.themeClass]
+  }, [_vm._t("default")], 2) : _c('div', {
+    staticClass: "md-subheader",
+    class: [_vm.themeClass]
+  }, [_vm._t("default")], 2)
+},staticRenderFns: []}
+module.exports.render._withStripped = true
+if (false) {
+  module.hot.accept()
+  if (module.hot.data) {
+     require("vue-hot-reload-api").rerender("data-v-6c68ea1c", module.exports)
+  }
+}
+
+/***/ }),
+
+/***/ 421:
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(114);
+
+
+/***/ })
+
+/******/ });
+}));

dist/components/mdSubheader/index.js

@@ -1,6 +1,6 @@
 /*!
- * Vue Material v0.6.3
- * Made with love by Marcos Moura
- * Released under the MIT License.
- */
-!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(n){if(r[n])return r[n].exports;var s=r[n]={exports:{},id:n,loaded:!1};return e[n].call(s.exports,s,s.exports,t),s.loaded=!0,s.exports}var r={};return t.m=e,t.c=r,t.p="/",t(0)})({0:function(e,t,r){e.exports=r(96)},1:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(e){return!(!e||!e.$el||0===e._uid)&&(e.mdTheme||e.mdName?e:this.getClosestThemedParent(e.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var e=this.closestThemedParent.mdTheme;return e||(e=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+e}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},e.exports=t.default},96:function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function s(e){e.component("md-subheader",e.extend(a.default)),e.material.styles.push(u.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=s;var o=r(295),a=n(o),d=r(242),u=n(d);e.exports=t.default},149:function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var s=r(1),o=n(s);t.default={mixins:[o.default]},e.exports=t.default},215:function(e,t){},242:function(e,t){e.exports=".THEME_NAME.md-subheader.md-primary{color:PRIMARY-COLOR}.THEME_NAME.md-subheader.md-accent{color:ACCENT-COLOR}.THEME_NAME.md-subheader.md-warn{color:WARN-COLOR}\n"},295:function(e,t,r){var n,s;r(215),n=r(149);var o=r(360);s=n=n||{},"object"!=typeof n.default&&"function"!=typeof n.default||(s=n=n.default),"function"==typeof s&&(s=s.options),s.render=o.render,s.staticRenderFns=o.staticRenderFns,e.exports=n},360:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,r=e._self._c||t;return"md-list"===e.$parent.$options._componentTag?r("li",{staticClass:"md-subheader",class:[e.themeClass]},[e._t("default")],2):r("div",{staticClass:"md-subheader",class:[e.themeClass]},[e._t("default")],2)},staticRenderFns:[]}}})}));
+* Vue Material v0.7.1
+* Made with love by Marcos Moura
+* Released under the MIT License.
+*/   
+!(function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VueMaterial=t():e.VueMaterial=t()})(this,(function(){return (function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s=421)})({0:function(e,t){e.exports=function(e,t,n,r){var o,s=e=e||{},u=typeof e.default;"object"!==u&&"function"!==u||(o=e,s=e.default);var a="function"==typeof s?s.options:s;if(t&&(a.render=t.render,a.staticRenderFns=t.staticRenderFns),n&&(a._scopeId=n),r){var i=a.computed||(a.computed={});Object.keys(r).forEach((function(e){var t=r[e];i[e]=function(){return t}}))}return{esModule:o,exports:s,options:a}}},1:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={props:{mdTheme:String},data:function(){return{closestThemedParent:!1}},methods:{getClosestThemedParent:function(e){return!(!e||!e.$el||0===e._uid)&&(e.mdTheme||e.mdName?e:this.getClosestThemedParent(e.$parent))}},computed:{themeClass:function(){if(this.mdTheme)return"md-theme-"+this.mdTheme;var e=this.closestThemedParent.mdTheme;return e||(e=this.closestThemedParent?this.closestThemedParent.mdName:this.$material.currentTheme),"md-theme-"+e}},mounted:function(){this.closestThemedParent=this.getClosestThemedParent(this.$parent),this.$material.currentTheme||this.$material.setCurrentTheme("default")}},e.exports=t.default},114:function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function o(e){e.component("md-subheader",u.default),e.material.styles.push(i.default)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=o;var s=n(312),u=r(s),a=n(254),i=r(a);e.exports=t.default},174:function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),s=r(o);t.default={mixins:[s.default]},e.exports=t.default},222:function(e,t){},254:function(e,t){e.exports=".THEME_NAME.md-subheader.md-primary{color:PRIMARY-COLOR}.THEME_NAME.md-subheader.md-accent{color:ACCENT-COLOR}.THEME_NAME.md-subheader.md-warn{color:WARN-COLOR}\n"},312:function(e,t,n){n(222);var r=n(0)(n(174),n(379),null,null);e.exports=r.exports},379:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return"md-list"===e.$parent.$options._componentTag?n("li",{staticClass:"md-subheader",class:[e.themeClass]},[e._t("default")],2):n("div",{staticClass:"md-subheader",class:[e.themeClass]},[e._t("default")],2)},staticRenderFns:[]}},421:function(e,t,n){e.exports=n(114)}})}));

dist/components/mdSwitch/index.css

@@ -1,80 +1,5 @@
-/* Common */
-/* Responsive Breakpoints */
-/* Transitions - Based on Angular Material */
-/* Elevation - Based on Angular Material */
-.md-switch {
-  width: auto;
-  margin: 16px 8px 16px 0;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  position: relative;
-}
-.md-switch .md-switch-container {
-    width: 34px;
-    height: 14px;
-    position: relative;
-    border-radius: 14px;
-    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
-    background-color: rgba(0, 0, 0, 0.38);
-}
-.md-switch .md-switch-container .md-switch-thumb {
-      width: 20px;
-      height: 20px;
-      position: absolute;
-      top: 50%;
-      left: 0;
-      background-color: #fafafa;
-      border-radius: 50%;
-      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
-      transition: all 0.15s linear;
-}
-.md-switch .md-switch-container input {
-      position: absolute;
-      left: -999em;
-}
-.md-switch .md-switch-container .md-ink-ripple {
-      top: -16px;
-      right: -16px;
-      bottom: -16px;
-      left: -16px;
-      border-radius: 50%;
-      color: rgba(0, 0, 0, 0.54);
-}
-.md-switch .md-switch-container .md-ink-ripple .md-ripple {
-        width: 48px !important;
-        height: 48px !important;
-        top: 0 !important;
-        right: 0 !important;
-        bottom: 0 !important;
-        left: 0 !important;
-}
-.md-switch .md-switch-container .md-switch-holder {
-      width: 40px;
-      height: 40px;
-      margin: 0;
-      padding: 0;
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      z-index: 2;
-      background: none;
-      border: none;
-      transform: translate(-50%, -50%);
-}
-.md-switch .md-switch-container .md-switch-holder:focus {
-        outline: none;
-}
-.md-switch .md-switch-label {
-    height: 14px;
-    padding-left: 8px;
-    line-height: 14px;
-}
-.md-switch.md-dragging .md-switch-thumb {
-  cursor: -webkit-grabbing;
-  cursor: grabbing;
-}
-.md-switch.md-disabled .md-switch-thumb {
-  cursor: default;
-}
-
-/*# sourceMappingURL=index.css.map*/
+/*!
+* Vue Material v0.7.1
+* Made with love by Marcos Moura
+* Released under the MIT License.
+*/.md-switch{width:auto;margin:16px 8px 16px 0;display:-ms-inline-flexbox;display:inline-flex;position:relative}.md-switch .md-switch-container{width:34px;height:14px;position:relative;border-radius:14px;transition:all .4s cubic-bezier(.25,.8,.25,1);background-color:rgba(0,0,0,.38)}.md-switch .md-switch-container .md-switch-thumb{width:20px;height:20px;position:absolute;top:50%;left:0;background-color:#fafafa;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.2),0 1px 1px rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12);transition:all .15s linear}.md-switch .md-switch-container input{position:absolute;left:-999em}.md-switch .md-switch-container .md-ink-ripple{top:-16px;right:-16px;bottom:-16px;left:-16px;border-radius:50%;color:rgba(0,0,0,.54)}.md-switch .md-switch-container .md-ink-ripple .md-ripple{width:48px!important;height:48px!important;top:0!important;right:0!important;bottom:0!important;left:0!important}.md-switch .md-switch-container .md-switch-holder{width:40px;height:40px;margin:0;padding:0;position:absolute;top:50%;left:50%;z-index:1;background:none;border:none;transform:translate(-50%,-50%)}.md-switch .md-switch-container .md-switch-holder:focus{outline:none}.md-switch .md-switch-label{height:14px;padding-left:8px;line-height:14px}.md-switch.md-dragging .md-switch-thumb{cursor:-webkit-grabbing;cursor:grabbing}.md-switch.md-disabled .md-switch-thumb{cursor:default}

dist/components/mdSwitch/index.debug.js

@@ -21,16 +21,16 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /******/ 		// Create a new module (and put it into the cache)
 /******/ 		var module = installedModules[moduleId] = {
-/******/ 			exports: {},
-/******/ 			id: moduleId,
-/******/ 			loaded: false
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
 /******/ 		};
 
 /******/ 		// Execute the module function
 /******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
 
 /******/ 		// Flag the module as loaded
-/******/ 		module.loaded = true;
+/******/ 		module.l = true;
 
 /******/ 		// Return the exports of the module
 /******/ 		return module.exports;
@@ -43,327 +43,407 @@ return /******/ (function(modules) { // webpackBootstrap
 /******/ 	// expose the module cache
 /******/ 	__webpack_require__.c = installedModules;
 
+/******/ 	// identity function for calling harmony imports with the correct context
+/******/ 	__webpack_require__.i = function(value) { return value; };
+
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, {
+/******/ 				configurable: false,
+/******/ 				enumerable: true,
+/******/ 				get: getter
+/******/ 			});
+/******/ 		}
+/******/ 	};
+
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+
 /******/ 	// __webpack_public_path__
 /******/ 	__webpack_require__.p = "/";
 
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(0);
+/******/ 	return __webpack_require__(__webpack_require__.s = 422);
 /******/ })
 /************************************************************************/
 /******/ ({
 
 /***/ 0:
-/***/ function(module, exports, __webpack_require__) {
+/***/ (function(module, exports) {
 
-	module.exports = __webpack_require__(97);
+module.exports = function normalizeComponent (
+  rawScriptExports,
+  compiledTemplate,
+  scopeId,
+  cssModules
+) {
+  var esModule
+  var scriptExports = rawScriptExports = rawScriptExports || {}
+
+  // ES6 modules interop
+  var type = typeof rawScriptExports.default
+  if (type === 'object' || type === 'function') {
+    esModule = rawScriptExports
+    scriptExports = rawScriptExports.default
+  }
+
+  // Vue.extend constructor export interop
+  var options = typeof scriptExports === 'function'
+    ? scriptExports.options
+    : scriptExports
+
+  // render functions
+  if (compiledTemplate) {
+    options.render = compiledTemplate.render
+    options.staticRenderFns = compiledTemplate.staticRenderFns
+  }
+
+  // scopedId
+  if (scopeId) {
+    options._scopeId = scopeId
+  }
+
+  // inject cssModules
+  if (cssModules) {
+    var computed = options.computed || (options.computed = {})
+    Object.keys(cssModules).forEach((function (key) {
+      var module = cssModules[key]
+      computed[key] = function () { return module }
+    }))
+  }
+
+  return {
+    esModule: esModule,
+    exports: scriptExports,
+    options: options
+  }
+}
 
 
-/***/ },
+/***/ }),
 
 /***/ 1:
-/***/ function(module, exports) {
+/***/ (function(module, exports, __webpack_require__) {
 
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	exports.default = {
-	  props: {
-	    mdTheme: String
-	  },
-	  data: function data() {
-	    return {
-	      closestThemedParent: false
-	    };
-	  },
-	  methods: {
-	    getClosestThemedParent: function getClosestThemedParent($parent) {
-	      if (!$parent || !$parent.$el || $parent._uid === 0) {
-	        return false;
-	      }
-
-	      if ($parent.mdTheme || $parent.mdName) {
-	        return $parent;
-	      }
-
-	      return this.getClosestThemedParent($parent.$parent);
-	    }
-	  },
-	  computed: {
-	    themeClass: function themeClass() {
-	      if (this.mdTheme) {
-	        return 'md-theme-' + this.mdTheme;
-	      }
-
-	      var theme = this.closestThemedParent.mdTheme;
-
-	      if (!theme) {
-	        if (this.closestThemedParent) {
-	          theme = this.closestThemedParent.mdName;
-	        } else {
-	          theme = this.$material.currentTheme;
-	        }
-	      }
-
-	      return 'md-theme-' + theme;
-	    }
-	  },
-	  mounted: function mounted() {
-	    this.closestThemedParent = this.getClosestThemedParent(this.$parent);
-
-	    if (!this.$material.currentTheme) {
-	      this.$material.setCurrentTheme('default');
-	    }
-	  }
-	};
-	module.exports = exports['default'];
-
-/***/ },
-
-/***/ 97:
-/***/ function(module, exports, __webpack_require__) {
-
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	exports.default = install;
-
-	var _mdSwitch = __webpack_require__(296);
-
-	var _mdSwitch2 = _interopRequireDefault(_mdSwitch);
-
-	var _mdSwitch3 = __webpack_require__(243);
-
-	var _mdSwitch4 = _interopRequireDefault(_mdSwitch3);
-
-	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-	function install(Vue) {
-	  Vue.component('md-switch', Vue.extend(_mdSwitch2.default));
-
-	  Vue.material.styles.push(_mdSwitch4.default);
-	}
-	module.exports = exports['default'];
-
-/***/ },
-
-/***/ 150:
-/***/ function(module, exports, __webpack_require__) {
-
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-
-	var _mixin = __webpack_require__(1);
-
-	var _mixin2 = _interopRequireDefault(_mixin);
-
-	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-	var checkedPosition = 75; //
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-	//
-
-	var initialPosition = '-1px';
-
-	exports.default = {
-	  props: {
-	    name: String,
-	    value: Boolean,
-	    id: String,
-	    disabled: Boolean,
-	    type: {
-	      type: String,
-	      default: 'button'
-	    }
-	  },
-	  mixins: [_mixin2.default],
-	  data: function data() {
-	    return {
-	      leftPos: initialPosition,
-	      checked: this.value
-	    };
-	  },
-
-	  computed: {
-	    classes: function classes() {
-	      return {
-	        'md-checked': Boolean(this.value),
-	        'md-disabled': this.disabled
-	      };
-	    },
-	    styles: function styles() {
-	      return {
-	        transform: 'translate3D(' + this.leftPos + ', -50%, 0)'
-	      };
-	    }
-	  },
-	  watch: {
-	    checked: function checked() {
-	      this.setPosition();
-	    },
-	    value: function value(_value) {
-	      this.changeState(_value);
-	    }
-	  },
-	  methods: {
-	    setPosition: function setPosition() {
-	      this.leftPos = this.checked ? checkedPosition + '%' : initialPosition;
-	    },
-	    changeState: function changeState(checked, $event) {
-	      this.checked = checked;
-	      this.$emit('change', this.checked, $event);
-	      this.$emit('input', this.checked, $event);
-	    },
-	    toggle: function toggle($event) {
-	      if (!this.disabled) {
-	        this.changeState(!this.checked, $event);
-	      }
-	    }
-	  },
-	  mounted: function mounted() {
-	    this.$nextTick(this.setPosition);
-	  }
-	};
-	module.exports = exports['default'];
-
-/***/ },
-
-/***/ 210:
-/***/ function(module, exports) {
-
-	// removed by extract-text-webpack-plugin
-
-/***/ },
-
-/***/ 243:
-/***/ function(module, exports) {
-
-	module.exports = ".THEME_NAME.md-switch.md-checked .md-switch-container {\n  background-color: ACCENT-COLOR-500-0.5; }\n\n.THEME_NAME.md-switch.md-checked .md-switch-thumb {\n  background-color: ACCENT-COLOR; }\n\n.THEME_NAME.md-switch.md-checked .md-ink-ripple {\n  color: ACCENT-COLOR; }\n\n.THEME_NAME.md-switch.md-checked .md-ripple {\n  opacity: .38; }\n\n.THEME_NAME.md-switch.md-checked.md-primary .md-switch-container {\n  background-color: PRIMARY-COLOR-500-0.5; }\n\n.THEME_NAME.md-switch.md-checked.md-primary .md-switch-thumb {\n  background-color: PRIMARY-COLOR; }\n\n.THEME_NAME.md-switch.md-checked.md-primary .md-ink-ripple {\n  color: PRIMARY-COLOR; }\n\n.THEME_NAME.md-switch.md-checked.md-warn .md-switch-container {\n  background-color: WARN-COLOR-500-0.5; }\n\n.THEME_NAME.md-switch.md-checked.md-warn .md-switch-thumb {\n  background-color: WARN-COLOR; }\n\n.THEME_NAME.md-switch.md-checked.md-warn .md-ink-ripple {\n  color: WARN-COLOR; }\n\n.THEME_NAME.md-switch.md-disabled .md-switch-container, .THEME_NAME.md-switch.md-disabled.md-checked .md-switch-container {\n  background-color: rgba(0, 0, 0, 0.12); }\n\n.THEME_NAME.md-switch.md-disabled .md-switch-thumb, .THEME_NAME.md-switch.md-disabled.md-checked .md-switch-thumb {\n  background-color: #bdbdbd; }\n"
-
-/***/ },
-
-/***/ 296:
-/***/ function(module, exports, __webpack_require__) {
-
-	var __vue_exports__, __vue_options__
-	var __vue_styles__ = {}
-
-	/* styles */
-	__webpack_require__(210)
-
-	/* script */
-	__vue_exports__ = __webpack_require__(150)
-
-	/* template */
-	var __vue_template__ = __webpack_require__(352)
-	__vue_options__ = __vue_exports__ = __vue_exports__ || {}
-	if (
-	  typeof __vue_exports__.default === "object" ||
-	  typeof __vue_exports__.default === "function"
-	) {
-	if (Object.keys(__vue_exports__).some((function (key) { return key !== "default" && key !== "__esModule" }))) {console.error("named exports are not supported in *.vue files.")}
-	__vue_options__ = __vue_exports__ = __vue_exports__.default
-	}
-	if (typeof __vue_options__ === "function") {
-	  __vue_options__ = __vue_options__.options
-	}
-	__vue_options__.__file = "/Users/marcosmoura/Projects/github/vue-material/src/components/mdSwitch/mdSwitch.vue"
-	__vue_options__.render = __vue_template__.render
-	__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
-
-	/* hot reload */
-	if (false) {(function () {
-	  var hotAPI = require("vue-hot-reload-api")
-	  hotAPI.install(require("vue"), false)
-	  if (!hotAPI.compatible) return
-	  module.hot.accept()
-	  if (!module.hot.data) {
-	    hotAPI.createRecord("data-v-7e05ff26", __vue_options__)
-	  } else {
-	    hotAPI.reload("data-v-7e05ff26", __vue_options__)
-	  }
-	})()}
-	if (__vue_options__.functional) {console.error("[vue-loader] mdSwitch.vue: functional components are not supported and should be defined in plain js files using render functions.")}
-
-	module.exports = __vue_exports__
+"use strict";
 
 
-/***/ },
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = {
+  props: {
+    mdTheme: String
+  },
+  data: function data() {
+    return {
+      closestThemedParent: false
+    };
+  },
+  methods: {
+    getClosestThemedParent: function getClosestThemedParent($parent) {
+      if (!$parent || !$parent.$el || $parent._uid === 0) {
+        return false;
+      }
 
-/***/ 352:
-/***/ function(module, exports, __webpack_require__) {
+      if ($parent.mdTheme || $parent.mdName) {
+        return $parent;
+      }
 
-	module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
-	  return _c('div', {
-	    staticClass: "md-switch",
-	    class: [_vm.themeClass, _vm.classes]
-	  }, [_c('div', {
-	    staticClass: "md-switch-container",
-	    on: {
-	      "click": function($event) {
-	        _vm.toggle($event)
-	      }
-	    }
-	  }, [_c('div', {
-	    staticClass: "md-switch-thumb",
-	    style: (_vm.styles)
-	  }, [_c('input', {
-	    attrs: {
-	      "type": "checkbox",
-	      "name": _vm.name,
-	      "id": _vm.id,
-	      "disabled": _vm.disabled
-	    },
-	    domProps: {
-	      "value": _vm.value
-	    }
-	  }), _vm._v(" "), _c('button', {
-	    staticClass: "md-switch-holder",
-	    attrs: {
-	      "type": _vm.type
-	    }
-	  }), _vm._v(" "), _c('md-ink-ripple', {
-	    attrs: {
-	      "md-disabled": _vm.disabled
-	    }
-	  })], 1)]), _vm._v(" "), (_vm.$slots.default) ? _c('label', {
-	    staticClass: "md-switch-label",
-	    attrs: {
-	      "for": _vm.id || _vm.name
-	    }
-	  }, [_vm._t("default")], 2) : _vm._e()])
-	},staticRenderFns: []}
-	module.exports.render._withStripped = true
-	if (false) {
-	  module.hot.accept()
-	  if (module.hot.data) {
-	     require("vue-hot-reload-api").rerender("data-v-7e05ff26", module.exports)
-	  }
-	}
+      return this.getClosestThemedParent($parent.$parent);
+    }
+  },
+  computed: {
+    themeClass: function themeClass() {
+      if (this.mdTheme) {
+        return 'md-theme-' + this.mdTheme;
+      }
 
-/***/ }
+      var theme = this.closestThemedParent.mdTheme;
 
-/******/ })
-}));
-;
+      if (!theme) {
+        if (this.closestThemedParent) {
+          theme = this.closestThemedParent.mdName;
+        } else {
+          theme = this.$material.currentTheme;
+        }
+      }
+
+      return 'md-theme-' + theme;
+    }
+  },
+  mounted: function mounted() {
+    this.closestThemedParent = this.getClosestThemedParent(this.$parent);
+
+    if (!this.$material.currentTheme) {
+      this.$material.setCurrentTheme('default');
+    }
+  }
+};
+module.exports = exports['default'];
+
+/***/ }),
+
+/***/ 115:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = install;
+
+var _mdSwitch = __webpack_require__(313);
+
+var _mdSwitch2 = _interopRequireDefault(_mdSwitch);
+
+var _mdSwitch3 = __webpack_require__(255);
+
+var _mdSwitch4 = _interopRequireDefault(_mdSwitch3);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function install(Vue) {
+  Vue.component('md-switch', _mdSwitch2.default);
+
+  Vue.material.styles.push(_mdSwitch4.default);
+}
+module.exports = exports['default'];
+
+/***/ }),
+
+/***/ 175:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _mixin = __webpack_require__(1);
+
+var _mixin2 = _interopRequireDefault(_mixin);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var checkedPosition = 75; //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+var initialPosition = '-1px';
+
+exports.default = {
+  props: {
+    name: String,
+    value: Boolean,
+    id: String,
+    disabled: Boolean,
+    type: {
+      type: String,
+      default: 'button'
+    }
+  },
+  mixins: [_mixin2.default],
+  data: function data() {
+    return {
+      leftPos: initialPosition,
+      checked: this.value
+    };
+  },
+
+  computed: {
+    classes: function classes() {
+      return {
+        'md-checked': Boolean(this.value),
+        'md-disabled': this.disabled
+      };
+    },
+    styles: function styles() {
+      return {
+        transform: 'translate3D(' + this.leftPos + ', -50%, 0)'
+      };
+    }
+  },
+  watch: {
+    checked: function checked() {
+      this.setPosition();
+    },
+    value: function value(_value) {
+      this.changeState(_value);
+    }
+  },
+  methods: {
+    setPosition: function setPosition() {
+      this.leftPos = this.checked ? checkedPosition + '%' : initialPosition;
+    },
+    changeState: function changeState(checked, $event) {
+      if (typeof $event !== 'undefined') {
+        this.$emit('change', $event);
+
+        if (!$event.defaultPrevented) {
+          this.checked = checked;
+        }
+        this.$emit('input', this.checked, $event);
+      } else {
+        this.checked = checked;
+      }
+    },
+    toggle: function toggle($event) {
+      if (!this.disabled) {
+        this.changeState(!this.checked, $event);
+      }
+    }
+  },
+  mounted: function mounted() {
+    this.$nextTick(this.setPosition);
+  }
+};
+module.exports = exports['default'];
+
+/***/ }),
+
+/***/ 224:
+/***/ (function(module, exports) {
+
+// removed by extract-text-webpack-plugin
+
+/***/ }),
+
+/***/ 255:
+/***/ (function(module, exports) {
+
+module.exports = ".THEME_NAME.md-switch.md-checked .md-switch-container {\n  background-color: ACCENT-COLOR-500-0.5; }\n\n.THEME_NAME.md-switch.md-checked .md-switch-thumb {\n  background-color: ACCENT-COLOR; }\n\n.THEME_NAME.md-switch.md-checked .md-ink-ripple {\n  color: ACCENT-COLOR; }\n\n.THEME_NAME.md-switch.md-checked .md-ripple {\n  opacity: .38; }\n\n.THEME_NAME.md-switch.md-checked.md-primary .md-switch-container {\n  background-color: PRIMARY-COLOR-500-0.5; }\n\n.THEME_NAME.md-switch.md-checked.md-primary .md-switch-thumb {\n  background-color: PRIMARY-COLOR; }\n\n.THEME_NAME.md-switch.md-checked.md-primary .md-ink-ripple {\n  color: PRIMARY-COLOR; }\n\n.THEME_NAME.md-switch.md-checked.md-warn .md-switch-container {\n  background-color: WARN-COLOR-500-0.5; }\n\n.THEME_NAME.md-switch.md-checked.md-warn .md-switch-thumb {\n  background-color: WARN-COLOR; }\n\n.THEME_NAME.md-switch.md-checked.md-warn .md-ink-ripple {\n  color: WARN-COLOR; }\n\n.THEME_NAME.md-switch.md-disabled .md-switch-container, .THEME_NAME.md-switch.md-disabled.md-checked .md-switch-container {\n  background-color: rgba(0, 0, 0, 0.12); }\n\n.THEME_NAME.md-switch.md-disabled .md-switch-thumb, .THEME_NAME.md-switch.md-disabled.md-checked .md-switch-thumb {\n  background-color: #bdbdbd; }\n"
+
+/***/ }),
+
+/***/ 313:
+/***/ (function(module, exports, __webpack_require__) {
+
+
+/* styles */
+__webpack_require__(224)
+
+var Component = __webpack_require__(0)(
+  /* script */
+  __webpack_require__(175),
+  /* template */
+  __webpack_require__(383),
+  /* scopeId */
+  null,
+  /* cssModules */
+  null
+)
+Component.options.__file = "/Users/mrufino/Projects/personal/github/vue-material/src/components/mdSwitch/mdSwitch.vue"
+if (Component.esModule && Object.keys(Component.esModule).some((function (key) {return key !== "default" && key !== "__esModule"}))) {console.error("named exports are not supported in *.vue files.")}
+if (Component.options.functional) {console.error("[vue-loader] mdSwitch.vue: functional components are not supported with templates, they should use render functions.")}
+
+/* hot reload */
+if (false) {(function () {
+  var hotAPI = require("vue-hot-reload-api")
+  hotAPI.install(require("vue"), false)
+  if (!hotAPI.compatible) return
+  module.hot.accept()
+  if (!module.hot.data) {
+    hotAPI.createRecord("data-v-7c623fe4", Component.options)
+  } else {
+    hotAPI.reload("data-v-7c623fe4", Component.options)
+  }
+})()}
+
+module.exports = Component.exports
+
+
+/***/ }),
+
+/***/ 383:
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
+  return _c('div', {
+    staticClass: "md-switch",
+    class: [_vm.themeClass, _vm.classes]
+  }, [_c('div', {
+    staticClass: "md-switch-container",
+    on: {
+      "click": function($event) {
+        _vm.toggle($event)
+      }
+    }
+  }, [_c('div', {
+    staticClass: "md-switch-thumb",
+    style: (_vm.styles)
+  }, [_c('input', {
+    attrs: {
+      "type": "checkbox",
+      "name": _vm.name,
+      "id": _vm.id,
+      "disabled": _vm.disabled
+    },
+    domProps: {
+      "value": _vm.value
+    }
+  }), _vm._v(" "), _c('button', {
+    staticClass: "md-switch-holder",
+    attrs: {
+      "type": _vm.type
+    }
+  }), _vm._v(" "), _c('md-ink-ripple', {
+    attrs: {
+      "md-disabled": _vm.disabled
+    }
+  })], 1)]), _vm._v(" "), (_vm.$slots.default) ? _c('label', {
+    staticClass: "md-switch-label",
+    attrs: {
+      "for": _vm.id || _vm.name
+    }
+  }, [_vm._t("default")], 2) : _vm._e()])
+},staticRenderFns: []}
+module.exports.render._withStripped = true
+if (false) {
+  module.hot.accept()
+  if (module.hot.data) {
+     require("vue-hot-reload-api").rerender("data-v-7c623fe4", module.exports)
+  }
+}
+
+/***/ }),
+
+/***/ 422:
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(115);
+
+
+/***/ })
+
+/******/ });
+}));

dist/components/mdTabs/index.css

@@ -1,124 +1,5 @@
-/* Common */
-/* Responsive Breakpoints */
-/* Transitions - Based on Angular Material */
-/* Elevation - Based on Angular Material */
-.md-tabs {
-  width: 100%;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-flow: column;
-      flex-flow: column;
-  position: relative;
-}
-.md-tabs.md-transition-off * {
-    transition: none !important;
-}
-.md-tabs.md-dynamic-height .md-tabs-content {
-    transition: height 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
-}
-.md-tabs .md-tabs-navigation {
-    height: 48px;
-    min-height: 48px;
-    position: relative;
-    z-index: 1;
-    display: -ms-flexbox;
-    display: flex;
-    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
-}
-.md-tabs .md-tabs-navigation.md-has-icon.md-has-label {
-      min-height: 72px;
-}
-.md-tabs .md-tabs-navigation.md-has-icon.md-has-label .md-icon {
-        margin-bottom: 10px;
-}
-.md-tabs .md-tabs-navigation.md-centered {
-      -ms-flex-pack: center;
-          justify-content: center;
-}
-.md-tabs .md-tabs-navigation.md-fixed .md-tab-header {
-      -ms-flex: 1;
-          flex: 1;
-}
-.md-tabs .md-tabs-navigation.md-right {
-      -ms-flex-pack: end;
-          justify-content: flex-end;
-}
-.md-tabs .md-tab-header {
-    min-width: 72px;
-    max-width: 264px;
-    margin: 0;
-    padding: 0 12px;
-    display: inline-block;
-    position: relative;
-    cursor: pointer;
-    border: 0;
-    background: none;
-    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
-    font-family: inherit;
-    font-size: 14px;
-    font-weight: 500;
-    text-transform: uppercase;
-}
-.md-tabs .md-tab-header.md-disabled {
-      cursor: default;
-      pointer-events: none;
-      -webkit-user-select: none;
-         -moz-user-select: none;
-          -ms-user-select: none;
-              user-select: none;
-      -webkit-user-drag: none;
-}
-.md-tabs .md-tab-header-container {
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-flow: column;
-        flex-flow: column;
-    -ms-flex-pack: center;
-        justify-content: center;
-    -ms-flex-align: center;
-        align-items: center;
-}
-.md-tabs .md-tab-header-container .md-icon {
-      margin: 0;
-}
-.md-tabs .md-tab-indicator {
-    height: 2px;
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    transform: translate3D(0, 0, 0);
-}
-.md-tabs .md-tab-indicator.md-transition-off {
-      transition: none !important;
-}
-.md-tabs .md-tab-indicator.md-to-right {
-      transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), left 0.3s cubic-bezier(0.35, 0, 0.25, 1), right 0.15s cubic-bezier(0.35, 0, 0.25, 1);
-}
-.md-tabs .md-tab-indicator.md-to-left {
-      transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), right 0.3s cubic-bezier(0.35, 0, 0.25, 1), left 0.15s cubic-bezier(0.35, 0, 0.25, 1);
-}
-.md-tabs .md-tabs-content {
-    width: 100%;
-    height: 0;
-    position: relative;
-    overflow: hidden;
-}
-.md-tabs .md-tabs-wrapper {
-    width: 9999em;
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    transform: translate3d(0, 0, 0);
-    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
-}
-.md-tabs .md-tab {
-    padding: 16px;
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-}
-
-/*# sourceMappingURL=index.css.map*/
+/*!
+* Vue Material v0.7.1
+* Made with love by Marcos Moura
+* Released under the MIT License.
+*/.md-tabs{width:100%;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;position:relative}.md-tabs.md-transition-off *{transition:none!important}.md-tabs.md-dynamic-height .md-tabs-content{transition:height .4s cubic-bezier(.25,.8,.25,1)}.md-tabs .md-tabs-navigation{height:48px;min-height:48px;position:relative;z-index:1;display:-ms-flexbox;display:flex;transition:all .4s cubic-bezier(.25,.8,.25,1)}.md-tabs .md-tabs-navigation.md-has-icon.md-has-label{min-height:72px}.md-tabs .md-tabs-navigation.md-has-icon.md-has-label .md-icon{margin-bottom:10px}.md-tabs .md-tabs-navigation.md-centered{-ms-flex-pack:center;justify-content:center}.md-tabs .md-tabs-navigation.md-fixed .md-tab-header{-ms-flex:1;flex:1}.md-tabs .md-tabs-navigation.md-right{-ms-flex-pack:end;justify-content:flex-end}.md-tabs .md-tab-header{min-width:72px;max-width:264px;margin:0;padding:0 12px;display:inline-block;position:relative;cursor:pointer;border:0;background:none;transition:all .4s cubic-bezier(.25,.8,.25,1);font-family:inherit;font-size:14px;font-weight:500;text-transform:uppercase}.md-tabs .md-tab-header.md-disabled{cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}.md-tabs .md-tab-header-container{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.md-tabs .md-tab-header-container .md-icon{margin:0}.md-tabs .md-tab-indicator{height:2px;position:absolute;bottom:0;left:0;transform:translate3D(0,0,0)}.md-tabs .md-tab-indicator.md-transition-off{transition:none!important}.md-tabs .md-tab-indicator.md-to-right{transition:all .4s cubic-bezier(.25,.8,.25,1),left .3s cubic-bezier(.35,0,.25,1),right .15s cubic-bezier(.35,0,.25,1)}.md-tabs .md-tab-indicator.md-to-left{transition:all .4s cubic-bezier(.25,.8,.25,1),right .3s cubic-bezier(.35,0,.25,1),left .15s cubic-bezier(.35,0,.25,1)}.md-tabs .md-tabs-content{width:100%;height:0;position:relative;overflow:hidden}.md-tabs .md-tabs-wrapper{width:9999em;position:absolute;top:0;right:0;bottom:0;left:0;transform:translateZ(0);transition:transform .4s cubic-bezier(.25,.8,.25,1)}.md-tabs .md-tab{padding:16px;position:absolute;top:0;left:0;right:0}

dist/components/mdToolbar/index.css

@@ -1,107 +1,5 @@
-/* Common */
-/* Responsive Breakpoints */
-/* Transitions - Based on Angular Material */
-/* Elevation - Based on Angular Material */
-.md-toolbar {
-  min-height: 64px;
-  padding: 0 8px;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-align: center;
-      align-items: center;
-  -ms-flex-line-pack: center;
-      align-content: center;
-  -ms-flex-flow: row wrap;
-      flex-flow: row wrap;
-  position: relative;
-  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
-  transform: translate3D(0, 0, 0);
-}
-.md-toolbar.md-dense {
-    min-height: 48px;
-}
-.md-toolbar.md-dense.md-medium {
-      min-height: 72px;
-}
-.md-toolbar.md-dense.md-large {
-      min-height: 96px;
-}
-.md-toolbar.md-dense .md-toolbar-container {
-      height: 48px;
-}
-.md-toolbar.md-medium {
-    min-height: 88px;
-}
-.md-toolbar.md-medium .md-toolbar-container:nth-child(2) .md-title:first-child {
-      margin-left: 56px;
-}
-.md-toolbar.md-large {
-    min-height: 128px;
-    -ms-flex-line-pack: inherit;
-        align-content: inherit;
-}
-.md-toolbar.md-large .md-toolbar-container:nth-child(2) .md-title:first-child {
-      margin-left: 56px;
-}
-.md-toolbar.md-account-header {
-    min-height: 164px;
-}
-.md-toolbar.md-account-header .md-ink-ripple {
-      color: #fff;
-}
-.md-toolbar.md-account-header .md-list-item-container:hover:not([disabled]) {
-      background-color: rgba(255, 255, 255, 0.12);
-}
-.md-toolbar.md-account-header .md-avatar-list {
-      margin: 16px 0 8px;
-}
-.md-toolbar.md-account-header .md-avatar-list .md-list-item-container {
-        -ms-flex-align: start;
-            align-items: flex-start;
-}
-.md-toolbar.md-account-header .md-avatar-list .md-avatar + .md-avatar {
-        margin-left: 16px;
-}
-.md-toolbar .md-toolbar-container {
-    width: 100%;
-    height: 64px;
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-align: center;
-        align-items: center;
-    -ms-flex-item-align: start;
-        align-self: flex-start;
-}
-.md-toolbar .md-toolbar-container > .md-button:first-child {
-      margin-left: 0;
-      margin-right: 16px;
-}
-.md-toolbar .md-toolbar-container > .md-button + .md-button {
-      margin-left: 0;
-}
-.md-toolbar > .md-button:first-child {
-    margin-left: 0;
-    margin-right: 16px;
-}
-.md-toolbar > .md-button + .md-button {
-    margin-left: 0;
-}
-.md-toolbar .md-button:hover:not([disabled]):not(.md-raised):not(.md-icon-button):not(.md-fab) {
-    background-color: rgba(255, 255, 255, 0.1);
-}
-.md-toolbar .md-title {
-    margin: 0;
-    font-size: 20px;
-    font-weight: 400;
-}
-.md-toolbar .md-title:first-child {
-      margin-left: 8px;
-}
-.md-toolbar .md-list {
-    padding: 0;
-    margin: 0 -8px;
-    -ms-flex: 1;
-        flex: 1;
-}
-
-/*# sourceMappingURL=index.css.map*/
+/*!
+* Vue Material v0.7.1
+* Made with love by Marcos Moura
+* Released under the MIT License.
+*/.md-toolbar{min-height:64px;padding:0 8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;-ms-flex-flow:row wrap;flex-flow:row wrap;position:relative;transition:all .4s cubic-bezier(.25,.8,.25,1);transform:translate3D(0,0,0)}.md-toolbar.md-dense{min-height:48px}.md-toolbar.md-dense.md-medium{min-height:72px}.md-toolbar.md-dense.md-large{min-height:96px}.md-toolbar.md-dense .md-toolbar-container{height:48px}.md-toolbar.md-medium{min-height:88px}.md-toolbar.md-medium .md-toolbar-container:nth-child(2) .md-title:first-child{margin-left:56px}.md-toolbar.md-large{min-height:128px;-ms-flex-line-pack:inherit;align-content:inherit}.md-toolbar.md-large .md-toolbar-container:nth-child(2) .md-title:first-child{margin-left:56px}.md-toolbar.md-account-header{min-height:164px}.md-toolbar.md-account-header .md-ink-ripple{color:#fff}.md-toolbar.md-account-header .md-list-item-container:hover:not([disabled]){background-color:hsla(0,0%,100%,.12)}.md-toolbar.md-account-header .md-avatar-list{margin:16px 0 8px}.md-toolbar.md-account-header .md-avatar-list .md-list-item-container{-ms-flex-align:start;align-items:flex-start}.md-toolbar.md-account-header .md-avatar-list .md-avatar+.md-avatar{margin-left:16px}.md-toolbar .md-toolbar-container{width:100%;height:64px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-item-align:start;align-self:flex-start}.md-toolbar .md-toolbar-container>.md-button:first-child{margin-left:0;margin-right:16px}.md-toolbar .md-toolbar-container>.md-button+.md-button{margin-left:0}.md-toolbar>.md-button:first-child{margin-left:0;margin-right:16px}.md-toolbar>.md-button+.md-button{margin-left:0}.md-toolbar .md-button:hover:not([disabled]):not(.md-raised):not(.md-icon-button):not(.md-fab){background-color:hsla(0,0%,100%,.1)}.md-toolbar .md-title{margin:0;font-size:20px;font-weight:400}.md-toolbar .md-title:first-child{margin-left:8px}.md-toolbar .md-title+.md-input-container{margin-left:24px}.md-toolbar .md-list{padding:0;margin:0 -8px;-ms-flex:1;flex:1}