@surveycake/rc 2.4.0-alpha.12

package/dist/rc.esm.js

@@ -0,0 +1,4385 @@
+export { default as CssBaseline } from '@material-ui/core/CssBaseline';
+import React, { useRef, useEffect, forwardRef, memo, useContext, useMemo, useState, useCallback, Children, isValidElement, cloneElement, useImperativeHandle, createRef, createContext } from 'react';
+import MuiAvatar from '@material-ui/core/Avatar';
+import { createStyles, makeStyles as makeStyles$1, styled, withStyles, createMuiTheme, ThemeProvider } from '@material-ui/core/styles';
+import MuiButton from '@material-ui/core/Button';
+import Chip$1 from '@material-ui/core/Chip';
+import { fade } from '@material-ui/core/styles/colorManipulator';
+import MuiPaper from '@material-ui/core/Paper';
+import MuiCard from '@material-ui/core/Card';
+import { cx, css, keyframes, injectGlobal } from 'emotion';
+import MuiCardActionArea from '@material-ui/core/CardActionArea';
+import MuiCardActions from '@material-ui/core/CardActions';
+import MuiCardContent from '@material-ui/core/CardContent';
+import MuiCardHeader from '@material-ui/core/CardHeader';
+import { DatePicker as DatePicker$1, KeyboardDatePicker as KeyboardDatePicker$1, MuiPickersUtilsProvider } from '@material-ui/pickers';
+import styled$1 from '@emotion/styled';
+import { ThemeContext } from '@emotion/core';
+export { ThemeContext } from '@emotion/core';
+import MuiTooltip from '@material-ui/core/Tooltip';
+import MuiSelect from '@material-ui/core/Select';
+import MuiMenuItem from '@material-ui/core/MenuItem';
+import MuiListSubheader from '@material-ui/core/ListSubheader';
+import Popper$1 from '@material-ui/core/Popper';
+import ClickAwayListener from '@material-ui/core/ClickAwayListener';
+import MuiMenuList from '@material-ui/core/MenuList';
+import Fade from '@material-ui/core/Fade';
+import MuiToggleButton from '@material-ui/lab/ToggleButton';
+import MuiToggleButtonGroup from '@material-ui/lab/ToggleButtonGroup';
+import TextField from '@material-ui/core/TextField';
+import Box from '@material-ui/core/Box';
+import SvgIcon from '@material-ui/core/SvgIcon';
+import IconButton from '@material-ui/core/IconButton';
+import Typography$1 from '@material-ui/core/Typography';
+import MuiTabs from '@material-ui/core/Tabs';
+import MuiTab from '@material-ui/core/Tab';
+import RadioGroup from '@material-ui/core/RadioGroup';
+import Radio$1 from '@material-ui/core/Radio';
+import Checkbox from '@material-ui/core/Checkbox';
+import { useTable } from 'react-table';
+import { safeAdd, safeMul } from '@surveycake/utils';
+import { unmountComponentAtNode, render, createPortal } from 'react-dom';
+import { useContainer } from '@surveycake/rhooks';
+import MuiModal from '@material-ui/core/Modal';
+import Backdrop$1 from '@material-ui/core/Backdrop';
+import MuiSnackbar from '@material-ui/core/Snackbar';
+import MuiSnackbarContent from '@material-ui/core/SnackbarContent';
+import Slide from '@material-ui/core/Slide';
+import MuiDivider from '@material-ui/core/Divider';
+import DateFnsUtils from '@date-io/date-fns';
+
+function _extends() {
+  _extends = Object.assign || function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+
+    return target;
+  };
+
+  return _extends.apply(this, arguments);
+}
+
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+
+  return target;
+}
+
+function _taggedTemplateLiteralLoose(strings, raw) {
+  if (!raw) {
+    raw = strings.slice(0);
+  }
+
+  strings.raw = raw;
+  return strings;
+}
+
+var getAutoHeightDuration = function getAutoHeightDuration(height) {
+  if (!height) {
+    return 0;
+  }
+
+  var constant = height / 36; // https://www.wolframalpha.com/input/?i=(4+%2B+15+*+(x+%2F+36+)+**+0.25+%2B+(x+%2F+36)+%2F+5)+*+10
+
+  return Math.round((4 + 15 * Math.pow(constant, 0.25) + constant / 5) * 10);
+};
+
+var getTransitionDuration = function getTransitionDuration(duration, height) {
+  if (typeof duration === 'number') {
+    return duration;
+  } else if (duration === 'auto') {
+    return getAutoHeightDuration(height);
+  }
+
+  return 0;
+};
+
+var getChangeHeight = function getChangeHeight(node, prevHeight, height) {
+  var prev = prevHeight === 'auto' ? node.scrollHeight : prevHeight;
+  var current = height === 'auto' ? node.scrollHeight : height;
+  return Math.abs(current - prev);
+};
+
+var getTransition = function getTransition(height, duration, timingFunction) {
+  return "height " + getTransitionDuration(duration, height) + "ms " + timingFunction;
+};
+
+var animate = function animate(node, prevHeight, height, duration, timingFunction, animateDisabled) {
+  var transition = !animateDisabled ? getTransition(getChangeHeight(node, prevHeight, height), duration, timingFunction) : '';
+  node.style.transition = '';
+  window.requestAnimationFrame(function () {
+    if (prevHeight !== 'auto') {
+      node.style.height = prevHeight + "px";
+    } else {
+      node.style.height = node.scrollHeight + "px";
+    }
+
+    node.style.transition = transition;
+    window.requestAnimationFrame(function () {
+      if (height !== 'auto') {
+        node.style.height = height + "px";
+      } else {
+        node.style.height = node.scrollHeight + "px";
+      }
+    });
+  });
+};
+
+var AnimateHeight = function AnimateHeight(_ref) {
+  var children = _ref.children,
+      props = _objectWithoutPropertiesLoose(_ref, ["children"]);
+
+  var initialStyleRef = useRef({
+    height: props.height,
+    overflowY: 'hidden'
+  });
+  var propsRef = useRef(props);
+  var animateRef = useRef(null);
+  propsRef.current = props;
+  useEffect(function () {
+    return function () {
+      if (animateRef.current) {
+        animate(animateRef.current, props.height, propsRef.current.height, propsRef.current.duration, propsRef.current.timingFunction, propsRef.current.animateDisabled);
+      }
+    };
+  }, [props.height]);
+  return React.createElement("div", {
+    ref: animateRef,
+    style: initialStyleRef.current
+  }, children);
+};
+
+AnimateHeight.defaultProps = {
+  duration: 'auto',
+  timingFunction: 'ease-out',
+  height: 'auto',
+  animateDisabled: false
+};
+
+var styles = function styles(theme) {
+  return createStyles({
+    root: function root(props) {
+      return _extends({
+        display: 'flex',
+        '& > *': {
+          margin: theme.spacing(1)
+        }
+      }, props);
+    },
+    small: {
+      width: theme.spacing(3),
+      height: theme.spacing(3)
+    },
+    medium: {
+      width: theme.spacing(5),
+      height: theme.spacing(5)
+    },
+    large: {
+      width: theme.spacing(7),
+      height: theme.spacing(7)
+    }
+  });
+};
+
+var useStyles =
+/*#__PURE__*/
+makeStyles$1(styles);
+var Avatar =
+/*#__PURE__*/
+forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+      src = _ref.src,
+      alt = _ref.alt,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'medium' : _ref$size,
+      _ref$variant = _ref.variant,
+      variant = _ref$variant === void 0 ? 'circle' : _ref$variant,
+      width = _ref.width,
+      height = _ref.height,
+      restProps = _objectWithoutPropertiesLoose(_ref, ["children", "src", "alt", "size", "variant", "width", "height"]);
+
+  var classes = useStyles({
+    width: width,
+    height: height
+  });
+  var hasCustomSize = width || height;
+  var className = classes[hasCustomSize ? 'root' : size];
+  return React.createElement(MuiAvatar, Object.assign({
+    className: className,
+    ref: ref,
+    src: src,
+    alt: alt,
+    variant: variant
+  }, restProps), children);
+});
+
+var Button =
+/*#__PURE__*/
+forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'small' : _ref$size,
+      _ref$color = _ref.color,
+      color = _ref$color === void 0 ? 'default' : _ref$color,
+      _ref$variant = _ref.variant,
+      variant = _ref$variant === void 0 ? 'contained' : _ref$variant,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      onClick = _ref.onClick,
+      restProps = _objectWithoutPropertiesLoose(_ref, ["children", "size", "color", "variant", "disabled", "onClick"]);
+
+  return React.createElement(MuiButton, Object.assign({
+    onClick: onClick,
+    color: color,
+    disabled: disabled,
+    size: size,
+    variant: variant,
+    ref: ref
+  }, restProps), children);
+});
+
+var theme = {
+  color: {
+    primary: {
+      active: '#009A68',
+      "default": '#3DBA90',
+      hover: '#79CEAF',
+      disabled: '#9EDCC7',
+      background: '#DEF3EC',
+      lightBackground: '#d1f0e5'
+    },
+    secondary: {
+      active: '#C40D5A',
+      "default": '#EB1362',
+      hover: '#EE3C7A',
+      disabled: '#F589B0',
+      background: '#FCE4EC'
+    },
+    thirdary: {
+      active: '#ED7B19',
+      "default": '#F8971D',
+      hover: '#F9A433',
+      disabled: '#FBCB8E',
+      background: '#FEF2E1'
+    },
+    text: {
+      white: '#FFF',
+      B6: '#454545',
+      B5: '#6B6B6B',
+      B4: '#989898',
+      B3: '#AAAAAA',
+      B2: '#BDBDBD',
+      B: '#D2D2D2',
+      HB: '#EEEEEE',
+      F: '#F6F6F6'
+    },
+    semantic: {
+      success: '#A0D45E',
+      info: '#4DBAE9',
+      warning: '#FDB531',
+      error: '#EE415D',
+
+      /**
+       * @description specific usage
+       */
+      enterprise: '#3E5871',
+      team: '#FF6A6A',
+      pro: '#36B6ED'
+    }
+  },
+  typography: {
+    fontSize: {
+      h1: 36,
+      h2: 32,
+      h3: 28,
+      h4: 24,
+      h5: 20,
+      h6: 16,
+      p: 14,
+      span: 14,
+      div: 14
+    },
+    fontWeight: {
+      normal: 400,
+      medium: 500,
+      bold: 700
+    }
+  },
+  zIndex: {
+    mobileStepper: 1000,
+    speedDial: 1050,
+    appBar: 1100,
+    drawer: 1200,
+    modal: 1300,
+    snackbar: 1400,
+    tooltip: 1500
+  }
+};
+
+var CustomBoxShadow1 = "\n0 1px 4px 0 rgba(69, 69, 69, 0.2),\n0 1px 2px 0 rgba(69, 69, 69, 0.1)\n";
+var CustomChip =
+/*#__PURE__*/
+styled(function (_ref) {
+  var color = _ref.color,
+      active = _ref.active,
+      other = _objectWithoutPropertiesLoose(_ref, ["color", "active"]);
+
+  return React.createElement(Chip$1, Object.assign({}, other));
+})({
+  backgroundColor: function backgroundColor(props) {
+    return props.active ? 'white' : fade(props.color || theme.color.primary["default"], 0.3);
+  },
+  '&:hover, &:focus': {
+    backgroundColor: function backgroundColor(props) {
+      return props.active ? 'white' : fade(props.color || theme.color.primary["default"], 0.3);
+    }
+  },
+  '&:active': {
+    boxShadow: function boxShadow(props) {
+      return props.active ? CustomBoxShadow1 : 'none';
+    }
+  },
+  color: function color(props) {
+    return props.color || theme.color.primary["default"];
+  },
+  boxShadow: function boxShadow(props) {
+    return props.active ? CustomBoxShadow1 : 'none';
+  }
+});
+
+var Chip = function Chip(_ref) {
+  var variant = _ref.variant,
+      active = _ref.active,
+      color = _ref.color,
+      label = _ref.label,
+      restProps = _objectWithoutPropertiesLoose(_ref, ["variant", "active", "color", "label"]);
+
+  if (!label) {
+    return null;
+  }
+
+  if (variant === 'surveycake') {
+    return React.createElement(CustomChip, Object.assign({
+      color: color,
+      active: active,
+      label: label
+    }, restProps));
+  }
+
+  return (// color 如果傳入不符合，Material 會 warning
+    React.createElement(Chip$1, Object.assign({
+      color: color,
+      variant: variant,
+      label: label
+    }, restProps))
+  );
+};
+
+var index = /*#__PURE__*/
+memo(Chip);
+
+var Paper =
+/*#__PURE__*/
+forwardRef(function (props, ref) {
+  return React.createElement(MuiPaper, Object.assign({
+    ref: ref
+  }, props), props.children);
+});
+
+var useStyles$1 =
+/*#__PURE__*/
+makeStyles$1({
+  root: {
+    width: function width(props) {
+      return props.width;
+    },
+    height: function height(props) {
+      return props.height;
+    },
+    position: 'relative',
+    borderRadius: '4px',
+    boxShadow: "0 1px 4px 0 rgba(69, 69, 69, 0.2),\n      0 1px 2px 0 rgba(69, 69, 69, 0.1)"
+  }
+});
+
+var Card =
+/*#__PURE__*/
+forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+      className = _ref.className,
+      restProps = _objectWithoutPropertiesLoose(_ref, ["children", "className"]);
+
+  var _useStyles = useStyles$1(restProps),
+      root = _useStyles.root;
+
+  return React.createElement(MuiCard, Object.assign({
+    ref: ref,
+    className: cx(root, className)
+  }, restProps), children);
+});
+
+var CardActionArea = MuiCardActionArea;
+
+var CardActions = MuiCardActions;
+
+var CardContent = MuiCardContent;
+
+var CardHeader = MuiCardHeader;
+
+function _templateObject2() {
+  var data = _taggedTemplateLiteralLoose(["\n  animation: ", " 1s linear infinite;\n"]);
+
+  _templateObject2 = function _templateObject2() {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject() {
+  var data = _taggedTemplateLiteralLoose(["\n\t100% {\n\t\ttransform: rotate(360deg);\n\t}\n"]);
+
+  _templateObject = function _templateObject() {
+    return data;
+  };
+
+  return data;
+}
+var loadingCircle =
+/*#__PURE__*/
+keyframes(
+/*#__PURE__*/
+_templateObject());
+var spin =
+/*#__PURE__*/
+css(
+/*#__PURE__*/
+_templateObject2(), loadingCircle);
+
+var _svgBaseProps;
+var svgBaseProps = (_svgBaseProps = {
+  width: '1em',
+  height: '1em',
+  fill: 'currentColor'
+}, _svgBaseProps['aria-hidden'] = true, _svgBaseProps.focusable = 'false', _svgBaseProps);
+var Icon =
+/*#__PURE__*/
+forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+      className = _ref.className,
+      icon = _ref.icon,
+      viewBox = _ref.viewBox,
+      style = _ref.style,
+      spin$1 = _ref.spin,
+      rotate = _ref.rotate,
+      size = _ref.size,
+      props = _objectWithoutPropertiesLoose(_ref, ["children", "className", "icon", "viewBox", "style", "spin", "rotate", "size"]);
+
+  if (!icon) {
+    return null;
+  }
+
+  var svgStyle = _extends({}, style, {
+    fontSize: size + "em"
+  });
+
+  if (rotate) {
+    var transform = "rotate(" + rotate + "deg)";
+    svgStyle.msTransform = transform;
+    svgStyle.transform = transform;
+  }
+
+  var svgProps = _extends({}, props, {}, svgBaseProps, {
+    className: spin$1 ? cx(spin, className) : className,
+    style: svgStyle,
+    viewBox: viewBox || icon.definition.viewBox
+  });
+
+  if (!svgProps.viewBox) {
+    delete svgProps.viewBox;
+  }
+
+  return React.createElement("svg", Object.assign({}, svgProps, {
+    ref: ref
+  }), React.createElement("path", {
+    d: icon.definition.pathData
+  }));
+});
+Icon.defaultProps = {
+  size: 1
+};
+
+var CalendarAlt = {
+  name: 'calendar-alt-o',
+  definition: {
+    viewBox: '0 0 448 512',
+    pathData: 'M400 64h-48V12c0-6.6-5.4-12-12-12h-8c-6.6 0-12 5.4-12 12v52H128V12c0-6.6-5.4-12-12-12h-8c-6.6 0-12 5.4-12 12v52H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zM48 96h352c8.8 0 16 7.2 16 16v48H32v-48c0-8.8 7.2-16 16-16zm352 384H48c-8.8 0-16-7.2-16-16V192h384v272c0 8.8-7.2 16-16 16zM148 320h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm96 0h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm96 0h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm-96 96h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm-96 0h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm192 0h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12z'
+  }
+};
+
+function _templateObject2$1() {
+  var data = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  left: 12px;\n  top: 7px;\n  width: 18px;\n  height: 18px;\n  font-size: 18px;\n  color: ", ";\n"]);
+
+  _templateObject2$1 = function _templateObject2() {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject$1() {
+  var data = _taggedTemplateLiteralLoose(["\n  position: relative;\n"]);
+
+  _templateObject$1 = function _templateObject() {
+    return data;
+  };
+
+  return data;
+}
+var DatePickerWrapper =
+/*#__PURE__*/
+styled$1('section')(
+/*#__PURE__*/
+_templateObject$1());
+var IonwWrapper =
+/*#__PURE__*/
+styled$1('section')(
+/*#__PURE__*/
+_templateObject2$1(), theme.color.primary["default"]);
+var popOverStyles =
+/*#__PURE__*/
+createStyles({
+  root: {
+    boxShadow: "0 1px 6px 0 rgba(69, 69, 69, 0.2),\n      0 1px 5px 0 rgba(69, 69, 69, 0.1)"
+  }
+});
+var inputStyles =
+/*#__PURE__*/
+createStyles({
+  root: {
+    paddingLeft: '30px'
+  }
+});
+var styles$1 =
+/*#__PURE__*/
+createStyles({
+  root: {
+    maxWidth: '128px',
+    width: '100%',
+    height: '32px'
+  }
+});
+
+var StyledMuiDatePicker =
+/*#__PURE__*/
+withStyles(styles$1)(DatePicker$1);
+var usePopOverStyles =
+/*#__PURE__*/
+makeStyles$1(popOverStyles);
+var useInputStyles =
+/*#__PURE__*/
+makeStyles$1(inputStyles);
+var CommonDatePickerProps = {
+  maxDateMessage: null,
+  minDateMessage: null,
+  inputVariant: 'outlined',
+  disableToolbar: true,
+  variant: 'inline',
+  format: 'yyyy/MM/dd',
+  autoOk: true
+};
+
+var DatePicker = function DatePicker(_ref) {
+  var value = _ref.value,
+      onChange = _ref.onChange,
+      placeholder = _ref.placeholder,
+      label = _ref.label,
+      minDate = _ref.minDate,
+      maxDate = _ref.maxDate,
+      disableFuture = _ref.disableFuture,
+      disablePast = _ref.disablePast,
+      restProps = _objectWithoutPropertiesLoose(_ref, ["value", "onChange", "placeholder", "label", "minDate", "maxDate", "disableFuture", "disablePast"]);
+
+  var inputClasses = useInputStyles();
+  var popOverClasses = usePopOverStyles();
+  var CommonDatePickerClassProps = {
+    PopoverProps: {
+      PaperProps: {
+        classes: {
+          root: popOverClasses.root
+        }
+      }
+    }
+  };
+  var variantInputProps = {
+    classes: {
+      root: inputClasses.root
+    }
+  };
+  return React.createElement(DatePickerWrapper, null, React.createElement(IonwWrapper, null, React.createElement(Icon, {
+    icon: CalendarAlt
+  })), React.createElement(StyledMuiDatePicker, Object.assign({
+    value: value,
+    onChange: onChange,
+    placeholder: placeholder,
+    label: label,
+    minDate: minDate,
+    maxDate: maxDate,
+    disableFuture: disableFuture,
+    disablePast: disablePast,
+    InputProps: variantInputProps
+  }, restProps, CommonDatePickerProps, CommonDatePickerClassProps)));
+};
+
+function useTheme() {
+  var theme$1 = useContext(ThemeContext);
+  return theme$1 && theme$1.color ? theme$1 : theme;
+}
+function makeStyles(styles) {
+  var memoizedClasses = {};
+  return function useStyles(deps) {
+    if (deps === void 0) {
+      deps = [];
+    }
+
+    var theme = useTheme();
+    return useMemo(function () {
+      var classes = {};
+      styles.forEach(function (_ref) {
+        var className = _ref[0],
+            style = _ref[1];
+
+        if (typeof style === 'string') {
+          var resolvedClass = memoizedClasses[className] || css([style]);
+          classes[className] = resolvedClass;
+          memoizedClasses[className] = resolvedClass;
+        } else if (typeof style === 'function') {
+          var result = style(theme, deps, classes);
+          classes[className] = css(result instanceof Array ? result : [result]);
+        }
+      });
+      return classes;
+    }, deps.length ? [theme].concat(deps) : [theme]);
+  };
+}
+
+function resolveThemeColorByPath(theme, color) {
+  if (!color) {
+    return undefined;
+  } else if (color in theme.color.semantic) {
+    return theme.color.semantic[color];
+  }
+
+  var isText = color.startsWith('text');
+  var isBranding = color.startsWith('primary') || color.startsWith('secondary') || color.startsWith('thirdary');
+
+  if (!isText && !isBranding) {
+    return undefined;
+  }
+
+  var _color$split = color.split('.'),
+      path = _color$split[0],
+      type = _color$split[1];
+
+  if (isText && !(type in theme.color.text) || isBranding && !(!type || type in theme.color.primary)) {
+    return undefined;
+  }
+
+  return theme.color[path][type || 'default'];
+}
+
+function resolveThemeColorProp(theme, color) {
+  return typeof color === 'function' ? color(theme) : resolveThemeColorByPath(theme, color);
+}
+
+var useStyles$2 =
+/*#__PURE__*/
+makeStyles([['typography', function (theme, _ref) {
+  var variant = _ref[0],
+      color = _ref[1],
+      weight = _ref[2],
+      gutterBottom = _ref[3],
+      noWrap = _ref[4];
+  var fontSize = theme.typography.fontSize[variant];
+  var fontWeight = theme.typography.fontWeight[weight];
+  var lineHeight = fontSize + 8; // On IE11, it's height may be strange when inserted an image children whose width > height.
+  // The solution is to add min-height 0.01px. I don't know how it works.
+
+  return ["\n\t\t\t\tcolor: " + (resolveThemeColorProp(theme, color) || 'inherit') + ";\n\t\t\t\tfont-weight: " + fontWeight + ";\n\t\t\t\tfont-size: " + fontSize + "px;\n\t\t\t\tline-height: " + lineHeight + "px;\n\t\t\t\tmin-height: 0.01px;\n\t\t\t\tmargin: 0;\n\t\t\t\tmargin-bottom: " + (gutterBottom ? '0.35em' : 0) + ";\n\t\t\t", noWrap && "\n\t\t\t\toverflow: hidden;\n\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\twhite-space: nowrap;\n\t\t\t"];
+}]]);
+
+var Typography =
+/*#__PURE__*/
+forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+      className = _ref.className,
+      Vari = _ref.variant,
+      color = _ref.color,
+      weight = _ref.weight,
+      gutterBottom = _ref.gutterBottom,
+      noWrap = _ref.noWrap,
+      props = _objectWithoutPropertiesLoose(_ref, ["children", "className", "variant", "color", "weight", "gutterBottom", "noWrap"]);
+
+  var styles = useStyles$2([Vari, color, weight, gutterBottom, noWrap]);
+  return React.createElement(Vari, Object.assign({}, props, {
+    className: className ? cx(styles.typography, className) : styles.typography,
+    ref: ref
+  }), children);
+});
+Typography.defaultProps = {
+  weight: 'normal',
+  gutterBottom: false,
+  noWrap: false
+};
+
+var popOverStyles$1 =
+/*#__PURE__*/
+createStyles({
+  root: {
+    boxShadow: "0 1px 6px 0 rgba(69, 69, 69, 0.2),\n      0 1px 5px 0 rgba(69, 69, 69, 0.1)"
+  }
+});
+var keyBoardButtonStyles =
+/*#__PURE__*/
+createStyles({
+  root: {
+    '&:hover': {
+      backgroundColor: 'transparent'
+    }
+  }
+});
+var inputAdornmentStyles =
+/*#__PURE__*/
+createStyles({
+  positionStart: {
+    marginRight: '4px'
+  }
+});
+var styles$2 =
+/*#__PURE__*/
+createStyles({
+  root: {
+    maxWidth: '128px',
+    width: '100%',
+    height: '32px'
+  }
+});
+
+var StyledMuiKeyBoardDatePicker =
+/*#__PURE__*/
+withStyles(styles$2)(KeyboardDatePicker$1);
+var usePopOverStyles$1 =
+/*#__PURE__*/
+makeStyles$1(popOverStyles$1);
+var useKeyboardButtonStyles =
+/*#__PURE__*/
+makeStyles$1(keyBoardButtonStyles);
+var useInputAdornmentStyles =
+/*#__PURE__*/
+makeStyles$1(inputAdornmentStyles);
+var CommonKeyboardDatePickerProps = {
+  keyboardIcon:
+  /*#__PURE__*/
+  React.createElement(Icon, {
+    icon: CalendarAlt
+  }),
+  maxDateMessage: null,
+  minDateMessage: null,
+  inputVariant: 'outlined',
+  disableToolbar: true,
+  disableFuture: true,
+  variant: 'inline',
+  format: 'yyyy/MM/dd',
+  InputAdornmentProps: {
+    position: 'start'
+  },
+  margin: "normal",
+  autoOk: true
+};
+
+var InvalidDateMsg = function InvalidDateMsg(_ref) {
+  var msg = _ref.msg;
+  return React.createElement(Typography, {
+    variant: 'span',
+    color: 'error'
+  }, msg);
+};
+
+var KeyboardDatePicker = function KeyboardDatePicker(_ref2) {
+  var value = _ref2.value,
+      onChange = _ref2.onChange,
+      placeholder = _ref2.placeholder,
+      label = _ref2.label,
+      minDate = _ref2.minDate,
+      maxDate = _ref2.maxDate,
+      _ref2$invalidDateMsg = _ref2.invalidDateMsg,
+      invalidDateMsg = _ref2$invalidDateMsg === void 0 ? 'Invalid date' : _ref2$invalidDateMsg,
+      restProps = _objectWithoutPropertiesLoose(_ref2, ["value", "onChange", "placeholder", "label", "minDate", "maxDate", "invalidDateMsg"]);
+
+  var popOverClasses = usePopOverStyles$1();
+  var CommonKeyboardDatePickerClassProps = {
+    PopoverProps: {
+      PaperProps: {
+        classes: {
+          root: popOverClasses.root
+        }
+      }
+    }
+  };
+  var inputAdornmentClasses = useInputAdornmentStyles();
+
+  var KeyboardDatePickerClassProps = _extends({}, CommonKeyboardDatePickerProps, {}, CommonKeyboardDatePickerClassProps, {
+    InputAdornmentProps: _extends({}, CommonKeyboardDatePickerProps.InputAdornmentProps, {
+      classes: inputAdornmentClasses
+    })
+  });
+
+  var keyboardButtonStyles = useKeyboardButtonStyles();
+  var KeyboardButtonProps = {
+    edge: 'start',
+    size: 'small',
+    classes: {
+      root: keyboardButtonStyles.root
+    },
+    color: 'primary'
+  };
+  return React.createElement(StyledMuiKeyBoardDatePicker, Object.assign({
+    label: label,
+    placeholder: placeholder,
+    value: value,
+    minDate: minDate,
+    maxDate: maxDate,
+    onChange: onChange,
+    KeyboardButtonProps: KeyboardButtonProps,
+    invalidDateMessage: React.createElement(InvalidDateMsg, {
+      msg: invalidDateMsg
+    })
+  }, KeyboardDatePickerClassProps, restProps));
+};
+
+/**
+ * Converts a color from CSS hex format to CSS rgba format.
+ */
+function hexToRgba(originColor, opacity) {
+  if (opacity === void 0) {
+    opacity = 1;
+  }
+
+  var color = originColor.substr(1);
+  var re = new RegExp(".{1," + color.length / 3 + "}", 'g');
+  var colors = color.match(re);
+
+  if (colors && colors[0].length === 1) {
+    colors = colors.map(function (n) {
+      return n + n;
+    });
+  }
+
+  if (!colors) {
+    return '';
+  }
+
+  var rgb = colors.map(function (n) {
+    return parseInt(n, 16);
+  }).join(', ');
+  return "rgba(" + rgb + ", " + opacity + ")";
+}
+
+var useStyles$3 =
+/*#__PURE__*/
+makeStyles([['tag', function (theme, _ref) {
+  var originColor = _ref[0],
+      variant = _ref[1],
+      clickable = _ref[2];
+  var color = resolveThemeColorProp(theme, originColor);
+  return ["\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tjustify-content: center;\n\t\t\t\talign-items: center;\n\t\t\t\tfont-size: 13px;\n\t\t\t\tline-height: 2;\n\t\t\t\tborder-radius: 16px;\n\t\t\t\tborder: none;\n\t\t\t\toutline: none;\n\t\t\t\tpadding: 0;\n\t\t\t\ttransition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n\t\t\t\twhite-space: nowrap;\n\t\t\t\tvertical-align: middle;\n\t\t\t\ttext-decoration: none;\n\t\t\t\tcursor: default;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t", variant === 'filled' && "\n\t\t\t\tbackground-color: " + (color || theme.color.text.B) + ";\n\t\t\t\tborder: 1px solid " + (color || theme.color.text.B) + ";\n\t\t\t\tcolor: " + theme.color.text[color ? 'white' : 'B6'] + ";\n\t\t\t", variant === 'outlined' && "\n\t\t\t\tbackground-color: transparent;\n\t\t\t\tborder: 1px solid " + (color || theme.color.text.B) + ";\n\t\t\t\tcolor: " + (color || theme.color.text.B6) + ";\n\t\t\t", clickable && "\n\t\t\t\t-webkit-tap-highlight-color: transparent;\n\t\t\t\tcursor: pointer;\n\n\t\t\t\t&:active {\n\t\t\t\t\tbox-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);\n\t\t\t\t}\n\t\t\t", clickable && variant === 'filled' && "\n\t\t\t\t&:hover,\n\t\t\t\t&:focus {\n\t\t\t\t\tbackground-color: " + hexToRgba(color || theme.color.text.B2, 0.8) + ";\n\t\t\t\t}\n\t\t\t", clickable && variant === 'outlined' && "\n\t\t\t\t&:hover,\n\t\t\t\t&:focus {\n\t\t\t\t\tbackground-color: " + hexToRgba(color || theme.color.text.B6, 0.08) + ";\n\t\t\t\t}\n\t\t\t"];
+}], ['label', "\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tpadding: 0 8px;\n\t\twhite-space: nowrap;\n\t\tuser-select: none;\n\t\tcursor: inherit;\n\t"]]);
+
+var Tag = function Tag(_ref) {
+  var children = _ref.children,
+      className = _ref.className,
+      color = _ref.color,
+      variant = _ref.variant,
+      onClick = _ref.onClick,
+      props = _objectWithoutPropertiesLoose(_ref, ["children", "className", "color", "variant", "onClick"]);
+
+  var styles = useStyles$3([color, variant, !!onClick]);
+  return React.createElement("div", Object.assign({}, props, {
+    className: className ? cx(styles.tag, className) : styles.tag,
+    onClick: onClick
+  }), React.createElement("span", {
+    className: styles.label
+  }, children));
+};
+
+Tag.defaultProps = {
+  variant: 'filled'
+};
+
+var Tooltip =
+/*#__PURE__*/
+forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+      title = _ref.title,
+      arrow = _ref.arrow,
+      placement = _ref.placement,
+      enterDelay = _ref.enterDelay,
+      enterNextDelay = _ref.enterNextDelay,
+      restProps = _objectWithoutPropertiesLoose(_ref, ["children", "title", "arrow", "placement", "enterDelay", "enterNextDelay"]);
+
+  return React.createElement(MuiTooltip, Object.assign({
+    title: title,
+    arrow: arrow,
+    placement: placement,
+    enterDelay: enterDelay,
+    enterNextDelay: enterNextDelay,
+    ref: ref
+  }, restProps), children);
+});
+
+var useStyles$4 =
+/*#__PURE__*/
+makeStyles$1({
+  root: {
+    boxSizing: 'border-box',
+    width: '100%',
+    paddingLeft: '5px',
+    paddingBottom: '0',
+    height: function height(props) {
+      return props.height || '32px';
+    },
+    backgroundColor: function backgroundColor(props) {
+      return props.backgroundColor || '#fff';
+    },
+    '& .status': {
+      display: 'none'
+    },
+    '& .MuiSelect-icon': {
+      fontSize: '20px',
+      width: '16px',
+      height: '16px',
+      top: 'calc(50% - 8px)'
+    },
+    '& .MuiInputBase-input': {
+      display: 'flex',
+      alignItems: 'center',
+      boxSizing: 'border-box',
+      padding: '5px 0',
+      height: function height(props) {
+        return props.height || '32px';
+      },
+      lineHeight: function lineHeight(props) {
+        return props.height || '32px';
+      },
+      color: function color(props) {
+        return props.selectedItemColor || '#6b6b6b';
+      }
+    }
+  }
+});
+var itemStyle =
+/*#__PURE__*/
+makeStyles$1({
+  container: {
+    transition: '0.2s',
+    transitionProperty: 'color, background-color',
+    maxWidth: '100%',
+    paddingLeft: '5px',
+    overflow: 'hidden',
+    '&:hover': {
+      backgroundColor: function backgroundColor(props) {
+        return props.itemHoverBackgroundColor || '#d1f0e5';
+      },
+      color: function color(props) {
+        return props.itemHoverColor || '#2f9271';
+      },
+      '& > $var': {
+        backgroundColor: '#3dba90',
+        color: '#fff'
+      }
+    },
+    '&.Mui-selected': {
+      backgroundColor: function backgroundColor(props) {
+        return props.itemSelectedBackgroundColor || '#fff';
+      },
+      color: function color(props) {
+        return props.itemSelectedColor || '#3dba90';
+      },
+      '& > $var': {
+        backgroundColor: '#3dba90',
+        color: '#fff'
+      }
+    }
+  },
+  root: {
+    padding: '0 5px',
+    height: '30px',
+    lineHeight: '30px',
+    color: '#6b6b6b'
+  },
+  "var": {
+    display: 'inline-block',
+    paddingLeft: '8px',
+    paddingRight: '8px',
+    maxWidth: 'calc(100% - 16px)',
+    overflow: 'hidden',
+    whiteSpace: 'nowrap',
+    textOverflow: 'ellipsis',
+    color: '#6b6b6b',
+    backgroundColor: '#eee',
+    borderRadius: '4px',
+    transition: '0.2s',
+    transitionProperty: 'color, background-color',
+    '&::before': {
+      content: '"# "'
+    }
+  }
+});
+
+var Select = function Select(props) {
+  var options = props.options,
+      value = props.value,
+      onChange = props.onChange,
+      _props$variant = props.variant,
+      variant = _props$variant === void 0 ? 'outlined' : _props$variant,
+      _props$multiple = props.multiple,
+      multiple = _props$multiple === void 0 ? false : _props$multiple,
+      onOpen = props.onOpen,
+      onClose = props.onClose,
+      height = props.height,
+      backgroundColor = props.backgroundColor,
+      _props$isVarItem = props.isVarItem,
+      isVarItem = _props$isVarItem === void 0 ? false : _props$isVarItem,
+      restProps = _objectWithoutPropertiesLoose(props, ["options", "value", "onChange", "variant", "multiple", "onOpen", "onClose", "height", "backgroundColor", "isVarItem"]);
+
+  var classes = useStyles$4(props);
+  var itemClasses = itemStyle(props);
+  return React.createElement(MuiSelect, Object.assign({
+    className: classes.root,
+    value: value,
+    onChange: onChange,
+    variant: variant,
+    multiple: multiple,
+    onOpen: onOpen,
+    onClose: onClose,
+    displayEmpty: true,
+    fullWidth: true
+  }, restProps), options.map(function (option) {
+    return React.createElement(MuiMenuItem, {
+      className: itemClasses.container,
+      value: option.value,
+      key: option.value
+    }, isVarItem ? React.createElement("div", {
+      className: cx(itemClasses.root, itemClasses["var"])
+    }, option.children) : option.children);
+  }));
+};
+
+var styles$3 =
+/*#__PURE__*/
+createStyles({
+  root: {
+    boxSizing: 'border-box',
+    height: '40px',
+    paddingTop: '5px',
+    paddingLeft: '5px',
+    paddingBottom: '0',
+    paddingRight: '32px',
+    backgroundColor: '#fff',
+    '& .status': {
+      display: 'none'
+    }
+  },
+  icon: {
+    fontSize: '20px',
+    width: '16px',
+    height: '16px',
+    top: 'calc(50% - 8px)'
+  }
+});
+var emptyStyles =
+/*#__PURE__*/
+createStyles({
+  root: {
+    paddingLeft: '36px',
+    pointerEvents: 'none'
+  }
+});
+var subheaderStyles =
+/*#__PURE__*/
+createStyles({
+  root: {
+    color: '#989898',
+    pointerEvents: 'none'
+  }
+});
+var useCustomOptionStyle =
+/*#__PURE__*/
+makeStyles$1({
+  container: {
+    backgroundColor: '#fff',
+    maxWidth: '100%',
+    overflow: 'hidden',
+    marginLeft: '16px',
+    '&:hover': {
+      backgroundColor: '#d1f0e5',
+      '& > $var': {
+        backgroundColor: '#3dba90',
+        color: '#fff'
+      },
+      '& > $sbj': {
+        color: '#2f9271'
+      }
+    },
+    '&.Mui-selected': {
+      backgroundColor: '#fff',
+      '& > $var': {
+        backgroundColor: '#3dba90',
+        color: '#fff'
+      },
+      '& > $sbj': {
+        color: '#3dba90'
+      }
+    }
+  },
+  root: {
+    padding: '0 5px',
+    height: '30px',
+    lineHeight: '30px',
+    color: '#6b6b6b'
+  },
+  "var": {
+    display: 'inline-block',
+    paddingLeft: '8px',
+    paddingRight: '8px',
+    maxWidth: 'calc(100% - 16px)',
+    overflow: 'hidden',
+    whiteSpace: 'nowrap',
+    textOverflow: 'ellipsis',
+    color: '#6b6b6b',
+    backgroundColor: '#eee',
+    borderRadius: '4px',
+    transition: '0.2s',
+    transitionProperty: 'color, background-color',
+    '&::before': {
+      content: '"# "'
+    }
+  },
+  sbj: {
+    color: '#6b6b6b',
+    transition: 'color 0.2s'
+  }
+});
+
+var StyledSelect =
+/*#__PURE__*/
+withStyles(styles$3)(MuiSelect);
+var StyledEmptyLabel =
+/*#__PURE__*/
+withStyles(emptyStyles)(MuiListSubheader);
+var StyledSubheader =
+/*#__PURE__*/
+withStyles(subheaderStyles)(MuiListSubheader);
+
+var GroupSelect = function GroupSelect(props) {
+  var groups = props.groups,
+      value = props.value,
+      onChange = props.onChange,
+      _props$variant = props.variant,
+      variant = _props$variant === void 0 ? 'outlined' : _props$variant,
+      onOpen = props.onOpen,
+      onClose = props.onClose;
+  var classes = useCustomOptionStyle();
+  return React.createElement(StyledSelect, {
+    value: value,
+    onChange: onChange,
+    variant: variant,
+    onOpen: onOpen,
+    onClose: onClose,
+    displayEmpty: true,
+    fullWidth: true
+  }, groups.map(function (group) {
+    return [React.createElement(StyledSubheader, null, group.groupTitle), group.options.map(function (opt) {
+      if (opt.emptyLabel) {
+        return React.createElement(StyledEmptyLabel, {
+          style: {
+            pointerEvents: 'none'
+          }
+        }, opt.emptyLabel);
+      }
+
+      return React.createElement(MuiMenuItem, {
+        className: classes.container,
+        value: opt.value,
+        key: opt.value
+      }, React.createElement("div", {
+        className: cx(classes.root, classes[group.optionType])
+      }, opt.children));
+    })];
+  }));
+};
+
+function _templateObject5() {
+  var data = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  right: 8px;\n  font-size: 14px;\n  color: ", ";\n  font-weight: ", ";\n"]);
+
+  _templateObject5 = function _templateObject5() {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject4() {
+  var data = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  left: 8px;\n  font-size: 14px;\n  color: #fff;\n  font-weight: ", ";\n"]);
+
+  _templateObject4 = function _templateObject4() {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject3() {
+  var data = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  left: ", ";\n  top: -1px;\n  transform: ", ";\n  width: 23px;\n  height: 23px;\n  background: #fff;\n  border: 1px solid #eee;\n  box-shadow: #bdbdbd 0 1px 2px 0;\n  border-radius: 90px;\n  transition: 0.3s;\n\n  &:hover {\n    box-shadow: #bdbdbd 0 2px 4px 0;\n  }\n"]);
+
+  _templateObject3 = function _templateObject3() {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject2$2() {
+  var data = _taggedTemplateLiteralLoose(["\n  cursor: pointer;\n  width: 60px;\n  min-width: 60px;\n  height: 22px;\n  display: block;\n  border-radius: 100px;\n  display: flex;\n  align-items: center;\n  position: relative;\n  background-color: ", ";\n  transition: 0.3s;\n  outline: none;\n"]);
+
+  _templateObject2$2 = function _templateObject2() {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject$2() {
+  var data = _taggedTemplateLiteralLoose(["\n  height: 10px;\n  width: 0;\n  visibility: hidden;\n  outline: none;\n  position: absolute;\n  left: 50%;\n  top: 12%;\n"]);
+
+  _templateObject$2 = function _templateObject() {
+    return data;
+  };
+
+  return data;
+}
+var InputStyle =
+/*#__PURE__*/
+styled$1('input')(
+/*#__PURE__*/
+_templateObject$2());
+var LabelStyle =
+/*#__PURE__*/
+styled$1('label')(
+/*#__PURE__*/
+_templateObject2$2(), function (props) {
+  return props.checked ? theme.color.primary["default"] : theme.color.text.F;
+});
+var ThumbStyle =
+/*#__PURE__*/
+styled$1('span')(
+/*#__PURE__*/
+_templateObject3(), function (props) {
+  return props.checked ? '100%' : '0';
+}, function (props) {
+  return props.checked && 'translateX(-99%)';
+});
+var CheckedNode =
+/*#__PURE__*/
+styled$1('span')(
+/*#__PURE__*/
+_templateObject4(), theme.typography.fontWeight.normal);
+var UnCheckedNode =
+/*#__PURE__*/
+styled$1('span')(
+/*#__PURE__*/
+_templateObject5(), theme.color.text.B3, theme.typography.fontWeight.normal);
+
+var Switch =
+/*#__PURE__*/
+forwardRef(function (_ref, ref) {
+  var checked = _ref.checked,
+      onChange = _ref.onChange,
+      innerCheckedNode = _ref.innerCheckedNode,
+      innerUnCheckedNode = _ref.innerUnCheckedNode,
+      icon = _ref.icon,
+      restProps = _objectWithoutPropertiesLoose(_ref, ["checked", "onChange", "innerCheckedNode", "innerUnCheckedNode", "icon"]);
+
+  return React.createElement(LabelStyle, Object.assign({
+    htmlFor: 'switch-label',
+    checked: checked
+  }, restProps), React.createElement(ThumbStyle, {
+    checked: checked
+  }, icon), React.createElement(InputStyle, Object.assign({
+    type: 'checkbox',
+    id: 'switch-label',
+    checked: checked,
+    onChange: onChange,
+    ref: ref
+  }, restProps)), checked && React.createElement(CheckedNode, null, innerCheckedNode), !checked && React.createElement(UnCheckedNode, null, innerUnCheckedNode));
+});
+
+var menuListStyles =
+/*#__PURE__*/
+createStyles({
+  root: {
+    padding: '10px 0'
+  }
+});
+var paperStyles =
+/*#__PURE__*/
+createStyles({
+  root: {
+    boxShadow: "0 1px 8px 0 rgba(69, 69, 69, 0.2),\n     0 1px 6px 0 rgba(69, 69, 69, 0.1);",
+    minWidth: '120px'
+  }
+});
+
+var StyledPaper =
+/*#__PURE__*/
+withStyles(paperStyles)(MuiPaper);
+var StyledMenuList =
+/*#__PURE__*/
+withStyles(menuListStyles)(MuiMenuList);
+
+var MenuList = function MenuList(_ref) {
+  var open = _ref.open,
+      onMenuClose = _ref.onMenuClose,
+      anchorEl = _ref.anchorEl,
+      placement = _ref.placement,
+      children = _ref.children,
+      modifiers = _ref.modifiers,
+      _ref$fade = _ref.fade,
+      fade = _ref$fade === void 0 ? false : _ref$fade;
+  var paper = React.createElement(StyledPaper, null, React.createElement(ClickAwayListener, {
+    onClickAway: onMenuClose
+  }, React.createElement(StyledMenuList, null, children)));
+  return React.createElement(Popper$1, {
+    open: open,
+    anchorEl: anchorEl,
+    placement: placement,
+    transition: true,
+    modifiers: modifiers
+  }, function (_ref2) {
+    var TransitionProps = _ref2.TransitionProps;
+
+    if (fade) {
+      return React.createElement(Fade, Object.assign({}, TransitionProps, {
+        timeout: 400
+      }), paper);
+    } else {
+      return paper;
+    }
+  });
+};
+
+var useStyles$5 =
+/*#__PURE__*/
+makeStyles$1({
+  root: {
+    backgroundColor: function backgroundColor(props) {
+      return props.backgroundColor;
+    },
+    color: function color(props) {
+      return props.color;
+    },
+    '&:hover': {
+      backgroundColor: function backgroundColor(props) {
+        return props.hoverBackgroundColor;
+      },
+      color: function color(props) {
+        return props.hoverColor;
+      }
+    }
+  }
+});
+
+var MenuItem = function MenuItem(props) {
+  var children = props.children,
+      backgroundColor = props.backgroundColor,
+      color = props.color,
+      hoverBackgroundColor = props.hoverBackgroundColor,
+      hoverColor = props.hoverColor,
+      restProps = _objectWithoutPropertiesLoose(props, ["children", "backgroundColor", "color", "hoverBackgroundColor", "hoverColor"]);
+
+  var classes = useStyles$5(props);
+  return React.createElement(MuiMenuItem, Object.assign({}, restProps, {
+    className: classes.root
+  }), children);
+};
+
+var styles$4 = function styles(theme) {
+  return {
+    root: {
+      borderColor: theme.palette.primary.main,
+      '&:hover': {
+        backgroundColor: '#d1f0e5'
+      },
+      '&.Mui-selected': {
+        backgroundColor: theme.palette.primary.main,
+        color: 'white',
+        '&:hover': {
+          backgroundColor: theme.palette.primary.main
+        }
+      }
+    },
+    sizeSmall: {
+      width: 40,
+      height: 32,
+      '& svg': {
+        width: 18,
+        height: 18
+      }
+    }
+  };
+};
+
+var StyledMuiToggleButton =
+/*#__PURE__*/
+withStyles(styles$4)(MuiToggleButton);
+
+var ToggleButtonGroup = function ToggleButtonGroup(props) {
+  var value = props.value,
+      _props$exclusive = props.exclusive,
+      exclusive = _props$exclusive === void 0 ? true : _props$exclusive,
+      onChange = props.onChange,
+      _props$size = props.size,
+      size = _props$size === void 0 ? 'medium' : _props$size,
+      toggleButtons = props.toggleButtons,
+      ariaLabel = props.ariaLabel;
+  return React.createElement(MuiToggleButtonGroup, {
+    value: value,
+    exclusive: exclusive,
+    onChange: onChange,
+    size: size,
+    "aria-label": ariaLabel
+  }, toggleButtons.map(function (toggleButton) {
+    var value = toggleButton.value,
+        disabled = toggleButton.disabled,
+        children = toggleButton.children;
+    return React.createElement(StyledMuiToggleButton, {
+      key: value,
+      value: value,
+      disabled: disabled,
+      disableFocusRipple: true,
+      disableRipple: true,
+      "aria-label": value
+    }, children);
+  }));
+};
+
+var CustomIconButton =
+/*#__PURE__*/
+styled(IconButton)(function (_ref) {
+  var theme = _ref.theme;
+  return {
+    fontSize: '1rem',
+    '&:hover': {
+      color: theme.palette.primary.main,
+      backgroundColor: 'transparent'
+    },
+    '&:focus': {
+      color: theme.palette.primary.main
+    }
+  };
+});
+var ChevronLeftIconButton =
+/*#__PURE__*/
+memo(function (props) {
+  return React.createElement(CustomIconButton, Object.assign({}, props), React.createElement(SvgIcon, {
+    viewBox: "0 0 256 512",
+    fontSize: "inherit"
+  }, React.createElement("path", {
+    d: "M238.475 475.535l7.071-7.07c4.686-4.686 4.686-12.284 0-16.971L50.053 256 245.546 60.506c4.686-4.686 4.686-12.284 0-16.971l-7.071-7.07c-4.686-4.686-12.284-4.686-16.97 0L10.454 247.515c-4.686 4.686-4.686 12.284 0 16.971l211.051 211.05c4.686 4.686 12.284 4.686 16.97-.001z"
+  })));
+});
+var ChevronRightIconButton =
+/*#__PURE__*/
+memo(function (props) {
+  return React.createElement(CustomIconButton, Object.assign({}, props), React.createElement(SvgIcon, {
+    viewBox: "0 0 256 512",
+    fontSize: "inherit"
+  }, React.createElement("path", {
+    d: "M17.525 36.465l-7.071 7.07c-4.686 4.686-4.686 12.284 0 16.971L205.947 256 10.454 451.494c-4.686 4.686-4.686 12.284 0 16.971l7.071 7.07c4.686 4.686 12.284 4.686 16.97 0l211.051-211.05c4.686-4.686 4.686-12.284 0-16.971L34.495 36.465c-4.686-4.687-12.284-4.687-16.97 0z"
+  })));
+});
+
+var KEYCODE = {
+  ENTER: 13
+};
+var useTextFieldStyles =
+/*#__PURE__*/
+makeStyles$1(function (theme) {
+  return {
+    root: {
+      width: theme.spacing(4),
+      '& > div': {
+        width: theme.spacing(4),
+        height: theme.spacing(3)
+      }
+    },
+    input: {
+      textAlign: 'center',
+      '&::-webkit-clear-button, &::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {
+        /* display: none; <- Crashes Chrome on hover */
+        WebkitAppearance: 'none',
+
+        /* <-- Apparently some margin are still there even though it's hidden */
+        margin: 0,
+        MozAppearance: 'textfield'
+      }
+    }
+  };
+});
+
+var Pagination = function Pagination(_ref) {
+  var pageIndex = _ref.pageIndex,
+      totalPages = _ref.totalPages,
+      setPageIndex = _ref.setPageIndex;
+  var inputRef = useRef(null);
+
+  var _useState = useState('1'),
+      innerPageIndex = _useState[0],
+      setInnerPageIndex = _useState[1];
+
+  useEffect(function () {
+    setInnerPageIndex((pageIndex + 1).toString());
+  }, [pageIndex]);
+  useEffect(function () {
+    if (totalPages <= 0) {
+      setPageIndex(-1);
+    } else if (totalPages - 1 < pageIndex) {
+      setPageIndex(0);
+    }
+  }, [totalPages]);
+  var prev = useCallback(function () {
+    if (pageIndex > 0) {
+      setInnerPageIndex(pageIndex.toString());
+      setPageIndex(pageIndex - 1);
+    }
+  }, [pageIndex, setPageIndex, setInnerPageIndex]);
+  var next = useCallback(function () {
+    if (pageIndex < totalPages - 1) {
+      setInnerPageIndex((pageIndex + 2).toString());
+      setPageIndex(pageIndex + 1);
+    }
+  }, [pageIndex, totalPages, setPageIndex, setInnerPageIndex]);
+  var onChange = useCallback(function (event) {
+    var isNumber = event.target.value.match('^[0-9]*$');
+    var pageIndexFromEvent = parseInt(event.target.value, 10);
+
+    if (pageIndexFromEvent >= 1 && pageIndexFromEvent <= totalPages && isNumber && Number.isInteger(pageIndexFromEvent) && totalPages > 0) {
+      setInnerPageIndex(event.target.value);
+    } else if (!pageIndexFromEvent) {
+      setInnerPageIndex('');
+    }
+  }, [totalPages, setInnerPageIndex]);
+  var onBlur = useCallback(function () {
+    var isNumber = innerPageIndex.match('^[0-9]*$');
+
+    if (innerPageIndex && isNumber) {
+      setPageIndex(parseInt(innerPageIndex, 10) - 1);
+    } else {
+      setInnerPageIndex((pageIndex + 1).toString());
+    }
+  }, [innerPageIndex, setPageIndex, setInnerPageIndex]);
+  var onKeyUp = useCallback(function (event) {
+    if (event.keyCode === KEYCODE.ENTER) {
+      onBlur();
+      inputRef.current && inputRef.current.blur();
+    }
+  }, [onBlur, inputRef]);
+  var hasPrev = pageIndex > 0;
+  var hasNext = pageIndex < totalPages - 1;
+  var styles = useTextFieldStyles();
+  return React.createElement(Box, {
+    display: "inline-flex",
+    alignItems: "center",
+    color: "grey.500"
+  }, React.createElement(ChevronLeftIconButton, {
+    disabled: !hasPrev,
+    onClick: prev,
+    tabIndex: hasPrev ? 0 : undefined,
+    "aria-disabled": !hasPrev,
+    size: "small"
+  }), React.createElement(Box, {
+    display: "flex",
+    alignItems: "center",
+    "data-page": pageIndex + 1,
+    "data-total-pages": totalPages
+  }, React.createElement(TextField, {
+    classes: {
+      root: styles.root
+    },
+    InputProps: {
+      classes: {
+        input: styles.input
+      }
+    },
+    inputRef: inputRef,
+    type: "text",
+    value: innerPageIndex,
+    onChange: onChange,
+    onKeyUp: onKeyUp,
+    onBlur: onBlur,
+    variant: "outlined"
+  }), React.createElement(Box, {
+    pr: 0.5,
+    pl: 1
+  }, React.createElement(Typography$1, {
+    variant: "body1"
+  }, "\uFF0F")), React.createElement(Typography$1, {
+    variant: "body1"
+  }, totalPages)), React.createElement(ChevronRightIconButton, {
+    disabled: !hasNext,
+    onClick: next,
+    tabIndex: hasNext ? 0 : undefined,
+    "aria-disabled": !hasNext,
+    size: "small"
+  }));
+};
+
+var index$1 = /*#__PURE__*/
+memo(Pagination);
+
+var useStyles$6 =
+/*#__PURE__*/
+makeStyles$1({
+  scrollButtons: {
+    width: '24px'
+  },
+  flexContainer: {
+    '& > *': {
+      margin: '0 12px'
+    },
+    '& > *:focus': {
+      color: theme.color.text.B5
+    },
+    '& > :first-child': {
+      marginLeft: 0
+    },
+    '& > :last-child': {
+      marginRight: 0
+    }
+  }
+});
+
+var Tabs =
+/*#__PURE__*/
+forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+      value = _ref.value,
+      onChange = _ref.onChange,
+      restProps = _objectWithoutPropertiesLoose(_ref, ["children", "value", "onChange"]);
+
+  var classes = useStyles$6();
+  return React.createElement(MuiTabs, Object.assign({
+    ref: ref,
+    value: value,
+    onChange: onChange,
+    scrollButtons: 'auto',
+    variant: 'scrollable',
+    classes: classes
+  }, restProps), children);
+});
+
+var useStyles$7 =
+/*#__PURE__*/
+makeStyles$1(function (theme$1) {
+  return createStyles({
+    root: {
+      textTransform: 'none',
+      minWidth: 56,
+      padding: '15px 0',
+      color: theme.color.text.B5,
+      opacity: 1,
+      '&:hover': {
+        color: theme.color.text.B4,
+        opacity: 1
+      },
+      '&$selected': {
+        color: theme.color.primary["default"]
+      }
+    },
+    selected: {},
+    wrapper: _extends({
+      height: 32
+    }, theme$1.typography.body1, {
+      fontWeight: theme.typography.fontWeight.medium
+    })
+  });
+});
+
+var Tab =
+/*#__PURE__*/
+forwardRef(function (_ref, ref) {
+  var label = _ref.label,
+      disabled = _ref.disabled,
+      icon = _ref.icon,
+      value = _ref.value,
+      restProps = _objectWithoutPropertiesLoose(_ref, ["label", "disabled", "icon", "value"]);
+
+  var classes = useStyles$7();
+  return React.createElement(MuiTab, Object.assign({
+    ref: ref,
+    classes: classes,
+    label: label,
+    disabled: disabled,
+    icon: icon,
+    value: value
+  }, restProps));
+});
+
+var Radio =
+/*#__PURE__*/
+forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+      onChange = _ref.onChange,
+      defaultValue = _ref.defaultValue,
+      value = _ref.value,
+      restProps = _objectWithoutPropertiesLoose(_ref, ["children", "onChange", "defaultValue", "value"]);
+
+  return React.createElement(RadioGroup, Object.assign({
+    onChange: onChange,
+    defaultValue: defaultValue,
+    value: value,
+    ref: ref
+  }, restProps), children);
+});
+
+var useStyles$8 =
+/*#__PURE__*/
+makeStyles$1({
+  root: {
+    '&:hover': {
+      backgroundColor: 'transparent'
+    }
+  },
+  icon: {
+    borderRadius: '50%',
+    width: 20,
+    height: 20,
+    boxShadow: "inset 0 0 0 2px " + theme.color.text.B5,
+    backgroundColor: 'transparent',
+    '$root.Mui-focusVisible &': {
+      boxShadow: "inset 0 0 0 2px " + theme.color.primary["default"],
+      backgroundColor: 'transparent'
+    },
+    'input:hover ~ &': {
+      padding: 0,
+      boxShadow: "inset 0 0 0 1px " + theme.color.primary["default"]
+    },
+    'input:disabled ~ &': {
+      boxShadow: "inset 0 0 0 2px " + theme.color.text.B3,
+      backgroundColor: 'transparent'
+    }
+  },
+  checkedIcon: {
+    borderRadius: '50%',
+    backgroundColor: 'transparent',
+    boxShadow: "inset 0 0 0 6px " + theme.color.primary["default"],
+    'input:hover ~ &': {
+      boxShadow: "inset 0 0 0 5px " + theme.color.primary["default"],
+      backgroundColor: 'transparent'
+    }
+  }
+});
+var MuiRadio =
+/*#__PURE__*/
+forwardRef(function (_ref, ref) {
+  var disabled = _ref.disabled,
+      checked = _ref.checked,
+      value = _ref.value,
+      classes = _ref.classes,
+      restProps = _objectWithoutPropertiesLoose(_ref, ["disabled", "checked", "value", "classes"]);
+
+  var css = useStyles$8();
+  return React.createElement(Radio$1, Object.assign({
+    ref: ref,
+    value: value,
+    checked: checked,
+    disabled: disabled,
+    color: 'primary',
+    icon: React.createElement("span", {
+      className: css.icon
+    }),
+    checkedIcon: React.createElement("span", {
+      className: cx(css.icon, css.checkedIcon)
+    }),
+    disableRipple: true,
+    disableFocusRipple: true
+  }, restProps));
+});
+
+var MuiCheckbox =
+/*#__PURE__*/
+forwardRef(function (_ref, ref) {
+  var disabled = _ref.disabled,
+      color = _ref.color,
+      checked = _ref.checked,
+      value = _ref.value,
+      classes = _ref.classes,
+      restProps = _objectWithoutPropertiesLoose(_ref, ["disabled", "color", "checked", "value", "classes"]);
+
+  return React.createElement(Checkbox, Object.assign({
+    ref: ref,
+    value: value,
+    checked: checked,
+    disabled: disabled,
+    color: color,
+    disableRipple: true,
+    disableFocusRipple: true
+  }, restProps));
+});
+
+var LongArrowRight = {
+  name: 'long-arrow-right-o',
+  definition: {
+    viewBox: '0 0 448 512',
+    pathData: 'M311.03 131.515l-7.071 7.07c-4.686 4.686-4.686 12.284 0 16.971L387.887 239H12c-6.627 0-12 5.373-12 12v10c0 6.627 5.373 12 12 12h375.887l-83.928 83.444c-4.686 4.686-4.686 12.284 0 16.971l7.071 7.07c4.686 4.686 12.284 4.686 16.97 0l116.485-116c4.686-4.686 4.686-12.284 0-16.971L328 131.515c-4.686-4.687-12.284-4.687-16.97 0z'
+  }
+};
+
+function _templateObject2$3() {
+  var data = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  margin: 0 8px;\n  color: ", ";\n  font-size: 14px;\n"]);
+
+  _templateObject2$3 = function _templateObject2() {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject$3() {
+  var data = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n"]);
+
+  _templateObject$3 = function _templateObject() {
+    return data;
+  };
+
+  return data;
+}
+var StepperContainer =
+/*#__PURE__*/
+css(
+/*#__PURE__*/
+_templateObject$3());
+var ConnectorContainer =
+/*#__PURE__*/
+css(
+/*#__PURE__*/
+_templateObject2$3(), theme.color.text.B3);
+
+var Stepper =
+/*#__PURE__*/
+forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+      activeStepIdx = _ref.activeStepIdx,
+      restProps = _objectWithoutPropertiesLoose(_ref, ["children", "activeStepIdx"]);
+
+  var steps = Children.toArray(children);
+  var stepsWithConnector = steps.reduce(function (acc, curr, idx) {
+    // curr is Step component
+    var isValid = isValidElement(curr);
+    var newStep = isValid ? cloneElement(curr, {
+      active: activeStepIdx === idx
+    }) : curr;
+
+    if (idx === steps.length - 1) {
+      return [].concat(acc, [newStep]);
+    } else {
+      var Connector = React.createElement("div", {
+        key: idx + "_connector",
+        className: ConnectorContainer
+      }, React.createElement(Icon, {
+        icon: LongArrowRight
+      }));
+      return [].concat(acc, [newStep, Connector]);
+    }
+  }, []);
+  return React.createElement("div", Object.assign({
+    ref: ref,
+    className: StepperContainer
+  }, restProps), stepsWithConnector);
+});
+var index$2 = /*#__PURE__*/
+memo(Stepper);
+
+function _templateObject$4() {
+  var data = _taggedTemplateLiteralLoose(["\n  cursor: ", ";\n  color: ", ";\n  background-color: transparent;\n  min-width: 56px;\n  padding: 16px 0;\n  border: none;\n  font-size: ", "px;\n  font-weight: ", ";\n  line-height: 22px;\n  outline: none;\n\n  &:hover {\n    color: ", ";\n  }\n"]);
+
+  _templateObject$4 = function _templateObject() {
+    return data;
+  };
+
+  return data;
+}
+var SytledStep =
+/*#__PURE__*/
+styled$1('button')(
+/*#__PURE__*/
+_templateObject$4(), function (props) {
+  return props.disabled ? 'not-allowed' : 'pointer';
+}, function (props) {
+  return props.active ? theme.color.text.B6 : theme.color.text.B3;
+}, theme.typography.fontSize.span, function (props) {
+  return props.active ? theme.typography.fontWeight.medium : theme.typography.fontWeight.normal;
+}, function (props) {
+  return props.active ? theme.color.text.B6 : theme.color.text.B4;
+});
+
+var Step =
+/*#__PURE__*/
+forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+      onClick = _ref.onClick,
+      disabled = _ref.disabled,
+      active = _ref.active,
+      restProps = _objectWithoutPropertiesLoose(_ref, ["children", "onClick", "disabled", "active"]);
+
+  var handleClick = function handleClick() {
+    if (disabled || !onClick) {
+      return;
+    }
+
+    onClick();
+  };
+
+  return React.createElement(SytledStep, Object.assign({
+    ref: ref,
+    onClick: handleClick,
+    disabled: disabled,
+    active: active
+  }, restProps), children);
+});
+var index$3 = /*#__PURE__*/
+memo(Step);
+
+function _templateObject$5() {
+  var data = _taggedTemplateLiteralLoose(["\n\ttable, th, td {\n\t\tborder: 1px solid #eeeeee;\n\t}\n\n  table {\n    width: 100%;\n\t\tborder-collapse: collapse;\n\t\ttable-layout:fixed;\n\t}\n\n  thead {\n\t\ttr th {\n\t\t\theight: 56px;\n\t\t\tfont-size: 14px;\n\t\t\tfont-weight: 500;\n\t\t\ttext-align: center;\n\t\t\tcolor: #3dba90;\n\n\t\t\t&:#title {\n\t\t\t\twidth: 20%;\n\t\t\t}\n\n\t\t\t&#origin {\n\t\t\t\twidth: 40%;\n\t\t\t}\n\n\t\t\t&#translate {\n\t\t\t\twidth: 40%;\n\t\t\t}\n\t\t}\n\t}\n\n\ttbody {\n\t\ttr td {\n\t\t\tword-break:break-word;\n\t\t\tvertical-align:top;\n\t\t}\n\t}\n"]);
+
+  _templateObject$5 = function _templateObject() {
+    return data;
+  };
+
+  return data;
+}
+var StyledEditableTable =
+/*#__PURE__*/
+css(
+/*#__PURE__*/
+_templateObject$5());
+
+var EditableTable = function EditableTable(_ref) {
+  var rows = _ref.rows,
+      columns = _ref.columns;
+
+  var _useTable = useTable({
+    columns: columns,
+    data: rows
+  }),
+      getTableProps = _useTable.getTableProps,
+      getTableBodyProps = _useTable.getTableBodyProps,
+      headerGroups = _useTable.headerGroups,
+      instanceRows = _useTable.rows,
+      prepareRow = _useTable.prepareRow;
+
+  return React.createElement("div", {
+    className: cx(StyledEditableTable)
+  }, React.createElement("table", Object.assign({}, getTableProps()), React.createElement("thead", null, headerGroups.map(function (headerGroup) {
+    return React.createElement("tr", Object.assign({}, headerGroup.getHeaderGroupProps()), headerGroup.headers.map(function (column) {
+      return React.createElement("th", Object.assign({
+        id: column.id
+      }, column.getHeaderProps()), column.render('Header'));
+    }));
+  })), React.createElement("tbody", Object.assign({}, getTableBodyProps), instanceRows.map(function (row) {
+    prepareRow(row);
+    return React.createElement("tr", Object.assign({}, row.getRowProps()), row.cells.map(function (cell) {
+      return React.createElement("td", Object.assign({}, cell.getCellProps()), cell.render('Cell'));
+    }));
+  }))));
+};
+
+function getHandlerSize(size) {
+  return size * 3;
+}
+function isTouchEvent(event) {
+  var touches = event.touches;
+  return !!(touches && touches.length);
+}
+function getEventClientPosition(event) {
+  var x, y;
+
+  if (isTouchEvent(event)) {
+    x = event.touches[0].clientX;
+    y = event.touches[0].clientY;
+  } else {
+    x = event.clientX;
+    y = event.clientY;
+  }
+
+  return {
+    x: x,
+    y: y
+  };
+}
+
+function boundValue(value, lower, upper) {
+  if (value < lower) {
+    return lower;
+  } else if (value > upper) {
+    return upper;
+  }
+
+  return value;
+}
+
+function calculateValueByPosition(position, vertical, min, max, step, bound) {
+  var range = max - min;
+  var ratio = boundValue(position, 0, bound) / bound;
+  ratio = vertical ? 1 - ratio : ratio;
+  var value = safeAdd(safeMul(Math.round(ratio * range / step), step), min);
+  return boundValue(value, min, max);
+}
+function calculatePercentage(value, min, max) {
+  return boundValue((value - min) / (max - min) * 100, 0, 100);
+}
+
+function useSlide(props) {
+  var sliderRef = useRef(null);
+  var handlerRef = useRef(null);
+
+  var _useState = useState(false),
+      sliding = _useState[0],
+      setSliding = _useState[1];
+
+  var startRef = useRef(0);
+  var offsetRef = useRef(0);
+  var propsRef = useRef(props);
+  propsRef.current = props;
+  var handleChange = useCallback(function (position, cliced) {
+    if (cliced === void 0) {
+      cliced = false;
+    }
+
+    var onChange = cliced ? propsRef.current.onClickChange : propsRef.current.onChange;
+
+    if (!onChange) {
+      return;
+    }
+
+    var _propsRef$current = propsRef.current,
+        vertical = _propsRef$current.vertical,
+        min = _propsRef$current.min,
+        max = _propsRef$current.max,
+        step = _propsRef$current.step;
+
+    var _sliderRef$current$ge = sliderRef.current.getBoundingClientRect(),
+        width = _sliderRef$current$ge.width,
+        height = _sliderRef$current$ge.height;
+
+    var bound = vertical ? height : width;
+    onChange(calculateValueByPosition(position, vertical, min, max, step, bound));
+  }, []);
+  var onSliderClick = useCallback(function (event) {
+    var vertical = propsRef.current.vertical;
+
+    var _getEventClientPositi = getEventClientPosition(event),
+        x = _getEventClientPositi.x,
+        y = _getEventClientPositi.y;
+
+    var _sliderRef$current$ge2 = sliderRef.current.getBoundingClientRect(),
+        left = _sliderRef$current$ge2.left,
+        top = _sliderRef$current$ge2.top;
+
+    var position = vertical ? y - top : x - left;
+    handleChange(position, true);
+  }, []);
+  var onSlideStart = useCallback(function (event) {
+    event.preventDefault();
+    var _propsRef$current2 = propsRef.current,
+        vertical = _propsRef$current2.vertical,
+        value = _propsRef$current2.value,
+        onBeforeChange = _propsRef$current2.onBeforeChange;
+    var _handlerRef$current = handlerRef.current,
+        offsetLeft = _handlerRef$current.offsetLeft,
+        offsetTop = _handlerRef$current.offsetTop;
+
+    var _getEventClientPositi2 = getEventClientPosition(event),
+        x = _getEventClientPositi2.x,
+        y = _getEventClientPositi2.y;
+
+    startRef.current = vertical ? offsetTop : offsetLeft;
+    offsetRef.current = vertical ? y : x;
+    setSliding(true);
+
+    if (onBeforeChange) {
+      onBeforeChange(value);
+    }
+  }, []);
+  useEffect(function () {
+    if (!sliding) {
+      return;
+    }
+
+    function handleDrag(event) {
+      event.preventDefault();
+      var vertical = propsRef.current.vertical;
+
+      var _getEventClientPositi3 = getEventClientPosition(event),
+          x = _getEventClientPositi3.x,
+          y = _getEventClientPositi3.y;
+
+      var clientPosition = vertical ? y : x;
+      var position = startRef.current + (clientPosition - offsetRef.current);
+      handleChange(position);
+    }
+
+    function handleDragEnd(event) {
+      event.preventDefault();
+      var _propsRef$current3 = propsRef.current,
+          value = _propsRef$current3.value,
+          onAfterChange = _propsRef$current3.onAfterChange;
+      setSliding(false);
+
+      if (onAfterChange) {
+        onAfterChange(value);
+      }
+    }
+
+    document.addEventListener('mousemove', handleDrag);
+    document.addEventListener('mouseup', handleDragEnd);
+    document.addEventListener('touchmove', handleDrag, {
+      passive: false
+    });
+    document.addEventListener('touchend', handleDragEnd);
+    document.addEventListener('touchcancel', handleDragEnd);
+    return function () {
+      document.removeEventListener('mousemove', handleDrag);
+      document.removeEventListener('mouseup', handleDragEnd);
+      document.removeEventListener('touchmove', handleDrag);
+      document.removeEventListener('touchend', handleDragEnd);
+      document.removeEventListener('touchcancel', handleDragEnd);
+    };
+  }, [sliding]);
+  return {
+    sliderRef: sliderRef,
+    handlerRef: handlerRef,
+    onSliderClick: onSliderClick,
+    onSlideStart: onSlideStart
+  };
+}
+
+function Track(_ref) {
+  var className = _ref.className,
+      vertical = _ref.vertical,
+      percentage = _ref.percentage;
+  var style;
+
+  if (vertical) {
+    style = {
+      height: percentage + "%",
+      bottom: 0
+    };
+  } else {
+    style = {
+      width: percentage + "%"
+    };
+  }
+
+  return React.createElement("div", {
+    className: className,
+    style: style
+  });
+}
+
+var Handler =
+/*#__PURE__*/
+forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+      vertical = _ref.vertical,
+      percentage = _ref.percentage,
+      onSlideStart = _ref.onSlideStart;
+  var onClick = useCallback(function (event) {
+    event.stopPropagation();
+    event.nativeEvent.stopImmediatePropagation();
+  }, []);
+  var style;
+
+  if (vertical) {
+    style = {
+      top: 100 - percentage + "%"
+    };
+  } else {
+    style = {
+      left: percentage + "%"
+    };
+  }
+
+  return React.createElement("div", {
+    ref: ref,
+    className: className,
+    tabIndex: 0,
+    onTouchStart: onSlideStart,
+    onMouseDown: onSlideStart,
+    onClick: onClick,
+    style: style
+  });
+});
+
+function Mark(_ref) {
+  var className = _ref.className,
+      vertical = _ref.vertical,
+      mark = _ref.mark,
+      point = _ref.point,
+      lowerBound = _ref.lowerBound,
+      range = _ref.range,
+      active = _ref.active,
+      onChange = _ref.onChange;
+  var handleClick = useCallback(function () {
+    if (onChange) {
+      onChange(point);
+    }
+  }, [onChange, point]);
+  var theme = useTheme();
+  var markPointIsObject = typeof mark === 'object' && !isValidElement(mark);
+  var markLabel = markPointIsObject ? mark.label : mark;
+  var percentage = (point - lowerBound) / range * 100;
+  var bottomStyle = {
+    marginBottom: '-50%',
+    bottom: percentage + "%"
+  };
+  var leftStyle = {
+    left: percentage + "%",
+    transform: "translateX(-50%)",
+    msTransform: "translateX(-50%)"
+  };
+  var style = vertical ? bottomStyle : leftStyle;
+  style = active ? _extends({}, style, {
+    color: theme.color.text.B6
+  }) : style;
+  style = markPointIsObject ? _extends({}, style, {}, mark.style) : style;
+  return React.createElement("span", {
+    className: className,
+    onMouseDown: handleClick,
+    onTouchStart: handleClick,
+    style: style
+  }, markLabel);
+}
+
+var Mark$1 = /*#__PURE__*/
+memo(Mark);
+
+var useMarksStyles =
+/*#__PURE__*/
+makeStyles([['marks', function (_, _ref) {
+  var vertical = _ref[0],
+      handlerSize = _ref[1];
+  return ["\n\t\tposition: absolute;\n\t\tfont-size: 14px;\n\t", !vertical && "\n\t\t\ttop: " + handlerSize * 1.25 + "px;\n\t\t\tleft: 0;\n\t\t\twidth: 100%;\n\t\t", vertical && "\n\t\t\ttop: 0;\n\t\t\tleft: " + handlerSize * 1.25 + "px;\n\t\t\twidth: " + handlerSize + "px;\n\t\t\theight: 100%;\n\t\t"];
+}], ['mark', function (theme) {
+  return "\n\t\tdisplay: inline-block;\n\t\tposition: absolute;\n\t\tcolor: " + theme.color.text.B3 + ";\n\t\ttext-align: center;\n\t\tword-break: keep-all;\n\t\tcursor: pointer;\n\t\tuser-select: none;\n\t";
+}]]);
+
+function Marks(_ref) {
+  var vertical = _ref.vertical,
+      handlerSize = _ref.handlerSize,
+      marks = _ref.marks,
+      upperBound = _ref.upperBound,
+      lowerBound = _ref.lowerBound,
+      range = _ref.range,
+      onChange = _ref.onChange;
+  var onClick = useCallback(function (event) {
+    event.stopPropagation();
+    event.nativeEvent.stopImmediatePropagation();
+  }, []);
+  var points = useMemo(function () {
+    return Object.keys(marks).map(parseFloat).sort(function (a, b) {
+      return a - b;
+    });
+  }, [marks]);
+  var styles = useMarksStyles([vertical, handlerSize]);
+  return React.createElement("div", {
+    className: styles.marks,
+    onClick: onClick
+  }, points.map(function (point) {
+    return React.createElement(Mark$1, {
+      key: point,
+      className: styles.mark,
+      vertical: vertical,
+      mark: marks[point],
+      point: point,
+      lowerBound: lowerBound,
+      range: range,
+      active: point <= upperBound && point >= lowerBound,
+      onChange: onChange
+    });
+  }));
+}
+
+var useDotsStyles =
+/*#__PURE__*/
+makeStyles([['dots', function (_, _ref) {
+  var vertical = _ref[0],
+      size = _ref[1];
+  return ["\n\t\t\tposition: absolute;\n\t\t\tbackground: transparent;\n\t\t", !vertical && "\n\t\t\twidth: 100%;\n\t\t\theight: " + size + "px;\n\t\t", vertical && "\n\t\t\twidth: " + size + "px;\n\t\t\theight: 100%;\n\t\t"];
+}], ['dot', function (theme, _ref2) {
+  var vertical = _ref2[0],
+      size = _ref2[1];
+  return ["\n\t\t\tposition: absolute;\n\t\t\twidth: " + size + "px;\n\t\t\theight: " + size + "px;\n\t\t\tbackground-color: " + theme.color.text.white + ";\n\t\t\tborder: 2px solid #e8e8e8;\n\t\t\tborder-radius: 50%;\n\t\t", !vertical && "\n\t\t\ttop: -2px;\n\t\t\tmargin-left: -" + size / 2 + "px;\n\t\t", vertical && "\n\t\t\tleft: -2px;\n\t\t\tmargin-bottom: -" + size / 2 + "px;\n\t\t"];
+}]]);
+
+function Dot(_ref) {
+  var className = _ref.className,
+      vertical = _ref.vertical,
+      active = _ref.active,
+      point = _ref.point,
+      range = _ref.range,
+      min = _ref.min;
+  var theme = useTheme();
+  var offset = Math.abs(point - min) / range * 100 + "%";
+  var style = vertical ? {
+    bottom: offset
+  } : {
+    left: offset
+  };
+  style = active ? _extends({}, style, {
+    borderColor: theme.color.primary.hover
+  }) : style;
+  return React.createElement("span", {
+    className: className,
+    style: style
+  });
+}
+
+var Dot$1 = /*#__PURE__*/
+memo(Dot);
+
+function Dots(_ref) {
+  var vertical = _ref.vertical,
+      size = _ref.size,
+      marks = _ref.marks,
+      dots = _ref.dots,
+      step = _ref.step,
+      lowerBound = _ref.lowerBound,
+      upperBound = _ref.upperBound,
+      max = _ref.max,
+      min = _ref.min;
+  var range = max - min;
+  var points = useMemo(function () {
+    var pts = marks ? Object.keys(marks).map(parseFloat).sort(function (a, b) {
+      return a - b;
+    }) : [];
+
+    if (dots) {
+      for (var i = min; i <= max; i += step) {
+        if (!pts.includes(i)) {
+          pts.push(i);
+        }
+      }
+    }
+
+    return pts;
+  }, [marks, dots, step, min, max]);
+  var styles = useDotsStyles([vertical, size]);
+  return React.createElement("div", {
+    className: styles.dots
+  }, points.map(function (point) {
+    return React.createElement(Dot$1, {
+      key: point,
+      className: styles.dot,
+      vertical: vertical,
+      active: point <= upperBound && point >= lowerBound,
+      point: point,
+      range: range,
+      min: min
+    });
+  }));
+}
+
+var useSliderStyles =
+/*#__PURE__*/
+makeStyles([['rail', function (theme, _ref) {
+  var vertical = _ref[0],
+      size = _ref[1];
+  return ["\n\t\t\tposition: absolute;\n\t\t\tbackground-color: " + theme.color.primary.background + ";\n\t\t\tborder-radius: " + size + "px;\n\t\t\ttransition: background-color .3s;\n\t\t", !vertical ? "\n\t\t\twidth: 100%;\n\t\t\theight: " + size + "px;\n\t\t" : "\n\t\t\twidth: " + size + "px;\n\t\t\theight: 100%;\n\t\t"];
+}], ['track', function (theme, _ref2) {
+  var vertical = _ref2[0],
+      size = _ref2[1];
+  return ["\n\t\t\tposition: absolute;\n\t\t\tborder-radius: " + size + "px;\n\t\t\tbackground-color: " + theme.color.primary.hover + ";\n\t\t\ttransition: background-color 0.3s ease;\n\t\t", !vertical ? "\n\t\t\ttop: " + size + "px;\n\t\t\theight: " + size + "px;\n\t\t" : "\n\t\t\tleft: " + size + "px;\n\t\t\twidth: " + size + "px;\n\t\t"];
+}], ['handler', function (theme, _ref3) {
+  var vertical = _ref3[0],
+      size = _ref3[1],
+      handlerSize = _ref3[2];
+  return ["\n\t\t\tposition: absolute;\n\t\t\twidth: " + handlerSize + "px;\n\t\t\theight: " + handlerSize + "px;\n\t\t\tbackground-color: " + theme.color.text.white + ";\n\t\t\tborder-color: " + theme.color.primary.hover + ";\n\t\t\tborder-width: 3px;\n\t\t\tborder-style: solid;\n\t\t\tborder-radius: 50%;\n\t\t\ttransition: border-color 0.3s, box-shadow 0.6s, transform 0.3s cubic-bezier(.18, .89, .32, 1.28);\n\t\t\tbox-sizing: border-box;\n\n\t\t\t&:focus,\n\t\t\t&:active {\n\t\t\t\tborder-color: " + theme.color.primary["default"] + ";\n\t\t\t\toutline: none;\n\t\t\t\tbox-shadow: 0 0 0 " + size + "px " + hexToRgba(theme.color.primary["default"], 0.2) + ";\n\t\t\t}\n\t\t", !vertical ? "\n\t\t\ttransform: translateX(-50%);\n\t\t\ttop: 0;\n\t\t" : "\n\t\t\ttransform: translateY(-50%);\n\t\t\tleft: 0;\n\t\t"];
+}], ['slider', function (theme, _ref4, classes) {
+  var vertical = _ref4[0],
+      size = _ref4[1],
+      handlerSize = _ref4[2],
+      hasMarks = _ref4[3];
+  return ["\n\t\t\tposition: relative;\n\t\t\tborder-radius: 3px;\n\t\t\tmargin: " + handlerSize / 2 + "px;\n\t\t\ttouch-action: none;\n\t\t\tcursor: pointer;\n\t\t\tbox-sizing: border-box;\n\n\t\t\t&:hover {\n\t\t\t\t." + classes.track + " {\n\t\t\t\t\tbackground-color: " + theme.color.primary["default"] + ";\n\t\t\t\t}\n\t\t\t}\n\t\t", !vertical && "\n\t\t\tpadding: " + (handlerSize - size) / 2 + "px 0;\n\t\t\theight: " + handlerSize + "px;\n\t\t", vertical && "\n\t\t\tpadding: 0 " + (handlerSize - size) / 2 + "px;\n\t\t\twidth: " + handlerSize + "px;\n\t\t\theight: 100%;\n\t\t", hasMarks && !vertical && "\n\t\t\tmargin-bottom: " + handlerSize * 1.25 + "px;\n\t\t", hasMarks && vertical && "\n\t\t\tmargin-right: " + handlerSize * 1.25 + "px;\n\t\t"];
+}]]);
+
+var InputSlider = function InputSlider(_ref) {
+  var className = _ref.className,
+      vertical = _ref.vertical,
+      size = _ref.size,
+      value = _ref.value,
+      min = _ref.min,
+      max = _ref.max,
+      step = _ref.step,
+      dots = _ref.dots,
+      marks = _ref.marks,
+      onBeforeChange = _ref.onBeforeChange,
+      onChange = _ref.onChange,
+      onAfterChange = _ref.onAfterChange,
+      onClickChange = _ref.onClickChange;
+
+  var _useSlide = useSlide({
+    value: value,
+    min: min,
+    max: max,
+    step: step,
+    vertical: vertical,
+    onBeforeChange: onBeforeChange,
+    onChange: onChange,
+    onAfterChange: onAfterChange,
+    onClickChange: onClickChange
+  }),
+      sliderRef = _useSlide.sliderRef,
+      handlerRef = _useSlide.handlerRef,
+      onSliderClick = _useSlide.onSliderClick,
+      onSlideStart = _useSlide.onSlideStart;
+
+  var percentage = calculatePercentage(value, min, max);
+  var handlerSize = getHandlerSize(size);
+  var styles = useSliderStyles([vertical, size, handlerSize, !!marks]);
+  return React.createElement("div", {
+    className: className ? cx(styles.slider, className) : styles.slider,
+    ref: sliderRef,
+    onClick: onSliderClick
+  }, React.createElement("div", {
+    className: styles.rail
+  }), React.createElement(Track, {
+    className: styles.track,
+    vertical: vertical,
+    percentage: percentage
+  }), marks || dots ? React.createElement(Dots, {
+    vertical: vertical,
+    size: size,
+    marks: marks,
+    dots: dots,
+    step: step,
+    lowerBound: min,
+    upperBound: value,
+    min: min,
+    max: max
+  }) : null, React.createElement(Handler, {
+    ref: handlerRef,
+    className: styles.handler,
+    vertical: vertical,
+    percentage: percentage,
+    onSlideStart: onSlideStart
+  }), marks && React.createElement(Marks, {
+    vertical: vertical,
+    handlerSize: handlerSize,
+    marks: marks,
+    lowerBound: min,
+    upperBound: value,
+    range: max - min,
+    onChange: onClickChange
+  }));
+};
+
+InputSlider.defaultProps = {
+  vertical: false,
+  size: 8,
+  min: 0,
+  max: 100,
+  step: 1,
+  dots: false
+};
+
+var TimesCircle = {
+  name: 'times-circle',
+  definition: {
+    viewBox: '0 0 512 512',
+    pathData: 'M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z'
+  }
+};
+
+var InfoCircle = {
+  name: 'info-circle',
+  definition: {
+    viewBox: '0 0 512 512',
+    pathData: 'M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z'
+  }
+};
+
+var CheckCircle = {
+  name: 'check-circle',
+  definition: {
+    viewBox: '0 0 512 512',
+    pathData: 'M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z'
+  }
+};
+
+var ExclamationCircle = {
+  name: 'exclamation-circle',
+  definition: {
+    viewBox: '0 0 512 512',
+    pathData: 'M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'
+  }
+};
+
+
+
+var icons = ({
+  __proto__: null,
+  error: TimesCircle,
+  info: InfoCircle,
+  success: CheckCircle,
+  warning: ExclamationCircle
+});
+
+var useStyles$9 =
+/*#__PURE__*/
+makeStyles([['message', function (theme, _ref) {
+  var _ = _ref[0],
+      visible = _ref[1];
+  return ["\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tposition: fixed;\n\t\t\ttop: 0;\n\t\t\tleft: 50%;\n\t\t\ttransform: translate(-50%, -200%);\n\t\t\toverflow: hidden;\n\t\t\tmargin-top: 20px;\n\t\t\tborder-radius: 4px;\n\t\t\tpadding: 10px 16px;\n\t\t\tbox-shadow: 0 0 8px 0 rgba(69, 69, 69, 0.5);\n\t\t\tbackground-color: " + theme.color.text.white + ";\n\t\t\ttransition: transform 200ms ease-out;\n\t\t\tz-index: 2000;\n\t\t", visible && "\n\t\t\ttransform: translate(-50%, 0);\n\t\t"];
+}], ['icon', function (theme, _ref2) {
+  var type = _ref2[0];
+  return "\n\t\tfont-size: 18px;\n\t\tmargin-right: 10px;\n\t\tcolor: " + resolveThemeColorByPath(theme, type) + ";\n\t";
+}], ['content', "\n\t\tfont-size: 14px;\n\t\tmargin-right: auto;\n\t\tmax-width: 80vw;\n\t\tword-break: keep-all;\n\t\twhite-space: nowrap;\n\t"], ['close', function (theme) {
+  return "\n\t\tfont-size: 14px;\n\t\tline-height: 1;\n\t\tcolor: " + theme.color.text.B + ";\n\t\tmargin-left: 10px;\n\t\tcursor: pointer;\n\t\tuser-select: none;\n\n\t\t&:hover {\n\t\t\tcolor: " + theme.color.text.B4 + ";\n\t\t}\n\t";
+}]]);
+
+var Message =
+/*#__PURE__*/
+forwardRef(function (_ref, ref) {
+  var root = _ref.root,
+      type = _ref.type,
+      content = _ref.content,
+      duration = _ref.duration,
+      showClose = _ref.showClose,
+      onClose = _ref.onClose;
+
+  var _useState = useState(false),
+      visible = _useState[0],
+      setVisible = _useState[1];
+
+  var _useState2 = useState(content),
+      children = _useState2[0],
+      update = _useState2[1];
+
+  var destroy = function destroy() {
+    return setVisible(false);
+  };
+
+  var onTransitionEnd = function onTransitionEnd() {
+    if (!visible) {
+      unmountComponentAtNode(root);
+
+      if (root.parentNode) {
+        root.parentNode.removeChild(root);
+      }
+
+      if (typeof onClose === 'function') {
+        onClose();
+      }
+    }
+  };
+
+  var styles = useStyles$9([type, visible]);
+  useEffect(function () {
+    window.setTimeout(function () {
+      return setVisible(true);
+    }, 10);
+
+    if (duration) {
+      var timer = window.setTimeout(destroy, duration);
+      return function () {
+        window.clearTimeout(timer);
+      };
+    }
+
+    return undefined;
+  }, []);
+  useImperativeHandle(ref, function () {
+    return {
+      update: update,
+      destroy: destroy
+    };
+  });
+  return React.createElement("div", {
+    className: styles.message,
+    onTransitionEnd: onTransitionEnd
+  }, React.createElement(Icon, {
+    className: styles.icon,
+    icon: icons[type]
+  }), React.createElement("div", {
+    className: styles.content
+  }, children), showClose && React.createElement("div", {
+    className: styles.close,
+    onClick: function onClick() {
+      return setVisible(false);
+    }
+  }, "\xD7"));
+});
+
+function message(_ref) {
+  var type = _ref.type,
+      content = _ref.content,
+      duration = _ref.duration,
+      showClose = _ref.showClose,
+      onClose = _ref.onClose,
+      getContainer = _ref.getContainer;
+  var root = document.createElement('div');
+  var ref = createRef();
+  var container = typeof getContainer === 'function' ? getContainer() : document.body;
+  container.appendChild(root);
+  render(React.createElement(Message, {
+    ref: ref,
+    root: root,
+    type: type,
+    content: content,
+    duration: duration,
+    showClose: showClose,
+    onClose: onClose
+  }), root);
+  return {
+    destroy: function destroy() {
+      if (ref.current) {
+        ref.current.destroy();
+      }
+    },
+    update: function update(newContent) {
+      if (ref.current) {
+        ref.current.update(newContent);
+      }
+    }
+  };
+}
+
+var api = {
+  open: message
+};
+['success', 'info', 'warning', 'error'].forEach(function (type) {
+  api[type] = function (content, config) {
+    return api.open(_extends({
+      type: type,
+      content: content
+    }, config));
+  };
+});
+
+var Portal = function Portal(_ref) {
+  var container = _ref.container,
+      children = _ref.children;
+  var element = useContainer(container);
+  return element ? createPortal(children, element) : React.createElement(React.Fragment, null, children);
+};
+
+Portal.defaultProps = {
+  container: document.body
+};
+
+var Popper = function Popper(props) {
+  return React.createElement(Popper$1, Object.assign({}, props), props.children);
+};
+
+var Modal = function Modal(_ref) {
+  var children = _ref.children,
+      open = _ref.open,
+      backdropProps = _ref.backdropProps,
+      restProps = _objectWithoutPropertiesLoose(_ref, ["children", "open", "backdropProps"]);
+
+  return React.createElement(MuiModal, Object.assign({
+    open: open,
+    BackdropComponent: Backdrop$1,
+    BackdropProps: _extends({}, backdropProps),
+    closeAfterTransition: true
+  }, restProps), React.createElement(Fade, {
+    "in": open
+  }, children));
+};
+
+var ExclamationTriangle = {
+  name: 'exclamation-triangle',
+  definition: {
+    viewBox: '0 0 576 512',
+    //	tslint:disable-next-line:max-line-length
+    pathData: 'M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'
+  }
+};
+
+var Semantic;
+
+(function (Semantic) {
+  Semantic["WARNING"] = "warning";
+  Semantic["INFO"] = "info";
+  Semantic["SUCCESS"] = "success";
+  Semantic["ERROR"] = "error";
+})(Semantic || (Semantic = {}));
+
+var Direction;
+
+(function (Direction) {
+  Direction["UP"] = "up";
+  Direction["DOWN"] = "down";
+  Direction["LEFT"] = "left";
+  Direction["RIGHT"] = "right";
+})(Direction || (Direction = {}));
+
+function _templateObject4$1() {
+  var data = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  font-size: 16px;\n  width: 24px;\n  height: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-right: 8px;\n"]);
+
+  _templateObject4$1 = function _templateObject4() {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject3$1() {
+  var data = _taggedTemplateLiteralLoose(["\n  margin-bottom: 4px;\n  white-space: pre-line;\n"]);
+
+  _templateObject3$1 = function _templateObject3() {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject2$4() {
+  var data = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n"]);
+
+  _templateObject2$4 = function _templateObject2() {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject$6() {
+  var data = _taggedTemplateLiteralLoose(["\n  display: flex;\n"]);
+
+  _templateObject$6 = function _templateObject() {
+    return data;
+  };
+
+  return data;
+}
+var semanticColors = {
+  "default": '#FFF',
+  success: '#e7f4d7',
+  info: '#d6effa',
+  warning: '#fef1e1',
+  error: '#fbd0e0'
+};
+var useStyles$a =
+/*#__PURE__*/
+makeStyles$1({
+  root: {
+    backgroundColor: function backgroundColor(props) {
+      return props.semantic ? semanticColors[props.semantic] : '#FFFFFF';
+    },
+    padding: function padding(props) {
+      return props.withTitle ? '8px 16px' : '0 16px';
+    },
+    maxWidth: '550px',
+    minWidth: 0
+  }
+});
+var MessageWrapper =
+/*#__PURE__*/
+css(
+/*#__PURE__*/
+_templateObject$6());
+var MessageContent =
+/*#__PURE__*/
+css(
+/*#__PURE__*/
+_templateObject2$4());
+var TitleStyle =
+/*#__PURE__*/
+css(
+/*#__PURE__*/
+_templateObject3$1());
+var IconWrapper =
+/*#__PURE__*/
+styled$1.div(
+/*#__PURE__*/
+_templateObject4$1(), function (props) {
+  return props.color;
+});
+
+var _transitionMap, _semanticIcon;
+
+function TransitionLeft(props) {
+  return React.createElement(Slide, Object.assign({}, props, {
+    direction: Direction.LEFT
+  }));
+}
+
+function TransitionUp(props) {
+  return React.createElement(Slide, Object.assign({}, props, {
+    direction: Direction.UP
+  }));
+}
+
+function TransitionRight(props) {
+  return React.createElement(Slide, Object.assign({}, props, {
+    direction: Direction.RIGHT
+  }));
+}
+
+function TransitionDown(props) {
+  return React.createElement(Slide, Object.assign({}, props, {
+    direction: Direction.DOWN
+  }));
+}
+
+var transitionMap = (_transitionMap = {}, _transitionMap[Direction.LEFT] = TransitionLeft, _transitionMap[Direction.UP] = TransitionUp, _transitionMap[Direction.RIGHT] = TransitionRight, _transitionMap[Direction.DOWN] = TransitionDown, _transitionMap);
+var semanticIcon = (_semanticIcon = {}, _semanticIcon[Semantic.WARNING] = {
+  icon:
+  /*#__PURE__*/
+  React.createElement(Icon, {
+    icon: ExclamationTriangle
+  }),
+  color: '#F3973E'
+}, _semanticIcon[Semantic.INFO] = {
+  icon:
+  /*#__PURE__*/
+  React.createElement(Icon, {
+    icon: InfoCircle
+  }),
+  color: '#4DBAE9'
+}, _semanticIcon[Semantic.SUCCESS] = {
+  icon:
+  /*#__PURE__*/
+  React.createElement(Icon, {
+    icon: CheckCircle
+  }),
+  color: '#A0D45E'
+}, _semanticIcon[Semantic.ERROR] = {
+  icon:
+  /*#__PURE__*/
+  React.createElement(Icon, {
+    icon: TimesCircle
+  }),
+  color: '#EC3C63'
+}, _semanticIcon);
+var Content =
+/*#__PURE__*/
+forwardRef(function (_ref, ref) {
+  var title = _ref.title,
+      message = _ref.message,
+      action = _ref.action,
+      semantic = _ref.semantic,
+      showSemanticIcon = _ref.showSemanticIcon,
+      MessageIcon = _ref.MessageIcon;
+  var classes = useStyles$a({
+    semantic: semantic,
+    withTitle: !!title
+  });
+  var icon = semantic && semanticIcon[semantic].icon;
+  var iconColor = semantic && semanticIcon[semantic].color;
+  return React.createElement(MuiSnackbarContent, {
+    ref: ref,
+    message: React.createElement("div", {
+      className: MessageWrapper
+    }, showSemanticIcon && React.createElement(IconWrapper, {
+      color: iconColor
+    }, icon), !showSemanticIcon && MessageIcon && React.createElement(IconWrapper, {
+      color: iconColor
+    }, MessageIcon), React.createElement("div", {
+      className: MessageContent
+    }, title && React.createElement(Typography, {
+      variant: "h6",
+      weight: "medium",
+      color: "text.B6",
+      className: TitleStyle
+    }, title), React.createElement(Typography, {
+      variant: "p",
+      color: "text.B6"
+    }, message))),
+    action: action,
+    classes: classes
+  });
+});
+var Snackbar =
+/*#__PURE__*/
+forwardRef(function (_ref2, ref) {
+  var open = _ref2.open,
+      title = _ref2.title,
+      message = _ref2.message,
+      action = _ref2.action,
+      semantic = _ref2.semantic,
+      transitionDirection = _ref2.transitionDirection,
+      MessageIcon = _ref2.MessageIcon,
+      showSemanticIcon = _ref2.showSemanticIcon,
+      restProps = _objectWithoutPropertiesLoose(_ref2, ["open", "title", "message", "action", "semantic", "transitionDirection", "MessageIcon", "showSemanticIcon"]);
+
+  return React.createElement(MuiSnackbar, Object.assign({
+    ref: ref,
+    open: open
+  }, transitionDirection && {
+    TransitionComponent: transitionMap[transitionDirection]
+  }, restProps), React.createElement(Content, {
+    title: title,
+    message: message,
+    action: action,
+    semantic: semantic,
+    showSemanticIcon: showSemanticIcon,
+    MessageIcon: MessageIcon
+  }));
+});
+
+var Backdrop =
+/*#__PURE__*/
+forwardRef(function (props, ref) {
+  return React.createElement(Backdrop$1, Object.assign({
+    ref: ref
+  }, props), props.children);
+});
+
+var Link = {
+  name: 'list-ul-o',
+  definition: {
+    viewBox: '0 0 512 512',
+    pathData: 'M32.39 224C14.73 224 0 238.33 0 256s14.73 32 32.39 32a32 32 0 0 0 0-64zm0-160C14.73 64 0 78.33 0 96s14.73 32 32.39 32a32 32 0 0 0 0-64zm0 320C14.73 384 0 398.33 0 416s14.73 32 32.39 32a32 32 0 0 0 0-64zM504 80H136a8 8 0 0 0-8 8v16a8 8 0 0 0 8 8h368a8 8 0 0 0 8-8V88a8 8 0 0 0-8-8zm0 160H136a8 8 0 0 0-8 8v16a8 8 0 0 0 8 8h368a8 8 0 0 0 8-8v-16a8 8 0 0 0-8-8zm0 160H136a8 8 0 0 0-8 8v16a8 8 0 0 0 8 8h368a8 8 0 0 0 8-8v-16a8 8 0 0 0-8-8z'
+  }
+};
+
+function _templateObject3$2() {
+  var data = _taggedTemplateLiteralLoose(["\n  width: 24px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: ", ";\n"]);
+
+  _templateObject3$2 = function _templateObject3() {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject2$5() {
+  var data = _taggedTemplateLiteralLoose(["\n  padding: 8px;\n  display: inline-block;\n  cursor: pointer;\n"]);
+
+  _templateObject2$5 = function _templateObject2() {
+    return data;
+  };
+
+  return data;
+}
+
+function _templateObject$7() {
+  var data = _taggedTemplateLiteralLoose(["\n  background-color: white;\n  transition: transform ", ";\n  transform: translateX(", ");\n  position: fixed;\n  ", ";\n  bottom: 0;\n  top: 0;\n  min-width: ", "px;\n  height: 100%;\n  z-index: ", ";\n"]);
+
+  _templateObject$7 = function _templateObject() {
+    return data;
+  };
+
+  return data;
+}
+var defaultOffset = 200;
+
+var duration = function duration(props) {
+  var duration = 0.2;
+
+  if (props.duration && typeof props.duration === 'number') {
+    duration = props.duration / 1000;
+  }
+
+  return duration + "s";
+};
+
+var translateOffset = function translateOffset(props) {
+  var open = props.open,
+      position = props.position;
+  var offset = width(props);
+
+  if (position === 'left') {
+    if (open) {
+      return '0';
+    } else {
+      return "-" + offset + "px";
+    }
+  } else {
+    if (open) {
+      return '0';
+    } else {
+      return offset + "px";
+    }
+  }
+};
+
+var position = function position(props) {
+  var position = props.position;
+
+  if (position === 'left') {
+    return 'left: 0';
+  } else {
+    return 'right: 0';
+  }
+};
+
+var width = function width(props) {
+  var width = props.width;
+
+  if (typeof width === 'number' && width > defaultOffset) {
+    return width;
+  } else {
+    return defaultOffset;
+  }
+};
+
+var StyledSideMenu =
+/*#__PURE__*/
+styled$1.section(
+/*#__PURE__*/
+_templateObject$7(), duration, translateOffset, position, width, theme.zIndex.appBar);
+var StyledIconWrapper =
+/*#__PURE__*/
+styled$1.div(
+/*#__PURE__*/
+_templateObject2$5());
+var IconStyle =
+/*#__PURE__*/
+css(
+/*#__PURE__*/
+_templateObject3$2(), theme.color.primary["default"]);
+
+var SlidingSideMenu = function SlidingSideMenu(_ref) {
+  var children = _ref.children,
+      open = _ref.open,
+      onClick = _ref.onClick,
+      onClose = _ref.onClose,
+      onClosed = _ref.onClosed,
+      _ref$duration = _ref.duration,
+      duration = _ref$duration === void 0 ? 200 : _ref$duration,
+      icon = _ref.icon,
+      _ref$position = _ref.position,
+      position = _ref$position === void 0 ? 'left' : _ref$position,
+      width = _ref.width,
+      IconProps = _ref.IconProps,
+      BackdropProps = _ref.BackdropProps,
+      restProps = _objectWithoutPropertiesLoose(_ref, ["children", "open", "onClick", "onClose", "onClosed", "duration", "icon", "position", "width", "IconProps", "BackdropProps"]);
+
+  var _IconProps = _extends({}, IconProps),
+      IconClassName = _IconProps.className,
+      restIconProps = _objectWithoutPropertiesLoose(_IconProps, ["className"]);
+
+  var _BackdropProps = _extends({}, BackdropProps),
+      BackdropClassName = _BackdropProps.className,
+      restBackdropProps = _objectWithoutPropertiesLoose(_BackdropProps, ["className"]);
+
+  var handleClose = function handleClose() {
+    onClose(); // after transition finished
+
+    setTimeout(function () {
+      if (onClosed) {
+        onClosed();
+      }
+    }, duration);
+  };
+
+  var handleIconClick = function handleIconClick() {
+    if (open) {
+      handleClose();
+    } else {
+      onClick();
+    }
+  };
+
+  return React.createElement("section", null, icon ? React.createElement("span", {
+    onClick: handleIconClick
+  }, icon) : React.createElement(StyledIconWrapper, {
+    onClick: handleIconClick
+  }, React.createElement(Icon, Object.assign({
+    icon: Link,
+    className: cx(IconStyle, IconClassName)
+  }, restIconProps))), React.createElement(StyledSideMenu, Object.assign({
+    open: open,
+    duration: duration,
+    position: position,
+    width: width
+  }, restProps), children), React.createElement(Backdrop, Object.assign({
+    open: open,
+    onClick: handleClose,
+    className: BackdropClassName
+  }, restBackdropProps)));
+};
+
+var index$4 = /*#__PURE__*/
+memo(SlidingSideMenu);
+
+var useStyles$b =
+/*#__PURE__*/
+makeStyles$1({
+  root: {
+    margin: function margin(props) {
+      var orientation = props.orientation,
+          variant = props.variant;
+      var margin;
+
+      if (orientation === 'horizontal') {
+        margin = '6px auto';
+      } else if (orientation === 'vertical') {
+        margin = '-8px 4px';
+      }
+
+      if (orientation === 'horizontal' && variant === 'middle') {
+        margin = '6px 16px';
+      }
+
+      return margin;
+    },
+    width: function width(props) {
+      var orientation = props.orientation;
+      var width = '';
+
+      if (orientation === 'horizontal') {
+        width = 'auto';
+      }
+
+      return width;
+    },
+    height: function height(props) {
+      var orientation = props.orientation;
+      var height = '';
+
+      if (orientation === 'vertical') {
+        height = 'auto';
+      }
+
+      return height;
+    }
+  }
+});
+
+var Divider = function Divider(props) {
+  var _useStyles = useStyles$b(props),
+      root = _useStyles.root;
+
+  return React.createElement(MuiDivider, Object.assign({}, props, {
+    className: root
+  }));
+};
+
+var boxShadowForMenu = "0 1px 6px 0 rgba(69, 69, 69, 0.2),\n0 1px 5px 0 rgba(69, 69, 69, 0.1)";
+
+function _templateObject$8() {
+  var data = _taggedTemplateLiteralLoose(["\n    @import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC:400,500,700|Roboto:400,500,700&display=swap&subset=chinese-traditional');\n  "]);
+
+  _templateObject$8 = function _templateObject() {
+    return data;
+  };
+
+  return data;
+}
+var CaretDown =
+/*#__PURE__*/
+memo(function (props) {
+  return React.createElement(SvgIcon, Object.assign({
+    viewBox: "0 0 320 512",
+    color: "action"
+  }, props), React.createElement("path", {
+    d: "M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+  }));
+});
+var muiThemeForSurveyCake =
+/*#__PURE__*/
+function () {
+  // Side Effects
+  injectGlobal(_templateObject$8());
+  var BASE_FONT_SIZE = 16;
+  return createMuiTheme({
+    typography: {
+      fontFamily: ['Helvetica Neue', 'Helvetica', 'Roboto', 'Arial', 'Noto Sans TC', 'Apple LiGothic', '微軟正黑體', 'Microsoft JhengHei', 'sans-serif', 'PingFangTC-Regular'].join(','),
+      htmlFontSize: BASE_FONT_SIZE,
+      h1: {
+        fontSize: theme.typography.fontSize.h1 / BASE_FONT_SIZE + "rem",
+        lineHeight: 44 / BASE_FONT_SIZE + "rem"
+      },
+      h2: {
+        fontSize: theme.typography.fontSize.h2 / BASE_FONT_SIZE + "rem",
+        lineHeight: 40 / BASE_FONT_SIZE + "rem"
+      },
+      h3: {
+        fontSize: theme.typography.fontSize.h3 / BASE_FONT_SIZE + "rem",
+        lineHeight: 36 / BASE_FONT_SIZE + "rem"
+      },
+      h4: {
+        fontSize: theme.typography.fontSize.h4 / BASE_FONT_SIZE + "rem",
+        lineHeight: 32 / BASE_FONT_SIZE + "rem"
+      },
+      h5: {
+        fontSize: theme.typography.fontSize.h5 / BASE_FONT_SIZE + "rem",
+        lineHeight: 28 / BASE_FONT_SIZE + "rem"
+      },
+      h6: {
+        fontSize: theme.typography.fontSize.h6 / BASE_FONT_SIZE + "rem",
+        lineHeight: 24 / BASE_FONT_SIZE + "rem"
+      },
+      body1: {
+        fontFamily: 'PingFangTC-Regular',
+        fontSize: theme.typography.fontSize.p / BASE_FONT_SIZE + "rem",
+        lineHeight: 22 / BASE_FONT_SIZE + "rem"
+      },
+      body2: {
+        fontSize: 12 / BASE_FONT_SIZE + "rem",
+        lineHeight: 20 / BASE_FONT_SIZE + "rem"
+      },
+      button: {
+        fontSize: 12 / BASE_FONT_SIZE + "rem",
+        lineHeight: 20 / BASE_FONT_SIZE + "rem"
+      },
+      caption: {
+        fontSize: 12 / BASE_FONT_SIZE + "rem",
+        lineHeight: 20 / BASE_FONT_SIZE + "rem"
+      },
+      overline: {
+        fontSize: 12 / BASE_FONT_SIZE + "rem",
+        lineHeight: 20 / BASE_FONT_SIZE + "rem"
+      }
+    },
+    palette: {
+      primary: {
+        light: theme.color.primary.hover,
+        main: theme.color.primary["default"],
+        dark: theme.color.primary.active,
+        contrastText: '#ffffff'
+      },
+      secondary: {
+        light: theme.color.secondary.hover,
+        main: theme.color.secondary["default"],
+        dark: theme.color.secondary.active,
+        contrastText: '#ffffff'
+      },
+      action: {
+        hoverOpacity: 0.25
+      },
+      error: {
+        main: theme.color.semantic.error
+      }
+    },
+    props: {
+      // Name of the component ⚛️
+      MuiButtonBase: {
+        // The default props to change
+        disableRipple: true // No more ripple, on the whole application 💣!
+
+      },
+      MuiSelect: {
+        MenuProps: {
+          anchorOrigin: {
+            vertical: 'bottom',
+            horizontal: 'center'
+          },
+          transformOrigin: {
+            vertical: 'top',
+            horizontal: 'center'
+          },
+          getContentAnchorEl: null
+        },
+        IconComponent: CaretDown
+      }
+    },
+    overrides: {
+      MuiPopover: {
+        paper: {
+          marginTop: '8px'
+        }
+      },
+      // Style sheet name ⚛️
+      MuiButton: {
+        root: {
+          minWidth: 'none',
+          color: theme.color.text.B3,
+          '&:hover': {
+            backgroundColor: theme.color.text.HB
+          },
+          '&:disabled': {
+            color: theme.color.text.B2,
+            backgroundColor: theme.color.text.F
+          }
+        },
+        // Name of the rule
+        contained: {
+          // Some CSS
+          backgroundColor: theme.color.text.HB,
+          color: theme.color.text.B4,
+          boxShadow: 'none',
+          '&:hover': {
+            boxShadow: 'none',
+            backgroundColor: theme.color.text.HB,
+            color: theme.color.text.B5
+          },
+          '&:active': {
+            boxShadow: 'none'
+          },
+          '&$focusVisible': {
+            boxShadow: 'none'
+          }
+        },
+        outlinedPrimary: {
+          borderColor: theme.color.primary["default"]
+        },
+        containedPrimary: {
+          '&:disabled': {
+            color: theme.color.text.white
+          },
+          '&:hover': {
+            boxShadow: 'none',
+            color: theme.color.text.white
+          }
+        },
+        containedSecondary: {
+          '&:disabled': {
+            color: theme.color.text.white
+          },
+          '&:hover': {
+            boxShadow: 'none',
+            color: theme.color.text.white
+          }
+        }
+      },
+      MuiChip: {
+        root: {
+          borderRadius: 4,
+          '& span': {
+            padding: '0 8px'
+          }
+        }
+      },
+      MuiMenu: {
+        paper: {
+          boxShadow: boxShadowForMenu
+        }
+      },
+      MuiMenuItem: {
+        root: {
+          minHeight: 'auto'
+        }
+      },
+      MuiList: {
+        root: {
+          zIndex: 100
+        },
+        padding: {
+          padding: '8px'
+        }
+      },
+      MuiRadio: {
+        root: {
+          padding: 5
+        },
+        colorSecondary: {
+          '&:hover': {
+            backgroundColor: 'transparent'
+          },
+          MuiChecked: {
+            '&:hover': {
+              backgroundColor: 'transparent'
+            }
+          }
+        }
+      },
+      MuiListItem: {
+        root: {
+          borderRadius: '0',
+          '&$selected': {
+            backgroundColor: theme.color.primary.lightBackground,
+            color: theme.color.primary["default"],
+            '&:hover': {
+              backgroundColor: theme.color.primary.lightBackground
+            }
+          }
+        },
+        button: {
+          '&:hover': {
+            backgroundColor: 'white',
+            color: theme.color.primary["default"]
+          }
+        }
+      },
+      MuiTable: {
+        root: {
+          backgroundColor: 'white'
+        }
+      },
+      MuiTableRow: {
+        root: {
+          '&$hover': {
+            '&:hover': {
+              backgroundColor: '#fafafa'
+            }
+          }
+        }
+      },
+      MuiSelect: {
+        selectMenu: {
+          '&&': {
+            paddingRight: '32px',
+            color: '#aaa'
+          }
+        },
+        select: {
+          '&:focus': {
+            backgroundColor: 'white'
+          }
+        },
+        icon: {
+          color: '#aaa'
+        }
+      },
+      MuiOutlinedInput: {
+        root: {
+          '&:hover $notchedOutline': {
+            borderColor: theme.color.primary["default"]
+          },
+          '&$focused $notchedOutline': {
+            borderWidth: '1px',
+            boxShadow: "0 0 2px 0 " + theme.color.primary["default"]
+          }
+        },
+        input: {
+          padding: '8px'
+        },
+        notchedOutline: {
+          borderColor: '#eee'
+        },
+        adornedStart: {
+          paddingLeft: '12px'
+        }
+      },
+      MuiInputBase: {
+        root: {
+          fontSize: 14 / BASE_FONT_SIZE + "rem"
+        }
+      },
+      MuiIconButton: {
+        root: {
+          '&:hover': {
+            '& *': {
+              color: 'inherit'
+            }
+          }
+        }
+      },
+      MuiTooltip: {
+        tooltip: {
+          backgroundColor: theme.color.text.B6,
+          fontSize: theme.typography.fontSize.span
+        },
+        arrow: {
+          color: theme.color.text.B6
+        }
+      },
+      MuiCardHeader: {
+        root: {
+          padding: '13px 24px',
+          backgroundColor: theme.color.primary["default"]
+        }
+      },
+      MuiCardContent: {
+        root: {
+          padding: '13px 24px'
+        }
+      },
+      MuiCardActions: {
+        root: {
+          padding: '13px 24px',
+          backgroundColor: '#fafafa',
+          borderTop: "1px solid " + theme.color.text.HB
+        }
+      },
+      MuiSnackbarContent: {
+        root: {
+          borderRadius: '4px',
+          boxShadow: '0 1px 8px 0 rgba(69, 69, 69, 0.2), 0 1px 6px 0 rgba(69, 69, 69, 0.1)'
+        }
+      },
+      MuiTabs: {
+        indicator: {
+          backgroundColor: theme.color.primary["default"]
+        }
+      }
+    }
+  });
+}();
+var MuiThemeProvider = function MuiThemeProvider(_ref) {
+  var children = _ref.children;
+  return React.createElement(ThemeProvider, {
+    theme: muiThemeForSurveyCake
+  }, children);
+};
+
+var withMuiPickersUtilsProvider = function withMuiPickersUtilsProvider(Component) {
+  return function (props) {
+    return React.createElement(MuiPickersUtilsProvider, {
+      utils: DateFnsUtils
+    }, React.createElement(Component, Object.assign({}, props)));
+  };
+};
+
+var CheckSquare = {
+  name: 'check-square',
+  definition: {
+    viewBox: '0 0 448 512',
+    pathData: 'M400 480H48c-26.51 0-48-21.49-48-48V80c0-26.51 21.49-48 48-48h352c26.51 0 48 21.49 48 48v352c0 26.51-21.49 48-48 48zm-204.686-98.059l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.248-16.379-6.249-22.628 0L184 302.745l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.25 16.379 6.25 22.628.001z'
+  }
+};
+
+var HandPointer = {
+  name: 'hand-pointer',
+  definition: {
+    viewBox: '0 0 448 512',
+    pathData: 'M448 240v96c0 3.084-.356 6.159-1.063 9.162l-32 136C410.686 499.23 394.562 512 376 512H168a40.004 40.004 0 0 1-32.35-16.473l-127.997-176c-12.993-17.866-9.043-42.883 8.822-55.876 17.867-12.994 42.884-9.043 55.877 8.823L104 315.992V40c0-22.091 17.908-40 40-40s40 17.909 40 40v200h8v-40c0-22.091 17.908-40 40-40s40 17.909 40 40v40h8v-24c0-22.091 17.908-40 40-40s40 17.909 40 40v24h8c0-22.091 17.908-40 40-40s40 17.909 40 40zm-256 80h-8v96h8v-96zm88 0h-8v96h8v-96zm88 0h-8v96h8v-96z'
+  }
+};
+
+var Heart = {
+  name: 'heart',
+  definition: {
+    viewBox: '0 0 512 512',
+    pathData: 'M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z'
+  }
+};
+
+var Star = {
+  name: 'star',
+  definition: {
+    viewBox: '0 0 576 512',
+    pathData: 'M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z'
+  }
+};
+
+var ThumbUp = {
+  name: 'thumb-up',
+  definition: {
+    viewBox: '0 0 40 40',
+    pathData: 'M37.4,21.8l-2.8,11.1c-0.4,1.5-1.8,4.2-4.9,4.2H14.9c-1.3,0-2.3-1-2.8-1.8c-0.8,0.8-2.1,1.8-3.6,1.8H3.9 c-0.4,0-0.8-0.4-0.8-0.8V14.2c0-0.2,0.1-0.4,0.2-0.6c0.1-0.1,0.4-0.2,0.6-0.2c0,0,3,0,4.4,0c0,0,0,0,0,0c1,0,2.6,0.9,3.6,1.4 l0.5-0.9c0.2-0.3,4.1-6.9,5.1-8.2c0.1-0.2,0.3-0.4,0.5-0.7c1-1.4,2.3-3.4,4.1-3.5c0,0,0,0,0.1,0c2.1,0,2.8,3.2,3,4.4 c0.2,2,0.2,3.9-1.8,7.3h9.2c0,0,0,0,0,0c0.1,0,2.6,0,4.1,2C37.8,16.9,38.1,19.1,37.4,21.8z'
+  }
+};
+
+var Check = {
+  name: 'check',
+  definition: {
+    viewBox: '0 0 512 512',
+    pathData: 'M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'
+  }
+};
+
+var QuestionCircle = {
+  name: 'question-circle',
+  definition: {
+    viewBox: '0 0 512 512',
+    pathData: 'M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zM262.655 90c-54.497 0-89.255 22.957-116.549 63.758-3.536 5.286-2.353 12.415 2.715 16.258l34.699 26.31c5.205 3.947 12.621 3.008 16.665-2.122 17.864-22.658 30.113-35.797 57.303-35.797 20.429 0 45.698 13.148 45.698 32.958 0 14.976-12.363 22.667-32.534 33.976C247.128 238.528 216 254.941 216 296v4c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12v-1.333c0-28.462 83.186-29.647 83.186-106.667 0-58.002-60.165-102-116.531-102zM256 338c-25.365 0-46 20.635-46 46 0 25.364 20.635 46 46 46s46-20.636 46-46c0-25.365-20.635-46-46-46z'
+  }
+};
+
+var CaretDown$1 = {
+  name: 'caret-down',
+  definition: {
+    viewBox: '0 0 320 512',
+    pathData: 'M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'
+  }
+};
+
+var CaretUp = {
+  name: 'caret-up',
+  definition: {
+    viewBox: '0 0 320 512',
+    pathData: 'M288.662 352H31.338c-17.818 0-26.741-21.543-14.142-34.142l128.662-128.662c7.81-7.81 20.474-7.81 28.284 0l128.662 128.662c12.6 12.599 3.676 34.142-14.142 34.142z'
+  }
+};
+
+var CaretLeft = {
+  name: 'caret-left',
+  definition: {
+    viewBox: '0 0 192 512',
+    pathData: 'M192 127.338v257.324c0 17.818-21.543 26.741-34.142 14.142L29.196 270.142c-7.81-7.81-7.81-20.474 0-28.284l128.662-128.662c12.599-12.6 34.142-3.676 34.142 14.142z'
+  }
+};
+
+var CaretRight = {
+  name: 'caret-right',
+  definition: {
+    viewBox: '0 0 192 512',
+    pathData: 'M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z'
+  }
+};
+
+var Plus = {
+  name: 'plus',
+  definition: {
+    viewBox: '0 0 448 512',
+    pathData: 'M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z'
+  }
+};
+
+var PlusLight = {
+  name: 'plus-light',
+  definition: {
+    viewBox: '0 0 384 512',
+    pathData: 'M376 232H216V72c0-4.42-3.58-8-8-8h-32c-4.42 0-8 3.58-8 8v160H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h160v160c0 4.42 3.58 8 8 8h32c4.42 0 8-3.58 8-8V280h160c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z'
+  }
+};
+
+var Search = {
+  name: 'search',
+  definition: {
+    viewBox: '0 0 512 512',
+    pathData: 'M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z'
+  }
+};
+
+var ArrowAltLeft = {
+  name: 'arrow-alt-left',
+  definition: {
+    viewBox: '0 0 448 512',
+    //	tslint:disable-next-line:max-line-length
+    pathData: 'M448 208v96c0 13.3-10.7 24-24 24H224v103.8c0 21.4-25.8 32.1-41 17L7 273c-9.4-9.4-9.4-24.6 0-34L183 63.3c15.1-15.1 41-4.4 41 17V184h200c13.3 0 24 10.7 24 24z'
+  }
+};
+
+var AngleLeft = {
+  name: 'angle-left',
+  definition: {
+    viewBox: '0 0 192 512',
+    pathData: 'M4.2 247.5L151 99.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17L69.3 256l118.5 119.7c4.7 4.7 4.7 12.3 0 17L168 412.5c-4.7 4.7-12.3 4.7-17 0L4.2 264.5c-4.7-4.7-4.7-12.3 0-17z'
+  }
+};
+
+var AngleRight = {
+  name: 'angle-right',
+  definition: {
+    viewBox: '0 0 192 512',
+    pathData: 'M187.8 264.5L41 412.5c-4.7 4.7-12.3 4.7-17 0L4.2 392.7c-4.7-4.7-4.7-12.3 0-17L122.7 256 4.2 136.3c-4.7-4.7-4.7-12.3 0-17L24 99.5c4.7-4.7 12.3-4.7 17 0l146.8 148c4.7 4.7 4.7 12.3 0 17z'
+  }
+};
+
+var EllipsisV = {
+  name: 'ellipsis-v',
+  definition: {
+    viewBox: '0 0 64 512',
+    pathData: 'M32 224c17.7 0 32 14.3 32 32s-14.3 32-32 32-32-14.3-32-32 14.3-32 32-32zM0 136c0 17.7 14.3 32 32 32s32-14.3 32-32-14.3-32-32-32-32 14.3-32 32zm0 240c0 17.7 14.3 32 32 32s32-14.3 32-32-14.3-32-32-32-32 14.3-32 32z'
+  }
+};
+
+var EllipsisH = {
+  name: 'ellipsis-h',
+  definition: {
+    viewBox: '0 0 320 512',
+    pathData: 'M192 256c0 17.7-14.3 32-32 32s-32-14.3-32-32 14.3-32 32-32 32 14.3 32 32zm88-32c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32zm-240 0c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32z'
+  }
+};
+
+var ListUl = {
+  name: 'list-ul',
+  definition: {
+    viewBox: '0 0 512 512',
+    pathData: 'M88 56H40a16 16 0 0 0-16 16v48a16 16 0 0 0 16 16h48a16 16 0 0 0 16-16V72a16 16 0 0 0-16-16zm0 160H40a16 16 0 0 0-16 16v48a16 16 0 0 0 16 16h48a16 16 0 0 0 16-16v-48a16 16 0 0 0-16-16zm0 160H40a16 16 0 0 0-16 16v48a16 16 0 0 0 16 16h48a16 16 0 0 0 16-16v-48a16 16 0 0 0-16-16zm416 24H168a8 8 0 0 0-8 8v16a8 8 0 0 0 8 8h336a8 8 0 0 0 8-8v-16a8 8 0 0 0-8-8zm0-320H168a8 8 0 0 0-8 8v16a8 8 0 0 0 8 8h336a8 8 0 0 0 8-8V88a8 8 0 0 0-8-8zm0 160H168a8 8 0 0 0-8 8v16a8 8 0 0 0 8 8h336a8 8 0 0 0 8-8v-16a8 8 0 0 0-8-8z'
+  }
+};
+
+var Lock = {
+  name: 'lock',
+  definition: {
+    viewBox: '0 0 448 512',
+    pathData: 'M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z'
+  }
+};
+
+var SortUp = {
+  name: 'sort-up',
+  definition: {
+    viewBox: '0 0 320 512',
+    pathData: 'M279 224H41c-21.4 0-32.1-25.9-17-41L143 64c9.4-9.4 24.6-9.4 33.9 0l119 119c15.2 15.1 4.5 41-16.9 41z'
+  }
+};
+
+var SortDown = {
+  name: 'sort-down',
+  definition: {
+    viewBox: '0 0 320 512',
+    pathData: 'M41 288h238c21.4 0 32.1 25.9 17 41L177 448c-9.4 9.4-24.6 9.4-33.9 0L24 329c-15.1-15.1-4.4-41 17-41z'
+  }
+};
+
+var Sort = {
+  name: 'sort',
+  definition: {
+    viewBox: '0 0 320 512',
+    pathData: 'M41 288h238c21.4 0 32.1 25.9 17 41L177 448c-9.4 9.4-24.6 9.4-33.9 0L24 329c-15.1-15.1-4.4-41 17-41zm255-105L177 64c-9.4-9.4-24.6-9.4-33.9 0L24 183c-15.1 15.1-4.4 41 17 41h238c21.4 0 32.1-25.9 17-41z'
+  }
+};
+
+var ChevronLeft = {
+  name: 'chevron-left',
+  definition: {
+    viewBox: '0 0 256 512',
+    pathData: 'M231.293 473.899l19.799-19.799c4.686-4.686 4.686-12.284 0-16.971L70.393 256 251.092 74.87c4.686-4.686 4.686-12.284 0-16.971L231.293 38.1c-4.686-4.686-12.284-4.686-16.971 0L4.908 247.515c-4.686 4.686-4.686 12.284 0 16.971L214.322 473.9c4.687 4.686 12.285 4.686 16.971-.001z'
+  }
+};
+
+var ChevronRight = {
+  name: 'chevron-right',
+  definition: {
+    viewBox: '0 0 256 512',
+    pathData: 'M24.707 38.101L4.908 57.899c-4.686 4.686-4.686 12.284 0 16.971L185.607 256 4.908 437.13c-4.686 4.686-4.686 12.284 0 16.971L24.707 473.9c4.686 4.686 12.284 4.686 16.971 0l209.414-209.414c4.686-4.686 4.686-12.284 0-16.971L41.678 38.101c-4.687-4.687-12.285-4.687-16.971 0z'
+  }
+};
+
+var User = {
+  name: 'user',
+  definition: {
+    viewBox: '0 0 448 512',
+    pathData: 'M224 256c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm89.6 32h-16.7c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16h-16.7C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-74.2-60.2-134.4-134.4-134.4z'
+  }
+};
+
+var Users = {
+  name: 'users',
+  definition: {
+    viewBox: '0 0 640 512',
+    pathData: 'M96 224c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64zm448 0c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64zm32 32h-64c-17.6 0-33.5 7.1-45.1 18.6 40.3 22.1 68.9 62 75.1 109.4h66c17.7 0 32-14.3 32-32v-32c0-35.3-28.7-64-64-64zm-256 0c61.9 0 112-50.1 112-112S381.9 32 320 32 208 82.1 208 144s50.1 112 112 112zm76.8 32h-8.3c-20.8 10-43.9 16-68.5 16s-47.6-6-68.5-16h-8.3C179.6 288 128 339.6 128 403.2V432c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48v-28.8c0-63.6-51.6-115.2-115.2-115.2zm-223.7-13.4C161.5 263.1 145.6 256 128 256H64c-35.3 0-64 28.7-64 64v32c0 17.7 14.3 32 32 32h65.9c6.3-47.4 34.9-87.3 75.2-109.4z'
+  }
+};
+
+var UserPlus = {
+  name: 'user-plus',
+  definition: {
+    viewBox: '0 0 640 512',
+    pathData: 'M624 208h-64v-64c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v64h-64c-8.8 0-16 7.2-16 16v32c0 8.8 7.2 16 16 16h64v64c0 8.8 7.2 16 16 16h32c8.8 0 16-7.2 16-16v-64h64c8.8 0 16-7.2 16-16v-32c0-8.8-7.2-16-16-16zm-400 48c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm89.6 32h-16.7c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16h-16.7C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-74.2-60.2-134.4-134.4-134.4z'
+  }
+};
+
+var MinusLight = {
+  name: 'minus-light',
+  definition: {
+    viewBox: '0 0 384 512',
+    pathData: 'M376 232H8c-4.42 0-8 3.58-8 8v32c0 4.42 3.58 8 8 8h368c4.42 0 8-3.58 8-8v-32c0-4.42-3.58-8-8-8z'
+  }
+};
+
+var BarChart = {
+  name: 'bar-chart',
+  definition: {
+    viewBox: '0 0 24 24',
+    pathData: 'M2 5.2C2 5.08954 2.08954 5 2.2 5H3.8C3.91046 5 4 5.08954 4 5.2V17H21.8C21.9105 17 22 17.0895 22 17.2V18.8C22 18.9105 21.9105 19 21.8 19H3.8H2.2C2.08954 19 2 18.9105 2 18.8V17.2V5.2ZM6.4 10C6.17909 10 6 10.1791 6 10.4V11.6C6 11.8209 6.17909 12 6.4 12H13.6C13.8209 12 14 11.8209 14 11.6V10.4C14 10.1791 13.8209 10 13.6 10H6.4ZM6 13.4C6 13.1791 6.17909 13 6.4 13H19.6C19.8209 13 20 13.1791 20 13.4V14.6C20 14.8209 19.8209 15 19.6 15H6.4C6.17909 15 6 14.8209 6 14.6V13.4ZM6.4 7C6.17909 7 6 7.17909 6 7.4V8.6C6 8.82091 6.17909 9 6.4 9H16.6C16.8209 9 17 8.82091 17 8.6V7.4C17 7.17909 16.8209 7 16.6 7H6.4Z'
+  }
+};
+
+var BracketsCurly = {
+  name: 'brackets-curly',
+  definition: {
+    viewBox: '0 0 576 512',
+    pathData: 'M208 32h-88a56 56 0 0 0-56 56v77.49a40 40 0 0 1-11.72 28.29L7 239a24 24 0 0 0 0 34l45.24 45.24A40 40 0 0 1 64 346.52V424a56 56 0 0 0 56 56h88a16 16 0 0 0 16-16v-16a16 16 0 0 0-16-16h-88a8 8 0 0 1-8-8v-77.48a88.06 88.06 0 0 0-25.78-62.24L57.93 256l28.29-28.28A88.06 88.06 0 0 0 112 165.48V88a8 8 0 0 1 8-8h88a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16zm361 207l-45.25-45.24A40.07 40.07 0 0 1 512 165.48V88a56 56 0 0 0-56-56h-88a16 16 0 0 0-16 16v16a16 16 0 0 0 16 16h88a8 8 0 0 1 8 8v77.48a88 88 0 0 0 25.78 62.24L518.06 256l-28.28 28.28A88 88 0 0 0 464 346.52V424a8 8 0 0 1-8 8h-88a16 16 0 0 0-16 16v16a16 16 0 0 0 16 16h88a56 56 0 0 0 56-56v-77.49a40 40 0 0 1 11.72-28.29L569 273a24 24 0 0 0 0-34z'
+  }
+};
+
+var ThLarge = {
+  name: 'th-large-o',
+  definition: {
+    viewBox: '0 0 512 512',
+    pathData: 'M0 80v352c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V80c0-26.51-21.49-48-48-48H48C21.49 32 0 53.49 0 80zm240-16v176H32V80c0-8.837 7.163-16 16-16h192zM32 432V272h208v176H48c-8.837 0-16-7.163-16-16zm240 16V272h208v160c0 8.837-7.163 16-16 16H272zm208-208H272V64h192c8.837 0 16 7.163 16 16v160z'
+  }
+};
+
+var CheckCircle$1 = {
+  name: 'check-circle-o',
+  definition: {
+    viewBox: '0 0 512 512',
+    pathData: 'M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 464c-118.664 0-216-96.055-216-216 0-118.663 96.055-216 216-216 118.664 0 216 96.055 216 216 0 118.663-96.055 216-216 216zm141.63-274.961L217.15 376.071c-4.705 4.667-12.303 4.637-16.97-.068l-85.878-86.572c-4.667-4.705-4.637-12.303.068-16.97l8.52-8.451c4.705-4.667 12.303-4.637 16.97.068l68.976 69.533 163.441-162.13c4.705-4.667 12.303-4.637 16.97.068l8.451 8.52c4.668 4.705 4.637 12.303-.068 16.97z'
+  }
+};
+
+var ChevronDown = {
+  name: 'chevron-down-o',
+  definition: {
+    viewBox: '0 0 448 512',
+    pathData: 'M443.5 162.6l-7.1-7.1c-4.7-4.7-12.3-4.7-17 0L224 351 28.5 155.5c-4.7-4.7-12.3-4.7-17 0l-7.1 7.1c-4.7 4.7-4.7 12.3 0 17l211 211.1c4.7 4.7 12.3 4.7 17 0l211-211.1c4.8-4.7 4.8-12.3.1-17z'
+  }
+};
+
+var TimesCircle$1 = {
+  name: 'times-circle-o',
+  definition: {
+    viewBox: '0 0 512 512',
+    pathData: 'M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 464c-118.7 0-216-96.1-216-216 0-118.7 96.1-216 216-216 118.7 0 216 96.1 216 216 0 118.7-96.1 216-216 216zm94.8-285.3L281.5 256l69.3 69.3c4.7 4.7 4.7 12.3 0 17l-8.5 8.5c-4.7 4.7-12.3 4.7-17 0L256 281.5l-69.3 69.3c-4.7 4.7-12.3 4.7-17 0l-8.5-8.5c-4.7-4.7-4.7-12.3 0-17l69.3-69.3-69.3-69.3c-4.7-4.7-4.7-12.3 0-17l8.5-8.5c4.7-4.7 12.3-4.7 17 0l69.3 69.3 69.3-69.3c4.7-4.7 12.3-4.7 17 0l8.5 8.5c4.6 4.7 4.6 12.3 0 17z'
+  }
+};
+
+var ExclamationCircle$1 = {
+  name: 'exclamation-circle-o',
+  definition: {
+    viewBox: '0 0 512 512',
+    pathData: 'M256 40c118.621 0 216 96.075 216 216 0 119.291-96.61 216-216 216-119.244 0-216-96.562-216-216 0-119.203 96.602-216 216-216m0-32C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm-11.49 120h22.979c6.823 0 12.274 5.682 11.99 12.5l-7 168c-.268 6.428-5.556 11.5-11.99 11.5h-8.979c-6.433 0-11.722-5.073-11.99-11.5l-7-168c-.283-6.818 5.167-12.5 11.99-12.5zM256 340c-15.464 0-28 12.536-28 28s12.536 28 28 28 28-12.536 28-28-12.536-28-28-28z'
+  }
+};
+
+var FileAlt = {
+  name: 'file-alt-o',
+  definition: {
+    viewBox: '0 0 384 512',
+    pathData: 'M369.9 97.9L286 14C277 5 264.8-.1 252.1-.1H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V131.9c0-12.7-5.1-25-14.1-34zm-22.6 22.7c2.1 2.1 3.5 4.6 4.2 7.4H256V32.5c2.8.7 5.3 2.1 7.4 4.2l83.9 83.9zM336 480H48c-8.8 0-16-7.2-16-16V48c0-8.8 7.2-16 16-16h176v104c0 13.3 10.7 24 24 24h104v304c0 8.8-7.2 16-16 16zm-48-244v8c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12zm0 64v8c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12zm0 64v8c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12z'
+  }
+};
+
+var HandPointer$1 = {
+  name: 'hand-pointer-o',
+  definition: {
+    viewBox: '0 0 448 512',
+    pathData: 'M360.543 188.156c-17.46-28.491-54.291-37.063-82.138-19.693-15.965-20.831-42.672-28.278-66.119-20.385V60.25c0-33.222-26.788-60.25-59.714-60.25S92.857 27.028 92.857 60.25v181.902c-20.338-13.673-47.578-13.89-68.389 1.472-26.556 19.605-32.368 57.08-13.132 83.926l114.271 159.5C136.803 502.673 154.893 512 174 512h185.714c27.714 0 51.832-19.294 58.145-46.528l28.571-123.25a60.769 60.769 0 0 0 1.57-13.723v-87c0-45.365-48.011-74.312-87.457-53.343zM82.097 275.588l28.258 39.439a7.999 7.999 0 1 0 14.503-4.659V60.25c0-37.35 55.428-37.41 55.428 0V241.5a8 8 0 0 0 8 8h7.144a8 8 0 0 0 8-8v-36.25c0-37.35 55.429-37.41 55.429 0v36.25a8 8 0 0 0 8 8H274a8 8 0 0 0 8-8v-21.75c0-37.351 55.429-37.408 55.429 0v21.75a8 8 0 0 0 8 8h7.143a8 8 0 0 0 8-8c0-37.35 55.429-37.41 55.429 0v87c0 2.186-.25 4.371-.742 6.496l-28.573 123.251C383.717 471.055 372.626 480 359.715 480H174c-8.813 0-17.181-4.332-22.381-11.588l-114.283-159.5c-22.213-31.004 23.801-62.575 44.761-33.324zM180.285 401v-87a8 8 0 0 1 8-8h7.144a8 8 0 0 1 8 8v87a8 8 0 0 1-8 8h-7.144a8 8 0 0 1-8-8zm78.572 0v-87a8 8 0 0 1 8-8H274a8 8 0 0 1 8 8v87a8 8 0 0 1-8 8h-7.143a8 8 0 0 1-8-8zm78.572 0v-87a8 8 0 0 1 8-8h7.143a8 8 0 0 1 8 8v87a8 8 0 0 1-8 8h-7.143a8 8 0 0 1-8-8z'
+  }
+};
+
+var Heart$1 = {
+  name: 'heart-o',
+  definition: {
+    viewBox: '0 0 512 512',
+    pathData: 'M462.3 62.7c-54.5-46.4-136-38.7-186.6 13.5L256 96.6l-19.7-20.3C195.5 34.1 113.2 8.7 49.7 62.7c-62.8 53.6-66.1 149.8-9.9 207.8l193.5 199.8c6.2 6.4 14.4 9.7 22.6 9.7 8.2 0 16.4-3.2 22.6-9.7L472 270.5c56.4-58 53.1-154.2-9.7-207.8zm-13.1 185.6L256.4 448.1 62.8 248.3c-38.4-39.6-46.4-115.1 7.7-161.2 54.8-46.8 119.2-12.9 142.8 11.5l42.7 44.1 42.7-44.1c23.2-24 88.2-58 142.8-11.5 54 46 46.1 121.5 7.7 161.2z'
+  }
+};
+
+var InfoCircle$1 = {
+  name: 'info-circle-o',
+  definition: {
+    viewBox: '0 0 512 512',
+    pathData: 'M256 40c118.621 0 216 96.075 216 216 0 119.291-96.61 216-216 216-119.244 0-216-96.562-216-216 0-119.203 96.602-216 216-216m0-32C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm-36 344h12V232h-12c-6.627 0-12-5.373-12-12v-8c0-6.627 5.373-12 12-12h48c6.627 0 12 5.373 12 12v140h12c6.627 0 12 5.373 12 12v8c0 6.627-5.373 12-12 12h-72c-6.627 0-12-5.373-12-12v-8c0-6.627 5.373-12 12-12zm36-240c-17.673 0-32 14.327-32 32s14.327 32 32 32 32-14.327 32-32-14.327-32-32-32z'
+  }
+};
+
+var SpinnerThird = {
+  name: 'spinner-third-o',
+  definition: {
+    viewBox: '0 0 512 512',
+    pathData: 'M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z'
+  }
+};
+
+var Redo = {
+  name: 'redo-o',
+  definition: {
+    viewBox: '0 0 512 512',
+    pathData: 'M492 8h-10c-6.627 0-12 5.373-12 12v110.625C426.804 57.047 346.761 7.715 255.207 8.001 118.82 8.428 7.787 120.009 8 256.396 8.214 393.181 119.166 504 256 504c63.926 0 122.202-24.187 166.178-63.908 5.113-4.618 5.354-12.561.482-17.433l-7.069-7.069c-4.503-4.503-11.749-4.714-16.482-.454C361.218 449.238 311.065 470 256 470c-117.744 0-214-95.331-214-214 0-117.744 95.331-214 214-214 82.862 0 154.737 47.077 190.289 116H332c-6.627 0-12 5.373-12 12v10c0 6.627 5.373 12 12 12h160c6.627 0 12-5.373 12-12V20c0-6.627-5.373-12-12-12z'
+  }
+};
+
+var Square = {
+  name: 'square-o',
+  definition: {
+    viewBox: '0 0 448 512',
+    pathData: 'M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-6 400H54c-3.3 0-6-2.7-6-6V86c0-3.3 2.7-6 6-6h340c3.3 0 6 2.7 6 6v340c0 3.3-2.7 6-6 6z'
+  }
+};
+
+var Star$1 = {
+  name: 'star-o',
+  definition: {
+    viewBox: '0 0 38 38',
+    pathData: 'M18.9999713,30.9092933 L7.8203405,36.938016 C7.56927417,37.0734059 7.25598947,36.9796316 7.12059955,36.7285653 C7.06463989,36.624794 7.04586773,36.5050005 7.0674016,36.3890857 L9.37711036,23.9561339 L0.163096113,15.2503949 C-0.044240183,15.054496 -0.0535119872,14.7276092 0.142386959,14.5202729 C0.223936213,14.4339625 0.332735033,14.3783877 0.450463917,14.3629061 L13.0527162,12.7056857 L18.5344046,1.29252268 C18.6579007,1.03539732 18.9664554,0.927069399 19.2235807,1.0505655 C19.3293832,1.10138191 19.4147215,1.18672025 19.4655379,1.29252268 L24.9472264,12.7056857 L37.5494786,14.3629061 C37.8322889,14.4000962 38.0314034,14.6595077 37.9942133,14.942318 C37.9787317,15.0600468 37.9231569,15.1688457 37.8368464,15.2503949 L28.6228322,23.9561339 L30.932541,36.3890857 C30.9846404,36.6695324 30.7995284,36.9391144 30.5190816,36.9912139 C30.4031668,37.0127478 30.2833733,36.9939756 30.1796021,36.938016 L18.9999713,30.9092933 Z M9.83255548,33.3954046 L18.9999713,28.4517881 L28.1673871,33.3954046 L26.2727458,23.196723 L33.8331616,16.0533645 L23.4947931,14.6938492 L18.9999713,5.3353943 L14.5051495,14.6938492 L4.16678093,16.0533645 L11.7271968,23.196723 L9.83255548,33.3954046 Z'
+  }
+};
+
+var ThumbUp$1 = {
+  name: 'thumb-up-o',
+  definition: {
+    viewBox: '0 0 40 40',
+    pathData: 'M36.6,15.4c-1.5-1.9-4-2-4.1-2c0,0,0,0,0,0h-9.2c1.9-3.4,2-5.3,1.8-7.3c-0.1-1.1-0.9-4.4-3-4.4c0,0,0,0-0.1,0 c-1.8,0.1-3.1,2-4.1,3.5c-0.2,0.3-0.3,0.5-0.5,0.7c-0.9,1.2-4.9,7.9-5.1,8.2l-0.5,0.9c-1-0.6-2.6-1.4-3.6-1.4c0,0,0,0,0,0 c-1.5,0-4.4,0-4.4,0c-0.2,0-0.4,0.1-0.6,0.2S3.1,14,3.1,14.2v22.2c0,0.4,0.4,0.8,0.8,0.8h4.6c1.5,0,2.8-1,3.6-1.8 c0.6,0.8,1.5,1.8,2.8,1.8h14.9c3,0,4.5-2.8,4.9-4.2l2.8-11.1C38.1,19.1,37.8,16.9,36.6,15.4z M5.4,15.8c0.9,0,1.9,0,2.7,0l0.2,0 c0.4,0,1.7,0.7,2.8,1.3v15.8C11,33,11,33.1,10.9,33.1c-0.4,0.6-1.5,1.7-2.4,1.7H5.4V15.8z M13.3,17.1c0.1-0.1,0.2-0.2,0.2-0.3 l0.9-1.6c1.1-1.9,4.2-7,4.9-8c0.2-0.2,0.3-0.5,0.5-0.8c0.4-0.5,1.4-2.1,2.1-2.4c0.3,0.4,0.7,1.5,0.8,2.2c0.2,1.6,0.3,3.2-2.1,7 c-0.3,0.5-0.3,1.1,0,1.6c0.3,0.5,0.8,0.8,1.4,0.8l10.6,0c0,0,1.5,0.1,2.3,1.1c0.9,1.1,0.7,3,0.4,4.4l-2.8,11.1c0,0-0.6,2.5-2.6,2.5 H14.9c-0.3,0-0.9-0.7-1.3-1.4c-0.1-0.2-0.2-0.3-0.3-0.5V17.1z'
+  }
+};
+
+var Check$1 = {
+  name: 'check-o',
+  definition: {
+    viewBox: '0 0 448 512',
+    pathData: 'M413.505 91.951L133.49 371.966l-98.995-98.995c-4.686-4.686-12.284-4.686-16.971 0L6.211 284.284c-4.686 4.686-4.686 12.284 0 16.971l118.794 118.794c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-11.314-11.314c-4.686-4.686-12.284-4.686-16.97 0z'
+  }
+};
+
+var Times = {
+  name: 'times-o',
+  definition: {
+    viewBox: '0 0 320 512',
+    pathData: 'M193.94 256L296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z'
+  }
+};
+
+var FileCertificate = {
+  name: 'file-certificate-o',
+  definition: {
+    viewBox: '0 0 512 512',
+    pathData: 'M497.9 97.98L414.02 14.1c-9-9-21.19-14.1-33.89-14.1H176c-26.5.1-47.99 21.6-47.99 48.09V165.7c-5.97 0-11.94-1.68-24.13-5.03-1.7-.46-3.36-.66-4.96-.66-5.56 0-10.43 2.5-13.66 5.79-17.95 18.26-17.07 17.77-41.7 24.5-6.7 1.81-11.97 7.21-13.78 14.07-6.47 24.67-6.09 24.16-24.02 42.32-4.95 5.04-6.9 12.48-5.08 19.43 6.56 24.38 6.52 24.39 0 48.76-1.82 6.95.12 14.4 5.08 19.45 18 18.15 17.58 17.79 24.02 42.29 1.8 6.88 7.08 12.27 13.78 14.1 1.8.48 2.92.8 4.46 1.21V496c0 5.55 2.87 10.69 7.59 13.61 4.66 2.91 10.59 3.16 15.56.7l56.84-28.42 56.84 28.42c2.25 1.12 4.72 1.69 7.16 1.69h272c26.49 0 47.99-21.5 47.99-47.99V131.97c0-12.69-5.1-24.99-14.1-33.99zM384.03 32.59c2.8.7 5.3 2.1 7.4 4.2l83.88 83.88c2.1 2.1 3.5 4.6 4.2 7.4h-95.48V32.59zM33.28 316.68c5.7-22.3 5.7-30.23.01-52.39 15.65-16.2 19.56-22.98 25.63-45.06 21.57-6.13 28.06-9.92 43.88-25.69 9.8 2.62 16.82 4.15 25.21 4.15 8.28 0 15.25-1.49 25.19-4.16 15.56 15.51 22.49 19.58 43.86 25.68 5.98 21.95 9.71 28.63 25.65 45.07-5.77 22.45-5.76 30 0 52.4-15.62 16.17-19.55 22.96-25.61 44.96-14.63 3.92-24 7.36-37.25 19.36-9.94-4.53-20.78-6.89-31.85-6.89s-21.9 2.36-31.85 6.9c-13.18-11.88-22.56-15.34-37.23-19.33-5.97-21.89-9.72-28.57-25.64-45zm101.89 133.01c-4.5-2.25-9.81-2.25-14.31 0l-40.84 20.42V409.9c.12.12.19.17.31.29 3.75 3.82 8.68 5.79 13.64 5.79 3.5 0 7.02-.98 10.16-2.97 7.25-4.59 15.56-6.88 23.87-6.88s16.62 2.29 23.87 6.86c3.16 2.02 6.68 3.01 10.17 3.01 4.96 0 9.87-1.99 13.63-5.79.13-.13.21-.18.34-.32v60.22l-40.84-20.42zm344.84 14.32c0 8.8-7.2 16-16 16h-256V391.9c1.54-.4 2.65-.71 4.44-1.19 6.7-1.82 11.97-7.22 13.77-14.08 6.47-24.68 6.09-24.16 24.03-42.32 4.95-5.04 6.9-12.49 5.07-19.44-6.53-24.33-6.55-24.34 0-48.76 1.83-6.95-.12-14.4-5.07-19.45-18-18.15-17.58-17.79-24.03-42.29-1.8-6.87-7.07-12.27-13.75-14.09-24.23-6.57-23.89-6.23-41.72-24.52-2.94-2.97-6.78-4.52-10.74-5.16V48.09c0-8.8 7.2-16.09 16-16.09h176.03v104.07c0 13.3 10.7 23.93 24 23.93h103.98v304.01z'
+  }
+};
+
+var SearchLight = {
+  name: 'search-light',
+  definition: {
+    viewBox: '0 0 512 512',
+    pathData: 'M508.5 481.6l-129-129c-2.3-2.3-5.3-3.5-8.5-3.5h-10.3C395 312 416 262.5 416 208 416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c54.5 0 104-21 141.1-55.2V371c0 3.2 1.3 6.2 3.5 8.5l129 129c4.7 4.7 12.3 4.7 17 0l9.9-9.9c4.7-4.7 4.7-12.3 0-17zM208 384c-97.3 0-176-78.7-176-176S110.7 32 208 32s176 78.7 176 176-78.7 176-176 176z'
+  }
+};
+
+var PlusCircle = {
+  name: 'plus-circle-o',
+  definition: {
+    viewBox: '0 0 512 512',
+    pathData: 'M384 250v12c0 6.6-5.4 12-12 12h-98v98c0 6.6-5.4 12-12 12h-12c-6.6 0-12-5.4-12-12v-98h-98c-6.6 0-12-5.4-12-12v-12c0-6.6 5.4-12 12-12h98v-98c0-6.6 5.4-12 12-12h12c6.6 0 12 5.4 12 12v98h98c6.6 0 12 5.4 12 12zm120 6c0 137-111 248-248 248S8 393 8 256 119 8 256 8s248 111 248 248zm-32 0c0-119.9-97.3-216-216-216-119.9 0-216 97.3-216 216 0 119.9 97.3 216 216 216 119.9 0 216-97.3 216-216z'
+  }
+};
+
+var UserPlus$1 = {
+  name: 'user-plus-o',
+  definition: {
+    viewBox: '0 0 640 512',
+    pathData: 'M632 224h-88v-88c0-4.4-3.6-8-8-8h-16c-4.4 0-8 3.6-8 8v88h-88c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h88v88c0 4.4 3.6 8 8 8h16c4.4 0 8-3.6 8-8v-88h88c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8zm-318.4 64c-28.7 0-42.5 16-89.6 16-47.1 0-60.8-16-89.6-16C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-74.2-60.2-134.4-134.4-134.4zM416 464c0 8.8-7.2 16-16 16H48c-8.8 0-16-7.2-16-16v-41.6C32 365.9 77.9 320 134.4 320c19.6 0 39.1 16 89.6 16 50.4 0 70-16 89.6-16 56.5 0 102.4 45.9 102.4 102.4V464zM224 256c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm0-224c52.9 0 96 43.1 96 96s-43.1 96-96 96-96-43.1-96-96 43.1-96 96-96z'
+  }
+};
+
+var Code = {
+  name: 'code',
+  definition: {
+    viewBox: '0 0 576 512',
+    pathData: 'M228.5 511.8l-25-7.1c-3.2-.9-5-4.2-4.1-7.4L340.1 4.4c.9-3.2 4.2-5 7.4-4.1l25 7.1c3.2.9 5 4.2 4.1 7.4L235.9 507.6c-.9 3.2-4.3 5.1-7.4 4.2zm-75.6-125.3l18.5-20.9c1.9-2.1 1.6-5.3-.5-7.1L49.9 256l121-102.5c2.1-1.8 2.4-5 .5-7.1l-18.5-20.9c-1.8-2.1-5-2.3-7.1-.4L1.7 252.3c-2.3 2-2.3 5.5 0 7.5L145.8 387c2.1 1.8 5.3 1.6 7.1-.5zm277.3.4l144.1-127.2c2.3-2 2.3-5.5 0-7.5L430.2 125.1c-2.1-1.8-5.2-1.6-7.1.4l-18.5 20.9c-1.9 2.1-1.6 5.3.5 7.1l121 102.5-121 102.5c-2.1 1.8-2.4 5-.5 7.1l18.5 20.9c1.8 2.1 5 2.3 7.1.4z'
+  }
+};
+
+var QRCode = {
+  name: 'qrcode',
+  definition: {
+    viewBox: '0 0 448 512',
+    pathData: 'M0 224h192V32H0v192zM32 64h128v128H32V64zm224-32v192h192V32H256zm160 160H288V64h128v128zM0 480h192V288H0v192zm32-160h128v128H32V320zM64 96h64v64H64V96zm320 64h-64V96h64v64zM64 352h64v64H64v-64zm352-64h32v128H320v-32h-32v96h-32V288h96v32h64v-32zm0 160h32v32h-32v-32zm-64 0h32v32h-32v-32z'
+  }
+};
+
+var GlobalAsia = {
+  name: 'global-asia-o',
+  definition: {
+    viewBox: '0 0 496 512',
+    pathData: 'M248 8C111.04 8 0 119.03 0 256s111.04 248 248 248 248-111.03 248-248S384.96 8 248 8zm0 32c18.88 0 37.09 2.68 54.55 7.25l-51.93 43.78c-7.12 4.72-11.19 12.94-10.69 21.44.53 8.53 5.62 16.19 13.25 20.02l10.81 5.41v64.19c-1.75-.55-3.56-.88-5.44-.94-7.12 0-14.47 3.56-18.25 9.91L222.62 240c-8.53 0-16.59 3.33-22.62 9.38l-5.66 5.66c-4.53 4.53-7.03 10.56-7.03 16.97s2.5 12.44 7.03 16.97l5.66 5.66V304h-22.12l-22.59-45.23a23.997 23.997 0 0 0-17.66-12.95c-7.38-1.23-15.38 1.28-20.78 6.72L97.38 272H32.81c-.39-5.3-.81-10.6-.81-16 0-119.1 96.9-216 216-216zM37.56 304h59.81c8.53 0 16.59-3.33 22.62-9.38l11.62-11.61 17.62 35.31c5.47 10.91 16.44 17.67 28.62 17.67H200c17.66 0 32-14.36 32-32v-9.38c0-8.34-3.34-16.53-9.22-22.47l.16-.16c11.19 0 21.72-5.97 27.44-15.53l10.84-18.06c3.16 1.03 6.75 1.59 10.78 1.59 13.22 0 24-10.77 24-24v-78.11c0-12.16-6.72-23.09-17.56-28.56l59.07-49.67C412.01 93.76 464 168.84 464 256c0 22.71-3.57 44.58-10.09 65.16-1.32-1.77-2.38-3.7-3.96-5.29l-4.88-4.88V308c0-19.85-16.15-36-36-36H403c-5.5 0-10.79 1.27-15.55 3.57a40.04 40.04 0 0 0-16.56-3.57H358.8c-8.37 0-16.39 2.57-23.21 7.42l-23.72 16.9-38.25 15.14c-15.28 6.11-25.14 20.69-25.14 37.14v10.21c0 10.68 4.16 20.73 11.71 28.28L272.11 399c9.06 9.06 21.12 14.06 33.94 14.06h10.34c3.92 0 7.84-.48 11.64-1.43l18.39-4.6 10.91 10.91c5.38 5.38 11.89 9.13 18.93 11.45C340.34 456.03 296.06 472 248 472c-102.59 0-188.53-71.95-210.44-168zM409 399.49c-.87.14-1.68.51-2.57.51h-15.16c-4.24 0-8.31-1.69-11.31-4.69l-13.01-13.01a26.78 26.78 0 0 0-25.42-7.04l-21.27 5.32c-1.27.32-2.57.48-3.88.48h-10.34c-4.24 0-8.31-1.69-11.31-4.69l-11.91-11.91a8.008 8.008 0 0 1-2.34-5.66v-10.2c0-3.27 1.99-6.21 5.03-7.43l39.34-15.74c1.98-.79 3.86-1.82 5.59-3.05l23.71-16.89a8.05 8.05 0 0 1 4.64-1.48h12.09c3.23 0 6.15 1.94 7.39 4.93l5.35 12.85a4 4 0 0 0 3.69 2.46h3.8c1.78 0 3.35-1.17 3.84-2.88l4.2-14.47c.5-1.71 2.06-2.88 3.84-2.88h6.06c2.21 0 4 1.79 4 4v12.93c0 2.12.84 4.16 2.34 5.66l11.91 11.91c3 3 4.69 7.07 4.69 11.31v18.75A216.64 216.64 0 0 1 409 399.49z'
+  }
+};
+
+var Filter = {
+  name: 'filter-o',
+  definition: {
+    viewBox: '0 0 512 512',
+    pathData: 'M479.968 0H32.038C3.613 0-10.729 34.487 9.41 54.627L192 237.255V424a31.996 31.996 0 0 0 10.928 24.082l64 55.983c20.438 17.883 53.072 3.68 53.072-24.082V237.255L502.595 54.627C522.695 34.528 508.45 0 479.968 0zM288 224v256l-64-56V224L32 32h448L288 224z'
+  }
+};
+
+var Clock = {
+  name: 'clock-o',
+  definition: {
+    viewBox: '0 0 512 512',
+    pathData: 'M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm216 248c0 118.7-96.1 216-216 216-118.7 0-216-96.1-216-216 0-118.7 96.1-216 216-216 118.7 0 216 96.1 216 216zm-148.9 88.3l-81.2-59c-3.1-2.3-4.9-5.9-4.9-9.7V116c0-6.6 5.4-12 12-12h14c6.6 0 12 5.4 12 12v146.3l70.5 51.3c5.4 3.9 6.5 11.4 2.6 16.8l-8.2 11.3c-3.9 5.3-11.4 6.5-16.8 2.6z'
+  }
+};
+
+var AngleLeft$1 = {
+  name: 'angle-left-o',
+  definition: {
+    viewBox: '0 0 192 512',
+    pathData: 'M25.1 247.5l117.8-116c4.7-4.7 12.3-4.7 17 0l7.1 7.1c4.7 4.7 4.7 12.3 0 17L64.7 256l102.2 100.4c4.7 4.7 4.7 12.3 0 17l-7.1 7.1c-4.7 4.7-12.3 4.7-17 0L25 264.5c-4.6-4.7-4.6-12.3.1-17z'
+  }
+};
+
+var AngleRight$1 = {
+  name: 'angle-right-o',
+  definition: {
+    viewBox: '0 0 192 512',
+    pathData: 'M166.9 264.5l-117.8 116c-4.7 4.7-12.3 4.7-17 0l-7.1-7.1c-4.7-4.7-4.7-12.3 0-17L127.3 256 25.1 155.6c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0l117.8 116c4.6 4.7 4.6 12.3-.1 17z'
+  }
+};
+
+var Link$1 = {
+  name: 'link-o',
+  definition: {
+    viewBox: '0 0 512 512',
+    pathData: 'M301.148 394.702l-79.2 79.19c-50.778 50.799-133.037 50.824-183.84 0-50.799-50.778-50.824-133.037 0-183.84l79.19-79.2a132.833 132.833 0 0 1 3.532-3.403c7.55-7.005 19.795-2.004 20.208 8.286.193 4.807.598 9.607 1.216 14.384.481 3.717-.746 7.447-3.397 10.096-16.48 16.469-75.142 75.128-75.3 75.286-36.738 36.759-36.731 96.188 0 132.94 36.759 36.738 96.188 36.731 132.94 0l79.2-79.2.36-.36c36.301-36.672 36.14-96.07-.37-132.58-8.214-8.214-17.577-14.58-27.585-19.109-4.566-2.066-7.426-6.667-7.134-11.67a62.197 62.197 0 0 1 2.826-15.259c2.103-6.601 9.531-9.961 15.919-7.28 15.073 6.324 29.187 15.62 41.435 27.868 50.688 50.689 50.679 133.17 0 183.851zm-90.296-93.554c12.248 12.248 26.362 21.544 41.435 27.868 6.388 2.68 13.816-.68 15.919-7.28a62.197 62.197 0 0 0 2.826-15.259c.292-5.003-2.569-9.604-7.134-11.67-10.008-4.528-19.371-10.894-27.585-19.109-36.51-36.51-36.671-95.908-.37-132.58l.36-.36 79.2-79.2c36.752-36.731 96.181-36.738 132.94 0 36.731 36.752 36.738 96.181 0 132.94-.157.157-58.819 58.817-75.3 75.286-2.651 2.65-3.878 6.379-3.397 10.096a163.156 163.156 0 0 1 1.216 14.384c.413 10.291 12.659 15.291 20.208 8.286a131.324 131.324 0 0 0 3.532-3.403l79.19-79.2c50.824-50.803 50.799-133.062 0-183.84-50.802-50.824-133.062-50.799-183.84 0l-79.2 79.19c-50.679 50.682-50.688 133.163 0 183.851z'
+  }
+};
+
+var PageBreak = {
+  name: 'page-break',
+  definition: {
+    viewBox: '0 0 576 512',
+    pathData: 'M232 272a8 8 0 0 0-8 8v16a8 8 0 0 0 8 8h112a8 8 0 0 0 8-8v-16a8 8 0 0 0-8-8zM128 32h192v112a16 16 0 0 0 16 16h112v64h32v-82.77a31.93 31.93 0 0 0-9.35-22.6C447 94.92 384.8 32.78 361.23 9.23A31.54 31.54 0 0 0 338.75 0H128a32 32 0 0 0-32 32v192h32zm224 13.25L434.77 128H352zM568 272H424a8 8 0 0 0-8 8v16a8 8 0 0 0 8 8h144a8 8 0 0 0 8-8v-16a8 8 0 0 0-8-8zm-408 24v-16a8 8 0 0 0-8-8H8a8 8 0 0 0-8 8v16a8 8 0 0 0 8 8h144a8 8 0 0 0 8-8zm288 184H128V352H96v128a32 32 0 0 0 32 32h320a32 32 0 0 0 32-32V352h-32z'
+  }
+};
+
+var EditLight = {
+  name: 'edit-light',
+  definition: {
+    viewBox: '0 0 576 512',
+    pathData: 'M417.8 315.5l20-20c3.8-3.8 10.2-1.1 10.2 4.2V464c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h292.3c5.3 0 8 6.5 4.2 10.2l-20 20c-1.1 1.1-2.7 1.8-4.2 1.8H48c-8.8 0-16 7.2-16 16v352c0 8.8 7.2 16 16 16h352c8.8 0 16-7.2 16-16V319.7c0-1.6.6-3.1 1.8-4.2zm145.9-191.2L251.2 436.8l-99.9 11.1c-13.4 1.5-24.7-9.8-23.2-23.2l11.1-99.9L451.7 12.3c16.4-16.4 43-16.4 59.4 0l52.6 52.6c16.4 16.4 16.4 43 0 59.4zm-93.6 48.4L403.4 106 169.8 339.5l-8.3 75.1 75.1-8.3 233.5-233.6zm71-85.2l-52.6-52.6c-3.8-3.8-10.2-4-14.1 0L426 83.3l66.7 66.7 48.4-48.4c3.9-3.8 3.9-10.2 0-14.1z'
+  }
+};
+
+var LinkLight = {
+  name: 'link-light',
+  definition: {
+    viewBox: '0 0 576 512',
+    pathData: 'M301.148 394.702l-79.2 79.19c-50.778 50.799-133.037 50.824-183.84 0-50.799-50.778-50.824-133.037 0-183.84l79.19-79.2a132.833 132.833 0 0 1 3.532-3.403c7.55-7.005 19.795-2.004 20.208 8.286.193 4.807.598 9.607 1.216 14.384.481 3.717-.746 7.447-3.397 10.096-16.48 16.469-75.142 75.128-75.3 75.286-36.738 36.759-36.731 96.188 0 132.94 36.759 36.738 96.188 36.731 132.94 0l79.2-79.2.36-.36c36.301-36.672 36.14-96.07-.37-132.58-8.214-8.214-17.577-14.58-27.585-19.109-4.566-2.066-7.426-6.667-7.134-11.67a62.197 62.197 0 0 1 2.826-15.259c2.103-6.601 9.531-9.961 15.919-7.28 15.073 6.324 29.187 15.62 41.435 27.868 50.688 50.689 50.679 133.17 0 183.851zm-90.296-93.554c12.248 12.248 26.362 21.544 41.435 27.868 6.388 2.68 13.816-.68 15.919-7.28a62.197 62.197 0 0 0 2.826-15.259c.292-5.003-2.569-9.604-7.134-11.67-10.008-4.528-19.371-10.894-27.585-19.109-36.51-36.51-36.671-95.908-.37-132.58l.36-.36 79.2-79.2c36.752-36.731 96.181-36.738 132.94 0 36.731 36.752 36.738 96.181 0 132.94-.157.157-58.819 58.817-75.3 75.286-2.651 2.65-3.878 6.379-3.397 10.096a163.156 163.156 0 0 1 1.216 14.384c.413 10.291 12.659 15.291 20.208 8.286a131.324 131.324 0 0 0 3.532-3.403l79.19-79.2c50.824-50.803 50.799-133.062 0-183.84-50.802-50.824-133.062-50.799-183.84 0l-79.2 79.19c-50.679 50.682-50.688 133.163 0 183.851z'
+  }
+};
+
+var CommentAltLines = {
+  name: 'comment-alt-lines',
+  definition: {
+    viewBox: '0 0 512 512',
+    pathData: 'M448 0H64C28.7 0 0 28.7 0 64v288c0 35.3 28.7 64 64 64h96v84c0 7.1 5.8 12 12 12 2.4 0 4.9-.7 7.1-2.4L304 416h144c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64zm32 352c0 17.6-14.4 32-32 32H293.3l-8.5 6.4L192 460v-76H64c-17.6 0-32-14.4-32-32V64c0-17.6 14.4-32 32-32h384c17.6 0 32 14.4 32 32v288zM280 240H136c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h144c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8zm96-96H136c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h240c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8z'
+  }
+};
+
+var ExternalLinkLight = {
+  name: 'external-link-light',
+  definition: {
+    viewBox: '0 0 512 512',
+    pathData: 'M440,256H424a8,8,0,0,0-8,8V464a16,16,0,0,1-16,16H48a16,16,0,0,1-16-16V112A16,16,0,0,1,48,96H248a8,8,0,0,0,8-8V72a8,8,0,0,0-8-8H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V264A8,8,0,0,0,440,256ZM500,0,364,.34a12,12,0,0,0-12,12v10a12,12,0,0,0,12,12L454,34l.7.71L131.51,357.86a12,12,0,0,0,0,17l5.66,5.66a12,12,0,0,0,17,0L477.29,57.34l.71.7-.34,90a12,12,0,0,0,12,12h10a12,12,0,0,0,12-12L512,12A12,12,0,0,0,500,0Z'
+  }
+};
+
+var PenLight = {
+  name: 'pen-light',
+  definition: {
+    viewBox: '0 0 512 512',
+    pathData: 'M493.25 56.26l-37.51-37.51C443.25 6.25 426.87 0 410.49 0s-32.76 6.25-45.26 18.74L12.85 371.12.15 485.34C-1.45 499.72 9.88 512 23.95 512c.89 0 1.78-.05 2.69-.15l114.14-12.61 352.48-352.48c24.99-24.99 24.99-65.51-.01-90.5zM126.09 468.68l-93.03 10.31 10.36-93.17 263.89-263.89 82.77 82.77-263.99 263.98zm344.54-344.54l-57.93 57.93-82.77-82.77 57.93-57.93c6.04-6.04 14.08-9.37 22.63-9.37 8.55 0 16.58 3.33 22.63 9.37l37.51 37.51c12.47 12.48 12.47 32.78 0 45.26z'
+  }
+};
+
+var AnalyticsLight = {
+  name: 'analytics-light',
+  definition: {
+    viewBox: '0 0 1000 1000',
+    pathData: 'M784.896 103.68c-34.773 0-65.109 14.251-84.48 36.053-19.371 21.76-28.288 49.493-28.288 76.8s8.96 55.040 28.288 76.8c0.299 0.384 0.853 0.512 1.195 0.853l-74.325 130.219c-7.68-1.493-14.507-4.693-22.784-4.693-23.211 0-42.88 7.979-60.16 18.645l-106.069-88.491c5.333-13.867 8.363-28.416 8.363-43.008 0-27.307-8.96-55.040-28.288-76.8-19.328-21.803-49.707-36.096-84.48-36.096s-65.109 14.293-84.48 36.096c-19.328 21.76-28.245 49.493-28.245 76.8s8.917 55.040 28.245 76.8c4.096 4.608 10.411 7.253 15.445 11.093l-60.544 161.621c-2.048-0.128-3.627-1.195-5.717-1.195-34.773 0-65.109 14.251-84.48 36.053s-28.288 49.536-28.288 76.8c0 27.307 8.96 55.040 28.288 76.843 19.371 21.76 49.707 36.053 84.48 36.053s65.109-14.251 84.48-36.053c19.371-21.76 28.288-49.536 28.288-76.8 0-27.307-8.96-55.040-28.288-76.8-4.096-4.651-10.411-7.253-15.403-11.093l60.501-161.707c2.048 0.128 3.669 1.237 5.717 1.237 23.168 0 42.88-7.936 60.16-18.603l106.069 88.491c-5.333 13.867-8.363 28.416-8.363 43.008 0 27.264 8.96 55.040 28.288 76.8 19.328 21.803 49.707 36.053 84.48 36.053s65.109-14.251 84.48-36.053c19.328-21.76 28.245-49.536 28.245-76.8 0-27.307-8.917-55.040-28.245-76.8-0.341-0.427-0.853-0.555-1.195-0.896l74.325-130.176c7.68 1.493 14.507 4.693 22.784 4.693 34.773 0 65.109-14.293 84.48-36.096s28.288-49.536 28.288-76.8c0-27.307-8.96-55.040-28.288-76.843-19.371-21.803-49.707-36.053-84.48-36.053zM784.896 171.392c17.835 0 26.965 5.504 33.92 13.312 6.955 7.851 11.179 19.627 11.179 31.829 0 12.245-4.267 24.021-11.179 31.872-6.955 7.808-16.085 13.312-33.92 13.312s-26.965-5.504-33.92-13.312c-6.955-7.851-11.179-19.627-11.179-31.872 0-12.203 4.267-23.979 11.179-31.829 6.955-7.808 16.085-13.312 33.92-13.312zM333.909 261.717c17.835 0 26.923 5.461 33.877 13.312 6.955 7.808 11.179 19.627 11.179 31.829 0 12.245-4.224 24.021-11.179 31.829-6.955 7.851-16.043 13.312-33.92 13.312-17.835 0-26.965-5.461-33.92-13.312-6.955-7.808-11.179-19.627-11.179-31.829 0-12.245 4.267-24.021 11.179-31.829 6.955-7.851 16.085-13.312 33.92-13.312zM604.501 487.467c17.835 0 26.965 5.504 33.92 13.312 6.955 7.851 11.179 19.627 11.179 31.872 0 12.203-4.267 23.979-11.179 31.829-6.955 7.808-16.085 13.312-33.92 13.312-17.877 0-26.965-5.504-33.92-13.312-6.955-7.851-11.179-19.627-11.179-31.829 0-12.245 4.224-24.021 11.179-31.872 6.955-7.808 16.043-13.312 33.92-13.312zM198.571 622.933c17.835 0 26.965 5.504 33.92 13.312 6.955 7.851 11.179 19.627 11.179 31.872 0 12.203-4.267 23.979-11.179 31.829-6.955 7.808-16.085 13.312-33.92 13.312s-26.965-5.504-33.92-13.312c-6.955-7.851-11.179-19.627-11.179-31.829 0-12.245 4.267-24.021 11.179-31.872 6.955-7.808 16.085-13.312 33.92-13.312zM119.637 848.725c-12.203-0.171-23.552 6.229-29.696 16.811-6.144 10.539-6.144 23.595 0 34.133s17.493 16.939 29.696 16.768h744.192c12.203 0.171 23.552-6.229 29.696-16.768s6.144-23.595 0-34.133c-6.144-10.581-17.493-16.981-29.696-16.811h-744.192z'
+  }
+};
+
+var CogLight = {
+  name: 'cog-light',
+  definition: {
+    viewBox: '0 0 512 512',
+    pathData: 'M482.696 299.276l-32.61-18.827a195.168 195.168 0 0 0 0-48.899l32.61-18.827c9.576-5.528 14.195-16.902 11.046-27.501-11.214-37.749-31.175-71.728-57.535-99.595-7.634-8.07-19.817-9.836-29.437-4.282l-32.562 18.798a194.125 194.125 0 0 0-42.339-24.48V38.049c0-11.13-7.652-20.804-18.484-23.367-37.644-8.909-77.118-8.91-114.77 0-10.831 2.563-18.484 12.236-18.484 23.367v37.614a194.101 194.101 0 0 0-42.339 24.48L105.23 81.345c-9.621-5.554-21.804-3.788-29.437 4.282-26.36 27.867-46.321 61.847-57.535 99.595-3.149 10.599 1.47 21.972 11.046 27.501l32.61 18.827a195.168 195.168 0 0 0 0 48.899l-32.61 18.827c-9.576 5.528-14.195 16.902-11.046 27.501 11.214 37.748 31.175 71.728 57.535 99.595 7.634 8.07 19.817 9.836 29.437 4.283l32.562-18.798a194.08 194.08 0 0 0 42.339 24.479v37.614c0 11.13 7.652 20.804 18.484 23.367 37.645 8.909 77.118 8.91 114.77 0 10.831-2.563 18.484-12.236 18.484-23.367v-37.614a194.138 194.138 0 0 0 42.339-24.479l32.562 18.798c9.62 5.554 21.803 3.788 29.437-4.283 26.36-27.867 46.321-61.847 57.535-99.595 3.149-10.599-1.47-21.972-11.046-27.501zm-65.479 100.461l-46.309-26.74c-26.988 23.071-36.559 28.876-71.039 41.059v53.479a217.145 217.145 0 0 1-87.738 0v-53.479c-33.621-11.879-43.355-17.395-71.039-41.059l-46.309 26.74c-19.71-22.09-34.689-47.989-43.929-75.958l46.329-26.74c-6.535-35.417-6.538-46.644 0-82.079l-46.329-26.74c9.24-27.969 24.22-53.869 43.929-75.969l46.309 26.76c27.377-23.434 37.063-29.065 71.039-41.069V44.464a216.79 216.79 0 0 1 87.738 0v53.479c33.978 12.005 43.665 17.637 71.039 41.069l46.309-26.76c19.709 22.099 34.689 47.999 43.929 75.969l-46.329 26.74c6.536 35.426 6.538 46.644 0 82.079l46.329 26.74c-9.24 27.968-24.219 53.868-43.929 75.957zM256 160c-52.935 0-96 43.065-96 96s43.065 96 96 96 96-43.065 96-96-43.065-96-96-96zm0 160c-35.29 0-64-28.71-64-64s28.71-64 64-64 64 28.71 64 64-28.71 64-64 64z'
+  }
+};
+
+var TrashAltRegular = {
+  name: 'trash-alt-regular-o',
+  definition: {
+    viewBox: '0 0 448 512',
+    pathData: 'M268 416h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12zM432 80h-82.41l-34-56.7A48 48 0 0 0 274.41 0H173.59a48 48 0 0 0-41.16 23.3L98.41 80H16A16 16 0 0 0 0 96v16a16 16 0 0 0 16 16h16v336a48 48 0 0 0 48 48h288a48 48 0 0 0 48-48V128h16a16 16 0 0 0 16-16V96a16 16 0 0 0-16-16zM171.84 50.91A6 6 0 0 1 177 48h94a6 6 0 0 1 5.15 2.91L293.61 80H154.39zM368 464H80V128h288zm-212-48h24a12 12 0 0 0 12-12V188a12 12 0 0 0-12-12h-24a12 12 0 0 0-12 12v216a12 12 0 0 0 12 12z'
+  }
+};
+
+var ArrowRight = {
+  name: 'arrow-right',
+  definition: {
+    viewBox: '0 0 24 24',
+    pathData: 'M14.8575 12.3984L10.1127 17.8348C9.92339 18.0551 9.61727 18.0551 9.42796 17.8348L9.14198 17.5021C8.95267 17.2818 8.95267 16.9256 9.14198 16.7053L13.2625 12L9.14601 7.29467C8.9567 7.0744 8.9567 6.71822 9.14601 6.49795L9.43199 6.1652C9.6213 5.94493 9.92741 5.94493 10.1167 6.1652L14.8615 11.6016C15.0468 11.8219 15.0468 12.1781 14.8575 12.3984Z'
+  }
+};
+
+var BrowserLight = {
+  name: 'browser-ight',
+  definition: {
+    viewBox: '0 0 24 24',
+    pathData: 'M21.75 1.5H2.25C1.00781 1.5 0 2.50781 0 3.75V20.25C0 21.4922 1.00781 22.5 2.25 22.5H21.75C22.9922 22.5 24 21.4922 24 20.25V3.75C24 2.50781 22.9922 1.5 21.75 1.5ZM1.5 3.75C1.5 3.3375 1.8375 3 2.25 3H4.5V6H1.5V3.75ZM22.5 20.25C22.5 20.6625 22.1625 21 21.75 21H2.25C1.8375 21 1.5 20.6625 1.5 20.25V7.5H22.5V20.25ZM22.5 6H6V3H21.75C22.1625 3 22.5 3.3375 22.5 3.75V6Z'
+  }
+};
+
+var QuestionCircleOutline = {
+  name: 'question-circle-outline',
+  definition: {
+    viewBox: '0 0 16 16',
+    pathData: 'M0 8C0 3.58332 3.58203 0 8 0C12.418 0 16 3.58332 16 8C16 12.4193 12.418 16 8 16C3.58203 16 0 12.4193 0 8ZM1.54839 8C1.54839 11.5667 4.43445 14.4516 8 14.4516C11.5667 14.4516 14.4516 11.5655 14.4516 8C14.4516 4.43455 11.5642 1.54839 8 1.54839C4.43458 1.54839 1.54839 4.43565 1.54839 8ZM11.4595 6.21935C11.4595 7.56456 10.5559 8.08603 9.87261 8.48033C9.45725 8.72003 9.12332 8.91273 9.12332 9.21494V9.41935C9.12332 9.63313 8.95 9.80645 8.73623 9.80645H7.26374C7.04997 9.80645 6.87665 9.63313 6.87665 9.41935V9.14003C6.87665 8.01457 7.70948 7.5485 8.36365 7.18241L8.41145 7.15565C8.97794 6.83806 9.32513 6.62206 9.32513 6.20148C9.32513 5.64516 8.61548 5.2759 8.04177 5.2759C7.29374 5.2759 6.94842 5.63 6.463 6.24265C6.33213 6.40781 6.09332 6.43848 5.92539 6.31116L5.02784 5.63058C4.8631 5.50568 4.82619 5.27361 4.94255 5.10274C5.70471 3.98358 6.67548 3.35484 8.1869 3.35484C9.76984 3.35484 11.4595 4.59045 11.4595 6.21935ZM8 12.9677C8.74706 12.9677 9.35484 12.36 9.35484 11.6129C9.35484 10.8658 8.74706 10.2581 8 10.2581C7.25294 10.2581 6.64516 10.8658 6.64516 11.6129C6.64516 12.36 7.25294 12.9677 8 12.9677Z'
+  }
+};
+
+var Facebook = {
+  name: 'facebook',
+  definition: {
+    viewBox: '0 0 512 512',
+    pathData: 'M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z'
+  }
+};
+
+var Linkedin = {
+  name: 'linkedin',
+  definition: {
+    viewBox: '0 0 448 512',
+    pathData: 'M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z'
+  }
+};
+
+var Twitter = {
+  name: 'twitter',
+  definition: {
+    viewBox: '0 0 448 512',
+    pathData: 'M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-48.9 158.8c.2 2.8.2 5.7.2 8.5 0 86.7-66 186.6-186.6 186.6-37.2 0-71.7-10.8-100.7-29.4 5.3.6 10.4.8 15.8.8 30.7 0 58.9-10.4 81.4-28-28.8-.6-53-19.5-61.3-45.5 10.1 1.5 19.2 1.5 29.6-1.2-30-6.1-52.5-32.5-52.5-64.4v-.8c8.7 4.9 18.9 7.9 29.6 8.3a65.447 65.447 0 0 1-29.2-54.6c0-12.2 3.2-23.4 8.9-33.1 32.3 39.8 80.8 65.8 135.2 68.6-9.3-44.5 24-80.6 64-80.6 18.9 0 35.9 7.9 47.9 20.7 14.8-2.8 29-8.3 41.6-15.8-4.9 15.2-15.2 28-28.8 36.1 13.2-1.4 26-5.1 37.8-10.2-8.9 13.1-20.1 24.7-32.9 34z'
+  }
+};
+
+var FacebookIn = {
+  name: 'facebook-in',
+  definition: {
+    viewBox: '0 0 320 512',
+    pathData: 'M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z'
+  }
+};
+
+var LinkedinIn = {
+  name: 'linkedin-in',
+  definition: {
+    viewBox: '0 0 448 512',
+    pathData: 'M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z'
+  }
+};
+
+var TwitterIn = {
+  name: 'twitter-in',
+  definition: {
+    viewBox: '0 0 512 512',
+    pathData: 'M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z'
+  }
+};
+
+var pricing = {
+  title: 'Choose the plan',
+  subtitle: '不限問卷建立數量與回覆上限！統計、調查、統計、分析輕鬆搞定',
+  plan: {
+    basic: {
+      name: '標準版',
+      subtitle: '現在註冊終身免費！',
+      pricing: 'Free',
+      currency: '',
+      features: ['無限的問題數量', '無限的回覆數量', '精美範本', '基本題型', '歡迎頁面', '統計圖表', '資料匯出（PDF, CSV）', '多媒體', '問卷 QR code', 'iframe 嵌入', '私密問卷', '題目編輯暫存區', '訪客紀錄', '投影片檢視模式', '公開結果連結', '問卷外觀設計', '置入答案至標題']
+    },
+    pro: {
+      name: '專業版',
+      subtitle: '更多更強大的問卷功能',
+      pricing: '630',
+      currency: 'NT$',
+      features: ['感謝 Banner', '感謝頁轉址按鈕', '公開結果按鈕', '回收數量上限', '問卷有效日', '送出前預覽', '行銷追蹤碼設定', '預設值', '隱藏', '不重複', '計時', '批次貼上', '隨機排序', '邏輯跳題', '邏輯接題', '選項數量上限', '隱藏選項', '子母問卷', '篩選器', '合併分析與匯出', 'SPSS 明細與匯出', '備註', '問卷網址產生器', 'Email 自動通知', 'Webhook', '自訂感謝頁']
+    },
+    team: {
+      name: '團隊版',
+      subtitle: '團隊協作，讓問卷效益最大化',
+      pricing: '1,800',
+      currency: 'NT$',
+      features: ['多人協作', '把關答案品質 - 隔離區']
+    },
+    enterprise: {
+      name: '企業版',
+      subtitle: '專為企業打造的雲端問卷服務',
+      pricing: '',
+      currency: '',
+      features: ['企業識別專屬問卷樣式與外觀', '專屬網域名稱', '專屬電話支援', '第三方資料串接與內部系統整合', '企業自建私有雲']
+    }
+  }
+};
+
+var dashboard = {
+  create_a_survey: 'Create a survey',
+  from_empty: 'From Empty',
+  from_template: 'From Template',
+  responses: 'Responses',
+  surveyStatus: {
+    PUBLIC: 'Public',
+    PRIVATE: 'Private',
+    OFF: 'Off',
+    ENDED: 'Ended',
+    COMING_SOON: 'Coming Soon',
+    REPLY_FULL: 'Reply Full'
+  },
+  title: 'Title',
+  status: 'Status',
+  allStatus: 'All Status',
+  createtime: 'Create Time',
+  reply_count: 'Number Of Responses',
+  table: {
+    show: 'Show',
+    to: 'to',
+    unit: 'item',
+    total: 'Total',
+    dataText: 'items',
+    comma: ', ',
+    selectTag: 'Select Tag'
+  },
+  menu: {
+    edit: 'Edit',
+    preview: 'Preview',
+    move: 'Move',
+    duplicate: 'Duplicate',
+    share: 'Share',
+    createSlaveSurvey: 'Create Slave Survey',
+    review: 'Review',
+    chart: 'Chart'
+  },
+  orderFilter: {
+    createtime: 'Create Time',
+    updatetime: 'Update Time',
+    reply_time_latest: 'Reply Time Latest',
+    reply_count: 'Reply Count'
+  },
+  from: 'From',
+  to: 'To',
+  startDate: 'Start Date',
+  endDate: 'End Date',
+  chips: {
+    slave: 'Slave',
+    master: 'Master',
+    pro: 'PRO'
+  }
+};
+
+
+
+var enWording = ({
+  __proto__: null,
+  pricing: pricing,
+  dashboard: dashboard
+});
+
+var pricing$1 = {
+  title: '選擇方案',
+  subtitle: '不限問卷建立數量與回覆上限！統計、調查、統計、分析輕鬆搞定',
+  plan: {
+    basic: {
+      name: '標準版',
+      subtitle: '現在註冊終身免費！',
+      pricing: 'Free',
+      currency: '',
+      features: ['無限的問題數量', '無限的回覆數量', '精美範本', '基本題型', '歡迎頁面', '統計圖表', '資料匯出（PDF, CSV）', '多媒體', '問卷 QR code', 'iframe 嵌入', '私密問卷', '題目編輯暫存區', '訪客紀錄', '投影片檢視模式', '公開結果連結', '問卷外觀設計', '置入答案至標題']
+    },
+    pro: {
+      name: '專業版',
+      subtitle: '更多更強大的問卷功能',
+      pricing: '630',
+      currency: 'NT$',
+      features: ['感謝 Banner', '感謝頁轉址按鈕', '公開結果按鈕', '回收數量上限', '問卷有效日', '送出前預覽', '行銷追蹤碼設定', '預設值', '隱藏', '不重複', '計時', '批次貼上', '隨機排序', '邏輯跳題', '邏輯接題', '選項數量上限', '隱藏選項', '子母問卷', '篩選器', '合併分析與匯出', 'SPSS 明細與匯出', '備註', '問卷網址產生器', 'Email 自動通知', 'Webhook', '自訂感謝頁']
+    },
+    team: {
+      name: '團隊版',
+      subtitle: '團隊協作，讓問卷效益最大化',
+      pricing: '1,800',
+      currency: 'NT$',
+      features: ['群組協作', '提升回覆資料品質']
+    },
+    enterprise: {
+      name: '企業版',
+      subtitle: '專為企業打造的雲端問卷服務',
+      pricing: '',
+      currency: '',
+      features: ['企業識別專屬問卷樣式與外觀', '專屬網域名稱', '專屬電話支援', '第三方資料串接與內部系統整合', '企業自建私有雲']
+    }
+  }
+};
+
+var dashboard$1 = {
+  create_a_survey: '建立新問卷',
+  from_empty: '空白問卷',
+  from_template: '精選範本',
+  responses: '回覆',
+  surveyStatus: {
+    PUBLIC: '公開',
+    PRIVATE: '密碼保護',
+    OFF: '關閉',
+    ENDED: '到期關閉',
+    COMING_SOON: '即將公開',
+    REPLY_FULL: '額滿關閉'
+  },
+  title: '標題',
+  status: '問券狀態',
+  allStatus: '全部狀態',
+  createtime: '建立日期',
+  reply_count: '回覆數',
+  table: {
+    show: '顯示',
+    to: '至',
+    unit: '筆',
+    total: '共',
+    dataText: '資料',
+    comma: '，',
+    selectTag: '選擇標籤'
+  },
+  menu: {
+    edit: '編輯',
+    preview: '預覽',
+    move: '移動',
+    duplicate: '複製',
+    share: '問卷連結',
+    createSlaveSurvey: '建立子問卷',
+    review: '問卷回覆',
+    chart: '統計圖表'
+  },
+  orderFilter: {
+    createtime: '最新建立日期',
+    updatetime: '更新時間',
+    reply_time_latest: '最新回覆時間',
+    reply_count: '最多回覆'
+  },
+  from: '從',
+  to: '到',
+  startDate: '開始日期',
+  endDate: '結束日期',
+  chips: {
+    slave: '子問卷',
+    master: '母問卷',
+    pro: 'PRO'
+  }
+};
+
+
+
+var twWording = ({
+  __proto__: null,
+  pricing: pricing$1,
+  dashboard: dashboard$1
+});
+
+// TODO: Move to wording repo
+var WordingContext =
+/*#__PURE__*/
+createContext(enWording);
+
+var WordingProvider = function WordingProvider(_ref) {
+  var children = _ref.children,
+      lang = _ref.lang;
+  var wording = lang === 'tw' ? twWording : enWording;
+  return React.createElement(WordingContext.Provider, {
+    value: wording
+  }, children);
+};
+
+WordingProvider.useWording = function () {
+  return useContext(WordingContext);
+};
+
+export { AnimateHeight, ArrowRight, Avatar, Backdrop, BrowserLight, Button, Card, CardActionArea, CardActions, CardContent, CardHeader, MuiCheckbox as Checkbox, index as Chip, DatePicker, Divider, EditLight, EditableTable, GroupSelect, Icon, InputSlider, KeyboardDatePicker, ListUl as ListUlFilled, Lock as LockFilled, MenuItem, MenuList, api as Message, Modal, MuiThemeProvider, index$1 as Pagination, Paper, Popper, Portal, QuestionCircleOutline, MuiRadio as Radio, Radio as RadioGroup, Select, index$4 as SlidingSideMenu, Snackbar, index$3 as Step, index$2 as Stepper, Switch, Tab, Tabs, Tag, ToggleButtonGroup, Tooltip, Typography, WordingProvider, AnalyticsLight as analyticsLight, AngleLeft as angleLeftFilled, AngleLeft$1 as angleLeftOutlined, AngleRight as angleRightFilled, AngleRight$1 as angleRightOutlined, ArrowAltLeft as arrowAltLeftFilled, BarChart as barChartFilled, BracketsCurly as bracketsCurly, CalendarAlt as calendarAltOutlined, CaretDown$1 as caretDownFilled, CaretLeft as caretLeftFilled, CaretRight as caretRightFilled, CaretUp as caretUpFilled, CheckCircle as checkCircleFilled, CheckCircle$1 as checkCircleOutlined, Check as checkFilled, Check$1 as checkOutlined, CheckSquare as checkSquareFilled, ChevronDown as chevronDownOutlined, ChevronLeft as chevronLeftFilled, ChevronRight as chevronRightFilled, Clock as clockOutlined, Code as codeOutlined, CogLight as cogLight, CommentAltLines as commentAltLinesOutlined, theme as defaultTheme, EllipsisH as ellipsisHFilled, EllipsisV as ellipsisVFilled, ExclamationCircle as exclamationCircleFilled, ExclamationCircle$1 as exclamationCircleOutlined, ExclamationTriangle as exclamationTriangleFilled, ExternalLinkLight as externalLinkLight, Facebook as facebookBrand, FacebookIn as facebookIn, FileAlt as fileAltOutlined, FileCertificate as fileCertificateOutlined, Filter as filterOutlined, GlobalAsia as globalAsiaOutlined, HandPointer as handPointerFilled, HandPointer$1 as handPointerOutlined, Heart as heartFilled, Heart$1 as heartOutlined, hexToRgba, InfoCircle as infoCircleFilled, InfoCircle$1 as infoCircleOutlined, LinkLight as linkLight, Link$1 as linkOutlined, Linkedin as linkedinBrand, LinkedinIn as linkedinIn, Link as listUlOutlined, LongArrowRight as longArrowRightOutlined, makeStyles, MinusLight as minusLightFilled, muiThemeForSurveyCake, PageBreak as pageBreak, PenLight as penLight, PlusCircle as plusCircleOutlined, Plus as plusFilled, PlusLight as plusLightFilled, QRCode as qrcodeOutlined, QuestionCircle as questionCircleFilled, Redo as redoOutlined, Search as searchFilled, SearchLight as searchLightOutlined, SortDown as sortDownFilled, Sort as sortFilled, SortUp as sortUpFilled, SpinnerThird as spinnerThirdOutlined, Square as squareOutlined, Star as starFilled, Star$1 as starOutlined, ThLarge as thLargeOutLined, ThumbUp as thumbUpFilled, ThumbUp$1 as thumbUpOutlined, TimesCircle as timesCircleFilled, TimesCircle$1 as timesCircleOutlined, Times as timesOutlined, TrashAltRegular as trashAltRegular, Twitter as twitterBrand, TwitterIn as twitterIn, useTheme, User as userFilled, UserPlus as userPlusFilled, UserPlus$1 as userPlusOutlined, Users as usersFilled, withMuiPickersUtilsProvider };
+//# sourceMappingURL=rc.esm.js.map