mui-sass 0.2.10 → 0.3.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: fe53f0d8927ebe00141e68c019cfcb90f6b00c1e
-  data.tar.gz: b1cfa7561628f6cfa2b2442d4f94c10b98e36da3
+  metadata.gz: 6f7ac0d12fc7dcc7819feba207f38ee95926e3cd
+  data.tar.gz: 3ad9ea39687180a74e2addccda24cdc0d6a6cbf8
 SHA512:
-  metadata.gz: 61d7d22b20922ef845ae24b5b97d3eff74a8b9ebbb6d9689e5689e5f23742160eb86391f541347858a54672e836f9d205dc2ba8d1beb1ebd6abc99a83151cb33
-  data.tar.gz: 0250e716b81e1fc5b31fd42da8f260a83da5d62ea853664b2138bae046cf4f5995f3d2a4265e1ec70d5a576444c49ecf86d847101c32c1cf9268a7213be87d15
+  metadata.gz: bc253ee837f1cd0b8b71b6f72b9f5dcb34f3584a38fec60b4d8188c83ec58a8ffda6ae183918f8c891781b79fb316742597d8865d66704d70bff99023ce27971
+  data.tar.gz: 816ddf101f9ff4b1ba08edf17c07ae23913443a4c73a210f7abcaf74626410a7e51951574f413e7c2062be64a1e1050b0c18573cbb9c4d51795dac62c742303a

data/CHANGELOG.md

@@ -1,3 +1,9 @@
+## 0.3.0 (2016-01-26)
+
+- Update assets to match upstream version
+
+Framework version: MUI v0.3.0
+
 ## 0.2.10 (2016-01-13)
 
 - Update assets to match upstream version

data/lib/mui/sass/version.rb

@@ -1,5 +1,5 @@
 module Mui
   module Sass
-    VERSION = '0.2.10'
+    VERSION = '0.3.0'
   end
 end

data/vendor/assets/javascripts/mui.js

