Consolidate properties

components/aside/index.cjsx

@@ -7,7 +7,7 @@ module.exports = React.createClass
     active      : React.PropTypes.bool
     className   : React.PropTypes.string
     hideable    : React.PropTypes.bool
-    type        : React.PropTypes.string.required
+    type        : React.PropTypes.string
 
   getDefaultProps: ->
     className   : ""

components/autocomplete/index.cjsx

@@ -7,7 +7,7 @@ module.exports = React.createClass
   propTypes:
     className   : React.PropTypes.string
     colors      : React.PropTypes.object
-    dataSource  : React.PropTypes.object
+    dataSource  : React.PropTypes.any
     disabled    : React.PropTypes.bool
     error       : React.PropTypes.string
     exact       : React.PropTypes.bool
@@ -16,7 +16,7 @@ module.exports = React.createClass
     onChange    : React.PropTypes.func
     required    : React.PropTypes.bool
     type        : React.PropTypes.string
-    value       : React.PropTypes.string
+    value       : React.PropTypes.any
 
   getDefaultProps: ->
     className   : ""
@@ -83,14 +83,14 @@ module.exports = React.createClass
           <ul data-role="values" data-flex="horizontal wrap" onClick={@onDelete}>
             {
               for key, label of @state.values
-                <li id={key} style={backgroundColor: @props.colors[key]}>{label}</li>
+                <li ref={key} id={key} style={backgroundColor: @props.colors[key]}>{label}</li>
             }
           </ul>
       }
       <Input {...@props} value="" ref="input" onFocus={@onFocus}
              onChange={@onChange} onKeyPress={@onKeyPress} onBlur={@onBlur}/>
       <ul ref="suggestions" data-role="suggestions" onClick={@onSelect}>
-        {<li id={key}>{label}</li> for key, label of @state.suggestions}
+        {<li ref={key} id={key}>{label}</li> for key, label of @state.suggestions}
       </ul>
     </div>
 

components/dropdown/index.cjsx

@@ -13,7 +13,7 @@ module.exports = React.createClass
   propTypes:
     className   : React.PropTypes.string
     dataSource  : React.PropTypes.array
-    disabled    : React.PropTypes.disabled
+    disabled    : React.PropTypes.bool
     label       : React.PropTypes.string
     onChange    : React.PropTypes.func
     template    : React.PropTypes.func
@@ -25,6 +25,7 @@ module.exports = React.createClass
     dataSource  : []
     disabled    : false
     type        : "normal"
+    value       : undefined
 
   getInitialState: ->
     active      : false
@@ -69,8 +70,8 @@ module.exports = React.createClass
       { <label>{@props.label}</label> if @props.label }
       <ul ref="values" style={stylesheet} onClick={@onItem}>
       {
-        for item in @props.dataSource
-          <li id={item.value} className={"selected" if item.value is @state.selected.value}>
+        for item, index in @props.dataSource
+          <li id={item.value} ref={index} className={"selected" if item.value is @state.selected.value}>
             { if @props.template then @props.template item else item.label }
             { <Ripple origin={@state.ripple}/> if item.value is @state.selected.value }
           </li>

components/input/index.cjsx

@@ -55,9 +55,10 @@ module.exports = React.createClass
                     onChange={@onChange}
                     onKeyPress={@props.onKeyPress}
                     onFocus={@props.onFocus}
-                    onBlur={@props.onBlur}>{@state.value}</textarea>
+                    onBlur={@props.onBlur} />
         else
-          <input ref='input' {...@props} value={@state.value} checked={@state.checked} 
+          <input ref='input' {...@props} value={@state.value}
+                 checked={@state.checked} 
                  onChange={@onChange}
                  onKeyPress={@props.onKeyPress}
                  onFocus={@props.onFocus}

components/list/index.cjsx

@@ -5,7 +5,7 @@ module.exports = React.createClass
   # -- States & Properties
   propTypes:
     className   : React.PropTypes.string
-    dataSource  : React.PropTypes.Array
+    dataSource  : React.PropTypes.array
     ItemFactory : React.PropTypes.func
     onClick     : React.PropTypes.func
     type        : React.PropTypes.string

components/navigation/index.cjsx

@@ -20,7 +20,7 @@ module.exports = React.createClass
   # -- Render
   render: ->
     <nav data-component-navigation={@props.type}>
-      { <Link {...route} /> for route in @props.routes }
-      { <Button {...action} /> for action in @props.actions }
+      { <Link key={index} {...route} /> for route, index in @props.routes }
+      { <Button key={index} {...action} /> for action, index in @props.actions }
       { @props.children }
     </nav>