diff --git a/dist/index.js b/dist/index.js
index 091527e..8591610 100644
--- a/dist/index.js
+++ b/dist/index.js
@@ -1 +1,847 @@
-!function(t,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("react")):"function"==typeof define&&define.amd?define(["react"],r):"object"==typeof exports?exports.TopUI=r(require("react")):t.TopUI=r(t.react)}(this,function(t){return function(t){function r(a){if(e[a])return e[a].exports;var s=e[a]={exports:{},id:a,loaded:!1};return t[a].call(s.exports,s,s.exports,r),s.loaded=!0,s.exports}var e={};return r.m=t,r.c=e,r.p="",r(0)}([function(t,r,e){t.exports={ButtonBar:e(1),ButtonBarItem:e(2),Button:e(3),Checkbox:e(4),IconButton:e(5),Radio:e(6),Range:e(7),TabBar:e(8),TabBarItem:e(9),Notification:e(10),NavBar:e(11),NavBarItem:e(12),NavBarTitle:e(13),Icon:e(14),List:e(15),ListHeader:e(16),ListContainer:e(17),ListItem:e(18),LinkButton:e(19),TextInput:e(20),Textarea:e(21),Switch:e(22),Search:e(23)}},function(t,r,e){var a=e(24),s=e(25);t.exports=a.createClass({displayName:"ButtonBar",getDefaultProps:function(){return{full:!1}},render:function(){var t=s({"topcoat-button-bar":!0,full:this.props.full});return this.transferPropsTo(a.DOM.div({className:t},this.props.children))}})},function(t,r,e){var a=e(24),s=e(25);t.exports=a.createClass({displayName:"ButtonBarItem",getDefaultProps:function(){return{large:!1,full:!1}},render:function(){var t=s({"topcoat-button-bar__button":!this.props.large,"topcoat-button-bar__button--large":this.props.large,full:this.props.full}),r=this.transferPropsTo(a.DOM.button({className:t},this.props.children));return a.DOM.div({className:"topcoat-button-bar__item"},r)}})},function(t,r,e){var a=e(24),s=e(25);t.exports=a.createClass({displayName:"Button",getDefaultProps:function(){return{quiet:!1,large:!1,cta:!1,full:!1}},render:function(){var t=s({"topcoat-button":!this.props.large&&!this.props.cta&&!this.props.quiet,"topcoat-button--quiet":this.props.quiet&&!this.props.large,"topcoat-button--cta":this.props.cta&&!this.props.large,"topcoat-button--large":this.props.large&&!this.props.cta&&!this.props.quiet,"topcoat-button--large--quiet":this.props.quiet&&this.props.large,"topcoat-button--large--cta":this.props.cta&&this.props.large,full:this.props.full});return this.transferPropsTo(a.DOM.button({className:t},this.props.children))}})},function(t,r,e){var a=e(24);t.exports=a.createClass({displayName:"Checkbox",getDefaultProps:function(){return{label:null}},render:function(){var t=this.transferPropsTo(a.DOM.input({type:"checkbox",className:"topcoat-checkbox__checkmark"}));return a.DOM.label({className:"topcoat-checkbox"},t,a.DOM.div({className:"topcoat-checkbox__checkmark"}),a.DOM.span(null," ",this.props.label))}})},function(t,r,e){var a=e(24),s=e(25);t.exports=a.createClass({displayName:"IconButton",getDefaultProps:function(){return{quiet:!1,large:!1,full:!1}},render:function(){var t=s({"topcoat-button":!this.props.large&&!this.props.cta&&!this.props.quiet,"topcoat-button--quiet":this.props.quiet&&!this.props.large,"topcoat-button--large":this.props.large&&!this.props.cta&&!this.props.quiet,"topcoat-button--large--quiet":this.props.quiet&&this.props.large,full:this.props.full});return this.transferPropsTo(a.DOM.button({className:t},this.props.children))}})},function(t,r,e){var a=e(24);t.exports=a.createClass({displayName:"Radio",getDefaultProps:function(){return{right:!1,label:null}},render:function(){var t=null,r=null;this.props.label&&this.props.right?r=" "+this.props.label:this.props.label&&(t=this.props.label+" ");var e=this.transferPropsTo(a.DOM.input({type:"radio"}));return a.DOM.label({className:"topcoat-radio-button"},t,e,a.DOM.div({className:"topcoat-radio-button__checkmark"}),r)}})},function(t,r,e){var a=e(24),s=e(25);t.exports=a.createClass({displayName:"Range",getDefaultProps:function(){return{vertical:!1}},render:function(){var t=s({"topcoat-range":!this.props.vertical,"topcoat-range-vertical":this.props.vertical});return this.transferPropsTo(a.DOM.input({type:"range",className:t}))}})},function(t,r,e){var a=e(24),s=e(25);t.exports=a.createClass({displayName:"TabBar",getDefaultProps:function(){return{full:!1}},render:function(){var t=s({"topcoat-tab-bar":!0,full:this.props.full});return this.transferPropsTo(a.DOM.div({className:t},this.props.children))}})},function(t,r,e){var a=e(24),s=e(25);t.exports=a.createClass({displayName:"TabBarItem",getDefaultProps:function(){return{full:!1}},render:function(){var t=s({"topcoat-tab-bar__button":!0,full:this.props.full}),r=this.transferPropsTo(a.DOM.button({className:t},this.props.children));return a.DOM.label({className:"topcoat-tab-bar__item"},a.DOM.input({type:"radio",name:this.props.name}),r)}})},function(t,r,e){var a=e(24);t.exports=a.createClass({displayName:"Notification",getDefaultProps:function(){return{value:null}},render:function(){return a.DOM.span({className:"topcoat-notification"},this.props.value)}})},function(t,r,e){var a=e(24);t.exports=a.createClass({displayName:"NavBar",render:function(){var t="topcoat-navigation-bar";return this.transferPropsTo(a.DOM.div({className:t},this.props.children))}})},function(t,r,e){var a=e(24),s=e(25);t.exports=a.createClass({displayName:"NavBarItem",getDefaultProps:function(){return{quarter:!1,half:!1,left:!1,right:!1,center:!1}},render:function(){var t=s({"topcoat-navigation-bar__item":!0,quarter:this.props.quarter,half:this.props.half,left:this.props.left,right:this.props.right,center:this.props.center});return this.transferPropsTo(a.DOM.div({className:t},this.props.children))}})},function(t,r,e){var a=e(24);t.exports=a.createClass({displayName:"NavBarTitle",render:function(){var t=this.props.title||this.props.children;return this.transferPropsTo(a.DOM.h1({className:"topcoat-navigation-bar__title",style:{textAlign:"center"}},t))}})},function(t,r,e){var a=e(24);t.exports=a.createClass({displayName:"Icon",render:function(){return this.transferPropsTo(a.DOM.span({className:"icomatic icon"},this.props.name))}})},function(t,r,e){var a=e(24);t.exports=a.createClass({displayName:"List",render:function(){return this.transferPropsTo(a.DOM.div({className:"topcoat-list"},this.props.children))}})},function(t,r,e){var a=e(24);t.exports=a.createClass({displayName:"ListHeader",render:function(){return this.transferPropsTo(a.DOM.h3({className:"topcoat-list__header"},this.props.children))}})},function(t,r,e){var a=e(24);t.exports=a.createClass({displayName:"ListContainer",render:function(){return this.transferPropsTo(a.DOM.ul({className:"topcoat-list__container"},this.props.children))}})},function(t,r,e){var a=e(24);t.exports=a.createClass({displayName:"ListItem",render:function(){return this.transferPropsTo(a.DOM.li({className:"topcoat-list__item"},this.props.children))}})},function(t,r,e){var a=e(24),s=e(3);t.exports=a.createClass({displayName:"LinkButton",nav:function(){return window.location.href=this.props.href,!1},render:function(){return this.transferPropsTo(s({onClick:this.nav},this.props.children))}})},function(t,r,e){var a=e(24),s=e(25);t.exports=a.createClass({displayName:"TextInput",getDefaultProps:function(){return{large:!1,full:!1}},render:function(){var t=s({"topcoat-text-input":!this.props.large,"topcoat-text-input--large":this.props.large,full:this.props.full});return this.transferPropsTo(a.DOM.input({type:"text",className:t}))}})},function(t,r,e){var a=e(24),s=e(25);t.exports=a.createClass({displayName:"Textarea",getDefaultProps:function(){return{large:!1,full:!1}},render:function(){var t=s({"topcoat-textarea":!this.props.large,"topcoat-textarea--large":this.props.large,full:this.props.full});return this.transferPropsTo(a.DOM.textarea({type:"text",className:t}))}})},function(t,r,e){var a=e(24);t.exports=a.createClass({displayName:"Switch",getDefaultProps:function(){return{label:null}},render:function(){var t=this.transferPropsTo(a.DOM.input({type:"checkbox",className:"topcoat-switch__input"}));return a.DOM.label({className:"topcoat-switch"},t,a.DOM.div({className:"topcoat-switch__toggle"}))}})},function(t,r,e){var a=e(24),s=e(25);t.exports=a.createClass({displayName:"Search",getDefaultProps:function(){return{large:!1,full:!1}},render:function(){var t=s({"topcoat-search-input":!this.props.large,"topcoat-search-input--large":this.props.large,full:this.props.full});return this.transferPropsTo(a.DOM.input({type:"search",className:t}))}})},function(r){r.exports=t},function(t){function r(t){return"object"==typeof t?Object.keys(t).map(function(r){return t[r]?r:""}).join(" "):Array.prototype.join.call(arguments," ")}t.exports=r}])});
\ No newline at end of file
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory(require("react"));
+	else if(typeof define === 'function' && define.amd)
+		define(["react"], factory);
+	else if(typeof exports === 'object')
+		exports["TopUI"] = factory(require("react"));
+	else
+		root["TopUI"] = factory(root["React"]);
+})(this, function(__WEBPACK_EXTERNAL_MODULE_24__) {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId])
+/******/ 			return installedModules[moduleId].exports;
+/******/
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			exports: {},
+/******/ 			id: moduleId,
+/******/ 			loaded: false
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.loaded = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(0);
+/******/ })
+/************************************************************************/
+/******/ ([
+/* 0 */
+/***/ function(module, exports, __webpack_require__) {
+
+	module.exports = {
+		ButtonBar: __webpack_require__(1),
+		ButtonBarItem: __webpack_require__(2),
+		Button: __webpack_require__(3),
+		Checkbox: __webpack_require__(4),
+		IconButton: __webpack_require__(5),
+		Radio: __webpack_require__(6),
+		Range: __webpack_require__(7),
+		TabBar: __webpack_require__(8),
+		TabBarItem: __webpack_require__(9),
+		Notification: __webpack_require__(10),
+		NavBar: __webpack_require__(11),
+		NavBarItem: __webpack_require__(12),
+		NavBarTitle: __webpack_require__(13),
+		Icon: __webpack_require__(14),
+		List: __webpack_require__(15),
+		ListHeader: __webpack_require__(16),
+		ListContainer: __webpack_require__(17),
+		ListItem: __webpack_require__(18),
+		LinkButton: __webpack_require__(19),
+		TextInput: __webpack_require__(20),
+		Textarea: __webpack_require__(21),
+		Switch: __webpack_require__(22),
+		Search: __webpack_require__(23)
+	};
+
+
+/***/ },
+/* 1 */
+/***/ function(module, exports, __webpack_require__) {
+
+	/** @jsx React.DOM */
+	var React = __webpack_require__(24);
+	var ClassSet = __webpack_require__(25);
+
+	module.exports = React.createClass({
+		
+		displayName: 'ButtonBar',
+
+		getDefaultProps: function(){
+			return {
+				full: false
+			};
+		},
+		
+		render: function(){
+
+			var classSet = ClassSet({
+				'topcoat-button-bar': true,
+				'full': this.props.full
+			});
+
+			return this.transferPropsTo(
+				React.DOM.div({className: classSet}, 
+				this.props.children
+				)
+			);
+		}
+	});
+
+/***/ },
+/* 2 */
+/***/ function(module, exports, __webpack_require__) {
+
+	/** @jsx React.DOM */
+	var React = __webpack_require__(24);
+	var ClassSet = __webpack_require__(25);
+
+	module.exports = React.createClass({
+		
+		displayName: 'ButtonBarItem',
+
+		getDefaultProps: function(){
+			return {
+				large: false,
+				full: false
+			}
+		},
+
+		render: function(){
+
+			var classSet = ClassSet({
+				'topcoat-button-bar__button': !this.props.large,
+				'topcoat-button-bar__button--large': this.props.large,
+				'full': this.props.full
+			});
+
+			var btn = this.transferPropsTo(
+				React.DOM.button({className: classSet}, this.props.children)
+			);
+			
+			return (
+				React.DOM.div({className: "topcoat-button-bar__item"}, 
+				btn
+				)
+			);
+		}
+	});
+
+/***/ },
+/* 3 */
+/***/ function(module, exports, __webpack_require__) {
+
+	/** @jsx React.DOM */
+	var React = __webpack_require__(24);
+	var ClassSet = __webpack_require__(25);
+
+	module.exports = React.createClass({
+		
+		displayName: 'Button',
+		
+		getDefaultProps: function(){
+			return {
+				quiet: false,
+				large: false,
+				cta: false,
+				full: false
+			};
+		},
+
+
+		render: function(){
+			
+			var classSet = ClassSet({
+				'topcoat-button': !this.props.large && !this.props.cta && !this.props.quiet,
+				'topcoat-button--quiet': this.props.quiet && !this.props.large,
+				'topcoat-button--cta': this.props.cta && !this.props.large,
+				'topcoat-button--large': this.props.large && !this.props.cta && !this.props.quiet,
+				'topcoat-button--large--quiet': this.props.quiet && this.props.large,
+				'topcoat-button--large--cta': this.props.cta && this.props.large,
+				'full': this.props.full
+			});
+			
+			return this.transferPropsTo(
+				React.DOM.button({className: classSet}, 
+				this.props.children
+				)
+			);
+		}
+	});
+
+/***/ },
+/* 4 */
+/***/ function(module, exports, __webpack_require__) {
+
+	/** @jsx React.DOM */
+	var React = __webpack_require__(24);
+
+	module.exports = React.createClass({
+		
+		displayName: 'Checkbox',
+
+		getDefaultProps: function(){
+			return {
+				label: null
+			};
+		},
+
+		render: function(){
+
+			var checkbox = this.transferPropsTo(
+				React.DOM.input({type: "checkbox", className: "topcoat-checkbox__checkmark"})
+			);
+			
+			return (
+				React.DOM.label({className: "topcoat-checkbox"}, 
+	  			checkbox, 
+	  			React.DOM.div({className: "topcoat-checkbox__checkmark"}), 
+	  				React.DOM.span(null, " ", this.props.label)
+				)
+			);
+		}
+
+	});
+
+/***/ },
+/* 5 */
+/***/ function(module, exports, __webpack_require__) {
+
+	/** @jsx React.DOM */
+	var React = __webpack_require__(24);
+	var ClassSet = __webpack_require__(25);
+
+	module.exports = React.createClass({
+		
+		displayName: 'IconButton',
+
+		getDefaultProps: function(){
+			return {
+				quiet: false,
+				large: false,
+				full: false
+			};
+		},
+		
+		render: function(){
+			
+			var classSet = ClassSet({
+				'topcoat-button': !this.props.large && !this.props.cta && !this.props.quiet,
+				'topcoat-button--quiet': this.props.quiet && !this.props.large,
+				'topcoat-button--large': this.props.large && !this.props.cta && !this.props.quiet,
+				'topcoat-button--large--quiet': this.props.quiet && this.props.large,
+				'full': this.props.full
+			});
+
+			
+			return this.transferPropsTo(
+				React.DOM.button({className: classSet}, 
+					this.props.children
+				)
+			);
+		}
+	});
+
+/***/ },
+/* 6 */
+/***/ function(module, exports, __webpack_require__) {
+
+	/** @jsx React.DOM */
+	var React = __webpack_require__(24);
+
+	module.exports = React.createClass({
+		
+		displayName: 'Radio',
+
+		getDefaultProps: function(){
+			return {
+				right: false,
+				label: null
+			};
+		},
+
+		render: function(){
+
+			var left = null;
+			var right = null;
+
+			if( this.props.label && this.props.right ){
+				right = ' ' + this.props.label
+			} else if( this.props.label ){
+				left = this.props.label + ' ';
+			}
+
+			var input = this.transferPropsTo(
+				React.DOM.input({type: "radio"})
+			);
+
+			return (
+				React.DOM.label({className: "topcoat-radio-button"}, 
+					left, 
+					input, 
+					React.DOM.div({className: "topcoat-radio-button__checkmark"}), 
+					right
+				)
+			);
+		}
+	});
+
+/***/ },
+/* 7 */
+/***/ function(module, exports, __webpack_require__) {
+
+	/** @jsx React.DOM */
+	var React = __webpack_require__(24);
+	var ClassSet = __webpack_require__(25);
+
+	module.exports = React.createClass({
+			
+		displayName: 'Range',
+
+		getDefaultProps: function(){
+			return {
+				vertical: false
+			};
+		},
+
+		render: function(){
+
+			var classSet = ClassSet({
+				'topcoat-range': !this.props.vertical,
+				'topcoat-range-vertical': this.props.vertical
+			});
+			
+			return this.transferPropsTo(
+				React.DOM.input({type: "range", className: classSet})
+			);
+		}
+		
+	});
+
+/***/ },
+/* 8 */
+/***/ function(module, exports, __webpack_require__) {
+
+	/** @jsx React.DOM */
+	var React = __webpack_require__(24);
+	var ClassSet = __webpack_require__(25);
+
+	module.exports = React.createClass({
+		
+		displayName: 'TabBar',
+
+		getDefaultProps: function(){
+			return {
+				full: false
+			};
+		},
+
+		render: function(){
+			
+			var classSet = ClassSet({
+				'topcoat-tab-bar': true,
+				'full': this.props.full
+			});
+
+			return this.transferPropsTo(
+				React.DOM.div({className: classSet}, this.props.children)
+			);
+		}
+	});
+
+/***/ },
+/* 9 */
+/***/ function(module, exports, __webpack_require__) {
+
+	/** @jsx React.DOM */
+	var React = __webpack_require__(24);
+	var ClassSet = __webpack_require__(25);
+
+	module.exports = React.createClass({
+		
+		displayName: 'TabBarItem',
+
+		getDefaultProps: function(){
+			return {
+				full: false
+			};
+		},
+
+		render: function(){
+
+			var classSet = ClassSet({
+				'topcoat-tab-bar__button': true,
+				'full': this.props.full
+			});
+
+			var button = this.transferPropsTo(React.DOM.button({className: classSet}, this.props.children)); 
+			return (
+				React.DOM.label({className: "topcoat-tab-bar__item"}, 
+	    			React.DOM.input({type: "radio", name: this.props.name}), 
+	    			button
+	  			)
+			);
+		}
+		
+	});
+
+/***/ },
+/* 10 */
+/***/ function(module, exports, __webpack_require__) {
+
+	/** @jsx React.DOM */
+	var React = __webpack_require__(24);
+
+	module.exports = React.createClass({
+		
+		displayName: 'Notification',
+
+		getDefaultProps: function(){
+			return {
+				value: null
+			};
+		},
+
+
+		render: function(){
+			return (
+				React.DOM.span({className: "topcoat-notification"}, 
+				this.props.value
+				)
+			);
+		}
+	});
+
+/***/ },
+/* 11 */
+/***/ function(module, exports, __webpack_require__) {
+
+	/** @jsx React.DOM */
+	var React = __webpack_require__(24);
+
+	module.exports = React.createClass({
+		
+		displayName: 'NavBar',
+
+		render: function(){
+			var cls = 'topcoat-navigation-bar';
+			return this.transferPropsTo(
+				React.DOM.div({className: cls}, 
+				this.props.children
+				)
+			);
+		}
+
+	});
+
+/***/ },
+/* 12 */
+/***/ function(module, exports, __webpack_require__) {
+
+	/** @jsx React.DOM */
+	var React = __webpack_require__(24);
+	var ClassSet = __webpack_require__(25);
+
+	module.exports = React.createClass({
+		
+		displayName: 'NavBarItem',
+
+		getDefaultProps: function(){
+			return {
+				quarter: false,
+				half: false,
+				left: false,
+				right: false,
+				center: false
+			};
+		},
+
+		render: function(){
+
+			var classSet = ClassSet({
+				'topcoat-navigation-bar__item': true,
+				'quarter': this.props.quarter,
+				'half': this.props.half,
+				'left': this.props.left,
+				'right': this.props.right,
+				'center': this.props.center
+			});
+
+			return this.transferPropsTo(
+				React.DOM.div({className: classSet}, 
+				this.props.children
+				)
+			);
+		}
+	});
+
+/***/ },
+/* 13 */
+/***/ function(module, exports, __webpack_require__) {
+
+	/** @jsx React.DOM */
+	var React = __webpack_require__(24);
+
+	module.exports = React.createClass({
+		
+		displayName: 'NavBarTitle',
+
+		render: function(){
+			var title = this.props.title || this.props.children;
+			return this.transferPropsTo(
+	      React.DOM.h1({className: "topcoat-navigation-bar__title", style: {textAlign: 'center'}}, 
+	        title
+	      )
+			);
+		}
+	});
+
+/***/ },
+/* 14 */
+/***/ function(module, exports, __webpack_require__) {
+
+	/** @jsx React.DOM */
+	var React = __webpack_require__(24);
+
+	module.exports = React.createClass({
+		
+		displayName: 'Icon',
+
+		render: function(){
+			return this.transferPropsTo( 
+				React.DOM.span({className: "icomatic icon"}, 
+					this.props.name
+				)
+			);
+		}
+	});
+
+
+/***/ },
+/* 15 */
+/***/ function(module, exports, __webpack_require__) {
+
+	/** @jsx React.DOM */
+	var React = __webpack_require__(24);
+
+	module.exports = React.createClass({
+		
+		displayName: 'List',
+
+		render: function(){
+			return this.transferPropsTo(
+				React.DOM.div({className: "topcoat-list"}, 
+					this.props.children
+				)
+			);
+		}
+
+	});
+
+/***/ },
+/* 16 */
+/***/ function(module, exports, __webpack_require__) {
+
+	/** @jsx React.DOM */
+	var React = __webpack_require__(24);
+
+	module.exports = React.createClass({
+		
+		displayName: 'ListHeader',
+
+		render: function(){
+			return this.transferPropsTo(
+				React.DOM.h3({className: "topcoat-list__header"}, 
+					this.props.children
+				)
+			);
+		}
+
+	});
+
+/***/ },
+/* 17 */
+/***/ function(module, exports, __webpack_require__) {
+
+	/** @jsx React.DOM */
+	var React = __webpack_require__(24);
+
+	module.exports = React.createClass({
+		
+		displayName: 'ListContainer',
+
+		render: function(){
+			return this.transferPropsTo(
+				React.DOM.ul({className: "topcoat-list__container"}, 
+					this.props.children
+				)
+			);
+		}
+
+	});
+
+/***/ },
+/* 18 */
+/***/ function(module, exports, __webpack_require__) {
+
+	/** @jsx React.DOM */
+	var React = __webpack_require__(24);
+
+	module.exports = React.createClass({
+		
+		displayName: 'ListItem',
+
+		render: function(){
+			return this.transferPropsTo(
+				React.DOM.li({className: "topcoat-list__item"}, 
+					this.props.children
+				)
+			);
+		}
+
+	});
+
+/***/ },
+/* 19 */
+/***/ function(module, exports, __webpack_require__) {
+
+	/** @jsx React.DOM */
+	var React = __webpack_require__(24);
+	var Button = __webpack_require__(3);
+
+	module.exports = React.createClass({
+		
+		displayName: 'LinkButton',
+
+		nav: function(){
+			window.location.href = this.props.href;
+			return false;
+		},
+
+		render: function(){
+			return this.transferPropsTo(
+				Button({onClick: this.nav}, 
+					this.props.children
+				)
+			);
+		}
+		
+	});
+
+/***/ },
+/* 20 */
+/***/ function(module, exports, __webpack_require__) {
+
+	/** @jsx React.DOM */
+	var React = __webpack_require__(24);
+	var ClassSet = __webpack_require__(25);
+
+	module.exports = React.createClass({
+		
+		displayName: 'TextInput',
+
+		getDefaultProps: function(){
+			return {
+				large: false,
+				full: false
+			};
+		},
+
+
+		render: function(){
+			
+			var classSet = ClassSet({
+				'topcoat-text-input': !this.props.large ,
+				'topcoat-text-input--large': this.props.large,
+				full: this.props.full
+			});
+			
+			return this.transferPropsTo(
+				React.DOM.input({type: "text", className: classSet})
+			);
+		}
+	});
+
+/***/ },
+/* 21 */
+/***/ function(module, exports, __webpack_require__) {
+
+	/** @jsx React.DOM */
+	var React = __webpack_require__(24);
+	var ClassSet = __webpack_require__(25);
+
+	module.exports = React.createClass({
+		
+		displayName: 'Textarea',
+
+		getDefaultProps: function(){
+			return {
+				large: false,
+				full: false
+			};
+		},
+
+
+		render: function(){
+			
+			var classSet = ClassSet({
+				'topcoat-textarea': !this.props.large ,
+				'topcoat-textarea--large': this.props.large,
+				full: this.props.full
+			});
+			
+			return this.transferPropsTo(
+				React.DOM.textarea({type: "text", className: classSet})
+			);
+		}
+	});
+
+/***/ },
+/* 22 */
+/***/ function(module, exports, __webpack_require__) {
+
+	/** @jsx React.DOM */
+	var React = __webpack_require__(24);
+
+	module.exports = React.createClass({
+		
+		displayName: 'Switch',
+
+		getDefaultProps: function(){
+			return {
+				label: null
+			};
+		},
+
+		render: function(){
+
+			var checkbox = this.transferPropsTo(
+				React.DOM.input({type: "checkbox", className: "topcoat-switch__input"})
+			);
+			
+			return (
+				React.DOM.label({className: "topcoat-switch"}, 
+					checkbox, 
+					React.DOM.div({className: "topcoat-switch__toggle"})
+				)
+				);
+		}
+	});
+
+/***/ },
+/* 23 */
+/***/ function(module, exports, __webpack_require__) {
+
+	/** @jsx React.DOM */
+	var React = __webpack_require__(24);
+	var ClassSet = __webpack_require__(25);
+
+	module.exports = React.createClass({
+		
+		displayName: 'Search',
+
+		getDefaultProps: function(){
+			return {
+				large: false,
+				full: false
+			};
+		},
+
+		render: function(){
+			
+			var classSet = ClassSet({
+				'topcoat-search-input': !this.props.large ,
+				'topcoat-search-input--large': this.props.large,
+				full: this.props.full
+			});
+			
+			return this.transferPropsTo(
+				React.DOM.input({type: "search", className: classSet})
+			);
+		}
+	});
+
+/***/ },
+/* 24 */
+/***/ function(module, exports, __webpack_require__) {
+
+	module.exports = __WEBPACK_EXTERNAL_MODULE_24__;
+
+/***/ },
+/* 25 */
+/***/ function(module, exports, __webpack_require__) {
+
+	/**
+	 * Copyright 2013 Facebook, Inc.
+	 *
+	 * Licensed under the Apache License, Version 2.0 (the "License");
+	 * you may not use this file except in compliance with the License.
+	 * You may obtain a copy of the License at
+	 *
+	 * http://www.apache.org/licenses/LICENSE-2.0
+	 *
+	 * Unless required by applicable law or agreed to in writing, software
+	 * distributed under the License is distributed on an "AS IS" BASIS,
+	 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+	 * See the License for the specific language governing permissions and
+	 * limitations under the License.
+	 *
+	 * @providesModule cx
+	 */
+
+	/**
+	 * This function is used to mark string literals representing CSS class names
+	 * so that they can be transformed statically. This allows for modularization
+	 * and minification of CSS class names.
+	 *
+	 * In static_upstream, this function is actually implemented, but it should
+	 * eventually be replaced with something more descriptive, and the transform
+	 * that is used in the main stack should be ported for use elsewhere.
+	 *
+	 * @param string|object className to modularize, or an object of key/values.
+	 *                      In the object case, the values are conditions that
+	 *                      determine if the className keys should be included.
+	 * @param [string ...]  Variable list of classNames in the string case.
+	 * @return string       Renderable space-separated CSS className.
+	 */
+	function cx(classNames) {
+	  if (typeof classNames == 'object') {
+	    return Object.keys(classNames).map(function(className) {
+	      return classNames[className] ? className : '';
+	    }).join(' ');
+	  } else {
+	    return Array.prototype.join.call(arguments, ' ');
+	  }
+	}
+
+	module.exports = cx;
+
+/***/ }
+/******/ ])
+});
diff --git a/webpack.config.js b/webpack.config.js
index c568394..a28fa6d 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -24,10 +24,15 @@ module.exports = {
         ]    
     },
     externals: {
-        'react': true
+        react: {
+            root: 'React',
+            commonjs: 'react',
+            commonjs2: 'react',
+            amd: 'react'
+        }
     },
 
     plugins: [
-    new UglifyJsPlugin()
+    //new UglifyJsPlugin()
     ]
 };