@@ -1,4 +1,42 @@
-(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
+(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);throw new Error("Cannot find module '"+o+"'")}var f=n[o]={exports:{}};t[o][0].call(f.exports,function(e){var n=t[o][1][e];return s(n?n:e)},f,f.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
+/**
+ * MUI CSS/JS main module
+ * @module main
+ */
+
+(function(win) {
+  'use strict';
+
+  // return if library has been loaded already
+  if (win._muiLoadedJS) return;
+  else win._muiLoadedJS = true;
+  
+  // load dependencies
+  var jqLite = require('src/js/lib/jqLite'),
+      textfield = require('src/js/forms/textfield'),
+      select = require('src/js/forms/select'),
+      ripple = require('src/js/ripple'),
+      dropdowns = require('src/js/dropdowns'),
+      tabs = require('src/js/tabs'),
+      overlay = require('src/js/overlay');
+
+  // expose api
+  win.mui = {
+    overlay: overlay,
+    tabs: tabs.api
+  };
+  
+  // init libraries
+  jqLite.ready(function() {
+    textfield.initListeners();
+    select.initListeners();
+    ripple.initListeners();
+    dropdowns.initListeners();
+    tabs.initListeners();
+  });
+})(window);
+
+},{"src/js/dropdowns":6,"src/js/forms/select":7,"src/js/forms/textfield":8,"src/js/lib/jqLite":9,"src/js/overlay":10,"src/js/ripple":11,"src/js/tabs":12}],2:[function(require,module,exports){
 /**
  * MUI config module
  * @module config
@@ -10,1286 +48,1296 @@ module.exports = {
   debug: true
 };
 
-},{}],2:[function(require,module,exports){
+},{}],3:[function(require,module,exports){
 /**
- * MUI CSS/JS dropdown module
- * @module dropdowns
+ * MUI CSS/JS form helpers module
+ * @module lib/forms.py
  */
 
 'use strict';
 
-
-var jqLite = require('./lib/jqLite.js'),
-    util = require('./lib/util.js'),
-    attrKey = 'data-mui-toggle',
-    attrSelector = '[data-mui-toggle="dropdown"]',
-    openClass = 'mui--is-open',
-    menuClass = 'mui-dropdown__menu';
+var wrapperPadding = 15,  // from CSS
+    inputHeight = 32,  // from CSS
+    optionHeight = 42,  // from CSS
+    menuPadding = 8;  // from CSS
 
 
 /**
- * Initialize toggle element.
- * @param {Element} toggleEl - The toggle element.
+ * Menu position/size/scroll helper
+ * @returns {Object} Object with keys 'height', 'top', 'scrollTop'
  */
-function initialize(toggleEl) {
-  // check flag
-  if (toggleEl._muiDropdown === true) return;
-  else toggleEl._muiDropdown = true;
+function getMenuPositionalCSSFn(wrapperEl, numOptions, currentIndex) {
+  var viewHeight = document.documentElement.clientHeight;
 
-  // attach click handler
-  jqLite.on(toggleEl, 'click', clickHandler);
-}
+  // determine 'height'
+  var h = numOptions * optionHeight + 2 * menuPadding,
+      height = Math.min(h, viewHeight);
 
+  // determine 'top'
+  var top, initTop, minTop, maxTop;
 
-/**
- * Handle click events on dropdown toggle element.
- * @param {Event} ev - The DOM event
- */
-function clickHandler(ev) {
-  // only left clicks
-  if (ev.button !== 0) return;
+  initTop = (menuPadding + optionHeight) - (wrapperPadding + inputHeight);
+  initTop -= currentIndex * optionHeight;
 
-  var toggleEl = this;
-  
-  // exit if toggle button is disabled
-  if (toggleEl.getAttribute('disabled') !== null) return;
+  minTop = -1 * wrapperEl.getBoundingClientRect().top;
+  maxTop = (viewHeight - height) + minTop;
 
-  // prevent form submission
-  ev.preventDefault();
-  ev.stopPropagation();
+  top = Math.min(Math.max(initTop, minTop), maxTop);
 
-  // toggle dropdown
-  toggleDropdown(toggleEl);
+  // determine 'scrollTop'
+  var scrollTop = 0,
+      scrollIdeal,
+      scrollMax;
+
+  if (h > viewHeight) {
+    scrollIdeal = (menuPadding + (currentIndex + 1) * optionHeight) -
+      (-1 * top + wrapperPadding + inputHeight);
+    scrollMax = numOptions * optionHeight + 2 * menuPadding - height;
+    scrollTop = Math.min(scrollIdeal, scrollMax);
+  }
+
+  return {
+    'height': height + 'px',
+    'top': top + 'px',
+    'scrollTop': scrollTop
+  };
 }
 
 
+/** Define module API */
+module.exports = {
+  getMenuPositionalCSS: getMenuPositionalCSSFn
+};
+
+},{}],4:[function(require,module,exports){
 /**
- * Toggle the dropdown.
- * @param {Element} toggleEl - The dropdown toggle element.
+ * MUI CSS/JS jqLite module
+ * @module lib/jqLite
  */
-function toggleDropdown(toggleEl) {
-  var wrapperEl = toggleEl.parentNode,
-      menuEl = toggleEl.nextElementSibling,
-      doc = wrapperEl.ownerDocument;
-
-  // exit if no menu element
-  if (!menuEl || !jqLite.hasClass(menuEl, menuClass)) {
-    return util.raiseError('Dropdown menu element not found');
-  }
 
-  // method to close dropdown
-  function closeDropdownFn() {
-    jqLite.removeClass(menuEl, openClass);
-      
-    // remove event handlers
-    jqLite.off(doc, 'click', closeDropdownFn);
-  }
+'use strict';
 
-  // method to open dropdown
-  function openDropdownFn() {
-    // position menu element below toggle button
-    var wrapperRect = wrapperEl.getBoundingClientRect(),
-        toggleRect = toggleEl.getBoundingClientRect();
 
-    var top = toggleRect.top - wrapperRect.top + toggleRect.height;
-    jqLite.css(menuEl, 'top', top + 'px');
+/**
+ * Add a class to an element.
+ * @param {Element} element - The DOM element.
+ * @param {string} cssClasses - Space separated list of class names.
+ */
+function jqLiteAddClass(element, cssClasses) {
+  if (!cssClasses || !element.setAttribute) return;
 
-    // add open class to wrapper
-    jqLite.addClass(menuEl, openClass);
+  var existingClasses = _getExistingClasses(element),
+      splitClasses = cssClasses.split(' '),
+      cssClass;
 
-    // close dropdown when user clicks outside of menu
-    jqLite.on(doc, 'click', closeDropdownFn);
+  for (var i=0; i < splitClasses.length; i++) {
+    cssClass = splitClasses[i].trim();
+    if (existingClasses.indexOf(' ' + cssClass + ' ') === -1) {
+      existingClasses += cssClass + ' ';
+    }
   }
-
-  // toggle dropdown
-  if (jqLite.hasClass(menuEl, openClass)) closeDropdownFn();
-  else openDropdownFn();
-}
-
   
-/** Define module API */
-module.exports = {
-  /** Initialize module listeners */
-  initListeners: function() {
-    var doc = document;
-
-    // markup elements available when method is called
-    var elList = doc.querySelectorAll(attrSelector);
-    for (var i=elList.length - 1; i >= 0; i--) initialize(elList[i]);
+  element.setAttribute('class', existingClasses.trim());
+}
 
-    // listen for new elements
-    util.onNodeInserted(function(el) {
-      if (el.getAttribute(attrKey) === 'dropdown') initialize(el);
-    });
-  }
-};
 
-},{"./lib/jqLite.js":5,"./lib/util.js":6}],3:[function(require,module,exports){
 /**
- * MUI CSS/JS select module
- * @module forms/select
+ * Get or set CSS properties.
+ * @param {Element} element - The DOM element.
+ * @param {string} [name] - The property name.
+ * @param {string} [value] - The property value.
  */
+function jqLiteCss(element, name, value) {
+  // Return full style object
+  if (name === undefined) {
+    return getComputedStyle(element);
+  }
 
-'use strict';
+  var nameType = jqLiteType(name);
 
+  // Set multiple values
+  if (nameType === 'object') {
+    for (var key in name) element.style[_camelCase(key)] = name[key];
+    return;
+  }
 
-var jqLite = require('../lib/jqLite.js'),
-    util = require('../lib/util.js'),
-    wrapperClass = 'mui-select',
-    cssSelector = '.mui-select > select',
-    menuClass = 'mui-select__menu',
-    wrapperPadding = 15,  // from CSS
-    inputHeight = 32,  // from CSS
-    optionHeight = 42,  // from CSS
-    menuPadding = 8,  // from CSS
-    doc = document,
-    win = window;
+  // Set a single value
+  if (nameType === 'string' && value !== undefined) {
+    element.style[_camelCase(name)] = value;
+  }
 
+  var styleObj = getComputedStyle(element),
+      isArray = (jqLiteType(name) === 'array');
 
-/**
- * Initialize select element.
- * @param {Element} selectEl - The select element.
- */
-function initialize(selectEl) {
-  // check flag
-  if (selectEl._muiSelect === true) return;
-  else selectEl._muiSelect = true;
+  // Read single value
+  if (!isArray) return _getCurrCssProp(element, name, styleObj);
 
-  // use default behavior on touch devices
-  if ('ontouchstart' in doc.documentElement) return;
+  // Read multiple values
+  var outObj = {},
+      key;
 
-  // initialize element
-  new Select(selectEl);
+  for (var i=0; i < name.length; i++) {
+    key = name[i];
+    outObj[key] = _getCurrCssProp(element, key, styleObj);
+  }
+
+  return outObj;
 }
 
 
 /**
- * Creates a new Select object
- * @class
+ * Check if element has class.
+ * @param {Element} element - The DOM element.
+ * @param {string} cls - The class name string.
  */
-function Select(selectEl) {
-  // instance variables
-  this.selectEl = selectEl;
-  this.wrapperEl = selectEl.parentNode;
-  this.useDefault = false;  // currently unused but let's keep just in case
-
-  // attach event handlers
-  jqLite.on(selectEl, 'mousedown', util.callback(this, 'mousedownHandler'));
-  jqLite.on(selectEl, 'focus', util.callback(this, 'focusHandler'));
-  jqLite.on(selectEl, 'click', util.callback(this, 'clickHandler'));
-  
-  // make wrapper focusable and fix firefox bug
-  this.wrapperEl.tabIndex = -1;
-  var callbackFn = util.callback(this, 'wrapperFocusHandler');
-  jqLite.on(this.wrapperEl, 'focus', callbackFn);
+function jqLiteHasClass(element, cls) {
+  if (!cls || !element.getAttribute) return false;
+  return (_getExistingClasses(element).indexOf(' ' + cls + ' ') > -1);
 }
 
 
 /**
- * Disable default dropdown on mousedown.
- * @param {Event} ev - The DOM event
+ * Return the type of a variable.
+ * @param {} somevar - The JavaScript variable.
  */
-Select.prototype.mousedownHandler = function(ev) {
-  if (ev.button !== 0 || this.useDefault === true) return;
-  ev.preventDefault();
+function jqLiteType(somevar) {
+  // handle undefined
+  if (somevar === undefined) return 'undefined';
+
+  // handle others (of type [object <Type>])
+  var typeStr = Object.prototype.toString.call(somevar);
+  if (typeStr.indexOf('[object ') === 0) {
+    return typeStr.slice(8, -1).toLowerCase();
+  } else {
+    throw new Error("MUI: Could not understand type: " + typeStr);
+  }    
 }
 
 
 /**
- * Handle focus event on select element.
- * @param {Event} ev - The DOM event
+ * Attach an event handler to a DOM element
+ * @param {Element} element - The DOM element.
+ * @param {string} type - The event type name.
+ * @param {Function} callback - The callback function.
+ * @param {Boolean} useCapture - Use capture flag.
  */
-Select.prototype.focusHandler = function(ev) {
-  // check flag
-  if (this.useDefault === true) return;
+function jqLiteOn(element, type, callback, useCapture) {
+  useCapture = (useCapture === undefined) ? false : useCapture;
 
-  var selectEl = this.selectEl,
-      wrapperEl = this.wrapperEl,
-      origIndex = selectEl.tabIndex,
-      keydownFn = util.callback(this, 'keydownHandler');
-
-  // attach keydown handler
-  jqLite.on(doc, 'keydown', keydownFn);
+  // add to DOM
+  element.addEventListener(type, callback, useCapture);
 
-  // disable tabfocus once
-  selectEl.tabIndex = -1;
-  jqLite.one(wrapperEl, 'blur', function() {
-    selectEl.tabIndex = origIndex;
-    jqLite.off(doc, 'keydown', keydownFn);
-  });
-  
-  // defer focus to parent
-  wrapperEl.focus();
+  // add to cache
+  var cache = element._muiEventCache = element._muiEventCache || {};
+  cache[type] = cache[type] || [];
+  cache[type].push([callback, useCapture]);
 }
 
 
 /**
- * Handle keydown events on doc
- **/
-Select.prototype.keydownHandler = function(ev) {
-  // spacebar, down, up
-  if (ev.keyCode === 32 || ev.keyCode === 38 || ev.keyCode === 40) {
-    // prevent win scroll
-    ev.preventDefault();
-    
-    if (this.selectEl.disabled !== true) this.renderMenu();
-  }
-}
+ * Remove an event handler from a DOM element
+ * @param {Element} element - The DOM element.
+ * @param {string} type - The event type name.
+ * @param {Function} callback - The callback function.
+ * @param {Boolean} useCapture - Use capture flag.
+ */
+function jqLiteOff(element, type, callback, useCapture) {
+  useCapture = (useCapture === undefined) ? false : useCapture;
 
+  // remove from cache
+  var cache = element._muiEventCache = element._muiEventCache || {},
+      argsList = cache[type] || [],
+      args,
+      i;
 
-/**
- * Handle focus event on wrapper element.
- */
-Select.prototype.wrapperFocusHandler = function() {
-  // firefox bugfix
-  if (this.selectEl.disabled) return this.wrapperEl.blur();
-}
+  i = argsList.length;
+  while (i--) {
+    args = argsList[i];
 
+    // remove all events if callback is undefined
+    if (callback === undefined ||
+        (args[0] === callback && args[1] === useCapture)) {
 
-/**
- * Handle click events on select element.
- * @param {Event} ev - The DOM event
- */
-Select.prototype.clickHandler = function(ev) {
-  // only left clicks
-  if (ev.button !== 0) return;
-  this.renderMenu();
+      // remove from cache
+      argsList.splice(i, 1);
+      
+      // remove from DOM
+      element.removeEventListener(type, args[0], args[1]);
+    }
+  }
 }
 
 
 /**
- * Render options dropdown.
+ * Attach an event hander which will only execute once
+ * @param {Element} element - The DOM element.
+ * @param {string} type - The event type name.
+ * @param {Function} callback - The callback function.
+ * @param {Boolean} useCapture - Use capture flag.
  */
-Select.prototype.renderMenu = function() {
-  // check and reset flag
-  if (this.useDefault === true) return this.useDefault = false;
+function jqLiteOne(element, type, callback, useCapture) {
+  jqLiteOn(element, type, function onFn(ev) {
+    // execute callback
+    if (callback) callback.apply(this, arguments);
 
-  new Menu(this.wrapperEl, this.selectEl);
+    // remove wrapper
+    jqLiteOff(element, type, onFn);
+  }, useCapture);
 }
 
 
 /**
- * Creates a new Menu
- * @class
+ * Get or set horizontal scroll position
+ * @param {Element} element - The DOM element
+ * @param {number} [value] - The scroll position
  */
-function Menu(wrapperEl, selectEl) {
-  // add scroll lock
-  util.enableScrollLock();
-
-  // instance variables
-  this.origIndex = null;
-  this.currentIndex = null;
-  this.selectEl = selectEl;
-  this.menuEl = this._createMenuEl(wrapperEl, selectEl);
-  this.clickCallbackFn = util.callback(this, 'clickHandler');
-  this.keydownCallbackFn = util.callback(this, 'keydownHandler');
-  this.destroyCallbackFn = util.callback(this, 'destroy');
-
-  // add to DOM
-  wrapperEl.appendChild(this.menuEl);
-  jqLite.scrollTop(this.menuEl, this.menuEl._muiScrollTop);
+function jqLiteScrollLeft(element, value) {
+  var win = window;
 
-  // blur active element
-  setTimeout(function() {
-    // ie10 bugfix
-    if (doc.activeElement.nodeName.toLowerCase() !== "body") {
-      doc.activeElement.blur();
+  // get
+  if (value === undefined) {
+    if (element === win) {
+      var docEl = document.documentElement;
+      return (win.pageXOffset || docEl.scrollLeft) - (docEl.clientLeft || 0);
+    } else {
+      return element.scrollLeft;
     }
-  }, 0);
-
-  // attach event handlers
-  jqLite.on(this.menuEl, 'click', this.clickCallbackFn);
-  jqLite.on(doc, 'keydown', this.keydownCallbackFn);
-  jqLite.on(win, 'resize', this.destroyCallbackFn);
+  }
 
-  // attach event handler after current event loop exits
-  var fn = this.destroyCallbackFn;
-  setTimeout(function() {jqLite.on(doc, 'click', fn);}, 0);
+  // set
+  if (element === win) win.scrollTo(value, jqLiteScrollTop(win));
+  else element.scrollLeft = value;
 }
 
 
 /**
- * Create menu element
- * @param {Element} selectEl - The select element
+ * Get or set vertical scroll position
+ * @param {Element} element - The DOM element
+ * @param {number} value - The scroll position
  */
-Menu.prototype._createMenuEl = function(wrapperEl, selectEl) {
-  var optionEl, itemEl, i, minTop, maxTop, top;
-
-  var menuEl = doc.createElement('div'),
-      optionList = selectEl.children,
-      m = optionList.length,
-      selectedPos = 0,
-      initTop = (menuPadding + optionHeight) - (wrapperPadding + inputHeight);
-
-  // create element
-  menuEl.className = menuClass;
-
-  // add options
-  for (i=0; i < m; i++) {
-    optionEl = optionList[i];
-
-    itemEl = doc.createElement('div');
-    itemEl.textContent = optionEl.textContent;
-    itemEl._muiPos = i;
-
-    if (optionEl.selected) selectedPos = i;
+function jqLiteScrollTop(element, value) {
+  var win = window;
 
-    menuEl.appendChild(itemEl);
+  // get
+  if (value === undefined) {
+    if (element === win) {
+      var docEl = document.documentElement;
+      return (win.pageYOffset || docEl.scrollTop) - (docEl.clientTop || 0);
+    } else {
+      return element.scrollTop;
+    }
   }
 
-  // add selected attribute
-  menuEl.children[selectedPos].setAttribute('selected', true);
-
-  // save indices
-  this.origIndex = selectedPos;
-  this.currentIndex = selectedPos;
-
-  var viewHeight = doc.documentElement.clientHeight;
-
-  // set height (use viewport as maximum height)
-  var height = m * optionHeight + 2 * menuPadding,
-      isOverflow = height > viewHeight;
-
-  height = Math.min(height, viewHeight);
-  jqLite.css(menuEl, 'height', height + 'px');
+  // set
+  if (element === win) win.scrollTo(jqLiteScrollLeft(win), value);
+  else element.scrollTop = value;
+}
 
-  // ideal position
-  initTop -= selectedPos * optionHeight;
 
-  // minimum position
-  minTop = -1 * wrapperEl.getBoundingClientRect().top;
+/**
+ * Return object representing top/left offset and element height/width.
+ * @param {Element} element - The DOM element.
+ */
+function jqLiteOffset(element) {
+  var win = window,
+      rect = element.getBoundingClientRect(),
+      scrollTop = jqLiteScrollTop(win),
+      scrollLeft = jqLiteScrollLeft(win);
 
-  // maximium position
-  maxTop = (viewHeight - height) + minTop;
+  return {
+    top: rect.top + scrollTop,
+    left: rect.left + scrollLeft,
+    height: rect.height,
+    width: rect.width
+  };
+}
 
-  // prevent overflow-y
-  top = Math.max(initTop, minTop);
-  top = Math.min(top, maxTop);
 
-  jqLite.css(menuEl, 'top', top + 'px');
+/**
+ * Attach a callback to the DOM ready event listener
+ * @param {Function} fn - The callback function.
+ */
+function jqLiteReady(fn) {
+  var done = false,
+      top = true,
+      doc = document,
+      win = doc.defaultView,
+      root = doc.documentElement,
+      add = doc.addEventListener ? 'addEventListener' : 'attachEvent',
+      rem = doc.addEventListener ? 'removeEventListener' : 'detachEvent',
+      pre = doc.addEventListener ? '' : 'on';
 
-  // set menu scroll position
-  if (isOverflow) {
-    var scrollIdeal, scrollMax;
+  var init = function(e) {
+    if (e.type == 'readystatechange' && doc.readyState != 'complete') {
+      return;
+    }
 
-    scrollIdeal = (menuPadding + (selectedPos + 1) * optionHeight) - 
-      (-1 * top + wrapperPadding + inputHeight);
+    (e.type == 'load' ? win : doc)[rem](pre + e.type, init, false);
+    if (!done && (done = true)) fn.call(win, e.type || e);
+  };
 
-    scrollMax = m * optionHeight + 2 * menuPadding - height;
+  var poll = function() {
+    try { root.doScroll('left'); } catch(e) { setTimeout(poll, 50); return; }
+    init('poll');
+  };
 
-    menuEl._muiHasOverflow = true;
-    menuEl._muiScrollTop = Math.min(scrollIdeal, scrollMax);
+  if (doc.readyState == 'complete') {
+    fn.call(win, 'lazy');
   } else {
-    menuEl._muiHasOverflow = false;
-    menuEl._muiScrollTop = 0;
+    if (doc.createEventObject && root.doScroll) {
+      try { top = !win.frameElement; } catch(e) { }
+      if (top) poll();
+    }
+    doc[add](pre + 'DOMContentLoaded', init, false);
+    doc[add](pre + 'readystatechange', init, false);
+    win[add](pre + 'load', init, false);
   }
-
-  return menuEl;
 }
 
 
 /**
- * Handle keydown events on doc element.
- * @param {Event} ev - The DOM event
+ * Remove classes from a DOM element
+ * @param {Element} element - The DOM element.
+ * @param {string} cssClasses - Space separated list of class names.
  */
-Menu.prototype.keydownHandler = function(ev) {
-  var keyCode = ev.keyCode;
+function jqLiteRemoveClass(element, cssClasses) {
+  if (!cssClasses || !element.setAttribute) return;
 
-  // tab
-  if (keyCode === 9) return this.destroy();
+  var existingClasses = _getExistingClasses(element),
+      splitClasses = cssClasses.split(' '),
+      cssClass;
   
-  // escape | up | down | enter
-  if (keyCode === 27 || keyCode === 40 || keyCode === 38 || keyCode === 13) {
-    ev.preventDefault();
+  for (var i=0; i < splitClasses.length; i++) {
+    cssClass = splitClasses[i].trim();
+    while (existingClasses.indexOf(' ' + cssClass + ' ') >= 0) {
+      existingClasses = existingClasses.replace(' ' + cssClass + ' ', ' ');
+    }
   }
 
-  if (keyCode === 27) {
-    this.destroy();
-  } else if (keyCode === 40) {
-    this.increment();
-  } else if (keyCode === 38) {
-    this.decrement();
-  } else if (keyCode === 13) {
-    this.selectCurrent();
-    this.destroy();
-  }
+  element.setAttribute('class', existingClasses.trim());
 }
 
 
-/**
- * Handle click events on menu element.
- * @param {Event} ev - The DOM event
- */
-Menu.prototype.clickHandler = function(ev) {
-  // don't allow events to bubble
-  ev.stopPropagation();
+// ------------------------------
+// Utilities
+// ------------------------------
+var SPECIAL_CHARS_REGEXP = /([\:\-\_]+(.))/g,
+    MOZ_HACK_REGEXP = /^moz([A-Z])/,
+    ESCAPE_REGEXP = /([.*+?^=!:${}()|\[\]\/\\])/g,
+    BOOLEAN_ATTRS;
 
-  var pos = ev.target._muiPos;
 
-  // ignore clicks on non-items                                               
-  if (pos === undefined) return;
+BOOLEAN_ATTRS = {
+  multiple: true,
+  selected: true,
+  checked: true,
+  disabled: true,
+  readonly: true,
+  required: true,
+  open: true
+}
 
-  // select option
-  this.currentIndex = pos;
-  this.selectCurrent();
 
-  // destroy menu
-  this.destroy();
+function _getExistingClasses(element) {
+  var classes = (element.getAttribute('class') || '').replace(/[\n\t]/g, '');
+  return ' ' + classes + ' ';
 }
 
 
-/**
- * Increment selected item
- */
-Menu.prototype.increment = function() {
-  if (this.currentIndex === this.menuEl.children.length - 1) return;
-
-  this.menuEl.children[this.currentIndex].removeAttribute('selected');
-  this.currentIndex += 1;
-  this.menuEl.children[this.currentIndex].setAttribute('selected', true);
+function _camelCase(name) {
+  return name.
+    replace(SPECIAL_CHARS_REGEXP, function(_, separator, letter, offset) {
+      return offset ? letter.toUpperCase() : letter;
+    }).
+    replace(MOZ_HACK_REGEXP, 'Moz$1');
 }
 
 
-/**
- * Decrement selected item
- */
-Menu.prototype.decrement = function() {
-  if (this.currentIndex === 0) return;
-
-  this.menuEl.children[this.currentIndex].removeAttribute('selected');
-  this.currentIndex -= 1;
-  this.menuEl.children[this.currentIndex].setAttribute('selected', true);
+function _escapeRegExp(string) {
+  return string.replace(ESCAPE_REGEXP, "\\$1");
 }
 
 
-/**
- * Select current item
- */
-Menu.prototype.selectCurrent = function() {
-  if (this.currentIndex !== this.origIndex) {
-    this.selectEl.children[this.origIndex].selected = false;
-    this.selectEl.children[this.currentIndex].selected = true;
+function _getCurrCssProp(elem, name, computed) {
+  var ret;
 
-    // trigger change event
-    util.dispatchEvent(this.selectEl, 'change');
-  }
+  // try computed style
+  ret = computed.getPropertyValue(name);
+
+  // try style attribute (if element is not attached to document)
+  if (ret === '' && !elem.ownerDocument) ret = elem.style[_camelCase(name)];
+
+  return ret;
 }
 
 
 /**
- * Destroy menu and detach event handlers
+ * Module API
  */
-Menu.prototype.destroy = function() {
-  // remove element and focus element
-  this.menuEl.parentNode.removeChild(this.menuEl);
-  this.selectEl.focus();
+module.exports = {
+  /** Add classes */
+  addClass: jqLiteAddClass,
 
-  // remove scroll lock
-  util.disableScrollLock();
+  /** Get or set CSS properties */
+  css: jqLiteCss,
 
-  // remove event handlers
-  jqLite.off(this.menuEl, 'click', this.clickCallbackFn);
-  jqLite.off(doc, 'keydown', this.keydownCallbackFn);
-  jqLite.off(doc, 'click', this.destroyCallbackFn);
-  jqLite.off(win, 'resize', this.destroyCallbackFn);
-}
+  /** Check for class */
+  hasClass: jqLiteHasClass,
 
+  /** Remove event handlers */
+  off: jqLiteOff,
 
-/** Define module API */
-module.exports = {
-  /** Initialize module listeners */
-  initListeners: function() {
-    // markup elements available when method is called
-    var elList = doc.querySelectorAll(cssSelector);
-    for (var i=elList.length - 1; i >= 0; i--) initialize(elList[i]);
+  /** Return offset values */
+  offset: jqLiteOffset,
 
-    // listen for new elements
-    util.onNodeInserted(function(el) {
-      if (el.tagName === 'SELECT' &&
-          jqLite.hasClass(el.parentNode, wrapperClass)) {
-        initialize(el);
-      }
-    });
-  }
-};
+  /** Add event handlers */
+  on: jqLiteOn,
 
-},{"../lib/jqLite.js":5,"../lib/util.js":6}],4:[function(require,module,exports){
-/**
- * MUI CSS/JS form-control module
- * @module forms/form-control
- */
+  /** Add an execute-once event handler */
+  one: jqLiteOne,
 
-'use strict';
+  /** DOM ready event handler */
+  ready: jqLiteReady,
+
+  /** Remove classes */
+  removeClass: jqLiteRemoveClass,
 
+  /** Check JavaScript variable instance type */
+  type: jqLiteType,
 
-var jqLite = require('../lib/jqLite.js'),
-    util = require('../lib/util.js'),
-    cssSelector = '.mui-textfield > input, .mui-textfield > textarea',
-    emptyClass = 'mui--is-empty',
-    notEmptyClass = 'mui--is-not-empty',
-    dirtyClass = 'mui--is-dirty',
-    floatingLabelClass = 'mui-textfield--float-label';
+  /** Get or set horizontal scroll position */
+  scrollLeft: jqLiteScrollLeft,
 
+  /** Get or set vertical scroll position */
+  scrollTop: jqLiteScrollTop
+};
 
+},{}],5:[function(require,module,exports){
 /**
- * Initialize input element.
- * @param {Element} inputEl - The input element.
+ * MUI CSS/JS utilities module
+ * @module lib/util
  */
-function initialize(inputEl) {
-  // check flag
-  if (inputEl._muiTextfield === true) return;
-  else inputEl._muiTextfield = true;
 
-  if (inputEl.value.length) jqLite.addClass(inputEl, notEmptyClass);
-  else jqLite.addClass(inputEl, emptyClass);
+'use strict';
 
-  jqLite.on(inputEl, 'input', inputHandler);
 
-  // add dirty class on focus
-  jqLite.on(inputEl, 'focus', function(){jqLite.addClass(this, dirtyClass);});
-}
+var config = require('../config'),
+    jqLite = require('./jqLite'),
+    nodeInsertedCallbacks = [],
+    scrollLock = 0,
+    scrollLockCls = 'mui-body--scroll-lock',
+    scrollLockPos,
+    _supportsPointerEvents;
 
 
 /**
- * Handle input events.
+ * Logging function
  */
-function inputHandler() {
-  var inputEl = this;
+function logFn() {
+  var win = window;
 
-  if (inputEl.value.length) {
-    jqLite.removeClass(inputEl, emptyClass);
-    jqLite.addClass(inputEl, notEmptyClass);
-  } else {
-    jqLite.removeClass(inputEl, notEmptyClass);
-    jqLite.addClass(inputEl, emptyClass)
+  if (config.debug && typeof win.console !== "undefined") {
+    try {
+      win.console.log.apply(win.console, arguments);
+    } catch (a) {
+      var e = Array.prototype.slice.call(arguments);
+      win.console.log(e.join("\n"));
+    }
   }
-
-  jqLite.addClass(inputEl, dirtyClass);
 }
 
 
-/** Define module API */
-module.exports = {
-  /** Initialize input elements */
-  initialize: initialize,
+/**
+ * Load CSS text in new stylesheet
+ * @param {string} cssText - The css text.
+ */
+function loadStyleFn(cssText) {
+  var doc = document,
+      head;
+
+  // copied from jQuery 
+  head = doc.head ||
+    doc.getElementsByTagName('head')[0] ||
+    doc.documentElement;
   
-  /** Initialize module listeners */
-  initListeners: function() {
-    var doc = document;
+  var e = doc.createElement('style');
+  e.type = 'text/css';
     
-    // markup elements available when method is called
-    var elList = doc.querySelectorAll(cssSelector);
-    for (var i=elList.length - 1; i >= 0; i--) initialize(elList[i]);
+  if (e.styleSheet) e.styleSheet.cssText = cssText;
+  else e.appendChild(doc.createTextNode(cssText));
+  
+  // add to document
+  head.insertBefore(e, head.firstChild);
 
-    // listen for new elements
-    util.onNodeInserted(function(el) {
-      if (el.tagName === 'INPUT' || el.tagName === 'TEXTAREA') initialize(el);
-    });
+  return e;
+}
 
-    // add transition css for floating labels
-    setTimeout(function() {
-      var css = '.mui-textfield.mui-textfield--float-label > label {' + [
-        '-webkit-transition',
-        '-moz-transition',
-        '-o-transition',
-        'transition',
-        ''
-      ].join(':all .15s ease-out;') + '}';
-      
-      util.loadStyle(css);
-    }, 150);
 
-    // pointer-events shim for floating labels
-    if (util.supportsPointerEvents() === false) {
-      jqLite.on(document, 'click', function(ev) {
-        var targetEl = ev.target;
+/**
+ * Raise an error
+ * @param {string} msg - The error message.
+ */
+function raiseErrorFn(msg) {
+  throw new Error("MUI: " + msg);
+}
 
-        if (targetEl.tagName === 'LABEL' &&
-            jqLite.hasClass(targetEl.parentNode, floatingLabelClass)) {
-          var inputEl = targetEl.previousElementSibling;
-          if (inputEl) inputEl.focus();
-        }
-      });
-    }
-  }
-};
 
-},{"../lib/jqLite.js":5,"../lib/util.js":6}],5:[function(require,module,exports){
 /**
- * MUI CSS/JS jqLite module
- * @module lib/jqLite
+ * Register callbacks on muiNodeInserted event
+ * @param {function} callbackFn - The callback function.
  */
+function onNodeInsertedFn(callbackFn) {
+  nodeInsertedCallbacks.push(callbackFn);
 
-'use strict';
+  // initalize listeners
+  if (nodeInsertedCallbacks._initialized === undefined) {
+    var doc = document;
+
+    jqLite.on(doc, 'animationstart', animationHandlerFn);
+    jqLite.on(doc, 'mozAnimationStart', animationHandlerFn);
+    jqLite.on(doc, 'webkitAnimationStart', animationHandlerFn);
 
-// Global vars
-var gDoc = document,
-    gDocEl = gDoc.documentElement,
-    gWin = window;
+    nodeInsertedCallbacks._initialized = true;
+  }
+}
 
 
 /**
- * Add a class to an element.
- * @param {Element} element - The DOM element.
- * @param {string} cssClasses - Space separated list of class names.
+ * Execute muiNodeInserted callbacks
+ * @param {Event} ev - The DOM event.
  */
-function jqLiteAddClass(element, cssClasses) {
-  if (!cssClasses || !element.setAttribute) return;
+function animationHandlerFn(ev) {
+  // check animation name
+  if (ev.animationName !== 'mui-node-inserted') return;
 
-  var existingClasses = _getExistingClasses(element),
-      splitClasses = cssClasses.split(' '),
-      cssClass;
+  var el = ev.target;
 
-  for (var i=0; i < splitClasses.length; i++) {
-    cssClass = splitClasses[i].trim();
-    if (existingClasses.indexOf(' ' + cssClass + ' ') === -1) {
-      existingClasses += cssClass + ' ';
-    }
+  // iterate through callbacks
+  for (var i=nodeInsertedCallbacks.length - 1; i >= 0; i--) {
+    nodeInsertedCallbacks[i](el);
   }
-  
-  element.setAttribute('class', existingClasses.trim());
 }
 
 
 /**
- * Get or set CSS properties.
- * @param {Element} element - The DOM element.
- * @param {string} [name] - The property name.
- * @param {string} [value] - The property value.
+ * Convert Classname object, with class as key and true/false as value, to an
+ * class string.
+ * @param  {Object} classes The classes
+ * @return {String}         class string
  */
-function jqLiteCss(element, name, value) {
-  // Return full style object
-  if (name === undefined) {
-    return getComputedStyle(element);
-  }
-
-  var nameType = jqLiteType(name);
-
-  // Set multiple values
-  if (nameType === 'object') {
-    for (var key in name) element.style[_camelCase(key)] = name[key];
-    return;
-  }
-
-  // Set a single value
-  if (nameType === 'string' && value !== undefined) {
-    element.style[_camelCase(name)] = value;
-  }
-
-  var styleObj = getComputedStyle(element),
-      isArray = (jqLiteType(name) === 'array');
-
-  // Read single value
-  if (!isArray) return _getCurrCssProp(element, name, styleObj);
-
-  // Read multiple values
-  var outObj = {},
-      key;
-
-  for (var i=0; i < name.length; i++) {
-    key = name[i];
-    outObj[key] = _getCurrCssProp(element, key, styleObj);
+function classNamesFn(classes) {
+  var cs = '';
+  for (var i in classes) {
+    cs += (classes[i]) ? i + ' ' : '';
   }
-
-  return outObj;
+  return cs.trim();
 }
 
 
 /**
- * Check if element has class.
- * @param {Element} element - The DOM element.
- * @param {string} cls - The class name string.
+ * Check if client supports pointer events.
  */
-function jqLiteHasClass(element, cls) {
-  if (!cls || !element.getAttribute) return false;
-  return (_getExistingClasses(element).indexOf(' ' + cls + ' ') > -1);
+function supportsPointerEventsFn() {
+  // check cache
+  if (_supportsPointerEvents !== undefined) return _supportsPointerEvents;
+  
+  var element = document.createElement('x');
+  element.style.cssText = 'pointer-events:auto';
+  _supportsPointerEvents = (element.style.pointerEvents === 'auto');
+  return _supportsPointerEvents;
 }
 
 
 /**
- * Return the type of a variable.
- * @param {} somevar - The JavaScript variable.
+ * Create callback closure.
+ * @param {Object} instance - The object instance.
+ * @param {String} funcName - The name of the callback function.
  */
-function jqLiteType(somevar) {
-  // handle undefined
-  if (somevar === undefined) return 'undefined';
-
-  // handle others (of type [object <Type>])
-  var typeStr = Object.prototype.toString.call(somevar);
-  if (typeStr.indexOf('[object ') === 0) {
-    return typeStr.slice(8, -1).toLowerCase();
-  } else {
-    throw new Error("MUI: Could not understand type: " + typeStr);
-  }    
+function callbackFn(instance, funcName) {
+  return function() {instance[funcName].apply(instance, arguments);};
 }
 
 
 /**
- * Attach an event handler to a DOM element
+ * Dispatch event.
  * @param {Element} element - The DOM element.
- * @param {string} type - The event type name.
- * @param {Function} callback - The callback function.
- * @param {Boolean} useCapture - Use capture flag.
+ * @param {String} eventType - The event type.
+ * @param {Boolean} bubbles=true - If true, event bubbles.
+ * @param {Boolean} cancelable=true = If true, event is cancelable
+ * @param {Object} [data] - Data to add to event object
  */
-function jqLiteOn(element, type, callback, useCapture) {
-  useCapture = (useCapture === undefined) ? false : useCapture;
+function dispatchEventFn(element, eventType, bubbles, cancelable, data) {
+  var ev = document.createEvent('HTMLEvents'),
+      bubbles = (bubbles !== undefined) ? bubbles : true,
+      cancelable = (cancelable !== undefined) ? cancelable : true,
+      k;
+  
+  ev.initEvent(eventType, bubbles, cancelable);
 
-  // add to DOM
-  element.addEventListener(type, callback, useCapture);
+  // add data to event object
+  if (data) for (k in data) ev[k] = data[k];
 
-  // add to cache
-  var cache = element._muiEventCache = element._muiEventCache || {};
-  cache[type] = cache[type] || [];
-  cache[type].push([callback, useCapture]);
+  // dispatch
+  if (element) element.dispatchEvent(ev);
+
+  return ev;
 }
 
 
 /**
- * Remove an event handler from a DOM element
- * @param {Element} element - The DOM element.
- * @param {string} type - The event type name.
- * @param {Function} callback - The callback function.
- * @param {Boolean} useCapture - Use capture flag.
+ * Turn on window scroll lock.
  */
-function jqLiteOff(element, type, callback, useCapture) {
-  useCapture = (useCapture === undefined) ? false : useCapture;
-
-  // remove from cache
-  var cache = element._muiEventCache = element._muiEventCache || {},
-      argsList = cache[type] || [],
-      args,
-      i;
-
-  i = argsList.length;
-  while (i--) {
-    args = argsList[i];
+function enableScrollLockFn() {
+  // increment counter
+  scrollLock += 1
 
-    // remove all events if callback is undefined
-    if (callback === undefined ||
-        (args[0] === callback && args[1] === useCapture)) {
+  // add lock
+  if (scrollLock === 1) {
+    var win = window,
+        doc = document;
 
-      // remove from cache
-      argsList.splice(i, 1);
-      
-      // remove from DOM
-      element.removeEventListener(type, args[0], args[1]);
-    }
+    scrollLockPos = {left: jqLite.scrollLeft(win), top: jqLite.scrollTop(win)};
+    jqLite.addClass(doc.body, scrollLockCls);
+    win.scrollTo(scrollLockPos.left, scrollLockPos.top);
   }
 }
 
 
 /**
- * Attach an event hander which will only execute once
- * @param {Element} element - The DOM element.
- * @param {string} type - The event type name.
- * @param {Function} callback - The callback function.
- * @param {Boolean} useCapture - Use capture flag.
+ * Turn off window scroll lock.
  */
-function jqLiteOne(element, type, callback, useCapture) {
-  jqLiteOn(element, type, function onFn(ev) {
-    // execute callback
-    if (callback) callback.apply(this, arguments);
+function disableScrollLockFn() {
+  // ignore
+  if (scrollLock === 0) return;
 
-    // remove wrapper
-    jqLiteOff(element, type, onFn);
-  }, useCapture);
-}
+  // decrement counter
+  scrollLock -= 1
 
+  // remove lock 
+  if (scrollLock === 0) {
+    var win = window,
+        doc = document;
 
-/**
- * Get or set horizontal scroll position
- * @param {Element} element - The DOM element
- * @param {number} [value] - The scroll position
- */
-function jqLiteScrollLeft(element, value) {
-  // get
-  if (value === undefined) {
-    if (element === gWin) {
-      var t = (gWin.pageXOffset || gDocEl.scrollLeft)
-      return t - (gDocEl.clientLeft || 0);
-    } else {
-      return element.scrollLeft;
-    }
+    jqLite.removeClass(doc.body, scrollLockCls);
+    win.scrollTo(scrollLockPos.left, scrollLockPos.top);
   }
-
-  // set
-  if (element === gWin) gWin.scrollTo(value, jqLiteScrollTop(gWin));
-  else element.scrollLeft = value;
 }
 
 
 /**
- * Get or set vertical scroll position
- * @param {Element} element - The DOM element
- * @param {number} value - The scroll position
+ * Define the module API
  */
-function jqLiteScrollTop(element, value) {
-  // get
-  if (value === undefined) {
-    if (element === gWin) {
-      return (gWin.pageYOffset || gDocEl.scrollTop) - (gDocEl.clientTop || 0);
-    } else {
-      return element.scrollTop;
-    }
-  }
+module.exports = {
+  /** Create callback closures */
+  callback: callbackFn,
+  
+  /** Classnames object to string */
+  classNames: classNamesFn,
 
-  // set
-  if (element === gWin) gWin.scrollTo(jqLiteScrollLeft(gWin), value);
-  else element.scrollTop = value;
-}
+  /** Disable scroll lock */
+  disableScrollLock: disableScrollLockFn,
+
+  /** Dispatch event */
+  dispatchEvent: dispatchEventFn,
+  
+  /** Enable scroll lock */
+  enableScrollLock: enableScrollLockFn,
 
+  /** Log messages to the console when debug is turned on */
+  log: logFn,
 
-/**
- * Return object representing top/left offset and element height/width.
- * @param {Element} element - The DOM element.
- */
-function jqLiteOffset(element) {
-  var rect = element.getBoundingClientRect(),
-      scrollTop = jqLiteScrollTop(gWin),
-      scrollLeft = jqLiteScrollLeft(gWin);
+  /** Load CSS text as new stylesheet */
+  loadStyle: loadStyleFn,
 
-  return {
-    top: rect.top + scrollTop,
-    left: rect.left + scrollLeft,
-    height: rect.height,
-    width: rect.width
-  };
-}
+  /** Register muiNodeInserted handler */
+  onNodeInserted: onNodeInsertedFn,
+
+  /** Raise MUI error */
+  raiseError: raiseErrorFn,
 
+  /** Support Pointer Events check */
+  supportsPointerEvents: supportsPointerEventsFn
+};
 
+},{"../config":2,"./jqLite":4}],6:[function(require,module,exports){
 /**
- * Attach a callback to the DOM ready event listener
- * @param {Function} fn - The callback function.
- */
-function jqLiteReady(fn) {
-  var done = false,
-      top = true,
-      doc = document,
-      win = doc.defaultView,
-      root = doc.documentElement,
-      add = doc.addEventListener ? 'addEventListener' : 'attachEvent',
-      rem = doc.addEventListener ? 'removeEventListener' : 'detachEvent',
-      pre = doc.addEventListener ? '' : 'on';
+ * MUI CSS/JS dropdown module
+ * @module dropdowns
+ */
 
-  var init = function(e) {
-    if (e.type == 'readystatechange' && doc.readyState != 'complete') {
-      return;
-    }
+'use strict';
 
-    (e.type == 'load' ? win : doc)[rem](pre + e.type, init, false);
-    if (!done && (done = true)) fn.call(win, e.type || e);
-  };
 
-  var poll = function() {
-    try { root.doScroll('left'); } catch(e) { setTimeout(poll, 50); return; }
-    init('poll');
-  };
+var jqLite = require('./lib/jqLite'),
+    util = require('./lib/util'),
+    attrKey = 'data-mui-toggle',
+    attrSelector = '[data-mui-toggle="dropdown"]',
+    openClass = 'mui--is-open',
+    menuClass = 'mui-dropdown__menu';
 
-  if (doc.readyState == 'complete') {
-    fn.call(win, 'lazy');
-  } else {
-    if (doc.createEventObject && root.doScroll) {
-      try { top = !win.frameElement; } catch(e) { }
-      if (top) poll();
-    }
-    doc[add](pre + 'DOMContentLoaded', init, false);
-    doc[add](pre + 'readystatechange', init, false);
-    win[add](pre + 'load', init, false);
-  }
+
+/**
+ * Initialize toggle element.
+ * @param {Element} toggleEl - The toggle element.
+ */
+function initialize(toggleEl) {
+  // check flag
+  if (toggleEl._muiDropdown === true) return;
+  else toggleEl._muiDropdown = true;
+
+  // attach click handler
+  jqLite.on(toggleEl, 'click', clickHandler);
 }
 
 
 /**
- * Remove classes from a DOM element
- * @param {Element} element - The DOM element.
- * @param {string} cssClasses - Space separated list of class names.
+ * Handle click events on dropdown toggle element.
+ * @param {Event} ev - The DOM event
  */
-function jqLiteRemoveClass(element, cssClasses) {
-  if (!cssClasses || !element.setAttribute) return;
+function clickHandler(ev) {
+  // only left clicks
+  if (ev.button !== 0) return;
 
-  var existingClasses = _getExistingClasses(element),
-      splitClasses = cssClasses.split(' '),
-      cssClass;
+  var toggleEl = this;
   
-  for (var i=0; i < splitClasses.length; i++) {
-    cssClass = splitClasses[i].trim();
-    while (existingClasses.indexOf(' ' + cssClass + ' ') >= 0) {
-      existingClasses = existingClasses.replace(' ' + cssClass + ' ', ' ');
-    }
-  }
+  // exit if toggle button is disabled
+  if (toggleEl.getAttribute('disabled') !== null) return;
 
-  element.setAttribute('class', existingClasses.trim());
+  // prevent form submission
+  ev.preventDefault();
+  ev.stopPropagation();
+
+  // toggle dropdown
+  toggleDropdown(toggleEl);
 }
 
 
-// ------------------------------
-// Utilities
-// ------------------------------
-var SPECIAL_CHARS_REGEXP = /([\:\-\_]+(.))/g,
-    MOZ_HACK_REGEXP = /^moz([A-Z])/,
-    ESCAPE_REGEXP = /([.*+?^=!:${}()|\[\]\/\\])/g,
-    BOOLEAN_ATTRS;
+/**
+ * Toggle the dropdown.
+ * @param {Element} toggleEl - The dropdown toggle element.
+ */
+function toggleDropdown(toggleEl) {
+  var wrapperEl = toggleEl.parentNode,
+      menuEl = toggleEl.nextElementSibling,
+      doc = wrapperEl.ownerDocument;
 
+  // exit if no menu element
+  if (!menuEl || !jqLite.hasClass(menuEl, menuClass)) {
+    return util.raiseError('Dropdown menu element not found');
+  }
 
-BOOLEAN_ATTRS = {
-  multiple: true,
-  selected: true,
-  checked: true,
-  disabled: true,
-  readonly: true,
-  required: true,
-  open: true
-}
+  // method to close dropdown
+  function closeDropdownFn() {
+    jqLite.removeClass(menuEl, openClass);
+      
+    // remove event handlers
+    jqLite.off(doc, 'click', closeDropdownFn);
+  }
 
+  // method to open dropdown
+  function openDropdownFn() {
+    // position menu element below toggle button
+    var wrapperRect = wrapperEl.getBoundingClientRect(),
+        toggleRect = toggleEl.getBoundingClientRect();
 
-function _getExistingClasses(element) {
-  var classes = (element.getAttribute('class') || '').replace(/[\n\t]/g, '');
-  return ' ' + classes + ' ';
-}
+    var top = toggleRect.top - wrapperRect.top + toggleRect.height;
+    jqLite.css(menuEl, 'top', top + 'px');
 
+    // add open class to wrapper
+    jqLite.addClass(menuEl, openClass);
 
-function _camelCase(name) {
-  return name.
-    replace(SPECIAL_CHARS_REGEXP, function(_, separator, letter, offset) {
-      return offset ? letter.toUpperCase() : letter;
-    }).
-    replace(MOZ_HACK_REGEXP, 'Moz$1');
+    // close dropdown when user clicks outside of menu
+    jqLite.on(doc, 'click', closeDropdownFn);
+  }
+
+  // toggle dropdown
+  if (jqLite.hasClass(menuEl, openClass)) closeDropdownFn();
+  else openDropdownFn();
 }
 
+  
+/** Define module API */
+module.exports = {
+  /** Initialize module listeners */
+  initListeners: function() {
+    var doc = document;
 
-function _escapeRegExp(string) {
-  return string.replace(ESCAPE_REGEXP, "\\$1");
-}
+    // markup elements available when method is called
+    var elList = doc.querySelectorAll(attrSelector);
+    for (var i=elList.length - 1; i >= 0; i--) initialize(elList[i]);
 
+    // listen for new elements
+    util.onNodeInserted(function(el) {
+      if (el.getAttribute(attrKey) === 'dropdown') initialize(el);
+    });
+  }
+};
 
-function _getCurrCssProp(elem, name, computed) {
-  var ret;
+},{"./lib/jqLite":4,"./lib/util":5}],7:[function(require,module,exports){
+/**
+ * MUI CSS/JS select module
+ * @module forms/select
+ */
 
-  // try computed style
-  ret = computed.getPropertyValue(name);
+'use strict';
 
-  // try style attribute (if element is not attached to document)
-  if (ret === '' && !elem.ownerDocument) ret = elem.style[_camelCase(name)];
 
-  return ret;
-}
+var jqLite = require('../lib/jqLite'),
+    util = require('../lib/util'),
+    formlib = require('../lib/forms'),
+    wrapperClass = 'mui-select',
+    cssSelector = '.mui-select > select',
+    menuClass = 'mui-select__menu',
+    selectedClass = 'mui--is-selected',
+    doc = document,
+    win = window;
 
 
 /**
- * Module API
+ * Initialize select element.
+ * @param {Element} selectEl - The select element.
  */
-module.exports = {
-  /** Add classes */
-  addClass: jqLiteAddClass,
+function initialize(selectEl) {
+  // check flag
+  if (selectEl._muiSelect === true) return;
+  else selectEl._muiSelect = true;
 
-  /** Get or set CSS properties */
-  css: jqLiteCss,
+  // use default behavior on touch devices
+  if ('ontouchstart' in doc.documentElement) return;
 
-  /** Check for class */
-  hasClass: jqLiteHasClass,
+  // initialize element
+  new Select(selectEl);
+}
 
-  /** Remove event handlers */
-  off: jqLiteOff,
 
-  /** Return offset values */
-  offset: jqLiteOffset,
+/**
+ * Creates a new Select object
+ * @class
+ */
+function Select(selectEl) {
+  // instance variables
+  this.selectEl = selectEl;
+  this.wrapperEl = selectEl.parentNode;
+  this.useDefault = false;  // currently unused but let's keep just in case
 
-  /** Add event handlers */
-  on: jqLiteOn,
+  // attach event handlers
+  jqLite.on(selectEl, 'mousedown', util.callback(this, 'mousedownHandler'));
+  jqLite.on(selectEl, 'focus', util.callback(this, 'focusHandler'));
+  jqLite.on(selectEl, 'click', util.callback(this, 'clickHandler'));
+  
+  // make wrapper focusable and fix firefox bug
+  this.wrapperEl.tabIndex = -1;
+  var callbackFn = util.callback(this, 'wrapperFocusHandler');
+  jqLite.on(this.wrapperEl, 'focus', callbackFn);
+}
 
-  /** Add an execute-once event handler */
-  one: jqLiteOne,
 
-  /** DOM ready event handler */
-  ready: jqLiteReady,
+/**
+ * Disable default dropdown on mousedown.
+ * @param {Event} ev - The DOM event
+ */
+Select.prototype.mousedownHandler = function(ev) {
+  if (ev.button !== 0 || this.useDefault === true) return;
+  ev.preventDefault();
+}
 
-  /** Remove classes */
-  removeClass: jqLiteRemoveClass,
 
-  /** Check JavaScript variable instance type */
-  type: jqLiteType,
+/**
+ * Handle focus event on select element.
+ * @param {Event} ev - The DOM event
+ */
+Select.prototype.focusHandler = function(ev) {
+  // check flag
+  if (this.useDefault === true) return;
 
-  /** Get or set horizontal scroll position */
-  scrollLeft: jqLiteScrollLeft,
+  var selectEl = this.selectEl,
+      wrapperEl = this.wrapperEl,
+      origIndex = selectEl.tabIndex,
+      keydownFn = util.callback(this, 'keydownHandler');
 
-  /** Get or set vertical scroll position */
-  scrollTop: jqLiteScrollTop
-};
+  // attach keydown handler
+  jqLite.on(doc, 'keydown', keydownFn);
 
-},{}],6:[function(require,module,exports){
-/**
- * MUI CSS/JS utilities module
- * @module lib/util
- */
+  // disable tabfocus once
+  selectEl.tabIndex = -1;
+  jqLite.one(wrapperEl, 'blur', function() {
+    selectEl.tabIndex = origIndex;
+    jqLite.off(doc, 'keydown', keydownFn);
+  });
+  
+  // defer focus to parent
+  wrapperEl.focus();
+}
 
-'use strict';
 
+/**
+ * Handle keydown events on doc
+ **/
+Select.prototype.keydownHandler = function(ev) {
+  // spacebar, down, up
+  if (ev.keyCode === 32 || ev.keyCode === 38 || ev.keyCode === 40) {
+    // prevent win scroll
+    ev.preventDefault();
+    
+    if (this.selectEl.disabled !== true) this.renderMenu();
+  }
+}
 
-var config = require('../config.js'),
-    jqLite = require('./jqLite.js'),
-    win = window,
-    doc = document,
-    nodeInsertedCallbacks = [],
-    scrollLock = 0,
-    scrollLockCls = 'mui-body--scroll-lock',
-    scrollLockPos,
-    head,
-    _supportsPointerEvents;
 
-head = doc.head || doc.getElementsByTagName('head')[0] || doc.documentElement;
+/**
+ * Handle focus event on wrapper element.
+ */
+Select.prototype.wrapperFocusHandler = function() {
+  // firefox bugfix
+  if (this.selectEl.disabled) return this.wrapperEl.blur();
+}
 
 
 /**
- * Logging function
+ * Handle click events on select element.
+ * @param {Event} ev - The DOM event
  */
-function logFn() {
-  if (config.debug && typeof win.console !== "undefined") {
-    try {
-      win.console.log.apply(win.console, arguments);
-    } catch (a) {
-      var e = Array.prototype.slice.call(arguments);
-      win.console.log(e.join("\n"));
-    }
-  }
+Select.prototype.clickHandler = function(ev) {
+  // only left clicks
+  if (ev.button !== 0) return;
+  this.renderMenu();
 }
 
 
 /**
- * Load CSS text in new stylesheet
- * @param {string} cssText - The css text.
+ * Render options dropdown.
  */
-function loadStyleFn(cssText) {
-  var e = doc.createElement('style');
-  e.type = 'text/css';
-    
-  if (e.styleSheet) e.styleSheet.cssText = cssText;
-  else e.appendChild(doc.createTextNode(cssText));
-  
-  // add to document
-  head.insertBefore(e, head.firstChild);
+Select.prototype.renderMenu = function() {
+  // check and reset flag
+  if (this.useDefault === true) return this.useDefault = false;
 
-  return e;
+  new Menu(this.wrapperEl, this.selectEl);
 }
 
 
 /**
- * Raise an error
- * @param {string} msg - The error message.
+ * Creates a new Menu
+ * @class
  */
-function raiseErrorFn(msg) {
-  throw new Error("MUI: " + msg);
+function Menu(wrapperEl, selectEl) {
+  // add scroll lock
+  util.enableScrollLock();
+
+  // instance variables
+  this.origIndex = null;
+  this.currentIndex = null;
+  this.selectEl = selectEl;
+  this.menuEl = this._createMenuEl(wrapperEl, selectEl);
+  this.clickCallbackFn = util.callback(this, 'clickHandler');
+  this.keydownCallbackFn = util.callback(this, 'keydownHandler');
+  this.destroyCallbackFn = util.callback(this, 'destroy');
+
+  // add to DOM
+  wrapperEl.appendChild(this.menuEl);
+  jqLite.scrollTop(this.menuEl, this.menuEl._muiScrollTop);
+
+  // blur active element
+  setTimeout(function() {
+    // ie10 bugfix
+    if (doc.activeElement.nodeName.toLowerCase() !== "body") {
+      doc.activeElement.blur();
+    }
+  }, 0);
+
+  // attach event handlers
+  jqLite.on(this.menuEl, 'click', this.clickCallbackFn);
+  jqLite.on(doc, 'keydown', this.keydownCallbackFn);
+  jqLite.on(win, 'resize', this.destroyCallbackFn);
+
+  // attach event handler after current event loop exits
+  var fn = this.destroyCallbackFn;
+  setTimeout(function() {jqLite.on(doc, 'click', fn);}, 0);
 }
 
 
 /**
- * Register callbacks on muiNodeInserted event
- * @param {function} callbackFn - The callback function.
+ * Create menu element
+ * @param {Element} selectEl - The select element
  */
-function onNodeInsertedFn(callbackFn) {
-  nodeInsertedCallbacks.push(callbackFn);
+Menu.prototype._createMenuEl = function(wrapperEl, selectEl) {
+  var menuEl = doc.createElement('div'),
+      optionEls = selectEl.children,
+      numOptions = optionEls.length,
+      selectedPos = 0,
+      optionEl,
+      itemEl,
+      i;
 
-  // initalize listeners
-  if (nodeInsertedCallbacks._initialized === undefined) {
-    jqLite.on(doc, 'animationstart', animationHandlerFn);
-    jqLite.on(doc, 'mozAnimationStart', animationHandlerFn);
-    jqLite.on(doc, 'webkitAnimationStart', animationHandlerFn);
+  menuEl.className = menuClass;
 
-    nodeInsertedCallbacks._initialized = true;
+  // add options
+  for (i=0; i < numOptions; i++) {
+    optionEl = optionEls[i];
+
+    itemEl = doc.createElement('div');
+    itemEl.textContent = optionEl.textContent;
+    itemEl._muiPos = i;
+
+    if (optionEl.selected) {
+      itemEl.setAttribute('class', selectedClass);
+      selectedPos = i;
+    }
+
+    menuEl.appendChild(itemEl);
   }
+
+  // save indices
+  this.origIndex = selectedPos;
+  this.currentIndex = selectedPos;
+
+  // set position
+  var props = formlib.getMenuPositionalCSS(
+    wrapperEl,
+    numOptions,
+    selectedPos
+  );
+
+  jqLite.css(menuEl, props);
+  menuEl._muiScrollTop = props.scrollTop;
+
+  return menuEl;
 }
 
 
 /**
- * Execute muiNodeInserted callbacks
- * @param {Event} ev - The DOM event.
+ * Handle keydown events on doc element.
+ * @param {Event} ev - The DOM event
  */
-function animationHandlerFn(ev) {
-  // check animation name
-  if (ev.animationName !== 'mui-node-inserted') return;
+Menu.prototype.keydownHandler = function(ev) {
+  var keyCode = ev.keyCode;
 
-  var el = ev.target;
+  // tab
+  if (keyCode === 9) return this.destroy();
+  
+  // escape | up | down | enter
+  if (keyCode === 27 || keyCode === 40 || keyCode === 38 || keyCode === 13) {
+    ev.preventDefault();
+  }
 
-  // iterate through callbacks
-  for (var i=nodeInsertedCallbacks.length - 1; i >= 0; i--) {
-    nodeInsertedCallbacks[i](el);
+  if (keyCode === 27) {
+    this.destroy();
+  } else if (keyCode === 40) {
+    this.increment();
+  } else if (keyCode === 38) {
+    this.decrement();
+  } else if (keyCode === 13) {
+    this.selectCurrent();
+    this.destroy();
   }
 }
 
 
 /**
- * Convert Classname object, with class as key and true/false as value, to an
- * class string.
- * @param  {Object} classes The classes
- * @return {String}         class string
+ * Handle click events on menu element.
+ * @param {Event} ev - The DOM event
  */
-function classNamesFn(classes) {
-  var cs = '';
-  for (var i in classes) {
-    cs += (classes[i]) ? i + ' ' : '';
-  }
-  return cs.trim();
-}
+Menu.prototype.clickHandler = function(ev) {
+  // don't allow events to bubble
+  ev.stopPropagation();
 
+  var pos = ev.target._muiPos;
 
-/**
- * Check if client supports pointer events.
- */
-function supportsPointerEventsFn() {
-  // check cache
-  if (_supportsPointerEvents !== undefined) return _supportsPointerEvents;
-  
-  var element = document.createElement('x');
-  element.style.cssText = 'pointer-events:auto';
-  _supportsPointerEvents = (element.style.pointerEvents === 'auto');
-  return _supportsPointerEvents;
+  // ignore clicks on non-items                                               
+  if (pos === undefined) return;
+
+  // select option
+  this.currentIndex = pos;
+  this.selectCurrent();
+
+  // destroy menu
+  this.destroy();
 }
 
 
 /**
- * Create callback closure.
- * @param {Object} instance - The object instance.
- * @param {String} funcName - The name of the callback function.
+ * Increment selected item
  */
-function callbackFn(instance, funcName) {
-  return function() {instance[funcName].apply(instance, arguments);};
+Menu.prototype.increment = function() {
+  if (this.currentIndex === this.menuEl.children.length - 1) return;
+
+  var optionEls = this.menuEl.children;
+  
+  jqLite.removeClass(optionEls[this.currentIndex], selectedClass);
+  this.currentIndex += 1;
+  jqLite.addClass(optionEls[this.currentIndex], selectedClass);
 }
 
 
 /**
- * Dispatch event.
- * @param {Element} element - The DOM element.
- * @param {String} eventType - The event type.
- * @param {Boolean} bubbles=true - If true, event bubbles.
- * @param {Boolean} cancelable=true = If true, event is cancelable
- * @param {Object} [data] - Data to add to event object
+ * Decrement selected item
  */
-function dispatchEventFn(element, eventType, bubbles, cancelable, data) {
-  var ev = document.createEvent('HTMLEvents'),
-      bubbles = (bubbles !== undefined) ? bubbles : true,
-      cancelable = (cancelable !== undefined) ? cancelable : true,
-      k;
-  
-  ev.initEvent(eventType, bubbles, cancelable);
-
-  // add data to event object
-  if (data) for (k in data) ev[k] = data[k];
+Menu.prototype.decrement = function() {
+  if (this.currentIndex === 0) return;
 
-  // dispatch
-  if (element) element.dispatchEvent(ev);
+  var optionEls = this.menuEl.children;
 
-  return ev;
+  jqLite.removeClass(optionEls[this.currentIndex], selectedClass);
+  this.currentIndex -= 1;
+  jqLite.addClass(optionEls[this.currentIndex], selectedClass);
 }
 
 
 /**
- * Turn on window scroll lock.
+ * Select current item
  */
-function enableScrollLockFn() {
-  // increment counter
-  scrollLock += 1
+Menu.prototype.selectCurrent = function() {
+  if (this.currentIndex !== this.origIndex) {
+    var optionEls = this.selectEl.children;
+    optionEls[this.origIndex].selected = false;
+    optionEls[this.currentIndex].selected = true;
 
-  // add lock
-  if (scrollLock === 1) {
-    scrollLockPos = {left: jqLite.scrollLeft(win), top: jqLite.scrollTop(win)};
-    jqLite.addClass(doc.body, scrollLockCls);
-    win.scrollTo(scrollLockPos.left, scrollLockPos.top);
+    // trigger change event
+    util.dispatchEvent(this.selectEl, 'change');
   }
 }
 
 
 /**
- * Turn off window scroll lock.
+ * Destroy menu and detach event handlers
  */
-function disableScrollLockFn() {
-  // ignore
-  if (scrollLock === 0) return;
+Menu.prototype.destroy = function() {
+  // remove element and focus element
+  this.menuEl.parentNode.removeChild(this.menuEl);
+  this.selectEl.focus();
 
-  // decrement counter
-  scrollLock -= 1
+  // remove scroll lock
+  util.disableScrollLock();
 
-  // remove lock 
-  if (scrollLock === 0) {
-    jqLite.removeClass(doc.body, scrollLockCls);
-    win.scrollTo(scrollLockPos.left, scrollLockPos.top);
-  }
+  // remove event handlers
+  jqLite.off(this.menuEl, 'click', this.clickCallbackFn);
+  jqLite.off(doc, 'keydown', this.keydownCallbackFn);
+  jqLite.off(doc, 'click', this.destroyCallbackFn);
+  jqLite.off(win, 'resize', this.destroyCallbackFn);
 }
 
 
+/** Define module API */
+module.exports = {
+  /** Initialize module listeners */
+  initListeners: function() {
+    // markup elements available when method is called
+    var elList = doc.querySelectorAll(cssSelector);
+    for (var i=elList.length - 1; i >= 0; i--) initialize(elList[i]);
+
+    // listen for new elements
+    util.onNodeInserted(function(el) {
+      if (el.tagName === 'SELECT' &&
+          jqLite.hasClass(el.parentNode, wrapperClass)) {
+        initialize(el);
+      }
+    });
+  }
+};
+
+},{"../lib/forms":3,"../lib/jqLite":4,"../lib/util":5}],8:[function(require,module,exports){
 /**
- * Define the module API
+ * MUI CSS/JS form-control module
+ * @module forms/form-control
  */
-module.exports = {
-  /** Create callback closures */
-  callback: callbackFn,
-  
-  /** Classnames object to string */
-  classNames: classNamesFn,
 
-  /** Disable scroll lock */
-  disableScrollLock: disableScrollLockFn,
+'use strict';
 
-  /** Dispatch event */
-  dispatchEvent: dispatchEventFn,
-  
-  /** Enable scroll lock */
-  enableScrollLock: enableScrollLockFn,
 
-  /** Log messages to the console when debug is turned on */
-  log: logFn,
+var jqLite = require('../lib/jqLite'),
+    util = require('../lib/util'),
+    cssSelector = '.mui-textfield > input, .mui-textfield > textarea',
+    emptyClass = 'mui--is-empty',
+    notEmptyClass = 'mui--is-not-empty',
+    dirtyClass = 'mui--is-dirty',
+    floatingLabelClass = 'mui-textfield--float-label';
 
-  /** Load CSS text as new stylesheet */
-  loadStyle: loadStyleFn,
 
-  /** Register muiNodeInserted handler */
-  onNodeInserted: onNodeInsertedFn,
+/**
+ * Initialize input element.
+ * @param {Element} inputEl - The input element.
+ */
+function initialize(inputEl) {
+  // check flag
+  if (inputEl._muiTextfield === true) return;
+  else inputEl._muiTextfield = true;
 
-  /** Raise MUI error */
-  raiseError: raiseErrorFn,
+  if (inputEl.value.length) jqLite.addClass(inputEl, notEmptyClass);
+  else jqLite.addClass(inputEl, emptyClass);
+
+  jqLite.on(inputEl, 'input', inputHandler);
+
+  // add dirty class on focus
+  jqLite.on(inputEl, 'focus', function(){jqLite.addClass(this, dirtyClass);});
+}
 
-  /** Support Pointer Events check */
-  supportsPointerEvents: supportsPointerEventsFn
-};
 
-},{"../config.js":1,"./jqLite.js":5}],7:[function(require,module,exports){
 /**
- * MUI CSS/JS main module
- * @module main
+ * Handle input events.
  */
+function inputHandler() {
+  var inputEl = this;
 
-(function(win) {
-  'use strict';
+  if (inputEl.value.length) {
+    jqLite.removeClass(inputEl, emptyClass);
+    jqLite.addClass(inputEl, notEmptyClass);
+  } else {
+    jqLite.removeClass(inputEl, notEmptyClass);
+    jqLite.addClass(inputEl, emptyClass)
+  }
 
-  // return if library has been loaded already
-  if (win._muiLoadedJS) return;
-  else win._muiLoadedJS = true;
-  
-  // load dependencies
-  var jqLite = require('./lib/jqLite.js'),
-      util = require('./lib/util.js'),
-      textfield = require('./forms/textfield.js'),
-      select = require('./forms/select.js'),
-      ripple = require('./ripple.js'),
-      dropdowns = require('./dropdowns.js'),
-      tabs = require('./tabs.js'),
-      overlay = require('./overlay.js');
+  jqLite.addClass(inputEl, dirtyClass);
+}
 
-  // expose api
-  win.mui = {
-    overlay: overlay,
-    tabs: tabs.api
-  };
+
+/** Define module API */
+module.exports = {
+  /** Initialize input elements */
+  initialize: initialize,
   
-  // init libraries
-  jqLite.ready(function() {
-    textfield.initListeners();
-    select.initListeners();
-    ripple.initListeners();
-    dropdowns.initListeners();
-    tabs.initListeners();
-  });
-})(window);
+  /** Initialize module listeners */
+  initListeners: function() {
+    var doc = document;
+    
+    // markup elements available when method is called
+    var elList = doc.querySelectorAll(cssSelector);
+    for (var i=elList.length - 1; i >= 0; i--) initialize(elList[i]);
+
+    // listen for new elements
+    util.onNodeInserted(function(el) {
+      if (el.tagName === 'INPUT' || el.tagName === 'TEXTAREA') initialize(el);
+    });
+
+    // add transition css for floating labels
+    setTimeout(function() {
+      var css = '.mui-textfield.mui-textfield--float-label > label {' + [
+        '-webkit-transition',
+        '-moz-transition',
+        '-o-transition',
+        'transition',
+        ''
+      ].join(':all .15s ease-out;') + '}';
+      
+      util.loadStyle(css);
+    }, 150);
+
+    // pointer-events shim for floating labels
+    if (util.supportsPointerEvents() === false) {
+      jqLite.on(document, 'click', function(ev) {
+        var targetEl = ev.target;
+
+        if (targetEl.tagName === 'LABEL' &&
+            jqLite.hasClass(targetEl.parentNode, floatingLabelClass)) {
+          var inputEl = targetEl.previousElementSibling;
+          if (inputEl) inputEl.focus();
+        }
+      });
+    }
+  }
+};
 
-},{"./dropdowns.js":2,"./forms/select.js":3,"./forms/textfield.js":4,"./lib/jqLite.js":5,"./lib/util.js":6,"./overlay.js":8,"./ripple.js":9,"./tabs.js":10}],8:[function(require,module,exports){
+},{"../lib/jqLite":4,"../lib/util":5}],9:[function(require,module,exports){
+module.exports=require(4)
+},{}],10:[function(require,module,exports){
 /**
  * MUI CSS/JS overlay module
  * @module overlay
@@ -1298,8 +1346,8 @@ module.exports = {
 'use strict';
 
 
-var util = require('./lib/util.js'),
-    jqLite = require('./lib/jqLite.js'),
+var util = require('./lib/util'),
+    jqLite = require('./lib/jqLite'),
     overlayId = 'mui-overlay',
     bodyClass = 'mui--overflow-hidden',
     iosRegex = /(iPad|iPhone|iPod)/g;
@@ -1483,7 +1531,7 @@ function onClick(ev) {
 /** Define module API */
 module.exports = overlayFn;
 
-},{"./lib/jqLite.js":5,"./lib/util.js":6}],9:[function(require,module,exports){
+},{"./lib/jqLite":4,"./lib/util":5}],11:[function(require,module,exports){
 /**
  * MUI CSS/JS ripple module
  * @module ripple
@@ -1492,8 +1540,8 @@ module.exports = overlayFn;
 'use strict';
 
 
-var jqLite = require('./lib/jqLite.js'),
-    util = require('./lib/util.js'),
+var jqLite = require('./lib/jqLite'),
+    util = require('./lib/util'),
     btnClass = 'mui-btn',
     btnFABClass = 'mui-btn--fab',
     rippleClass = 'mui-ripple-effect',
@@ -1588,7 +1636,7 @@ module.exports = {
   }
 };
 
-},{"./lib/jqLite.js":5,"./lib/util.js":6}],10:[function(require,module,exports){
+},{"./lib/jqLite":4,"./lib/util":5}],12:[function(require,module,exports){
 /**
  * MUI CSS/JS tabs module
  * @module tabs
@@ -1597,8 +1645,8 @@ module.exports = {
 'use strict';
 
 
-var jqLite = require('./lib/jqLite.js'),
-    util = require('./lib/util.js'),
+var jqLite = require('./lib/jqLite'),
+    util = require('./lib/util'),
     attrKey = 'data-mui-toggle',
     attrSelector = '[' + attrKey + '="tab"]',
     controlsAttrKey = 'data-mui-controls',
@@ -1749,4 +1797,4 @@ module.exports = {
   }
 };
 
-},{"./lib/jqLite.js":5,"./lib/util.js":6}]},{},[7]);
+},{"./lib/jqLite":4,"./lib/util":5}]},{},[1])