@sparkpost/matchbox/index.js

A design system

"use strict";function _interopDefault(e){return e&&"object"==typeof e&&"default"in e?e.default:e}function buttonsFrom(e,t){if(e.length)return React__default.createElement(Button.Group,null,e.map(function(e,a){return buttonFrom(e,t,a)}))}function buttonFrom(e,t,a){var r=e.content,o=objectWithoutProperties(e,["content"]);return React__default.createElement(Button,_extends({key:a,children:r},o,t))}Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),React__default=_interopDefault(React),PropTypes=_interopDefault(require("prop-types")),classnames=_interopDefault(require("classnames")),Icon=_interopDefault(require("react-icon-base")),classCallCheck=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},createClass=function(){function e(e,t){for(var a=0;a<t.length;a++){var r=t[a];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,a,r){return a&&e(t.prototype,a),r&&e(t,r),t}}(),_extends=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)Object.prototype.hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},inherits=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)},objectWithoutProperties=function(e,t){var a={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(a[r]=e[r]);return a},possibleConstructorReturn=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t},MdAddCircle=function(e){return React__default.createElement(Icon,_extends({viewBox:"0 0 40 40"},e),React__default.createElement("g",null,React__default.createElement("path",{d:"m28.4 21.6v-3.2h-6.8v-6.8h-3.2v6.8h-6.8v3.2h6.8v6.8h3.2v-6.8h6.8z m-8.4-18.2c9.2 0 16.6 7.4 16.6 16.6s-7.4 16.6-16.6 16.6-16.6-7.4-16.6-16.6 7.4-16.6 16.6-16.6z"})))},MdAdd=function(e){return React__default.createElement(Icon,_extends({viewBox:"0 0 40 40"},e),React__default.createElement("g",null,React__default.createElement("path",{d:"m31.6 21.6h-10v10h-3.2v-10h-10v-3.2h10v-10h3.2v10h10v3.2z"})))},MdArrowBack=function(e){return React__default.createElement(Icon,_extends({viewBox:"0 0 40 40"},e),React__default.createElement("g",null,React__default.createElement("path",{d:"m33.4 18.4v3.2h-20.4l9.3 9.4-2.3 2.4-13.4-13.4 13.4-13.4 2.3 2.4-9.3 9.4h20.4z"})))},MdArrowDownward=function(e){return React__default.createElement(Icon,_extends({viewBox:"0 0 40 40"},e),React__default.createElement("g",null,React__default.createElement("path",{d:"m33.4 20l-13.4 13.4-13.4-13.4 2.5-2.3 9.3 9.3v-20.4h3.2v20.4l9.4-9.3z"})))},MdArrowDropDownCircle=function(e){return React__default.createElement(Icon,_extends({viewBox:"0 0 40 40"},e),React__default.createElement("g",null,React__default.createElement("path",{d:"m20 23.4l6.6-6.8h-13.2z m0-20q6.9 0 11.8 4.8t4.8 11.8-4.8 11.8-11.8 4.8-11.8-4.8-4.8-11.8 4.8-11.8 11.8-4.8z"})))},MdArrowDropDown=function(e){return React__default.createElement(Icon,_extends({viewBox:"0 0 40 40"},e),React__default.createElement("g",null,React__default.createElement("path",{d:"m11.6 16.6h16.8l-8.4 8.4z"})))},MdArrowDropUp=function(e){return React__default.createElement(Icon,_extends({viewBox:"0 0 40 40"},e),React__default.createElement("g",null,React__default.createElement("path",{d:"m11.6 23.4l8.4-8.4 8.4 8.4h-16.8z"})))},MdArrowForward=function(e){return React__default.createElement(Icon,_extends({viewBox:"0 0 40 40"},e),React__default.createElement("g",null,React__default.createElement("path",{d:"m20 6.6l13.4 13.4-13.4 13.4-2.3-2.4 9.3-9.4h-20.4v-3.2h20.4l-9.3-9.4z"})))},MdArrowUpward=function(e){return React__default.createElement(Icon,_extends({viewBox:"0 0 40 40"},e),React__default.createElement("g",null,React__default.createElement("path",{d:"m6.6 20l13.4-13.4 13.4 13.4-2.5 2.3-9.3-9.3v20.4h-3.2v-20.4l-9.4 9.3z"})))},MdAssessment=function(e){return React__default.createElement(Icon,_extends({viewBox:"0 0 40 40"},e),React__default.createElement("g",null,React__default.createElement("path",{d:"m28.4 28.4v-6.8h-3.4v6.8h3.4z m-6.8 0v-16.8h-3.2v16.8h3.2z m-6.6 0v-11.8h-3.4v11.8h3.4z m16.6-23.4q1.4 0 2.4 1t1 2.4v23.2q0 1.4-1 2.4t-2.4 1h-23.2q-1.4 0-2.4-1t-1-2.4v-23.2q0-1.4 1-2.4t2.4-1h23.2z"})))},MdAutorenew=function(e){return React__default.createElement(Icon,_extends({viewBox:"0 0 40 40"},e),React__default.createElement("g",null,React__default.createElement("path",{d:"m31.3 12.9c1.3 2 2.1 4.5 2.1 7.1 0 7.3-6.1 13.4-13.4 13.4v5l-6.6-6.8 6.6-6.6v5c5.5 0 10-4.4 10-10 0-1.7-0.5-3.3-1.2-4.7z m-11.3-2.9c-5.5 0-10 4.5-10 10 0 1.7 0.4 3.3 1.2 4.7l-2.4 2.4c-1.4-2-2.2-4.5-2.2-7.1 0-7.3 6.1-13.4 13.4-13.4v-5l6.6 6.8-6.6 6.6v-5z"})))},MdBlock=function(e){return React__default.createElement(Icon,_extends({viewBox:"0 0 40 40"},e),React__default.createElement("g",null,React__default.createElement("path",{d:"m20 33.4c7.3 0 13.4-6.1 13.4-13.4 0-3-1.1-5.9-2.9-8.2l-18.7 18.7c2.3 1.8 5.2 2.9 8.2 2.9z m-13.4-13.4c0 3 1.1 5.9 2.9 8.2l18.7-18.7c-2.3-1.8-5.2-2.9-8.2-2.9-7.3 0-13.4 6.1-13.4 13.4z m13.4-16.6c9.2 0 16.6 7.4 16.6 16.6s-7.4 16.6-16.6 16.6-16.6-7.4-16.6-16.6 7.4-16.6 16.6-16.6z"})))},MdBuild=function(e){return React__default.createElement(Icon,_extends({viewBox:"0 0 40 40"},e),React__default.createElement("g",null,React__default.createElement("path",{d:"m37.8 31.6c0.7 0.5 0.7 1.7-0.1 2.4l-3.9 3.8c-0.7 0.7-1.6 0.7-2.3 0l-15.2-15.1c-3.8 1.4-8.3 0.7-11.5-2.5-3.3-3.4-4.2-8.4-2.1-12.4l7.3 7.2 5-5-7.2-7.2c4-1.8 9-1.2 12.4 2.2 3.2 3.2 3.9 7.7 2.5 11.5z"})))},MdCancel=function(e){return React__default.createElement(Icon,_extends({viewBox:"0 0 40 40"},e),React__default.createElement("g",null,React__default.createElement("path",{d:"m28.4 26l-6.1-6 6.1-6-2.4-2.4-6 6.1-6-6.1-2.4 2.4 6.1 6-6.1 6 2.4 2.4 6-6.1 6 6.1z m-8.4-22.6c9.2 0 16.6 7.4 16.6 16.6s-7.4 16.6-16.6 16.6-16.6-7.4-16.6-16.6 7.4-16.6 16.6-16.6z"})))},MdCheckBoxOutlineBlank=function(e){return React__default.createElement(Icon,_extends({viewBox:"0 0 40 40"},e),React__default.createElement("g",null,React__default.createElement("path",{d:"m31.6 5q1.4 0 2.4 1t1 2.4v23.2q0 1.4-1 2.4t-2.4 1h-23.2q-1.4 0-2.4-1t-1-2.4v-23.2q0-1.4 1-2.4t2.4-1h23.2z m0 3.4h-23.2v23.2h23.2v-23.2z"})))},MdCheckBox=function(e){return React__default.createElement(Icon,_extends({viewBox:"0 0 40 40"},e),React__default.createElement("g",null,React__default.createElement("path",{d:"m16.6 28.4l15-15-2.3-2.5-12.7 12.7-5.9-5.9-2.3 2.3z m15-23.4c1.9 0 3.4 1.6 3.4 3.4v23.2c0 1.8-1.5 3.4-3.4 3.4h-23.2c-1.9 0-3.4-1.6-3.4-3.4v-23.2c0-1.8 1.5-3.4 3.4-3.4h23.2z"})))},MdCheckCircle=function(e){return React__default.createElement(Icon,_extends({viewBox:"0 0 40 40"},e),React__default.createElement("g",null,React__default.createElement("path",{d:"m16.6 28.4l15-15-2.3-2.5-12.7 12.7-5.9-5.9-2.3 2.3z m3.4-25c9.2 0 16.6 7.4 16.6 16.6s-7.4 16.6-16.6 16.6-16.6-7.4-16.6-16.6 7.4-16.6 16.6-16.6z"})))},MdCheck=function(e){return React__default.createElement(Icon,_extends({viewBox:"0 0 40 40"},e),React__default.createElement("g",null,React__default.createElement("path",{d:"m15 27l17.7-17.7 2.3 2.3-20 20-9.3-9.3 2.3-2.3z"})))},MdChevronLeft=function(e){return React__default.createElement(Icon,_extends({viewBox:"0 0 40 40"},e),React__default.createElement("g",null,React__default.createElement("path",{d:"m25.7 12.3l-7.7 7.7 7.7 7.7-2.3 2.3-10-10 10-10z"})))},MdChevronRight=function(e){return React__default.createElement(Icon,_extends({viewBox:"0 0 40 40"},e),React__default.createElement("g",null,React__default.createElement("path",{d:"m16.6 10l10 10-10 10-2.3-2.3 7.7-7.7-7.7-7.7z"})))},MdClose=function(e){return React__default.createElement(Icon,_extends({viewBox:"0 0 40 40"},e),React__default.createElement("g",null,React__default.createElement("path",{d:"m31.6 10.7l-9.3 9.3 9.3 9.3-2.3 2.3-9.3-9.3-9.3 9.3-2.3-2.3 9.3-9.3-9.3-9.3 2.3-2.3 9.3 9.3 9.3-9.3z"})))},MdCode=function(e){return React__default.createElement(Icon,_extends({viewBox:"0 0 40 40"},e),React__default.createElement("g",null,React__default.createElement("path",{d:"m24.3 27.7l7.7-7.7-7.7-7.7 2.3-2.3 10 10-10 10z m-8.6 0l-2.3 2.3-10-10 10-10 2.3 2.3-7.7 7.7z"})))},MdCreate=function(e){return React__default.createElement(Icon,_extends({viewBox:"0 0 40 40"},e),React__default.createElement("g",null,React__default.createElement("path",{d:"m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"})))},MdDelete=function(e){return React__default.createElement(Icon,_extends({viewBox:"0 0 40 40"},e),React__default.createElement("g",null,React__default.createElement("path",{d:"m31.6 6.6v3.4h-23.2v-3.4h5.7l1.8-1.6h8.2l1.8 1.6h5.7z m-21.6 25v-20h20v20c0 1.8-1.6 3.4-3.4 3.4h-13.2c-1.8 0-3.4-1.6-3.4-3.4z"})))},MdDone=function(e){return React__default.createElement(Icon,_extends({viewBox:"0 0 40 40"},e),React__default.createElement("g",null,React__default.createElement("path",{d:"m15 27l17.7-17.7 2.3 2.3-20 20-9.3-9.3 2.3-2.3z"})))},MdErrorOutline=function(e){return React__default.createElement(Icon,_extends({viewBox:"0 0 40 40"},e),React__default.createElement("g",null,React__default.createElement("path",{d:"m20 33.4c7.3 0 13.4-6.1 13.4-13.4s-6.1-13.4-13.4-13.4-13.4 6.1-13.4 13.4 6.1 13.4 13.4 13.4z m0-30c9.2 0 16.6 7.4 16.6 16.6s-7.4 16.6-16.6 16.6-16.6-7.4-16.6-16.6 7.4-16.6 16.6-16.6z m-1.6 8.2h3.2v10h-3.2v-10z m0 13.4h3.2v3.4h-3.2v-3.4z"})))},MdError=function(e){return React__default.createElement(Icon,_extends({viewBox:"0 0 40 40"},e),React__default.createElement("g",null,React__default.createElement("path",{d:"m21.6 21.6v-10h-3.2v10h3.2z m0 6.8v-3.4h-3.2v3.4h3.2z m-1.6-25c9.2 0 16.6 7.4 16.6 16.6s-7.4 16.6-16.6 16.6-16.6-7.4-16.6-16.6 7.4-16.6 16.6-16.6z"})))},MdFileDownload=function(e){return React__default.createElement(Icon,_extends({viewBox:"0 0 40 40"},e),React__default.createElement("g",null,React__default.createElement("path",{d:"m8.4 30h23.2v3.4h-23.2v-3.4z m23.2-15l-11.6 11.6-11.6-11.6h6.6v-10h10v10h6.6z"})))},MdFileUpload=function(e){return React__default.createElement(Icon,_extends({viewBox:"0 0 40 40"},e),React__default.createElement("g",null,React__default.createElement("path",{d:"m8.4 30h23.2v3.4h-23.2v-3.4z m6.6-3.4v-10h-6.6l11.6-11.6 11.6 11.6h-6.6v10h-10z"})))},MdHistory=function(e){return React__default.createElement(Icon,_extends({viewBox:"0 0 40 40"},e),React__default.createElement("g",null,React__default.createElement("path",{d:"m20 13.4h2.5v7l5.9 3.5-1.3 2-7.1-4.3v-8.2z m1.6-8.4q6.2 0 10.6 4.4t4.4 10.6-4.4 10.6-10.6 4.4-10.5-4.4l2.3-2.4q3.5 3.4 8.2 3.4 4.9 0 8.3-3.4t3.5-8.2-3.5-8.2-8.3-3.4-8.2 3.4-3.4 8.2h5l-6.7 6.7-0.2-0.2-6.5-6.5h5q0-6.2 4.5-10.6t10.5-4.4z"})))},MdHome=function(e){return React__default.createElement(Icon,_extends({viewBox:"0 0 40 40"},e),React__default.createElement("g",null,React__default.createElement("path",{d:"m16.6 33.4h-8.2v-13.4h-5l16.6-15 16.6 15h-5v13.4h-8.2v-10h-6.8v10z"})))},MdInfoOutline=function(e){return React__default.createElement(Icon,_extends({viewBox:"0 0 40 40"},e),React__default.createElement("g",null,React__default.createElement("path",{d:"m18.4 15v-3.4h3.2v3.4h-3.2z m1.6 18.4c7.3 0 13.4-6.1 13.4-13.4s-6.1-13.4-13.4-13.4-13.4 6.1-13.4 13.4 6.1 13.4 13.4 13.4z m0-30c9.2 0 16.6 7.4 16.6 16.6s-7.4 16.6-16.6 16.6-16.6-7.4-16.6-16.6 7.4-16.6 16.6-16.6z m-1.6 25v-10h3.2v10h-3.2z"})))},MdInfo=function(e){return React__default.createElement(Icon,_extends({viewBox:"0 0 40 40"},e),React__default.createElement("g",null,React__default.createElement("path",{d:"m21.6 15v-3.4h-3.2v3.4h3.2z m0 13.4v-10h-3.2v10h3.2z m-1.6-25c9.2 0 16.6 7.4 16.6 16.6s-7.4 16.6-16.6 16.6-16.6-7.4-16.6-16.6 7.4-16.6 16.6-16.6z"})))},MdInsertChart=function(e){return React__default.createElement(Icon,_extends({viewBox:"0 0 40 40"},e),React__default.createElement("g",null,React__default.createElement("path",{d:"m28.4 28.4v-6.8h-3.4v6.8h3.4z m-6.8 0v-16.8h-3.2v16.8h3.2z m-6.6 0v-11.8h-3.4v11.8h3.4z m16.6-23.4q1.4 0 2.4 1t1 2.4v23.2q0 1.4-1 2.4t-2.4 1h-23.2q-1.4 0-2.4-1t-1-2.4v-23.2q0-1.4 1-2.4t2.4-1h23.2z"})))},MdLanguage=function(e){return React__default.createElement(Icon,_extends({viewBox:"0 0 40 40"},e),React__default.createElement("g",null,React__default.createElement("path",{d:"m27.3 23.4h5.6c0.2-1.1 0.5-2.2 0.5-3.4s-0.3-2.3-0.5-3.4h-5.6c0.1 1.1 0.2 2.2 0.2 3.4s-0.1 2.3-0.2 3.4z m-3 9.2c3-1 5.7-3.2 7.3-6h-5c-0.5 2.2-1.3 4.1-2.3 6z m-0.4-9.2c0.2-1.1 0.2-2.2 0.2-3.4s0-2.3-0.2-3.4h-7.8c-0.2 1.1-0.2 2.2-0.2 3.4s0 2.3 0.2 3.4h7.8z m-3.9 9.9c1.4-2 2.5-4.2 3.2-6.7h-6.4c0.7 2.5 1.8 4.7 3.2 6.7z m-6.6-19.9c0.5-2.2 1.3-4.1 2.3-6-3 1-5.7 3.2-7.3 6h5z m-5 13.2c1.6 2.8 4.3 5 7.3 6-1-1.9-1.8-3.9-2.3-6h-5z m-1.3-3.2h5.6c-0.1-1.1-0.2-2.2-0.2-3.4s0.1-2.3 0.2-3.4h-5.6c-0.2 1.1-0.5 2.2-0.5 3.4s0.3 2.3 0.5 3.4z m12.9-16.7c-1.4 2.1-2.5 4.2-3.2 6.7h6.4c-0.7-2.5-1.8-4.6-3.2-6.7z m11.6 6.7c-1.6-2.8-4.3-5-7.3-6 1 1.9 1.8 3.9 2.3 6h5z m-11.6-10c9.2 0 16.6 7.4 16.6 16.6s-7.4 16.6-16.6 16.6-16.6-7.4-16.6-16.6 7.4-16.6 16.6-16.6z"})))},MdMenu=function(e){return React__default.createElement(Icon,_extends({viewBox:"0 0 40 40"},e),React__default.createElement("g",null,React__default.createElement("path",{d:"m5 10h30v3.4h-30v-3.4z m0 11.6v-3.2h30v3.2h-30z m0 8.4v-3.4h30v3.4h-30z"})))},MdMoreHoriz=function(e){return React__default.createElement(Icon,_extends({viewBox:"0 0 40 40"},e),React__default.createElement("g",null,React__default.createElement("path",{d:"m20 16.6c1.8 0 3.4 1.6 3.4 3.4s-1.6 3.4-3.4 3.4-3.4-1.6-3.4-3.4 1.6-3.4 3.4-3.4z m10 0c1.8 0 3.4 1.6 3.4 3.4s-1.6 3.4-3.4 3.4-3.4-1.6-3.4-3.4 1.6-3.4 3.4-3.4z m-20 0c1.8 0 3.4 1.6 3.4 3.4s-1.6 3.4-3.4 3.4-3.4-1.6-3.4-3.4 1.6-3.4 3.4-3.4z"})))},MdMoreVert=function(e){return React__default.createElement(Icon,_extends({viewBox:"0 0 40 40"},e),React__default.createElement("g",null,React__default.createElement("path",{d:"m20 26.6c1.8 0 3.4 1.6 3.4 3.4s-1.6 3.4-3.4 3.4-3.4-1.6-3.4-3.4 1.6-3.4 3.4-3.4z m0-10c1.8 0 3.4 1.6 3.4 3.4s-1.6 3.4-3.4 3.4-3.4-1.6-3.4-3.4 1.6-3.4 3.4-3.4z m0-3.2c-1.8 0-3.4-1.6-3.4-3.4s1.6-3.4 3.4-3.4 3.4 1.6 3.4 3.4-1.6 3.4-3.4 3.4z"})))},MdNavigateBefore=function(e){return React__default.createElement(Icon,_extends({viewBox:"0 0 40 40"},e),React__default.createElement("g",null,React__default.createElement("path",{d:"m25.7 12.3l-7.7 7.7 7.7 7.7-2.3 2.3-10-10 10-10z"})))},MdNavigateNext=function(e){return React__default.createElement(Icon,_extends({viewBox:"0 0 40 40"},e),React__default.createElement("g",null,React__default.createElement("path",{d:"m16.6 10l10 10-10 10-2.3-2.3 7.7-7.7-7.7-7.7z"})))},MdRefresh=function(e){return React__default.createElement(Icon,_extends({viewBox:"0 0 40 40"},e),React__default.createElement("g",null,React__default.createElement("path",{d:"m29.5 10.5l3.9-3.9v11.8h-11.8l5.4-5.4c-1.8-1.8-4.3-3-7-3-5.5 0-10 4.5-10 10s4.5 10 10 10c4.4 0 8.1-2.7 9.5-6.6h3.4c-1.5 5.7-6.6 10-12.9 10-7.3 0-13.3-6.1-13.3-13.4s6-13.4 13.3-13.4c3.7 0 7 1.5 9.5 3.9z"})))},MdReportProblem=function(e){return React__default.createElement(Icon,_extends({viewBox:"0 0 40 40"},e),React__default.createElement("g",null,React__default.createElement("path",{d:"m21.6 23.4v-6.8h-3.2v6.8h3.2z m0 6.6v-3.4h-3.2v3.4h3.2z m-20 5l18.4-31.6 18.4 31.6h-36.8z"})))},MdReport=function(e){return React__default.createElement(Icon,_extends({viewBox:"0 0 40 40"},e),React__default.createElement("g",null,React__default.createElement("path",{d:"m21.6 21.6v-10h-3.2v10h3.2z m-1.6 7.2c1.2 0 2.2-1 2.2-2.2s-1-2.1-2.2-2.1-2.2 1-2.2 2.1 1 2.2 2.2 2.2z m6.3-23.8l8.7 8.8v12.5l-8.7 8.7h-12.5l-8.8-8.7v-12.5l8.8-8.8h12.5z"})))},MdSave=function(e){return React__default.createElement(Icon,_extends({viewBox:"0 0 40 40"},e),React__default.createElement("g",null,React__default.createElement("path",{d:"m25 15v-6.6h-16.6v6.6h16.6z m-5 16.6c2.7 0 5-2.2 5-5s-2.3-5-5-5-5 2.3-5 5 2.3 5 5 5z m8.4-26.6l6.6 6.6v20c0 1.8-1.6 3.4-3.4 3.4h-23.2c-1.9 0-3.4-1.6-3.4-3.4v-23.2c0-1.8 1.5-3.4 3.4-3.4h20z"})))},MdSettings=function(e){return React__default.createElement(Icon,_extends({viewBox:"0 0 40 40"},e),React__default.createElement("g",null,React__default.createElement("path",{d:"m20 25.9c3.2 0 5.9-2.7 5.9-5.9s-2.7-5.9-5.9-5.9-5.9 2.7-5.9 5.9 2.7 5.9 5.9 5.9z m12.4-4.3l3.5 2.8c0.4 0.2 0.4 0.7 0.2 1.1l-3.4 5.8c-0.2 0.3-0.6 0.4-1 0.3l-4.1-1.7c-0.9 0.7-1.8 1.3-2.8 1.7l-0.7 4.3c0 0.4-0.4 0.7-0.7 0.7h-6.8c-0.4 0-0.7-0.3-0.7-0.7l-0.7-4.3c-1-0.4-1.9-1-2.8-1.7l-4.1 1.7c-0.4 0.1-0.8 0-1-0.3l-3.4-5.8c-0.2-0.4-0.2-0.9 0.2-1.1l3.5-2.8c-0.1-0.5-0.1-1.1-0.1-1.6s0-1.1 0.1-1.6l-3.5-2.8c-0.4-0.2-0.4-0.7-0.2-1.1l3.4-5.7c0.2-0.4 0.6-0.5 1-0.4l4.1 1.7c0.9-0.6 1.8-1.3 2.8-1.7l0.7-4.3c0-0.4 0.3-0.7 0.7-0.7h6.8c0.3 0 0.7 0.3 0.7 0.7l0.7 4.3c1 0.4 1.9 1 2.8 1.7l4.1-1.7c0.4-0.1 0.8 0 1 0.4l3.4 5.7c0.2 0.4 0.2 0.9-0.2 1.1l-3.5 2.8c0.1 0.5 0.1 1.1 0.1 1.6s0 1.1-0.1 1.6z"})))},MdSortByAlpha=function(e){return React__default.createElement(Icon,_extends({viewBox:"0 0 40 40"},e),React__default.createElement("g",null,React__default.createElement("path",{d:"m26.3 26.9h10.1v2.6h-14.2v-2.1l9.8-14.3h-9.7v-2.6h13.8v2.1z m-18-4.2h6.5l-3.3-8.6z m1.9-12.2h2.7l7.5 19h-3.1l-1.5-4h-8.5l-1.6 4h-3z m6.9 21.8h7.7l-3.9 3.9z m7.8-24.6h-7.9l3.9-3.9z"})))},MdSort=function(e){return React__default.createElement(Icon,_extends({viewBox:"0 0 40 40"},e),React__default.createElement("g",null,React__default.createElement("path",{d:"m5 21.6v-3.2h20v3.2h-20z m0-11.6h30v3.4h-30v-3.4z m0 20v-3.4h10v3.4h-10z"})))},MdVpnKey=function(e){return React__default.createElement(Icon,_extends({viewBox:"0 0 40 40"},e),React__default.createElement("g",null,React__default.createElement("path",{d:"m11.6 23.4c1.8 0 3.4-1.6 3.4-3.4s-1.6-3.4-3.4-3.4-3.2 1.6-3.2 3.4 1.4 3.4 3.2 3.4z m9.5-6.8h17.3v6.8h-3.4v6.6h-6.6v-6.6h-7.3c-1.3 3.9-5.1 6.6-9.5 6.6-5.5 0-10-4.5-10-10s4.5-10 10-10c4.4 0 8.2 2.7 9.5 6.6z"})))},MdWarning=function(e){return React__default.createElement(Icon,_extends({viewBox:"0 0 40 40"},e),React__default.createElement("g",null,React__default.createElement("path",{d:"m21.6 23.4v-6.8h-3.2v6.8h3.2z m0 6.6v-3.4h-3.2v3.4h3.2z m-20 5l18.4-31.6 18.4 31.6h-36.8z"})))},Icons=Object.freeze({MdAddCircle:MdAddCircle,MdAdd:MdAdd,MdArrowBack:MdArrowBack,MdArrowDownward:MdArrowDownward,MdArrowDropDownCircle:MdArrowDropDownCircle,MdArrowDropDown:MdArrowDropDown,MdArrowDropUp:MdArrowDropUp,MdArrowForward:MdArrowForward,MdArrowUpward:MdArrowUpward,MdAssessment:MdAssessment,MdAutorenew:MdAutorenew,MdBlock:MdBlock,MdBuild:MdBuild,MdCancel:MdCancel,MdCheckBoxOutlineBlank:MdCheckBoxOutlineBlank,MdCheckBox:MdCheckBox,MdCheckCircle:MdCheckCircle,MdCheck:MdCheck,MdChevronLeft:MdChevronLeft,MdChevronRight:MdChevronRight,MdClose:MdClose,MdCode:MdCode,MdCreate:MdCreate,MdDelete:MdDelete,MdDone:MdDone,MdErrorOutline:MdErrorOutline,MdError:MdError,MdFileDownload:MdFileDownload,MdFileUpload:MdFileUpload,MdHistory:MdHistory,MdHome:MdHome,MdInfoOutline:MdInfoOutline,MdInfo:MdInfo,MdInsertChart:MdInsertChart,MdLanguage:MdLanguage,MdMenu:MdMenu,MdMoreHoriz:MdMoreHoriz,MdMoreVert:MdMoreVert,MdNavigateBefore:MdNavigateBefore,MdNavigateNext:MdNavigateNext,MdRefresh:MdRefresh,MdReportProblem:MdReportProblem,MdReport:MdReport,MdSave:MdSave,MdSettings:MdSettings,MdSortByAlpha:MdSortByAlpha,MdSort:MdSort,MdVpnKey:MdVpnKey,MdWarning:MdWarning}),Icon$1=function(e){function t(){return classCallCheck(this,t),possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return inherits(t,e),createClass(t,[{key:"render",value:function(){var e=this.props,t=e.name,a=e.size,r=void 0===a?18:a,o=objectWithoutProperties(e,["name","size"]),n=Icons["Md"+t];if(!n)throw new Error("Icon does not exist. Visit material.io & src/icons/index.js for a list of icons.");return React__default.createElement(n,_extends({size:r},o))}}]),t}(React.Component);Icon$1.propTypes={name:PropTypes.string.isRequired,size:PropTypes.number};var styles={Banner:"Matchbox-Banner",success:"Matchbox-Banner--success",info:"Matchbox-Banner--info",warning:"Matchbox-Banner--warning",danger:"Matchbox-Banner--danger",fixed:"Matchbox-Banner--fixed",IconWrapper:"Matchbox-Banner__IconWrapper",Content:"Matchbox-Banner__Content",Title:"Matchbox-Banner__Title",Actions:"Matchbox-Banner__Actions",Icon:"Matchbox-Banner__Icon",successIcon:"Matchbox-Banner--successIcon",IconBackdrop:"Matchbox-Banner__IconBackdrop",infoIcon:"Matchbox-Banner--infoIcon",warningIcon:"Matchbox-Banner--warningIcon",dangerIcon:"Matchbox-Banner--dangerIcon",Dismiss:"Matchbox-Banner__Dismiss",DismissIcon:"Matchbox-Banner__DismissIcon"},styles$1={Button:"Matchbox-Button",Group:"Matchbox-Button__Group",disabled:"Matchbox-Button--disabled",primary:"Matchbox-Button--primary",destructive:"Matchbox-Button--destructive",plain:"Matchbox-Button--plain",outline:"Matchbox-Button--outline",small:"Matchbox-Button--small",large:"Matchbox-Button--large",fullWidth:"Matchbox-Button--fullWidth"},Group=function(e){var t=e.children;return React__default.createElement("div",{className:styles$1.Group},t)};Group.propTypes={children:PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node),PropTypes.node]).isRequired};var Button=function(e){function t(){return classCallCheck(this,t),possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return inherits(t,e),createClass(t,[{key:"handleMouseUp",value:function(e){e.currentTarget.blur()}},{key:"render",value:function(){var e=this,t=this.props,a=t.children,r=t.primary,o=t.disabled,n=t.destructive,l=t.plain,s=t.outline,c=t.size,d=t.fullWidth,i=t.submit,u=t.to,_=t.Component,p=t.external,f=t.onClick,m=t.onFocus,h=t.onBlur,x=t.className,b=objectWithoutProperties(t,["children","primary","disabled","destructive","plain","outline","size","fullWidth","submit","to","Component","external","onClick","onFocus","onBlur","className"]),y=classnames(styles$1.Button,r&&styles$1.primary,o&&styles$1.disabled,n&&styles$1.destructive,l&&styles$1.plain,s&&styles$1.outline,d&&styles$1.fullWidth,c&&styles$1[""+c],x&&x);return u&&p?React__default.createElement("a",_extends({href:u,target:"_blank",onClick:f,onFocus:m,onBlur:h,className:y,disabled:o,onMouseUp:function(t){return e.handleMouseUp(t)}},b),a):u&&_?React__default.createElement(_,_extends({to:u,onClick:f,onFocus:m,onBlur:h,className:y,disabled:o,onMouseUp:function(t){return e.handleMouseUp(t)}},b),a):React__default.createElement("button",_extends({type:i?"submit":"button",onClick:f,onFocus:m,onBlur:h,className:y,disabled:o,onMouseUp:function(t){return e.handleMouseUp(t)}},b),a)}}]),t}(React.Component);Button.Group=Group,Button.propTypes={primary:PropTypes.bool,disabled:PropTypes.bool,destructive:PropTypes.bool,plain:PropTypes.bool,outline:PropTypes.bool,size:PropTypes.oneOf(["small","large","default"]),fullWidth:PropTypes.bool,submit:PropTypes.bool,to:PropTypes.string,Component:PropTypes.element,external:PropTypes.bool,children:PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node),PropTypes.node])},Button.defaultProps={size:"default"};var actionOverrides={outline:!0},IconSection=function(e){var t=e.status,a={success:"CheckCircle",info:"InfoOutline",warning:"Error",danger:"Error"};if("default"===t||!a[t])return null;var r=classnames(styles.Icon,t&&styles[t+"Icon"]);return React__default.createElement("div",{className:styles.IconWrapper},React__default.createElement(Icon$1,{name:a[t],size:30,className:r}),React__default.createElement("div",{className:styles.IconBackdrop}))},Banner=function(e){function t(){return classCallCheck(this,t),possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return inherits(t,e),createClass(t,[{key:"render",value:function(){var e=this.props,t=e.children,a=e.title,r=e.status,o=e.action,n=e.fixed,l=e.onDismiss,s=objectWithoutProperties(e,["children","title","status","action","fixed","onDismiss"]),c=a?React__default.createElement("h5",{className:styles.Title},a):null,d=o?React__default.createElement("div",{className:styles.Actions},buttonFrom(o,actionOverrides)):null,i=l?React__default.createElement("a",{className:styles.Dismiss,onClick:l},React__default.createElement(Icon$1,{name:"Close",size:24,className:styles.DismissIcon})):null,u=classnames(styles.Banner,styles[""+r],n&&styles.fixed);return React__default.createElement("div",_extends({className:u},s),React__default.createElement(IconSection,{status:r}),React__default.createElement("div",{className:styles.Content},i,c,t,d))}}]),t}(React.Component);Banner.propTypes={status:PropTypes.oneOf(["default","success","warning","danger","info"]),title:PropTypes.string,onDismiss:PropTypes.func,fixed:PropTypes.boolean,action:PropTypes.arrayOf(PropTypes.shape({content:PropTypes.string.isRequired})),children:PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node),PropTypes.node])},Banner.defaultProps={status:"default"},Banner.propTypes={title:PropTypes.string,status:PropTypes.oneOf(["info","warning","success","danger","default"]),fixed:PropTypes.bool,onDismiss:PropTypes.func,action:PropTypes.shape({content:PropTypes.string.isRequired}),children:PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node),PropTypes.node])};var styles$2={Label:"Matchbox-Label"},Label=function(e){var t=e.label,a=e.id,r=e.className;return React__default.createElement("label",{id:a&&a+"Label",htmlFor:a,className:classnames(styles$2.Label,r)},t)},styles$3={Error:"Matchbox-Error",Icon:"Matchbox-Error__Icon",Message:"Matchbox-Error__Message"},Error$1=function(e){var t=e.error;return React__default.createElement("div",{className:styles$3.Error},React__default.createElement(Icon$1,{name:"Error",className:styles$3.Icon,size:13}),React__default.createElement("span",{className:styles$3.Message},t))},styles$4={Checkbox:"Matchbox-Checkbox",Input:"Matchbox-Checkbox__Input",Control:"Matchbox-Checkbox__Control",Box:"Matchbox-Checkbox__Box",Check:"Matchbox-Checkbox__Check",Label:"Matchbox-Checkbox__Label",Group:"Matchbox-Checkbox__Group"},Group$2=function(e){var t=e.children;return React__default.createElement("div",{className:styles$4.Group},t)};Group$2.propTypes={children:PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node),PropTypes.node]).isRequired},Group$2.displayName="Checkbox.Group";var Checkbox=function(e){function t(){return classCallCheck(this,t),possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return inherits(t,e),createClass(t,[{key:"render",value:function(){var e=this.props,t=e.id,a=e.checked,r=e.label,o=e.labelHidden,n=e.error,l=e.value,s=e.onChange,c=e.onFocus,d=e.onBlur,i=(objectWithoutProperties(e,["id","checked","label","labelHidden","error","value","onChange","onFocus","onBlur"]),classnames(styles$4.Checkbox,n&&styles$4.error)),u=r&&!o?React__default.createElement(Label,{id:t,label:r,className:styles$4.Label}):null,_=n?React__default.createElement(Error$1,{error:n}):null;return React__default.createElement("fieldset",{className:i},u,React__default.createElement("input",{id:t,value:l,checked:a,className:styles$4.Input,onChange:function(e){return s(e)},onFocus:c,onBlur:d,type:"checkbox"}),React__default.createElement("label",{htmlFor:t,className:styles$4.Control},React__default.createElement("div",{className:styles$4.Box}),React__default.createElement(Icon$1,{name:"Check",className:styles$4.Check,size:14})),_)}}]),t}(React.Component);Checkbox.Group=Group$2,Checkbox.propTypes={id:PropTypes.string,checked:PropTypes.bool,label:PropTypes.string,labelHidden:PropTypes.bool,value:PropTypes.string,error:PropTypes.string,onChange:PropTypes.func,onFocus:PropTypes.func,onBlur:PropTypes.func};var styles$5={Grid:"Matchbox-Grid","start-xs":"Matchbox-Grid__start--xs","center-xs":"Matchbox-Grid__center--xs","end-xs":"Matchbox-Grid__end--xs","top-xs":"Matchbox-Grid__top--xs","middle-xs":"Matchbox-Grid__middle--xs","bottom-xs":"Matchbox-Grid__bottom--xs","around-xs":"Matchbox-Grid__around--xs","between-xs":"Matchbox-Grid__between--xs","start-sm":"Matchbox-Grid__start--sm","center-sm":"Matchbox-Grid__center--sm","end-sm":"Matchbox-Grid__end--sm","top-sm":"Matchbox-Grid__top--sm","middle-sm":"Matchbox-Grid__middle--sm","bottom-sm":"Matchbox-Grid__bottom--sm","around-sm":"Matchbox-Grid__around--sm","between-sm":"Matchbox-Grid__between--sm","start-md":"Matchbox-Grid__start--md","center-md":"Matchbox-Grid__center--md","end-md":"Matchbox-Grid__end--md","top-md":"Matchbox-Grid__top--md","middle-md":"Matchbox-Grid__middle--md","bottom-md":"Matchbox-Grid__bottom--md","around-md":"Matchbox-Grid__around--md","between-md":"Matchbox-Grid__between--md","start-lg":"Matchbox-Grid__start--lg","center-lg":"Matchbox-Grid__center--lg","end-lg":"Matchbox-Grid__end--lg","top-lg":"Matchbox-Grid__top--lg","middle-lg":"Matchbox-Grid__middle--lg","bottom-lg":"Matchbox-Grid__bottom--lg","around-lg":"Matchbox-Grid__around--lg","between-lg":"Matchbox-Grid__between--lg","start-xl":"Matchbox-Grid__start--xl","center-xl":"Matchbox-Grid__center--xl","end-xl":"Matchbox-Grid__end--xl","top-xl":"Matchbox-Grid__top--xl","middle-xl":"Matchbox-Grid__middle--xl","bottom-xl":"Matchbox-Grid__bottom--xl","around-xl":"Matchbox-Grid__around--xl","between-xl":"Matchbox-Grid__between--xl",Column:"Matchbox-Grid__Column","xs-1":"Matchbox-Grid__xs--1","xs-offset-1":"Matchbox-Grid--xsOffset_1","xs-2":"Matchbox-Grid__xs--2","xs-offset-2":"Matchbox-Grid--xsOffset_2","xs-3":"Matchbox-Grid__xs--3","xs-offset-3":"Matchbox-Grid--xsOffset_3","xs-4":"Matchbox-Grid__xs--4","xs-offset-4":"Matchbox-Grid--xsOffset_4","xs-5":"Matchbox-Grid__xs--5","xs-offset-5":"Matchbox-Grid--xsOffset_5","xs-6":"Matchbox-Grid__xs--6","xs-offset-6":"Matchbox-Grid--xsOffset_6","xs-7":"Matchbox-Grid__xs--7","xs-offset-7":"Matchbox-Grid--xsOffset_7","xs-8":"Matchbox-Grid__xs--8","xs-offset-8":"Matchbox-Grid--xsOffset_8","xs-9":"Matchbox-Grid__xs--9","xs-offset-9":"Matchbox-Grid--xsOffset_9","xs-10":"Matchbox-Grid__xs--10","xs-offset-10":"Matchbox-Grid--xsOffset_10","xs-11":"Matchbox-Grid__xs--11","xs-offset-11":"Matchbox-Grid--xsOffset_11","xs-12":"Matchbox-Grid__xs--12","xs-offset-12":"Matchbox-Grid--xsOffset_12","sm-1":"Matchbox-Grid__sm--1","sm-offset-1":"Matchbox-Grid--smOffset_1","sm-2":"Matchbox-Grid__sm--2","sm-offset-2":"Matchbox-Grid--smOffset_2","sm-3":"Matchbox-Grid__sm--3","sm-offset-3":"Matchbox-Grid--smOffset_3","sm-4":"Matchbox-Grid__sm--4","sm-offset-4":"Matchbox-Grid--smOffset_4","sm-5":"Matchbox-Grid__sm--5","sm-offset-5":"Matchbox-Grid--smOffset_5","sm-6":"Matchbox-Grid__sm--6","sm-offset-6":"Matchbox-Grid--smOffset_6","sm-7":"Matchbox-Grid__sm--7","sm-offset-7":"Matchbox-Grid--smOffset_7","sm-8":"Matchbox-Grid__sm--8","sm-offset-8":"Matchbox-Grid--smOffset_8","sm-9":"Matchbox-Grid__sm--9","sm-offset-9":"Matchbox-Grid--smOffset_9","sm-10":"Matchbox-Grid__sm--10","sm-offset-10":"Matchbox-Grid--smOffset_10","sm-11":"Matchbox-Grid__sm--11","sm-offset-11":"Matchbox-Grid--smOffset_11","sm-12":"Matchbox-Grid__sm--12","sm-offset-12":"Matchbox-Grid--smOffset_12","md-1":"Matchbox-Grid__md--1","md-offset-1":"Matchbox-Grid--mdOffset_1","md-2":"Matchbox-Grid__md--2","md-offset-2":"Matchbox-Grid--mdOffset_2","md-3":"Matchbox-Grid__md--3","md-offset-3":"Matchbox-Grid--mdOffset_3","md-4":"Matchbox-Grid__md--4","md-offset-4":"Matchbox-Grid--mdOffset_4","md-5":"Matchbox-Grid__md--5","md-offset-5":"Matchbox-Grid--mdOffset_5","md-6":"Matchbox-Grid__md--6","md-offset-6":"Matchbox-Grid--mdOffset_6","md-7":"Matchbox-Grid__md--7","md-offset-7":"Matchbox-Grid--mdOffset_7","md-8":"Matchbox-Grid__md--8","md-offset-8":"Matchbox-Grid--mdOffset_8","md-9":"Matchbox-Grid__md--9","md-offset-9":"Matchbox-Grid--mdOffset_9","md-10":"Matchbox-Grid__md--10","md-offset-10":"Matchbox-Grid--mdOffset_10","md-11":"Matchbox-Grid__md--11","md-offset-11":"Matchbox-Grid--mdOffset_11","md-12":"Matchbox-Grid__md--12",
"md-offset-12":"Matchbox-Grid--mdOffset_12","lg-1":"Matchbox-Grid__lg--1","lg-offset-1":"Matchbox-Grid--lgOffset_1","lg-2":"Matchbox-Grid__lg--2","lg-offset-2":"Matchbox-Grid--lgOffset_2","lg-3":"Matchbox-Grid__lg--3","lg-offset-3":"Matchbox-Grid--lgOffset_3","lg-4":"Matchbox-Grid__lg--4","lg-offset-4":"Matchbox-Grid--lgOffset_4","lg-5":"Matchbox-Grid__lg--5","lg-offset-5":"Matchbox-Grid--lgOffset_5","lg-6":"Matchbox-Grid__lg--6","lg-offset-6":"Matchbox-Grid--lgOffset_6","lg-7":"Matchbox-Grid__lg--7","lg-offset-7":"Matchbox-Grid--lgOffset_7","lg-8":"Matchbox-Grid__lg--8","lg-offset-8":"Matchbox-Grid--lgOffset_8","lg-9":"Matchbox-Grid__lg--9","lg-offset-9":"Matchbox-Grid--lgOffset_9","lg-10":"Matchbox-Grid__lg--10","lg-offset-10":"Matchbox-Grid--lgOffset_10","lg-11":"Matchbox-Grid__lg--11","lg-offset-11":"Matchbox-Grid--lgOffset_11","lg-12":"Matchbox-Grid__lg--12","lg-offset-12":"Matchbox-Grid--lgOffset_12","xl-1":"Matchbox-Grid__xl--1","xl-offset-1":"Matchbox-Grid--xlOffset_1","xl-2":"Matchbox-Grid__xl--2","xl-offset-2":"Matchbox-Grid--xlOffset_2","xl-3":"Matchbox-Grid__xl--3","xl-offset-3":"Matchbox-Grid--xlOffset_3","xl-4":"Matchbox-Grid__xl--4","xl-offset-4":"Matchbox-Grid--xlOffset_4","xl-5":"Matchbox-Grid__xl--5","xl-offset-5":"Matchbox-Grid--xlOffset_5","xl-6":"Matchbox-Grid__xl--6","xl-offset-6":"Matchbox-Grid--xlOffset_6","xl-7":"Matchbox-Grid__xl--7","xl-offset-7":"Matchbox-Grid--xlOffset_7","xl-8":"Matchbox-Grid__xl--8","xl-offset-8":"Matchbox-Grid--xlOffset_8","xl-9":"Matchbox-Grid__xl--9","xl-offset-9":"Matchbox-Grid--xlOffset_9","xl-10":"Matchbox-Grid__xl--10","xl-offset-10":"Matchbox-Grid--xlOffset_10","xl-11":"Matchbox-Grid__xl--11","xl-offset-11":"Matchbox-Grid--xlOffset_11","xl-12":"Matchbox-Grid__xl--12","xl-offset-12":"Matchbox-Grid--xlOffset_12"},Column=function(e){function t(){return classCallCheck(this,t),possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return inherits(t,e),createClass(t,[{key:"render",value:function(){var e=this.props,t=e.children,a=e.xs,r=(e.sm,e.md),o=e.lg,n=e.xl,l=e.xsOffset,s=(e.smOffset,e.mdOffset),c=e.lgOffset,d=e.xlOffset,i=classnames(styles$5.Column,a&&styles$5["xs-"+a],r&&styles$5["md-"+r],o&&styles$5["lg-"+o],n&&styles$5["xl-"+n],l&&styles$5["xs-offset-"+l],s&&styles$5["md-offset-"+s],c&&styles$5["lg-offset-"+c],d&&styles$5["xl-offset-"+d]);return React__default.createElement("div",{className:i},t)}}]),t}(React.Component);Column.displayName="Grid.Column",Column.propTypes={xs:PropTypes.number,sm:PropTypes.number,md:PropTypes.number,lg:PropTypes.number,xl:PropTypes.number,xsOffset:PropTypes.number,smOffset:PropTypes.number,mdOffset:PropTypes.number,lgOffset:PropTypes.number,children:PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node),PropTypes.node])};var Grid=function(e){function t(){return classCallCheck(this,t),possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return inherits(t,e),createClass(t,[{key:"render",value:function(){var e=this.props,t=e.children,a=e.start,r=e.center,o=e.end,n=e.top,l=e.middle,s=e.bottom,c=e.around,d=e.between,i=classnames(styles$5.Grid,a&&styles$5["start-"+a],r&&styles$5["center-"+r],o&&styles$5["end-"+o],n&&styles$5["top-"+n],l&&styles$5["middle-"+l],s&&styles$5["bottom-"+s],c&&styles$5["around-"+c],d&&styles$5["between-"+d]);return React__default.createElement("div",{className:i},t)}}]),t}(React.Component);Grid.Column=Column,Grid.propTypes={center:PropTypes.oneOf(["xs","sm","md","lg","xl"]),start:PropTypes.oneOf(["xs","sm","md","lg","xl"]),end:PropTypes.oneOf(["xs","sm","md","lg","xl"]),top:PropTypes.oneOf(["xs","sm","md","lg","xl"]),middle:PropTypes.oneOf(["xs","sm","md","lg","xl"]),bottom:PropTypes.oneOf(["xs","sm","md","lg","xl"]),around:PropTypes.oneOf(["xs","sm","md","lg","xl"]),between:PropTypes.oneOf(["xs","sm","md","lg","xl"]),children:PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node),PropTypes.node])};var UnstyledLink=function(e){function t(){return classCallCheck(this,t),possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return inherits(t,e),createClass(t,[{key:"render",value:function(){var e=this.props,t=e.children,a=e.to,r=e.Component,o=e.external,n=objectWithoutProperties(e,["children","to","Component","external"]);return a&&o?React__default.createElement("a",_extends({href:a,target:"_blank"},n),t):a&&r?React__default.createElement(r,_extends({to:a},n),t):React__default.createElement("a",n,t)}}]),t}(React.Component),styles$6={Page:"Matchbox-Page",MainContent:"Matchbox-Page__MainContent",Title:"Matchbox-Page__Title",PrimaryAction:"Matchbox-Page__PrimaryAction",SecondaryActions:"Matchbox-Page__SecondaryActions",SecondaryAction:"Matchbox-Page__SecondaryAction",Breadcrumb:"Matchbox-Page__Breadcrumb"},primaryOverrides={primary:!0,size:"large"},secondaryOverrides={plain:!0,size:"small"},Breadcrumb=function(e){var t=e.content,a=objectWithoutProperties(e,["content"]);return React__default.createElement(UnstyledLink,a,React__default.createElement(Icon$1,{name:"ChevronLeft",size:27}),t)},Page=function(e){function t(){return classCallCheck(this,t),possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return inherits(t,e),createClass(t,[{key:"render",value:function(){var e=this.props,t=e.title,a=e.primaryAction,r=e.secondaryActions,o=e.breadcrumbAction,n=a?buttonFrom(a,primaryOverrides):null,l=r?buttonsFrom(r,secondaryOverrides):null,s=o?React__default.createElement(Breadcrumb,_extends({},o,{className:styles$6.Breadcrumb})):null;return React__default.createElement("div",{className:styles$6.Page},React__default.createElement("div",{className:styles$6.Breadcrumb},s),React__default.createElement("div",{className:styles$6.MainContent},React__default.createElement("h1",{className:styles$6.Title},t),React__default.createElement("div",{className:styles$6.PrimaryAction},n)),React__default.createElement("div",{className:styles$6.SecondaryActions},l))}}]),t}(React.Component);Page.propTypes={title:PropTypes.string,primaryAction:PropTypes.shape({content:PropTypes.string.isRequired}),secondaryActions:PropTypes.arrayOf(PropTypes.shape({content:PropTypes.string.isRequired})),breadcrumbAction:PropTypes.shape({content:PropTypes.string.isRequired})};var styles$7={Pagination:"Matchbox-Pagination",Back:"Matchbox-Pagination__Back",Next:"Matchbox-Pagination__Next",Pages:"Matchbox-Pagination__Pages",Page:"Matchbox-Pagination__Page",Selected:"Matchbox-Pagination__Selected"},Pagination=function(e){function t(e){classCallCheck(this,t);var a=possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return a.state={index:0,hasPrevious:!1,hasNext:!0},a}return inherits(t,e),createClass(t,[{key:"componentWillMount",value:function(){this.handlePageChange(this.props.initialIndex)}},{key:"handlePageChange",value:function(e){this.setState({index:e,hasPrevious:e>0,hasNext:e<this.props.pages-1}),this.props.onChange&&this.props.onChange(e)}},{key:"handleNext",value:function(){this.handlePageChange(this.state.index+1)}},{key:"handlePrevious",value:function(){this.handlePageChange(this.state.index-1)}},{key:"_createButtons",value:function(e,t){for(var a=[],r=e;r<t;r++)a.push({content:""+(r+1),onClick:this.handlePageChange.bind(this,r),className:classnames(styles$7.Page,r===this.state.index&&styles$7.Selected)});return buttonsFrom(a)}},{key:"render",value:function(){var e=this,t=this.props,a=t.pages,r=t.pageRange,o=this.state,n=o.hasPrevious,l=o.hasNext;return React__default.createElement("div",{className:styles$7.Pagination},React__default.createElement(Button,{className:styles$7.Back,onClick:function(){return e.handlePrevious()},disabled:!n},React__default.createElement(Icon$1,{name:"ArrowBack",size:16})),React__default.createElement("span",{className:styles$7.Pages},function(){if(a<=r)return e._createButtons(0,a);var t=Math.floor(r/2),o=0;return e.state.index>t&&(o=e.state.index-t),e.state.index+t+1>a&&(o=a-r),e._createButtons(o,o+r)}()),React__default.createElement(Button,{className:styles$7.Next,onClick:function(){return e.handleNext()},disabled:!l},React__default.createElement(Icon$1,{name:"ArrowForward",size:16})))}}]),t}(React.Component);Pagination.propTypes={pages:PropTypes.number.isRequired,pageRange:PropTypes.number.isRequired,onChange:PropTypes.func,initialIndex:PropTypes.number.isRequired},Pagination.defaultProps={initialIndex:0};var styles$8={Panel:"Matchbox-Panel",accent:"Matchbox-Panel--accent",Header:"Matchbox-Panel__Header",Body:"Matchbox-Panel__Body",HeaderText:"Matchbox-Panel__HeaderText",Actions:"Matchbox-Panel__Actions",SectionContent:"Matchbox-Panel__SectionContent"},actionOverrides$1={plain:!0,size:"small"},Section=function(e){function t(){return classCallCheck(this,t),possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return inherits(t,e),createClass(t,[{key:"render",value:function(){var e=this.props,t=e.children,a=e.actions,r=a&&a.length?React__default.createElement("div",{className:styles$8.Actions},buttonsFrom(a,actionOverrides$1)):null;return React__default.createElement("div",{className:styles$8.Body},React__default.createElement("div",{className:styles$8.SectionContent},t),r)}}]),t}(React.Component);Section.propTypes={actions:PropTypes.arrayOf(PropTypes.shape({content:PropTypes.string.isRequired})),children:PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node),PropTypes.node])},Section.displayName="Panel.Section";var actionOverrides$2={plain:!0,size:"small"},Header=function(e){var t=e.title,a=e.actions,r=a&&a.length?React__default.createElement("div",{className:styles$8.Actions},buttonsFrom(a,actionOverrides$2)):null;return React__default.createElement("div",{className:styles$8.Header},React__default.createElement("div",{className:styles$8.HeaderText},t),r)},Panel=function(e){function t(){return classCallCheck(this,t),possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return inherits(t,e),createClass(t,[{key:"render",value:function(){var e=this.props,t=e.children,a=e.title,r=e.accent,o=e.sectioned,n=e.actions,l=a?React__default.createElement(Header,{title:a,actions:n}):null,s=o?React__default.createElement(Section,null,t):t,c=classnames(styles$8.Panel,r&&styles$8.accent);return React__default.createElement("div",{className:c},l,s)}}]),t}(React.Component);Panel.Section=Section,Panel.propTypes={title:PropTypes.string,accent:PropTypes.bool,sectioned:PropTypes.bool,actions:PropTypes.arrayOf(PropTypes.shape({content:PropTypes.string.isRequired})),children:PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node),PropTypes.node])};var styles$9={ProgressBar:"Matchbox-ProgressBar",Progress:"Matchbox-ProgressBar__Progress"},ProgressBar=function(e){function t(){return classCallCheck(this,t),possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return inherits(t,e),createClass(t,[{key:"render",value:function(){var e=this.props.completed,t=void 0===e?0:e,a=t;return a>100?a=100:a<1&&(a=0),React__default.createElement("div",{className:styles$9.ProgressBar},React__default.createElement("div",{className:styles$9.Progress,style:{width:a+"%"}}))}}]),t}(React.Component);ProgressBar.propTypes={completed:PropTypes.number.isRequired},ProgressBar.defaultProps={completed:0};var styles$10={Radio:"Matchbox-Radio",Input:"Matchbox-Radio__Input",Control:"Matchbox-Radio__Control",Outline:"Matchbox-Radio__Outline",Fill:"Matchbox-Radio__Fill",Label:"Matchbox-Radio__Label",Group:"Matchbox-Radio__Group"},Group$4=function(e){var t=e.children;return React__default.createElement("radiogroup",{className:styles$10.Group},t)};Group$4.propTypes={children:PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node),PropTypes.node]).isRequired},Group$4.displayName="Radio.Group";var Radio=function(e){function t(){return classCallCheck(this,t),possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return inherits(t,e),createClass(t,[{key:"render",value:function(){var e=this.props,t=e.id,a=e.name,r=e.checked,o=e.label,n=e.labelHidden,l=e.error,s=e.value,c=e.onChange,d=e.onFocus,i=e.onBlur,u=(objectWithoutProperties(e,["id","name","checked","label","labelHidden","error","value","onChange","onFocus","onBlur"]),classnames(styles$10.Radio,l&&styles$10.error)),_=o&&!n?React__default.createElement(Label,{id:t,label:o,className:styles$10.Label}):null,p=l?React__default.createElement(Error$1,{error:l}):null;return React__default.createElement("fieldset",{className:u},_,React__default.createElement("input",{id:t,name:a,value:s,checked:r,className:styles$10.Input,onChange:function(e){return c(e)},onFocus:d,onBlur:i,type:"radio"}),React__default.createElement("label",{htmlFor:t,className:styles$10.Control},React__default.createElement("div",{className:styles$10.Outline}),React__default.createElement("div",{className:styles$10.Fill})),p)}}]),t}(React.Component);Radio.Group=Group$4,Radio.propTypes={id:PropTypes.string,name:PropTypes.string,checked:PropTypes.bool,label:PropTypes.string,labelHidden:PropTypes.bool,value:PropTypes.string,error:PropTypes.string,onChange:PropTypes.func,onFocus:PropTypes.func,onBlur:PropTypes.func};var styles$11={Select:"Matchbox-Select",error:"Matchbox-Select--error",Input:"Matchbox-Select__Input",labelHidden:"Matchbox-Select--labelHidden",Dropdown:"Matchbox-Select__Dropdown"},PLACEHOLDER_VALUE="_placeholder",Option=function(e){var t=e.option;return"string"==typeof t?React__default.createElement("option",{value:t},t):React__default.createElement("option",{value:t.value},t.label)},Select=function(e){function t(){return classCallCheck(this,t),possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return inherits(t,e),createClass(t,[{key:"render",value:function(){var e=this.props,t=e.id,a=e.options,r=e.label,o=e.labelHidden,n=e.placeholder,l=e.disabled,s=e.error,c=objectWithoutProperties(e,["id","options","label","labelHidden","placeholder","disabled","error"]),d=classnames(styles$11.Select,s&&styles$11.error,o&&styles$11.labelHidden),i=classnames(styles$11.Input,l&&styles$11.disabled),u=a&&a.length?a.map(function(e,t){return React__default.createElement(Option,{option:e,key:t})}):null,_=r&&!o?React__default.createElement(Label,{id:t,label:r}):null,p=s?React__default.createElement(Error$1,{error:s}):null,f=n?React__default.createElement("option",{label:n,value:PLACEHOLDER_VALUE,disabled:!0}):null;return React__default.createElement("fieldset",{className:d},_,React__default.createElement("select",_extends({className:i},c),f,u),React__default.createElement(Icon$1,{name:"ArrowDropDown",className:styles$11.Dropdown}),p)}}]),t}(React.Component);Select.propTypes={id:PropTypes.string,options:PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.shape({value:PropTypes.string.isRequired,label:PropTypes.string.isRequired}),PropTypes.string.isRequired])).isRequired,placeholder:PropTypes.string,disabled:PropTypes.bool,label:PropTypes.string,labelHidden:PropTypes.bool,error:PropTypes.string,onChange:PropTypes.func,onFocus:PropTypes.func,onBlur:PropTypes.func};var styles$12={Table:"Matchbox-Table",Cell:"Matchbox-Table__Cell",HeaderCell:"Matchbox-Table__HeaderCell",Row:"Matchbox-Table__Row"},Cell=function(e){var t=e.value,a=e.children,r=objectWithoutProperties(e,["value","children"]);return React__default.createElement("td",_extends({className:styles$12.Cell},r),t||a)};Cell.propTypes={value:PropTypes.oneOfType([PropTypes.string,PropTypes.arrayOf(PropTypes.node),PropTypes.node]),children:PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node),PropTypes.node])},Cell.displayName="Table.Cell";var HeaderCell=function(e){var t=e.value,a=e.children,r=objectWithoutProperties(e,["value","children"]);return React__default.createElement("th",_extends({className:styles$12.HeaderCell},r),t||a)};HeaderCell.propTypes={value:PropTypes.oneOfType([PropTypes.string,PropTypes.arrayOf(PropTypes.node),PropTypes.node]),children:PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node),PropTypes.node])},HeaderCell.displayName="Table.HeaderCell";var Row=function(e){var t=e.rowData,a=e.children;return React__default.createElement("tr",{className:styles$12.Row},t?t.map(function(e,t){return React__default.createElement(Cell,{value:e,key:"Cell-"+t})}):a)};Row.propTypes={rowData:PropTypes.array,children:PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node),PropTypes.node])},Row.displayName="Table.Row";var Table=function(e){function t(){return classCallCheck(this,t),possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return inherits(t,e),createClass(t,[{key:"render",value:function(){var e=this.props,t=e.children,a=e.data,r=a?React__default.createElement("tbody",null,a.map(function(e,t){return React__default.createElement(Row,{rowData:e,key:"Row-"+t})})):t;return React__default.createElement("table",{className:styles$12.Table},r)}}]),t}(React.Component);Table.Cell=Cell,Table.HeaderCell=HeaderCell,Table.Row=Row,Table.propTypes={data:PropTypes.array,children:PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node),PropTypes.node])};var styles$13={TextField:"Matchbox-TextField",error:"Matchbox-TextField--error",Input:"Matchbox-TextField__Input"},TextField=function(e){function t(){return classCallCheck(this,t),possibleConstructorReturn(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return inherits(t,e),createClass(t,[{key:"render",value:function(){var e=this.props,t=e.id,a=e.multiline,r=e.type,o=e.placeholder,n=e.autoFocus,l=e.disabled,s=e.readOnly,c=e.label,d=e.labelHidden,i=e.error,u=e.onChange,_=e.onFocus,p=e.onBlur,f=objectWithoutProperties(e,["id","multiline","type","placeholder","autoFocus","disabled","readOnly","label","labelHidden","error","onChange","onFocus","onBlur"]),m=classnames(styles$13.TextField,i&&styles$13.error),h=c&&!d?React__default.createElement(Label,{id:t,label:c}):null,x=i?React__default.createElement(Err