@punch-in/buffet-modern-core 3.3.11 → 3.3.13

package/build/bundle.development.js

@@ -1,13 +1,13 @@
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory(require("@fortawesome/free-regular-svg-icons"), require("@fortawesome/free-solid-svg-icons"), require("@fortawesome/react-fontawesome"), require("@punch-in/buffet-modern"), require("@punch-in/buffet-modern-hooks"), require("@punch-in/buffet-modern-icons"), require("@punch-in/buffet-modern-utils"), require("invariant"), require("lodash"), require("moment"), require("prop-types"), require("rc-input-number"), require("react"), require("react-dates"), require("react-dates/initialize"), require("react-moment-proptypes"), require("react-router-dom"), require("styled-components"));
+		module.exports = factory(require("@fortawesome/free-regular-svg-icons"), require("@fortawesome/free-solid-svg-icons"), require("@fortawesome/react-fontawesome"), require("@punch-in/buffet-modern-hooks"), require("@punch-in/buffet-modern-icons"), require("@punch-in/buffet-modern-styles"), require("@punch-in/buffet-modern-utils"), require("invariant"), require("lodash"), require("moment"), require("prop-types"), require("rc-input-number"), require("react"), require("react-dates"), require("react-dates/initialize"), require("react-moment-proptypes"), require("react-router-dom"), require("styled-components"));
 	else if(typeof define === 'function' && define.amd)
-		define("@punch-in/buffet-modern-core", ["@fortawesome/free-regular-svg-icons", "@fortawesome/free-solid-svg-icons", "@fortawesome/react-fontawesome", "@punch-in/buffet-modern", "@punch-in/buffet-modern-hooks", "@punch-in/buffet-modern-icons", "@punch-in/buffet-modern-utils", "invariant", "lodash", "moment", "prop-types", "rc-input-number", "react", "react-dates", "react-dates/initialize", "react-moment-proptypes", "react-router-dom", "styled-components"], factory);
+		define("@punch-in/buffet-modern-core", ["@fortawesome/free-regular-svg-icons", "@fortawesome/free-solid-svg-icons", "@fortawesome/react-fontawesome", "@punch-in/buffet-modern-hooks", "@punch-in/buffet-modern-icons", "@punch-in/buffet-modern-styles", "@punch-in/buffet-modern-utils", "invariant", "lodash", "moment", "prop-types", "rc-input-number", "react", "react-dates", "react-dates/initialize", "react-moment-proptypes", "react-router-dom", "styled-components"], factory);
 	else if(typeof exports === 'object')
-		exports["@punch-in/buffet-modern-core"] = factory(require("@fortawesome/free-regular-svg-icons"), require("@fortawesome/free-solid-svg-icons"), require("@fortawesome/react-fontawesome"), require("@punch-in/buffet-modern"), require("@punch-in/buffet-modern-hooks"), require("@punch-in/buffet-modern-icons"), require("@punch-in/buffet-modern-utils"), require("invariant"), require("lodash"), require("moment"), require("prop-types"), require("rc-input-number"), require("react"), require("react-dates"), require("react-dates/initialize"), require("react-moment-proptypes"), require("react-router-dom"), require("styled-components"));
+		exports["@punch-in/buffet-modern-core"] = factory(require("@fortawesome/free-regular-svg-icons"), require("@fortawesome/free-solid-svg-icons"), require("@fortawesome/react-fontawesome"), require("@punch-in/buffet-modern-hooks"), require("@punch-in/buffet-modern-icons"), require("@punch-in/buffet-modern-styles"), require("@punch-in/buffet-modern-utils"), require("invariant"), require("lodash"), require("moment"), require("prop-types"), require("rc-input-number"), require("react"), require("react-dates"), require("react-dates/initialize"), require("react-moment-proptypes"), require("react-router-dom"), require("styled-components"));
 	else
-		root["@punch-in/buffet-modern-core"] = factory(root["@fortawesome/free-regular-svg-icons"], root["@fortawesome/free-solid-svg-icons"], root["@fortawesome/react-fontawesome"], root["@punch-in/buffet-modern"], root["@punch-in/buffet-modern-hooks"], root["@punch-in/buffet-modern-icons"], root["@punch-in/buffet-modern-utils"], root["invariant"], root["lodash"], root["moment"], root["prop-types"], root["rc-input-number"], root["react"], root["react-dates"], root["react-dates/initialize"], root["react-moment-proptypes"], root["react-router-dom"], root["styled-components"]);
-})(window, function(__WEBPACK_EXTERNAL_MODULE__fortawesome_free_regular_svg_icons__, __WEBPACK_EXTERNAL_MODULE__fortawesome_free_solid_svg_icons__, __WEBPACK_EXTERNAL_MODULE__fortawesome_react_fontawesome__, __WEBPACK_EXTERNAL_MODULE__punch_in_buffet_modern__, __WEBPACK_EXTERNAL_MODULE__punch_in_buffet_modern_hooks__, __WEBPACK_EXTERNAL_MODULE__punch_in_buffet_modern_icons__, __WEBPACK_EXTERNAL_MODULE__punch_in_buffet_modern_utils__, __WEBPACK_EXTERNAL_MODULE_invariant__, __WEBPACK_EXTERNAL_MODULE_lodash__, __WEBPACK_EXTERNAL_MODULE_moment__, __WEBPACK_EXTERNAL_MODULE_prop_types__, __WEBPACK_EXTERNAL_MODULE_rc_input_number__, __WEBPACK_EXTERNAL_MODULE_react__, __WEBPACK_EXTERNAL_MODULE_react_dates__, __WEBPACK_EXTERNAL_MODULE_react_dates_initialize__, __WEBPACK_EXTERNAL_MODULE_react_moment_proptypes__, __WEBPACK_EXTERNAL_MODULE_react_router_dom__, __WEBPACK_EXTERNAL_MODULE_styled_components__) {
+		root["@punch-in/buffet-modern-core"] = factory(root["@fortawesome/free-regular-svg-icons"], root["@fortawesome/free-solid-svg-icons"], root["@fortawesome/react-fontawesome"], root["@punch-in/buffet-modern-hooks"], root["@punch-in/buffet-modern-icons"], root["@punch-in/buffet-modern-styles"], root["@punch-in/buffet-modern-utils"], root["invariant"], root["lodash"], root["moment"], root["prop-types"], root["rc-input-number"], root["react"], root["react-dates"], root["react-dates/initialize"], root["react-moment-proptypes"], root["react-router-dom"], root["styled-components"]);
+})(window, function(__WEBPACK_EXTERNAL_MODULE__fortawesome_free_regular_svg_icons__, __WEBPACK_EXTERNAL_MODULE__fortawesome_free_solid_svg_icons__, __WEBPACK_EXTERNAL_MODULE__fortawesome_react_fontawesome__, __WEBPACK_EXTERNAL_MODULE__punch_in_buffet_modern_hooks__, __WEBPACK_EXTERNAL_MODULE__punch_in_buffet_modern_icons__, __WEBPACK_EXTERNAL_MODULE__punch_in_buffet_modern_styles__, __WEBPACK_EXTERNAL_MODULE__punch_in_buffet_modern_utils__, __WEBPACK_EXTERNAL_MODULE_invariant__, __WEBPACK_EXTERNAL_MODULE_lodash__, __WEBPACK_EXTERNAL_MODULE_moment__, __WEBPACK_EXTERNAL_MODULE_prop_types__, __WEBPACK_EXTERNAL_MODULE_rc_input_number__, __WEBPACK_EXTERNAL_MODULE_react__, __WEBPACK_EXTERNAL_MODULE_react_dates__, __WEBPACK_EXTERNAL_MODULE_react_dates_initialize__, __WEBPACK_EXTERNAL_MODULE_react_moment_proptypes__, __WEBPACK_EXTERNAL_MODULE_react_router_dom__, __WEBPACK_EXTERNAL_MODULE_styled_components__) {
 return /******/ (function(modules) { // webpackBootstrap
 /******/ 	// The module cache
 /******/ 	var installedModules = {};
@@ -128,7 +128,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @punch-in/buffet-modern */ \"@punch-in/buffet-modern\");\n/* harmony import */ var _punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _punch_in_buffet_modern_icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @punch-in/buffet-modern-icons */ \"@punch-in/buffet-modern-icons\");\n/* harmony import */ var _punch_in_buffet_modern_icons__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern_icons__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _Flex__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../Flex */ \"./src/components/Flex/index.js\");\n/* harmony import */ var _PrefixIcon__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../PrefixIcon */ \"./src/components/PrefixIcon/index.js\");\nvar _excluded = [\"children\", \"color\", \"disabled\", \"icon\", \"label\", \"isLoading\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }\n/**\n *\n * Button\n *\n */\n\n\n\n\n\n\n\nfunction Button(_ref) {\n  var children = _ref.children,\n    color = _ref.color,\n    disabled = _ref.disabled,\n    icon = _ref.icon,\n    label = _ref.label,\n    isLoading = _ref.isLoading,\n    rest = _objectWithoutProperties(_ref, _excluded);\n  var content = label || children;\n  var img = icon === true ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern_icons__WEBPACK_IMPORTED_MODULE_3__[\"Plus\"], {\n    height: \"11px\",\n    width: \"11px\",\n    fill: \"\".concat(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2__[\"colors\"].button[color].color)\n  }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_PrefixIcon__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n    icon: icon\n  });\n  if (isLoading) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2__[\"Button\"], _extends({\n      color: color,\n      disabled: disabled\n    }, rest, {\n      onClick: function onClick(e) {\n        // Preventing the user from clicking the button when loading\n        e.preventDefault();\n      }\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Flex__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n      justifyContent: \"space-around\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2__[\"LoadingIndicator\"], {\n      animationTime: \"0.6s\",\n      borderWidth: \"2px\",\n      borderColor: \"#f7f5f0\",\n      borderTopColor: \"#d1cec7\",\n      size: \"1.3rem\"\n    })));\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2__[\"Button\"], _extends({\n    color: color,\n    disabled: disabled\n  }, rest), img, content);\n}\nButton.defaultProps = {\n  children: null,\n  color: 'primary',\n  disabled: false,\n  icon: false,\n  isLoading: false,\n  label: null,\n  type: 'button'\n};\nButton.propTypes = {\n  children: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node,\n  color: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOf(['primary', 'secondary', 'cancel', 'success', 'delete', 'none']),\n  disabled: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  icon: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool]),\n  isLoading: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  label: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  type: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOf(['submit', 'reset', 'button', 'menu'])\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (Button);\n\n//# sourceURL=webpack://@punch-in/buffet-modern-core/./src/components/Button/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @punch-in/buffet-modern-styles */ \"@punch-in/buffet-modern-styles\");\n/* harmony import */ var _punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _punch_in_buffet_modern_icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @punch-in/buffet-modern-icons */ \"@punch-in/buffet-modern-icons\");\n/* harmony import */ var _punch_in_buffet_modern_icons__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern_icons__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _Flex__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../Flex */ \"./src/components/Flex/index.js\");\n/* harmony import */ var _PrefixIcon__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../PrefixIcon */ \"./src/components/PrefixIcon/index.js\");\nvar _excluded = [\"children\", \"color\", \"disabled\", \"icon\", \"label\", \"isLoading\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }\n/**\n *\n * Button\n *\n */\n\n\n\n\n\n\n\nfunction Button(_ref) {\n  var children = _ref.children,\n    color = _ref.color,\n    disabled = _ref.disabled,\n    icon = _ref.icon,\n    label = _ref.label,\n    isLoading = _ref.isLoading,\n    rest = _objectWithoutProperties(_ref, _excluded);\n  var content = label || children;\n  var img = icon === true ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern_icons__WEBPACK_IMPORTED_MODULE_3__[\"Plus\"], {\n    height: \"11px\",\n    width: \"11px\",\n    fill: \"\".concat(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2__[\"colors\"].button[color].color)\n  }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_PrefixIcon__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n    icon: icon\n  });\n  if (isLoading) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2__[\"Button\"], _extends({\n      color: color,\n      disabled: disabled\n    }, rest, {\n      onClick: function onClick(e) {\n        // Preventing the user from clicking the button when loading\n        e.preventDefault();\n      }\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Flex__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n      justifyContent: \"space-around\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2__[\"LoadingIndicator\"], {\n      animationTime: \"0.6s\",\n      borderWidth: \"2px\",\n      borderColor: \"#f7f5f0\",\n      borderTopColor: \"#d1cec7\",\n      size: \"1.3rem\"\n    })));\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2__[\"Button\"], _extends({\n    color: color,\n    disabled: disabled\n  }, rest), img, content);\n}\nButton.defaultProps = {\n  children: null,\n  color: 'primary',\n  disabled: false,\n  icon: false,\n  isLoading: false,\n  label: null,\n  type: 'button'\n};\nButton.propTypes = {\n  children: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node,\n  color: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOf(['primary', 'secondary', 'cancel', 'success', 'delete', 'none']),\n  disabled: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  icon: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool]),\n  isLoading: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  label: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  type: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOf(['submit', 'reset', 'button', 'menu'])\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (Button);\n\n//# sourceURL=webpack://@punch-in/buffet-modern-core/./src/components/Button/index.js?");
 
 /***/ }),
 
@@ -140,7 +140,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @punch-in/buffet-modern */ \"@punch-in/buffet-modern\");\n/* harmony import */ var _punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _Label__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../Label */ \"./src/components/Label/index.js\");\nvar _excluded = [\"autoFocus\", \"className\", \"id\", \"message\", \"name\", \"onChange\", \"tabIndex\", \"value\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }\n/**\n *\n * Checkbox\n *\n */\n\n\n\n\n\nfunction Checkbox(_ref) {\n  var autoFocus = _ref.autoFocus,\n    className = _ref.className,\n    id = _ref.id,\n    message = _ref.message,\n    name = _ref.name,\n    onChange = _ref.onChange,\n    tabIndex = _ref.tabIndex,\n    value = _ref.value,\n    rest = _objectWithoutProperties(_ref, _excluded);\n  var handleChange = function handleChange() {\n    var target = {\n      name: name,\n      type: 'checkbox',\n      value: !value\n    };\n    onChange({\n      target: target\n    });\n  };\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2__[\"CheckboxWrapper\"], {\n    className: className,\n    disabled: rest.disabled\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2__[\"Checkbox\"], _extends({}, rest, {\n    autoFocus: autoFocus,\n    id: id || name,\n    name: name,\n    onChange: handleChange,\n    tabIndex: tabIndex,\n    checked: value\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Label__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n    htmlFor: id || name,\n    message: message\n  }));\n}\nCheckbox.defaultProps = {\n  autoComplete: 'off',\n  autoFocus: false,\n  className: null,\n  disabled: false,\n  id: null,\n  message: null,\n  onChange: function onChange() {},\n  placeholder: null,\n  tabIndex: '0',\n  value: false\n};\nCheckbox.propTypes = {\n  autoComplete: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  autoFocus: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  className: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  disabled: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  id: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  message: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.shape({\n    id: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n    params: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.object\n  })]),\n  name: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string.isRequired,\n  onChange: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  placeholder: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  tabIndex: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  value: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (Checkbox);\n\n//# sourceURL=webpack://@punch-in/buffet-modern-core/./src/components/Checkbox/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @punch-in/buffet-modern-styles */ \"@punch-in/buffet-modern-styles\");\n/* harmony import */ var _punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _Label__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../Label */ \"./src/components/Label/index.js\");\nvar _excluded = [\"autoFocus\", \"className\", \"id\", \"message\", \"name\", \"onChange\", \"tabIndex\", \"value\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }\n/**\n *\n * Checkbox\n *\n */\n\n\n\n\n\nfunction Checkbox(_ref) {\n  var autoFocus = _ref.autoFocus,\n    className = _ref.className,\n    id = _ref.id,\n    message = _ref.message,\n    name = _ref.name,\n    onChange = _ref.onChange,\n    tabIndex = _ref.tabIndex,\n    value = _ref.value,\n    rest = _objectWithoutProperties(_ref, _excluded);\n  var handleChange = function handleChange() {\n    var target = {\n      name: name,\n      type: 'checkbox',\n      value: !value\n    };\n    onChange({\n      target: target\n    });\n  };\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2__[\"CheckboxWrapper\"], {\n    className: className,\n    disabled: rest.disabled\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2__[\"Checkbox\"], _extends({}, rest, {\n    autoFocus: autoFocus,\n    id: id || name,\n    name: name,\n    onChange: handleChange,\n    tabIndex: tabIndex,\n    checked: value\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Label__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n    htmlFor: id || name,\n    message: message\n  }));\n}\nCheckbox.defaultProps = {\n  autoComplete: 'off',\n  autoFocus: false,\n  className: null,\n  disabled: false,\n  id: null,\n  message: null,\n  onChange: function onChange() {},\n  placeholder: null,\n  tabIndex: '0',\n  value: false\n};\nCheckbox.propTypes = {\n  autoComplete: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  autoFocus: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  className: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  disabled: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  id: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  message: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.shape({\n    id: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n    params: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.object\n  })]),\n  name: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string.isRequired,\n  onChange: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  placeholder: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  tabIndex: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  value: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (Checkbox);\n\n//# sourceURL=webpack://@punch-in/buffet-modern-core/./src/components/Checkbox/index.js?");
 
 /***/ }),
 
@@ -176,7 +176,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! moment */ \"moment\");\n/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var react_moment_proptypes__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-moment-proptypes */ \"react-moment-proptypes\");\n/* harmony import */ var react_moment_proptypes__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_moment_proptypes__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var react_dates_initialize__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-dates/initialize */ \"react-dates/initialize\");\n/* harmony import */ var react_dates_initialize__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react_dates_initialize__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var react_dates__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react-dates */ \"react-dates\");\n/* harmony import */ var react_dates__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react_dates__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _fortawesome_free_regular_svg_icons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @fortawesome/free-regular-svg-icons */ \"@fortawesome/free-regular-svg-icons\");\n/* harmony import */ var _fortawesome_free_regular_svg_icons__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_fortawesome_free_regular_svg_icons__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var _fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @fortawesome/react-fontawesome */ \"@fortawesome/react-fontawesome\");\n/* harmony import */ var _fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var _punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @punch-in/buffet-modern */ \"@punch-in/buffet-modern\");\n/* harmony import */ var _punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var _reducer__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./reducer */ \"./src/components/DatePicker/reducer.js\");\n/* harmony import */ var _InputText__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../InputText */ \"./src/components/InputText/index.js\");\nfunction _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(r, a) { if (r) { if (\"string\" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return \"Object\" === t && r.constructor && (t = r.constructor.name), \"Map\" === t || \"Set\" === t ? Array.from(r) : \"Arguments\" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }\nfunction _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(r) { if (Array.isArray(r)) return r; }\n/**\n *\n * Datepicker\n *\n */\n\n\n\n\n\n\n\n\n\n\n\n\nfunction Datepicker(_ref) {\n  var className = _ref.className,\n    value = _ref.value,\n    withDefaultValue = _ref.withDefaultValue,\n    disabled = _ref.disabled,\n    displayFormat = _ref.displayFormat,\n    id = _ref.id,\n    name = _ref.name,\n    onChange = _ref.onChange,\n    readOnly = _ref.readOnly,\n    tabIndex = _ref.tabIndex,\n    wait = _ref.wait;\n  var _useReducer = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useReducer\"])(_reducer__WEBPACK_IMPORTED_MODULE_9__[\"default\"], _reducer__WEBPACK_IMPORTED_MODULE_9__[\"initialState\"]),\n    _useReducer2 = _slicedToArray(_useReducer, 2),\n    state = _useReducer2[0],\n    dispatch = _useReducer2[1];\n  Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useEffect\"])(function () {\n    var date = null;\n    var displayedDate = '';\n    if (withDefaultValue && !value) {\n      date = moment__WEBPACK_IMPORTED_MODULE_2___default()();\n      displayedDate = date.format('MM/DD/YYYY');\n    }\n    if (!!value && moment__WEBPACK_IMPORTED_MODULE_2___default()(value).isValid()) {\n      date = value._isAMomentObject === true ? value : moment__WEBPACK_IMPORTED_MODULE_2___default()(value);\n      displayedDate = date.format('MM/DD/YYYY');\n    }\n    dispatch({\n      type: 'SET_DATE',\n      date: date\n    });\n    dispatch({\n      type: 'SET_DISPLAYED_DATE',\n      displayedDate: displayedDate\n    });\n  }, [value, withDefaultValue]);\n  var timer = null;\n  var date = state.date,\n    displayedDate = state.displayedDate,\n    isFocused = state.isFocused,\n    isVisible = state.isVisible;\n  var getDateValue = function getDateValue() {\n    var dateValue = date ? date.format(displayFormat) : '';\n    if (isVisible) {\n      dateValue = displayedDate;\n    }\n    return dateValue;\n  };\n  var handleChange = function handleChange(_ref2) {\n    var target = _ref2.target;\n    clearTimeout(timer);\n    dispatch({\n      type: 'SET_IS_FOCUSED',\n      isFocused: false\n    });\n    dispatch({\n      type: 'SET_DISPLAYED_DATE',\n      displayedDate: target.value\n    });\n    timer = setTimeout(function () {\n      // Clearing the input\n      if (!target.value) {\n        onChange({\n          target: {\n            name: name,\n            type: 'date',\n            value: null\n          }\n        });\n        dispatch({\n          type: 'SET_DATE',\n          date: null\n        });\n        dispatch({\n          type: 'SET_DISPLAYED_DATE',\n          displayedDate: ''\n        });\n        return;\n      }\n      handleDateChange(moment__WEBPACK_IMPORTED_MODULE_2___default()(target.value, 'MM/DD/YYYY'));\n    }, wait);\n  };\n  var handleDateChange = function handleDateChange(dateValue) {\n    if (moment__WEBPACK_IMPORTED_MODULE_2___default()(dateValue).isValid()) {\n      onChange({\n        target: {\n          name: name,\n          type: 'date',\n          value: dateValue\n        }\n      });\n      dispatch({\n        type: 'SET_DATE',\n        date: dateValue\n      });\n      dispatch({\n        type: 'SET_DISPLAYED_DATE',\n        displayedDate: dateValue.format('MM/DD/YYYY')\n      });\n    }\n  };\n  var handleDateClick = function handleDateClick(dateValue) {\n    handleDateChange(dateValue);\n    toggleDatepicker(false);\n  };\n  var handleTabClick = function handleTabClick(_ref3) {\n    var keyCode = _ref3.keyCode,\n      which = _ref3.which;\n    var code = keyCode || which;\n    if (code === 9) {\n      toggleDatepicker(false);\n    }\n  };\n  var toggleDatepicker = function toggleDatepicker(shown) {\n    dispatch({\n      type: 'SET_IS_VISIBLE',\n      isVisible: shown\n    });\n    dispatch({\n      type: 'SET_IS_FOCUSED',\n      isFocused: shown\n    });\n  };\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_8__[\"DatePicker\"], {\n    isOpen: isVisible,\n    className: className\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_InputText__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n    disabled: disabled,\n    type: \"text\",\n    name: \"start_date\",\n    id: id || name,\n    value: getDateValue(),\n    readOnly: readOnly,\n    onChange: handleChange,\n    icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_7__[\"FontAwesomeIcon\"], {\n      icon: _fortawesome_free_regular_svg_icons__WEBPACK_IMPORTED_MODULE_6__[\"faCalendarAlt\"]\n    }),\n    onFocus: function onFocus() {\n      return toggleDatepicker(true);\n    },\n    onClick: function onClick() {\n      return toggleDatepicker(true);\n    },\n    onKeyDown: handleTabClick,\n    tabIndex: tabIndex\n  })), isFocused && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_dates__WEBPACK_IMPORTED_MODULE_5__[\"DayPickerSingleDateController\"], {\n    date: date,\n    focused: true,\n    numberOfMonths: 1,\n    onDateChange: handleDateClick,\n    onOutsideClick: function onOutsideClick() {\n      return toggleDatepicker(false);\n    },\n    daySize: 37,\n    transitionDuration: 0\n  }));\n}\nDatepicker.defaultProps = {\n  className: null,\n  disabled: false,\n  displayFormat: 'MMMM DD, YYYY',\n  id: 'date',\n  onChange: function onChange() {},\n  readOnly: false,\n  tabIndex: '0',\n  value: null,\n  wait: 600,\n  withDefaultValue: false\n};\nDatepicker.propTypes = {\n  className: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  disabled: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  displayFormat: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  id: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  name: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string.isRequired,\n  onChange: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  readOnly: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  tabIndex: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  value: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([react_moment_proptypes__WEBPACK_IMPORTED_MODULE_3___default.a.momentObj, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string]),\n  wait: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number,\n  withDefaultValue: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (Datepicker);\n\n//# sourceURL=webpack://@punch-in/buffet-modern-core/./src/components/DatePicker/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! moment */ \"moment\");\n/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var react_moment_proptypes__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-moment-proptypes */ \"react-moment-proptypes\");\n/* harmony import */ var react_moment_proptypes__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_moment_proptypes__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var react_dates_initialize__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react-dates/initialize */ \"react-dates/initialize\");\n/* harmony import */ var react_dates_initialize__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react_dates_initialize__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var react_dates__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react-dates */ \"react-dates\");\n/* harmony import */ var react_dates__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react_dates__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _fortawesome_free_regular_svg_icons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @fortawesome/free-regular-svg-icons */ \"@fortawesome/free-regular-svg-icons\");\n/* harmony import */ var _fortawesome_free_regular_svg_icons__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_fortawesome_free_regular_svg_icons__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var _fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @fortawesome/react-fontawesome */ \"@fortawesome/react-fontawesome\");\n/* harmony import */ var _fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_7__);\n/* harmony import */ var _punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @punch-in/buffet-modern-styles */ \"@punch-in/buffet-modern-styles\");\n/* harmony import */ var _punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_8__);\n/* harmony import */ var _reducer__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./reducer */ \"./src/components/DatePicker/reducer.js\");\n/* harmony import */ var _InputText__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../InputText */ \"./src/components/InputText/index.js\");\nfunction _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(r, a) { if (r) { if (\"string\" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return \"Object\" === t && r.constructor && (t = r.constructor.name), \"Map\" === t || \"Set\" === t ? Array.from(r) : \"Arguments\" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }\nfunction _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(r) { if (Array.isArray(r)) return r; }\n/**\n *\n * Datepicker\n *\n */\n\n\n\n\n\n\n\n\n\n\n\n\nfunction Datepicker(_ref) {\n  var className = _ref.className,\n    value = _ref.value,\n    withDefaultValue = _ref.withDefaultValue,\n    disabled = _ref.disabled,\n    displayFormat = _ref.displayFormat,\n    id = _ref.id,\n    name = _ref.name,\n    onChange = _ref.onChange,\n    readOnly = _ref.readOnly,\n    tabIndex = _ref.tabIndex,\n    wait = _ref.wait;\n  var _useReducer = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useReducer\"])(_reducer__WEBPACK_IMPORTED_MODULE_9__[\"default\"], _reducer__WEBPACK_IMPORTED_MODULE_9__[\"initialState\"]),\n    _useReducer2 = _slicedToArray(_useReducer, 2),\n    state = _useReducer2[0],\n    dispatch = _useReducer2[1];\n  Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useEffect\"])(function () {\n    var date = null;\n    var displayedDate = '';\n    if (withDefaultValue && !value) {\n      date = moment__WEBPACK_IMPORTED_MODULE_2___default()();\n      displayedDate = date.format('MM/DD/YYYY');\n    }\n    if (!!value && moment__WEBPACK_IMPORTED_MODULE_2___default()(value).isValid()) {\n      date = value._isAMomentObject === true ? value : moment__WEBPACK_IMPORTED_MODULE_2___default()(value);\n      displayedDate = date.format('MM/DD/YYYY');\n    }\n    dispatch({\n      type: 'SET_DATE',\n      date: date\n    });\n    dispatch({\n      type: 'SET_DISPLAYED_DATE',\n      displayedDate: displayedDate\n    });\n  }, [value, withDefaultValue]);\n  var timer = null;\n  var date = state.date,\n    displayedDate = state.displayedDate,\n    isFocused = state.isFocused,\n    isVisible = state.isVisible;\n  var getDateValue = function getDateValue() {\n    var dateValue = date ? date.format(displayFormat) : '';\n    if (isVisible) {\n      dateValue = displayedDate;\n    }\n    return dateValue;\n  };\n  var handleChange = function handleChange(_ref2) {\n    var target = _ref2.target;\n    clearTimeout(timer);\n    dispatch({\n      type: 'SET_IS_FOCUSED',\n      isFocused: false\n    });\n    dispatch({\n      type: 'SET_DISPLAYED_DATE',\n      displayedDate: target.value\n    });\n    timer = setTimeout(function () {\n      // Clearing the input\n      if (!target.value) {\n        onChange({\n          target: {\n            name: name,\n            type: 'date',\n            value: null\n          }\n        });\n        dispatch({\n          type: 'SET_DATE',\n          date: null\n        });\n        dispatch({\n          type: 'SET_DISPLAYED_DATE',\n          displayedDate: ''\n        });\n        return;\n      }\n      handleDateChange(moment__WEBPACK_IMPORTED_MODULE_2___default()(target.value, 'MM/DD/YYYY'));\n    }, wait);\n  };\n  var handleDateChange = function handleDateChange(dateValue) {\n    if (moment__WEBPACK_IMPORTED_MODULE_2___default()(dateValue).isValid()) {\n      onChange({\n        target: {\n          name: name,\n          type: 'date',\n          value: dateValue\n        }\n      });\n      dispatch({\n        type: 'SET_DATE',\n        date: dateValue\n      });\n      dispatch({\n        type: 'SET_DISPLAYED_DATE',\n        displayedDate: dateValue.format('MM/DD/YYYY')\n      });\n    }\n  };\n  var handleDateClick = function handleDateClick(dateValue) {\n    handleDateChange(dateValue);\n    toggleDatepicker(false);\n  };\n  var handleTabClick = function handleTabClick(_ref3) {\n    var keyCode = _ref3.keyCode,\n      which = _ref3.which;\n    var code = keyCode || which;\n    if (code === 9) {\n      toggleDatepicker(false);\n    }\n  };\n  var toggleDatepicker = function toggleDatepicker(shown) {\n    dispatch({\n      type: 'SET_IS_VISIBLE',\n      isVisible: shown\n    });\n    dispatch({\n      type: 'SET_IS_FOCUSED',\n      isFocused: shown\n    });\n  };\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_8__[\"DatePicker\"], {\n    isOpen: isVisible,\n    className: className\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_InputText__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n    disabled: disabled,\n    type: \"text\",\n    name: \"start_date\",\n    id: id || name,\n    value: getDateValue(),\n    readOnly: readOnly,\n    onChange: handleChange,\n    icon: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_7__[\"FontAwesomeIcon\"], {\n      icon: _fortawesome_free_regular_svg_icons__WEBPACK_IMPORTED_MODULE_6__[\"faCalendarAlt\"]\n    }),\n    onFocus: function onFocus() {\n      return toggleDatepicker(true);\n    },\n    onClick: function onClick() {\n      return toggleDatepicker(true);\n    },\n    onKeyDown: handleTabClick,\n    tabIndex: tabIndex\n  })), isFocused && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_dates__WEBPACK_IMPORTED_MODULE_5__[\"DayPickerSingleDateController\"], {\n    date: date,\n    focused: true,\n    numberOfMonths: 1,\n    onDateChange: handleDateClick,\n    onOutsideClick: function onOutsideClick() {\n      return toggleDatepicker(false);\n    },\n    daySize: 37,\n    transitionDuration: 0\n  }));\n}\nDatepicker.defaultProps = {\n  className: null,\n  disabled: false,\n  displayFormat: 'MMMM DD, YYYY',\n  id: 'date',\n  onChange: function onChange() {},\n  readOnly: false,\n  tabIndex: '0',\n  value: null,\n  wait: 600,\n  withDefaultValue: false\n};\nDatepicker.propTypes = {\n  className: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  disabled: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  displayFormat: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  id: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  name: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string.isRequired,\n  onChange: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  readOnly: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  tabIndex: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  value: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([react_moment_proptypes__WEBPACK_IMPORTED_MODULE_3___default.a.momentObj, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string]),\n  wait: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number,\n  withDefaultValue: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (Datepicker);\n\n//# sourceURL=webpack://@punch-in/buffet-modern-core/./src/components/DatePicker/index.js?");
 
 /***/ }),
 
@@ -200,7 +200,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @punch-in/buffet-modern */ \"@punch-in/buffet-modern\");\n/* harmony import */ var _punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _Label__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../Label */ \"./src/components/Label/index.js\");\n/**\n *\n * Enumeration\n *\n */\n\n\n\n\n\nfunction Enumeration(_ref) {\n  var disabled = _ref.disabled,\n    id = _ref.id,\n    className = _ref.className,\n    name = _ref.name,\n    onChange = _ref.onChange,\n    options = _ref.options,\n    value = _ref.value;\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2__[\"EnumerationWrapper\"], {\n    className: className\n  }, options.map(function (option) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Label__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n      key: option.value,\n      htmlFor: id || name\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2__[\"Enumeration\"], {\n      disabled: disabled,\n      checked: option.value === value,\n      name: id || name,\n      onChange: onChange,\n      value: option.value\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", null, option.label));\n  }));\n}\nEnumeration.defaultProps = {\n  className: null,\n  disabled: false,\n  id: null,\n  onChange: function onChange() {},\n  options: [],\n  value: null\n};\nEnumeration.propTypes = {\n  className: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  disabled: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  id: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  name: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string.isRequired,\n  onChange: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  options: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.shape({\n    label: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n    value: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number])\n  })),\n  value: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.object])\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (Enumeration);\n\n//# sourceURL=webpack://@punch-in/buffet-modern-core/./src/components/Enumeration/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @punch-in/buffet-modern-styles */ \"@punch-in/buffet-modern-styles\");\n/* harmony import */ var _punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _Label__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../Label */ \"./src/components/Label/index.js\");\n/**\n *\n * Enumeration\n *\n */\n\n\n\n\n\nfunction Enumeration(_ref) {\n  var disabled = _ref.disabled,\n    id = _ref.id,\n    className = _ref.className,\n    name = _ref.name,\n    onChange = _ref.onChange,\n    options = _ref.options,\n    value = _ref.value;\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2__[\"EnumerationWrapper\"], {\n    className: className\n  }, options.map(function (option) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Label__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n      key: option.value,\n      htmlFor: id || name\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2__[\"Enumeration\"], {\n      disabled: disabled,\n      checked: option.value === value,\n      name: id || name,\n      onChange: onChange,\n      value: option.value\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", null, option.label));\n  }));\n}\nEnumeration.defaultProps = {\n  className: null,\n  disabled: false,\n  id: null,\n  onChange: function onChange() {},\n  options: [],\n  value: null\n};\nEnumeration.propTypes = {\n  className: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  disabled: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  id: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  name: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string.isRequired,\n  onChange: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  options: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.shape({\n    label: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n    value: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number])\n  })),\n  value: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.object])\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (Enumeration);\n\n//# sourceURL=webpack://@punch-in/buffet-modern-core/./src/components/Enumeration/index.js?");
 
 /***/ }),
 
@@ -248,7 +248,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var styl
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @punch-in/buffet-modern */ \"@punch-in/buffet-modern\");\n/* harmony import */ var _punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../Button */ \"./src/components/Button/index.js\");\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\n/**\n *\n * HeaderActions\n *\n */\n\n\n\n\n\nfunction HeaderActions(_ref) {\n  var actions = _ref.actions;\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2__[\"HeaderActions\"], null, actions.map(function (action, index) {\n    var Component = action.Component,\n      disabled = action.disabled,\n      label = action.label,\n      onClick = action.onClick;\n    if (Component) {\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Component, _extends({}, action, {\n        key: action.key || index\n      }));\n    }\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__[\"default\"], _extends({\n      key: label,\n      onClick: onClick,\n      disabled: disabled || false\n    }, action), label);\n  }));\n}\nHeaderActions.defaultProps = {\n  actions: []\n};\nHeaderActions.propTypes = {\n  actions: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.shape({\n    disabled: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n    onClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n    title: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string\n  }))\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (HeaderActions);\n\n//# sourceURL=webpack://@punch-in/buffet-modern-core/./src/components/HeaderActions/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @punch-in/buffet-modern-styles */ \"@punch-in/buffet-modern-styles\");\n/* harmony import */ var _punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../Button */ \"./src/components/Button/index.js\");\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\n/**\n *\n * HeaderActions\n *\n */\n\n\n\n\n\nfunction HeaderActions(_ref) {\n  var actions = _ref.actions;\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2__[\"HeaderActions\"], null, actions.map(function (action, index) {\n    var Component = action.Component,\n      disabled = action.disabled,\n      label = action.label,\n      onClick = action.onClick;\n    if (Component) {\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Component, _extends({}, action, {\n        key: action.key || index\n      }));\n    }\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__[\"default\"], _extends({\n      key: label,\n      onClick: onClick,\n      disabled: disabled || false\n    }, action), label);\n  }));\n}\nHeaderActions.defaultProps = {\n  actions: []\n};\nHeaderActions.propTypes = {\n  actions: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.shape({\n    disabled: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n    onClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n    title: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string\n  }))\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (HeaderActions);\n\n//# sourceURL=webpack://@punch-in/buffet-modern-core/./src/components/HeaderActions/index.js?");
 
 /***/ }),
 
@@ -260,7 +260,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @fortawesome/react-fontawesome */ \"@fortawesome/react-fontawesome\");\n/* harmony import */ var _fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @fortawesome/free-solid-svg-icons */ \"@fortawesome/free-solid-svg-icons\");\n/* harmony import */ var _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @punch-in/buffet-modern */ \"@punch-in/buffet-modern\");\n/* harmony import */ var _punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_5__);\n/**\n *\n * HeaderTitle\n *\n */\n\n\n\n\n\n\n\nfunction HeaderTitle(_ref) {\n  var title = _ref.title,\n    children = _ref.children,\n    cta = _ref.cta;\n  var content = Object(lodash__WEBPACK_IMPORTED_MODULE_2__[\"upperFirst\"])(title) || children;\n  var renderCTA = function renderCTA() {\n    if (cta) {\n      var onClick = cta.onClick;\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_3__[\"FontAwesomeIcon\"], {\n        icon: _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_4__[\"faPencilAlt\"],\n        onClick: onClick,\n        role: \"button\",\n        tabIndex: \"0\",\n        size: \"sm\"\n      });\n    }\n    return null;\n  };\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_5__[\"HeaderTitle\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"h1\", null, content, renderCTA()));\n}\nHeaderTitle.defaultProps = {\n  children: null,\n  cta: null,\n  title: null\n};\nHeaderTitle.propTypes = {\n  children: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node,\n  cta: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.shape({\n    onClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func\n  }),\n  title: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (HeaderTitle);\n\n//# sourceURL=webpack://@punch-in/buffet-modern-core/./src/components/HeaderTitle/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @fortawesome/react-fontawesome */ \"@fortawesome/react-fontawesome\");\n/* harmony import */ var _fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @fortawesome/free-solid-svg-icons */ \"@fortawesome/free-solid-svg-icons\");\n/* harmony import */ var _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @punch-in/buffet-modern-styles */ \"@punch-in/buffet-modern-styles\");\n/* harmony import */ var _punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_5__);\n/**\n *\n * HeaderTitle\n *\n */\n\n\n\n\n\n\n\nfunction HeaderTitle(_ref) {\n  var title = _ref.title,\n    children = _ref.children,\n    cta = _ref.cta;\n  var content = Object(lodash__WEBPACK_IMPORTED_MODULE_2__[\"upperFirst\"])(title) || children;\n  var renderCTA = function renderCTA() {\n    if (cta) {\n      var onClick = cta.onClick;\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_3__[\"FontAwesomeIcon\"], {\n        icon: _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_4__[\"faPencilAlt\"],\n        onClick: onClick,\n        role: \"button\",\n        tabIndex: \"0\",\n        size: \"sm\"\n      });\n    }\n    return null;\n  };\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_5__[\"HeaderTitle\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"h1\", null, content, renderCTA()));\n}\nHeaderTitle.defaultProps = {\n  children: null,\n  cta: null,\n  title: null\n};\nHeaderTitle.propTypes = {\n  children: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node,\n  cta: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.shape({\n    onClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func\n  }),\n  title: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (HeaderTitle);\n\n//# sourceURL=webpack://@punch-in/buffet-modern-core/./src/components/HeaderTitle/index.js?");
 
 /***/ }),
 
@@ -272,7 +272,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @fortawesome/free-solid-svg-icons */ \"@fortawesome/free-solid-svg-icons\");\n/* harmony import */ var _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _fortawesome_free_regular_svg_icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @fortawesome/free-regular-svg-icons */ \"@fortawesome/free-regular-svg-icons\");\n/* harmony import */ var _fortawesome_free_regular_svg_icons__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_fortawesome_free_regular_svg_icons__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @punch-in/buffet-modern */ \"@punch-in/buffet-modern\");\n/* harmony import */ var _punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_4__);\n\n\n\n\n\nvar iconMap = new Map([['time', _fortawesome_free_regular_svg_icons__WEBPACK_IMPORTED_MODULE_3__[\"faClock\"]], ['password', _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_2__[\"faEye\"]], ['search', _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_2__[\"faSearch\"]], ['left', _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_2__[\"faAngleLeft\"]], ['right', _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_2__[\"faAngleRight\"]], ['pencil', _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_2__[\"faPencilAlt\"]], ['asc', _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_2__[\"faSortUp\"]], ['desc', _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_2__[\"faSortDown\"]], ['trash', _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_2__[\"faTrashAlt\"]], ['plus', _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_2__[\"faPlus\"]]]);\nfunction Icon(_ref) {\n  var icon = _ref.icon,\n    className = _ref.className;\n  if (iconMap.has(icon)) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_4__[\"Icon\"], {\n      icon: iconMap.get(icon),\n      className: className || undefined\n    });\n  }\n  return icon || null;\n}\nIcon.defaultProps = {\n  className: null,\n  icon: 'search'\n};\nIcon.propTypes = {\n  className: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  icon: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node])\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (Icon);\n\n//# sourceURL=webpack://@punch-in/buffet-modern-core/./src/components/Icon/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @fortawesome/free-solid-svg-icons */ \"@fortawesome/free-solid-svg-icons\");\n/* harmony import */ var _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _fortawesome_free_regular_svg_icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @fortawesome/free-regular-svg-icons */ \"@fortawesome/free-regular-svg-icons\");\n/* harmony import */ var _fortawesome_free_regular_svg_icons__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_fortawesome_free_regular_svg_icons__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @punch-in/buffet-modern-styles */ \"@punch-in/buffet-modern-styles\");\n/* harmony import */ var _punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_4__);\n\n\n\n\n\nvar iconMap = new Map([['time', _fortawesome_free_regular_svg_icons__WEBPACK_IMPORTED_MODULE_3__[\"faClock\"]], ['password', _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_2__[\"faEye\"]], ['search', _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_2__[\"faSearch\"]], ['left', _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_2__[\"faAngleLeft\"]], ['right', _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_2__[\"faAngleRight\"]], ['pencil', _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_2__[\"faPencilAlt\"]], ['asc', _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_2__[\"faSortUp\"]], ['desc', _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_2__[\"faSortDown\"]], ['trash', _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_2__[\"faTrashAlt\"]], ['plus', _fortawesome_free_solid_svg_icons__WEBPACK_IMPORTED_MODULE_2__[\"faPlus\"]]]);\nfunction Icon(_ref) {\n  var icon = _ref.icon,\n    className = _ref.className;\n  if (iconMap.has(icon)) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_4__[\"Icon\"], {\n      icon: iconMap.get(icon),\n      className: className || undefined\n    });\n  }\n  return icon || null;\n}\nIcon.defaultProps = {\n  className: null,\n  icon: 'search'\n};\nIcon.propTypes = {\n  className: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  icon: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node])\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (Icon);\n\n//# sourceURL=webpack://@punch-in/buffet-modern-core/./src/components/Icon/index.js?");
 
 /***/ }),
 
@@ -284,7 +284,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @punch-in/buffet-modern */ \"@punch-in/buffet-modern\");\n/* harmony import */ var _punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _Icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../Icon */ \"./src/components/Icon/index.js\");\n/* eslint-disable react/no-array-index-key */\n/**\n *\n * IconLinks\n *\n */\n\n\n\n\n\nfunction IconLinks(_ref) {\n  var links = _ref.links;\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2__[\"Links\"], null, links.map(function (_ref2, index) {\n    var icon = _ref2.icon,\n      onClick = _ref2.onClick;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"button\", {\n      key: index,\n      onClick: onClick,\n      type: \"button\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Icon__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n      className: \"link-icon\",\n      icon: icon\n    }));\n  }));\n}\nIconLinks.defaultProps = {\n  links: []\n};\nIconLinks.propTypes = {\n  links: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.shape({\n    icon: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node,\n    onClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func\n  }))\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (IconLinks);\n\n//# sourceURL=webpack://@punch-in/buffet-modern-core/./src/components/IconLinks/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @punch-in/buffet-modern-styles */ \"@punch-in/buffet-modern-styles\");\n/* harmony import */ var _punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _Icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../Icon */ \"./src/components/Icon/index.js\");\n/* eslint-disable react/no-array-index-key */\n/**\n *\n * IconLinks\n *\n */\n\n\n\n\n\nfunction IconLinks(_ref) {\n  var links = _ref.links;\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2__[\"Links\"], null, links.map(function (_ref2, index) {\n    var icon = _ref2.icon,\n      onClick = _ref2.onClick;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"button\", {\n      key: index,\n      onClick: onClick,\n      type: \"button\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Icon__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n      className: \"link-icon\",\n      icon: icon\n    }));\n  }));\n}\nIconLinks.defaultProps = {\n  links: []\n};\nIconLinks.propTypes = {\n  links: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.shape({\n    icon: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node,\n    onClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func\n  }))\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (IconLinks);\n\n//# sourceURL=webpack://@punch-in/buffet-modern-core/./src/components/IconLinks/index.js?");
 
 /***/ }),
 
@@ -296,7 +296,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var rc_input_number__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! rc-input-number */ \"rc-input-number\");\n/* harmony import */ var rc_input_number__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(rc_input_number__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @punch-in/buffet-modern */ \"@punch-in/buffet-modern\");\n/* harmony import */ var _punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_3__);\nvar _excluded = [\"autoFocus\", \"id\", \"className\", \"name\", \"onChange\", \"tabIndex\", \"value\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }\n/**\n *\n * InputNumber\n *\n */\n\n\n\n\n\nfunction InputNumber(_ref) {\n  var autoFocus = _ref.autoFocus,\n    id = _ref.id,\n    className = _ref.className,\n    name = _ref.name,\n    onChange = _ref.onChange,\n    tabIndex = _ref.tabIndex,\n    value = _ref.value,\n    rest = _objectWithoutProperties(_ref, _excluded);\n  var handleChange = function handleChange(data) {\n    if (data !== null) {\n      var target = {\n        id: id,\n        name: name,\n        type: 'number',\n        value: data\n      };\n      onChange({\n        target: target\n      });\n    }\n  };\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_3__[\"InputNumber\"], {\n    className: className\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(rc_input_number__WEBPACK_IMPORTED_MODULE_1___default.a, _extends({}, rest, {\n    autoFocus: autoFocus,\n    id: id || name,\n    name: name,\n    onChange: handleChange,\n    tabIndex: tabIndex,\n    value: value,\n    className: \"inputNumber\"\n  })));\n}\nInputNumber.defaultProps = {\n  autoComplete: 'off',\n  autoFocus: false,\n  className: null,\n  id: null,\n  onChange: function onChange() {},\n  placeholder: null,\n  tabIndex: '0',\n  value: 0\n};\nInputNumber.propTypes = {\n  autoComplete: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string,\n  autoFocus: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,\n  className: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string,\n  id: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string,\n  name: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string.isRequired,\n  onChange: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func,\n  placeholder: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string,\n  tabIndex: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string,\n  value: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string, prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.number])\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (InputNumber);\n\n//# sourceURL=webpack://@punch-in/buffet-modern-core/./src/components/InputNumber/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var rc_input_number__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! rc-input-number */ \"rc-input-number\");\n/* harmony import */ var rc_input_number__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(rc_input_number__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @punch-in/buffet-modern-styles */ \"@punch-in/buffet-modern-styles\");\n/* harmony import */ var _punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_3__);\nvar _excluded = [\"autoFocus\", \"id\", \"className\", \"name\", \"onChange\", \"tabIndex\", \"value\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }\n/**\n *\n * InputNumber\n *\n */\n\n\n\n\n\nfunction InputNumber(_ref) {\n  var autoFocus = _ref.autoFocus,\n    id = _ref.id,\n    className = _ref.className,\n    name = _ref.name,\n    onChange = _ref.onChange,\n    tabIndex = _ref.tabIndex,\n    value = _ref.value,\n    rest = _objectWithoutProperties(_ref, _excluded);\n  var handleChange = function handleChange(data) {\n    if (data !== null) {\n      var target = {\n        id: id,\n        name: name,\n        type: 'number',\n        value: data\n      };\n      onChange({\n        target: target\n      });\n    }\n  };\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_3__[\"InputNumber\"], {\n    className: className\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(rc_input_number__WEBPACK_IMPORTED_MODULE_1___default.a, _extends({}, rest, {\n    autoFocus: autoFocus,\n    id: id || name,\n    name: name,\n    onChange: handleChange,\n    tabIndex: tabIndex,\n    value: value,\n    className: \"inputNumber\"\n  })));\n}\nInputNumber.defaultProps = {\n  autoComplete: 'off',\n  autoFocus: false,\n  className: null,\n  id: null,\n  onChange: function onChange() {},\n  placeholder: null,\n  tabIndex: '0',\n  value: 0\n};\nInputNumber.propTypes = {\n  autoComplete: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string,\n  autoFocus: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,\n  className: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string,\n  id: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string,\n  name: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string.isRequired,\n  onChange: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func,\n  placeholder: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string,\n  tabIndex: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string,\n  value: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string, prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.number])\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (InputNumber);\n\n//# sourceURL=webpack://@punch-in/buffet-modern-core/./src/components/InputNumber/index.js?");
 
 /***/ }),
 
@@ -308,7 +308,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @punch-in/buffet-modern */ \"@punch-in/buffet-modern\");\n/* harmony import */ var _punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _Icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../Icon */ \"./src/components/Icon/index.js\");\n\n\n\n\nfunction PrefixIcon(_ref) {\n  var type = _ref.type,\n    icon = _ref.icon;\n  if (icon) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2__[\"IconWrapper\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Icon__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n      icon: icon\n    }));\n  }\n  if (type === 'search') {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2__[\"IconWrapper\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Icon__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n      icon: type\n    }));\n  }\n  if (type === 'email') {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2__[\"IconText\"], {\n      text: \"@\"\n    });\n  }\n  return null;\n}\nPrefixIcon.defaultProps = {\n  icon: null\n};\nPrefixIcon.propTypes = {\n  icon: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node,\n  type: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string.isRequired\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (PrefixIcon);\n\n//# sourceURL=webpack://@punch-in/buffet-modern-core/./src/components/InputText/PrefixIcon.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @punch-in/buffet-modern-styles */ \"@punch-in/buffet-modern-styles\");\n/* harmony import */ var _punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _Icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../Icon */ \"./src/components/Icon/index.js\");\n\n\n\n\nfunction PrefixIcon(_ref) {\n  var type = _ref.type,\n    icon = _ref.icon;\n  if (icon) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2__[\"IconWrapper\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Icon__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n      icon: icon\n    }));\n  }\n  if (type === 'search') {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2__[\"IconWrapper\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Icon__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n      icon: type\n    }));\n  }\n  if (type === 'email') {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2__[\"IconText\"], {\n      text: \"@\"\n    });\n  }\n  return null;\n}\nPrefixIcon.defaultProps = {\n  icon: null\n};\nPrefixIcon.propTypes = {\n  icon: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node,\n  type: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string.isRequired\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (PrefixIcon);\n\n//# sourceURL=webpack://@punch-in/buffet-modern-core/./src/components/InputText/PrefixIcon.js?");
 
 /***/ }),
 
@@ -320,7 +320,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @punch-in/buffet-modern */ \"@punch-in/buffet-modern\");\n/* harmony import */ var _punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _Icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../Icon */ \"./src/components/Icon/index.js\");\n/* harmony import */ var _PrefixIcon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./PrefixIcon */ \"./src/components/InputText/PrefixIcon.js\");\nvar _excluded = [\"autoFocus\", \"className\", \"icon\", \"id\", \"name\", \"onChange\", \"tabIndex\", \"type\", \"value\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(r, a) { if (r) { if (\"string\" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return \"Object\" === t && r.constructor && (t = r.constructor.name), \"Map\" === t || \"Set\" === t ? Array.from(r) : \"Arguments\" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }\nfunction _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(r) { if (Array.isArray(r)) return r; }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }\n/**\n *\n * InputText\n *\n */\n\n\n\n\n\n\nfunction InputText(_ref) {\n  var autoFocus = _ref.autoFocus,\n    className = _ref.className,\n    icon = _ref.icon,\n    id = _ref.id,\n    name = _ref.name,\n    onChange = _ref.onChange,\n    tabIndex = _ref.tabIndex,\n    type = _ref.type,\n    value = _ref.value,\n    rest = _objectWithoutProperties(_ref, _excluded);\n  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])(false),\n    _useState2 = _slicedToArray(_useState, 2),\n    showPassword = _useState2[0],\n    togglePassword = _useState2[1];\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2__[\"InputWrapper\"], {\n    className: className\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_PrefixIcon__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n    icon: icon,\n    type: type\n  }), type === 'password' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"button\", {\n    type: \"button\",\n    onClick: function onClick() {\n      return togglePassword(!showPassword);\n    },\n    className: showPassword ? 'shown' : '',\n    tabIndex: \"-1\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2__[\"IconWrapper\"], {\n    background: false\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Icon__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n    icon: type\n  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2__[\"InputText\"], _extends({\n    autoFocus: autoFocus,\n    id: id || name,\n    name: name,\n    onChange: onChange,\n    tabIndex: tabIndex,\n    type: showPassword ? 'text' : type,\n    value: value,\n    icon: icon\n  }, rest)));\n}\nInputText.defaultProps = {\n  autoComplete: 'off',\n  autoFocus: false,\n  className: null,\n  icon: null,\n  id: null,\n  onChange: function onChange() {},\n  placeholder: null,\n  tabIndex: '0',\n  type: 'text',\n  value: ''\n};\nInputText.propTypes = {\n  autoComplete: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  autoFocus: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  className: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  icon: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node,\n  id: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  name: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string.isRequired,\n  onChange: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  placeholder: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  tabIndex: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  type: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  value: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (InputText);\n\n//# sourceURL=webpack://@punch-in/buffet-modern-core/./src/components/InputText/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @punch-in/buffet-modern-styles */ \"@punch-in/buffet-modern-styles\");\n/* harmony import */ var _punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _Icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../Icon */ \"./src/components/Icon/index.js\");\n/* harmony import */ var _PrefixIcon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./PrefixIcon */ \"./src/components/InputText/PrefixIcon.js\");\nvar _excluded = [\"autoFocus\", \"className\", \"icon\", \"id\", \"name\", \"onChange\", \"tabIndex\", \"type\", \"value\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(r, a) { if (r) { if (\"string\" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return \"Object\" === t && r.constructor && (t = r.constructor.name), \"Map\" === t || \"Set\" === t ? Array.from(r) : \"Arguments\" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }\nfunction _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(r) { if (Array.isArray(r)) return r; }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }\n/**\n *\n * InputText\n *\n */\n\n\n\n\n\n\nfunction InputText(_ref) {\n  var autoFocus = _ref.autoFocus,\n    className = _ref.className,\n    icon = _ref.icon,\n    id = _ref.id,\n    name = _ref.name,\n    onChange = _ref.onChange,\n    tabIndex = _ref.tabIndex,\n    type = _ref.type,\n    value = _ref.value,\n    rest = _objectWithoutProperties(_ref, _excluded);\n  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])(false),\n    _useState2 = _slicedToArray(_useState, 2),\n    showPassword = _useState2[0],\n    togglePassword = _useState2[1];\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2__[\"InputWrapper\"], {\n    className: className\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_PrefixIcon__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n    icon: icon,\n    type: type\n  }), type === 'password' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"button\", {\n    type: \"button\",\n    onClick: function onClick() {\n      return togglePassword(!showPassword);\n    },\n    className: showPassword ? 'shown' : '',\n    tabIndex: \"-1\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2__[\"IconWrapper\"], {\n    background: false\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Icon__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n    icon: type\n  }))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2__[\"InputText\"], _extends({\n    autoFocus: autoFocus,\n    id: id || name,\n    name: name,\n    onChange: onChange,\n    tabIndex: tabIndex,\n    type: showPassword ? 'text' : type,\n    value: value,\n    icon: icon\n  }, rest)));\n}\nInputText.defaultProps = {\n  autoComplete: 'off',\n  autoFocus: false,\n  className: null,\n  icon: null,\n  id: null,\n  onChange: function onChange() {},\n  placeholder: null,\n  tabIndex: '0',\n  type: 'text',\n  value: ''\n};\nInputText.propTypes = {\n  autoComplete: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  autoFocus: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  className: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  icon: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node,\n  id: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  name: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string.isRequired,\n  onChange: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  placeholder: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  tabIndex: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  type: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  value: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (InputText);\n\n//# sourceURL=webpack://@punch-in/buffet-modern-core/./src/components/InputText/index.js?");
 
 /***/ }),
 
@@ -332,7 +332,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @punch-in/buffet-modern */ \"@punch-in/buffet-modern\");\n/* harmony import */ var _punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_3__);\n/**\n *\n * Label\n *\n */\n\n\n\n\n\nfunction Label(props) {\n  var content = function () {\n    if (Object(lodash__WEBPACK_IMPORTED_MODULE_2__[\"isFunction\"])(props.message)) {\n      return props.message();\n    }\n    if (props.message) {\n      return props.message;\n    }\n    return props.children;\n  }();\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_3__[\"Label\"], {\n    htmlFor: props.htmlFor,\n    className: props.className\n  }, content);\n}\nLabel.defaultProps = {\n  children: null,\n  className: null,\n  message: null\n};\nLabel.propTypes = {\n  children: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node,\n  className: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  htmlFor: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string.isRequired,\n  message: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.shape({\n    id: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n    params: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.object\n  })])\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (Label);\n\n//# sourceURL=webpack://@punch-in/buffet-modern-core/./src/components/Label/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @punch-in/buffet-modern-styles */ \"@punch-in/buffet-modern-styles\");\n/* harmony import */ var _punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_3__);\n/**\n *\n * Label\n *\n */\n\n\n\n\n\nfunction Label(props) {\n  var content = function () {\n    if (Object(lodash__WEBPACK_IMPORTED_MODULE_2__[\"isFunction\"])(props.message)) {\n      return props.message();\n    }\n    if (props.message) {\n      return props.message;\n    }\n    return props.children;\n  }();\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_3__[\"Label\"], {\n    htmlFor: props.htmlFor,\n    className: props.className\n  }, content);\n}\nLabel.defaultProps = {\n  children: null,\n  className: null,\n  message: null\n};\nLabel.propTypes = {\n  children: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node,\n  className: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  htmlFor: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string.isRequired,\n  message: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.shape({\n    id: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n    params: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.object\n  })])\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (Label);\n\n//# sourceURL=webpack://@punch-in/buffet-modern-core/./src/components/Label/index.js?");
 
 /***/ }),
 
@@ -344,7 +344,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @punch-in/buffet-modern */ \"@punch-in/buffet-modern\");\n/* harmony import */ var _punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _ListRow__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../ListRow */ \"./src/components/ListRow/index.js\");\n/* harmony import */ var _Padded__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../Padded */ \"./src/components/Padded/index.js\");\n/**\n *\n * List\n *\n */\n\n\n\n\n\n\nfunction List(_ref) {\n  var className = _ref.className,\n    items = _ref.items,\n    isLoading = _ref.isLoading,\n    customRowComponent = _ref.customRowComponent;\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2__[\"List\"], {\n    className: className\n  }, isLoading ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Padded__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n    top: true,\n    bottom: true,\n    size: \"md\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2__[\"LoadingIndicator\"], null)) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"table\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"tbody\", null, items.map(function (item, index) {\n    return customRowComponent ?\n    /*#__PURE__*/\n    // eslint-disable-next-line react/no-array-index-key\n    react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, {\n      key: index\n    }, customRowComponent(item)) :\n    /*#__PURE__*/\n    // eslint-disable-next-line react/no-array-index-key\n    react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ListRow__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n      cells: item,\n      key: index\n    });\n  }))));\n}\nList.defaultProps = {\n  className: null,\n  customRowComponent: null,\n  isLoading: false,\n  items: []\n};\nList.propTypes = {\n  className: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  customRowComponent: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  isLoading: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  items: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.instanceOf(Array)\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (List);\n\n//# sourceURL=webpack://@punch-in/buffet-modern-core/./src/components/List/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @punch-in/buffet-modern-styles */ \"@punch-in/buffet-modern-styles\");\n/* harmony import */ var _punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _ListRow__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../ListRow */ \"./src/components/ListRow/index.js\");\n/* harmony import */ var _Padded__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../Padded */ \"./src/components/Padded/index.js\");\n/**\n *\n * List\n *\n */\n\n\n\n\n\n\nfunction List(_ref) {\n  var className = _ref.className,\n    items = _ref.items,\n    isLoading = _ref.isLoading,\n    customRowComponent = _ref.customRowComponent;\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2__[\"List\"], {\n    className: className\n  }, isLoading ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Padded__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n    top: true,\n    bottom: true,\n    size: \"md\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2__[\"LoadingIndicator\"], null)) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"table\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"tbody\", null, items.map(function (item, index) {\n    return customRowComponent ?\n    /*#__PURE__*/\n    // eslint-disable-next-line react/no-array-index-key\n    react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, {\n      key: index\n    }, customRowComponent(item)) :\n    /*#__PURE__*/\n    // eslint-disable-next-line react/no-array-index-key\n    react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ListRow__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n      cells: item,\n      key: index\n    });\n  }))));\n}\nList.defaultProps = {\n  className: null,\n  customRowComponent: null,\n  isLoading: false,\n  items: []\n};\nList.propTypes = {\n  className: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  customRowComponent: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  isLoading: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  items: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.instanceOf(Array)\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (List);\n\n//# sourceURL=webpack://@punch-in/buffet-modern-core/./src/components/List/index.js?");
 
 /***/ }),
 
@@ -368,7 +368,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var styl
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @punch-in/buffet-modern */ \"@punch-in/buffet-modern\");\n/* harmony import */ var _punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../Button */ \"./src/components/Button/index.js\");\n/* harmony import */ var _Flex__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../Flex */ \"./src/components/Flex/index.js\");\n/* harmony import */ var _Padded__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../Padded */ \"./src/components/Padded/index.js\");\n/* harmony import */ var _Text__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../Text */ \"./src/components/Text/index.js\");\n/* harmony import */ var _BaselineAlignement__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./BaselineAlignement */ \"./src/components/ListHeader/BaselineAlignement.js\");\n/**\n *\n * ListHeader\n *\n */\n\n\n\n\n\n\n\n\n\nfunction ListHeader(_ref) {\n  var button = _ref.button,\n    title = _ref.title,\n    subtitle = _ref.subtitle;\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2__[\"ListHeader\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Flex__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n    justifyContent: \"space-between\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Padded__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n    top: true,\n    bottom: true,\n    size: \"smd\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Text__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n    fontSize: \"lg\",\n    fontWeight: \"bold\",\n    lineHeight: \"18px\"\n  }, title), subtitle && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Padded__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n    top: true,\n    size: \"xs\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Text__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n    fontSize: \"md\",\n    color: \"grey\",\n    lineHeight: \"13px\"\n  }, subtitle))), button && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_BaselineAlignement__WEBPACK_IMPORTED_MODULE_7__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__[\"default\"], button))));\n}\nListHeader.defaultProps = {\n  button: null,\n  title: null,\n  subtitle: null\n};\nListHeader.propTypes = {\n  button: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.shape({\n    color: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n    icon: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n    type: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string\n  }),\n  subtitle: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  title: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (ListHeader);\n\n//# sourceURL=webpack://@punch-in/buffet-modern-core/./src/components/ListHeader/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @punch-in/buffet-modern-styles */ \"@punch-in/buffet-modern-styles\");\n/* harmony import */ var _punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _Button__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../Button */ \"./src/components/Button/index.js\");\n/* harmony import */ var _Flex__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../Flex */ \"./src/components/Flex/index.js\");\n/* harmony import */ var _Padded__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../Padded */ \"./src/components/Padded/index.js\");\n/* harmony import */ var _Text__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../Text */ \"./src/components/Text/index.js\");\n/* harmony import */ var _BaselineAlignement__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./BaselineAlignement */ \"./src/components/ListHeader/BaselineAlignement.js\");\n/**\n *\n * ListHeader\n *\n */\n\n\n\n\n\n\n\n\n\nfunction ListHeader(_ref) {\n  var button = _ref.button,\n    title = _ref.title,\n    subtitle = _ref.subtitle;\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2__[\"ListHeader\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Flex__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n    justifyContent: \"space-between\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Padded__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n    top: true,\n    bottom: true,\n    size: \"smd\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Text__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n    fontSize: \"lg\",\n    fontWeight: \"bold\",\n    lineHeight: \"18px\"\n  }, title), subtitle && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Padded__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n    top: true,\n    size: \"xs\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Text__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n    fontSize: \"md\",\n    color: \"grey\",\n    lineHeight: \"13px\"\n  }, subtitle))), button && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_BaselineAlignement__WEBPACK_IMPORTED_MODULE_7__[\"default\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Button__WEBPACK_IMPORTED_MODULE_3__[\"default\"], button))));\n}\nListHeader.defaultProps = {\n  button: null,\n  title: null,\n  subtitle: null\n};\nListHeader.propTypes = {\n  button: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.shape({\n    color: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n    icon: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n    type: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string\n  }),\n  subtitle: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  title: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (ListHeader);\n\n//# sourceURL=webpack://@punch-in/buffet-modern-core/./src/components/ListHeader/index.js?");
 
 /***/ }),
 
@@ -380,7 +380,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @punch-in/buffet-modern */ \"@punch-in/buffet-modern\");\n/* harmony import */ var _punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2__);\n/**\n *\n * ListRow\n *\n */\n\n\n\n\nfunction ListRow(_ref) {\n  var cells = _ref.cells,\n    onClick = _ref.onClick;\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2__[\"ListRow\"], {\n    onClick: onClick\n  }, Object.keys(cells).map(function (key) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"td\", {\n      key: key,\n      className: \"\".concat(key, \"-cell\")\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"p\", null, cells[key]));\n  }));\n}\nListRow.defaultProps = {\n  cells: {},\n  onClick: function onClick() {}\n};\nListRow.propTypes = {\n  cells: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.instanceOf(Object),\n  onClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (ListRow);\n\n//# sourceURL=webpack://@punch-in/buffet-modern-core/./src/components/ListRow/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @punch-in/buffet-modern-styles */ \"@punch-in/buffet-modern-styles\");\n/* harmony import */ var _punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2__);\n/**\n *\n * ListRow\n *\n */\n\n\n\n\nfunction ListRow(_ref) {\n  var cells = _ref.cells,\n    onClick = _ref.onClick;\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2__[\"ListRow\"], {\n    onClick: onClick\n  }, Object.keys(cells).map(function (key) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"td\", {\n      key: key,\n      className: \"\".concat(key, \"-cell\")\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"p\", null, cells[key]));\n  }));\n}\nListRow.defaultProps = {\n  cells: {},\n  onClick: function onClick() {}\n};\nListRow.propTypes = {\n  cells: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.instanceOf(Object),\n  onClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (ListRow);\n\n//# sourceURL=webpack://@punch-in/buffet-modern-core/./src/components/ListRow/index.js?");
 
 /***/ }),
 
@@ -392,7 +392,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-router-dom */ \"react-router-dom\");\n/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_router_dom__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @punch-in/buffet-modern */ \"@punch-in/buffet-modern\");\n/* harmony import */ var _punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _punch_in_buffet_modern_utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @punch-in/buffet-modern-utils */ \"@punch-in/buffet-modern-utils\");\n/* harmony import */ var _punch_in_buffet_modern_utils__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern_utils__WEBPACK_IMPORTED_MODULE_4__);\n/**\n *\n * NavTabs\n *\n */\n\n\n\n\n\n\nfunction NavTabs(_ref) {\n  var links = _ref.links;\n  var color = _punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_3__[\"colors\"].greyLink;\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"ul\", null, links.map(function (link, index) {\n    color = Object(_punch_in_buffet_modern_utils__WEBPACK_IMPORTED_MODULE_4__[\"gradient\"])(color, 1.5);\n    var content = link.label ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"p\", null, link.label) : link.compo || null;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_3__[\"Tab\"], {\n      key: link.to,\n      index: index,\n      count: links.length,\n      background: color\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_1__[\"NavLink\"], {\n      to: link.to\n    }, content));\n  }));\n}\nNavTabs.defaultProps = {\n  links: []\n};\nNavTabs.propTypes = {\n  links: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.shape({\n    compo: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.node,\n    label: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string,\n    to: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string\n  }))\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (NavTabs);\n\n//# sourceURL=webpack://@punch-in/buffet-modern-core/./src/components/NavTabs/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-router-dom */ \"react-router-dom\");\n/* harmony import */ var react_router_dom__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_router_dom__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @punch-in/buffet-modern-styles */ \"@punch-in/buffet-modern-styles\");\n/* harmony import */ var _punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _punch_in_buffet_modern_utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @punch-in/buffet-modern-utils */ \"@punch-in/buffet-modern-utils\");\n/* harmony import */ var _punch_in_buffet_modern_utils__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern_utils__WEBPACK_IMPORTED_MODULE_4__);\n/**\n *\n * NavTabs\n *\n */\n\n\n\n\n\n\nfunction NavTabs(_ref) {\n  var links = _ref.links;\n  var color = _punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_3__[\"colors\"].greyLink;\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"ul\", null, links.map(function (link, index) {\n    color = Object(_punch_in_buffet_modern_utils__WEBPACK_IMPORTED_MODULE_4__[\"gradient\"])(color, 1.5);\n    var content = link.label ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"p\", null, link.label) : link.compo || null;\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_3__[\"Tab\"], {\n      key: link.to,\n      index: index,\n      count: links.length,\n      background: color\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_router_dom__WEBPACK_IMPORTED_MODULE_1__[\"NavLink\"], {\n      to: link.to\n    }, content));\n  }));\n}\nNavTabs.defaultProps = {\n  links: []\n};\nNavTabs.propTypes = {\n  links: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.shape({\n    compo: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.node,\n    label: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string,\n    to: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string\n  }))\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (NavTabs);\n\n//# sourceURL=webpack://@punch-in/buffet-modern-core/./src/components/NavTabs/index.js?");
 
 /***/ }),
 
@@ -416,7 +416,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var styl
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _punch_in_buffet_modern_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @punch-in/buffet-modern-icons */ \"@punch-in/buffet-modern-icons\");\n/* harmony import */ var _punch_in_buffet_modern_icons__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern_icons__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @punch-in/buffet-modern */ \"@punch-in/buffet-modern\");\n/* harmony import */ var _punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _RemoveButton__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./RemoveButton */ \"./src/components/Option/RemoveButton.js\");\nvar _excluded = [\"label\", \"onClick\"];\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }\n\n\n\n\n\n\nfunction Filter(_ref) {\n  var label = _ref.label,\n    onClick = _ref.onClick,\n    rest = _objectWithoutProperties(_ref, _excluded);\n  var content = typeof label === 'string' ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", null, Object(lodash__WEBPACK_IMPORTED_MODULE_4__[\"upperFirst\"])(label)) : label;\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_3__[\"Option\"], rest, content, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_RemoveButton__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n    type: \"button\",\n    onClick: onClick\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern_icons__WEBPACK_IMPORTED_MODULE_2__[\"Remove\"], {\n    width: \"11px\",\n    height: \"11px\",\n    fill: \"#007eff\"\n  })));\n}\nFilter.defaultProps = {\n  label: '',\n  onClick: function onClick() {}\n};\nFilter.propTypes = {\n  label: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.object]),\n  onClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (Filter);\n\n//# sourceURL=webpack://@punch-in/buffet-modern-core/./src/components/Option/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _punch_in_buffet_modern_icons__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @punch-in/buffet-modern-icons */ \"@punch-in/buffet-modern-icons\");\n/* harmony import */ var _punch_in_buffet_modern_icons__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern_icons__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @punch-in/buffet-modern-styles */ \"@punch-in/buffet-modern-styles\");\n/* harmony import */ var _punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _RemoveButton__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./RemoveButton */ \"./src/components/Option/RemoveButton.js\");\nvar _excluded = [\"label\", \"onClick\"];\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }\n\n\n\n\n\n\nfunction Filter(_ref) {\n  var label = _ref.label,\n    onClick = _ref.onClick,\n    rest = _objectWithoutProperties(_ref, _excluded);\n  var content = typeof label === 'string' ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", null, Object(lodash__WEBPACK_IMPORTED_MODULE_4__[\"upperFirst\"])(label)) : label;\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_3__[\"Option\"], rest, content, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_RemoveButton__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n    type: \"button\",\n    onClick: onClick\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern_icons__WEBPACK_IMPORTED_MODULE_2__[\"Remove\"], {\n    width: \"11px\",\n    height: \"11px\",\n    fill: \"#007eff\"\n  })));\n}\nFilter.defaultProps = {\n  label: '',\n  onClick: function onClick() {}\n};\nFilter.propTypes = {\n  label: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.object]),\n  onClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (Filter);\n\n//# sourceURL=webpack://@punch-in/buffet-modern-core/./src/components/Option/index.js?");
 
 /***/ }),
 
@@ -488,7 +488,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! styled-components */ \"styled-components\");\n/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @punch-in/buffet-modern */ \"@punch-in/buffet-modern\");\n/* harmony import */ var _punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _Icon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../Icon */ \"./src/components/Icon/index.js\");\nvar _templateObject;\nfunction _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }\n\n\n\nvar PrefixIcon = styled_components__WEBPACK_IMPORTED_MODULE_0___default()(_Icon__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(_templateObject || (_templateObject = _taggedTemplateLiteral([\"\\n  margin-right: \", \"px;\\n  font-size: 0.94em;\\n\"])), _punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_1__[\"sizes\"].margin);\n/* harmony default export */ __webpack_exports__[\"default\"] = (PrefixIcon);\n\n//# sourceURL=webpack://@punch-in/buffet-modern-core/./src/components/PrefixIcon/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! styled-components */ \"styled-components\");\n/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @punch-in/buffet-modern-styles */ \"@punch-in/buffet-modern-styles\");\n/* harmony import */ var _punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _Icon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../Icon */ \"./src/components/Icon/index.js\");\nvar _templateObject;\nfunction _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }\n\n\n\nvar PrefixIcon = styled_components__WEBPACK_IMPORTED_MODULE_0___default()(_Icon__WEBPACK_IMPORTED_MODULE_2__[\"default\"])(_templateObject || (_templateObject = _taggedTemplateLiteral([\"\\n  margin-right: \", \"px;\\n  font-size: 0.94em;\\n\"])), _punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_1__[\"sizes\"].margin);\n/* harmony default export */ __webpack_exports__[\"default\"] = (PrefixIcon);\n\n//# sourceURL=webpack://@punch-in/buffet-modern-core/./src/components/PrefixIcon/index.js?");
 
 /***/ }),
 
@@ -500,7 +500,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var styl
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var invariant__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! invariant */ \"invariant\");\n/* harmony import */ var invariant__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(invariant__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @punch-in/buffet-modern */ \"@punch-in/buffet-modern\");\n/* harmony import */ var _punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_3__);\nvar _excluded = [\"autoFocus\", \"id\", \"name\", \"onChange\", \"options\", \"tabIndex\", \"value\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }\n/**\n *\n * Select\n *\n */\n\n\n\n\n\nfunction Select(_ref) {\n  var autoFocus = _ref.autoFocus,\n    id = _ref.id,\n    name = _ref.name,\n    onChange = _ref.onChange,\n    options = _ref.options,\n    tabIndex = _ref.tabIndex,\n    value = _ref.value,\n    rest = _objectWithoutProperties(_ref, _excluded);\n  var lengthOfReactElementsInOptions = options.filter(function (option) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.isValidElement(option);\n  }).length;\n  var formatOptions = function formatOptions() {\n    return options.map(function (option) {\n      var optionValue = option;\n\n      // Type check\n      // Use option.value if it is defined (ie. even when it is an empty string)\n      if (option && typeof option.value !== 'undefined') {\n        optionValue = option.value;\n      }\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"option\", {\n        key: JSON.stringify(optionValue),\n        value: optionValue\n      }, option.label || option);\n    });\n  };\n  var renderOptions = function renderOptions() {\n    var areOptionsValidReactElements = options.every(function (option) {\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.isValidElement(option);\n    });\n    return areOptionsValidReactElements ? options : formatOptions();\n  };\n  if (lengthOfReactElementsInOptions > 0) {\n    invariant__WEBPACK_IMPORTED_MODULE_2___default()(lengthOfReactElementsInOptions === options.length, 'You have mixed up React Elements and non React Elements in your options array ');\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_3__[\"Select\"], _extends({\n    autoFocus: autoFocus,\n    id: id || name,\n    name: name,\n    onChange: onChange,\n    tabIndex: tabIndex,\n    value: value\n  }, rest), renderOptions());\n}\nSelect.defaultProps = {\n  autoComplete: 'off',\n  autoFocus: false,\n  id: null,\n  options: [],\n  placeholder: null,\n  tabIndex: '0'\n};\nSelect.propTypes = {\n  autoComplete: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  autoFocus: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  id: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  name: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string.isRequired,\n  onChange: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func.isRequired,\n  options: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.shape({\n    label: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n    value: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.object])\n  }), prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node])),\n  placeholder: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  tabIndex: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  value: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.object]).isRequired\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (Select);\n\n//# sourceURL=webpack://@punch-in/buffet-modern-core/./src/components/Select/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var invariant__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! invariant */ \"invariant\");\n/* harmony import */ var invariant__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(invariant__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @punch-in/buffet-modern-styles */ \"@punch-in/buffet-modern-styles\");\n/* harmony import */ var _punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_3__);\nvar _excluded = [\"autoFocus\", \"id\", \"name\", \"onChange\", \"options\", \"tabIndex\", \"value\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }\n/**\n *\n * Select\n *\n */\n\n\n\n\n\nfunction Select(_ref) {\n  var autoFocus = _ref.autoFocus,\n    id = _ref.id,\n    name = _ref.name,\n    onChange = _ref.onChange,\n    options = _ref.options,\n    tabIndex = _ref.tabIndex,\n    value = _ref.value,\n    rest = _objectWithoutProperties(_ref, _excluded);\n  var lengthOfReactElementsInOptions = options.filter(function (option) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.isValidElement(option);\n  }).length;\n  var formatOptions = function formatOptions() {\n    return options.map(function (option) {\n      var optionValue = option;\n\n      // Type check\n      // Use option.value if it is defined (ie. even when it is an empty string)\n      if (option && typeof option.value !== 'undefined') {\n        optionValue = option.value;\n      }\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"option\", {\n        key: JSON.stringify(optionValue),\n        value: optionValue\n      }, option.label || option);\n    });\n  };\n  var renderOptions = function renderOptions() {\n    var areOptionsValidReactElements = options.every(function (option) {\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.isValidElement(option);\n    });\n    return areOptionsValidReactElements ? options : formatOptions();\n  };\n  if (lengthOfReactElementsInOptions > 0) {\n    invariant__WEBPACK_IMPORTED_MODULE_2___default()(lengthOfReactElementsInOptions === options.length, 'You have mixed up React Elements and non React Elements in your options array ');\n  }\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_3__[\"Select\"], _extends({\n    autoFocus: autoFocus,\n    id: id || name,\n    name: name,\n    onChange: onChange,\n    tabIndex: tabIndex,\n    value: value\n  }, rest), renderOptions());\n}\nSelect.defaultProps = {\n  autoComplete: 'off',\n  autoFocus: false,\n  id: null,\n  options: [],\n  placeholder: null,\n  tabIndex: '0'\n};\nSelect.propTypes = {\n  autoComplete: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  autoFocus: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  id: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  name: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string.isRequired,\n  onChange: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func.isRequired,\n  options: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.shape({\n    label: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n    value: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.object])\n  }), prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node])),\n  placeholder: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  tabIndex: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  value: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.object]).isRequired\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (Select);\n\n//# sourceURL=webpack://@punch-in/buffet-modern-core/./src/components/Select/index.js?");
 
 /***/ }),
 
@@ -536,7 +536,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @punch-in/buffet-modern */ \"@punch-in/buffet-modern\");\n/* harmony import */ var _punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _TableHeader__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../TableHeader */ \"./src/components/TableHeader/index.js\");\n/* harmony import */ var _TableRow__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../TableRow */ \"./src/components/TableRow/index.js\");\n/* harmony import */ var _ActionCollapse__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./ActionCollapse */ \"./src/components/Table/ActionCollapse.js\");\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\n/**\n *\n * Table\n *\n */\n\n\n\n\n\n\n\nfunction Table(_ref) {\n  var bulkActionProps = _ref.bulkActionProps,\n    className = _ref.className,\n    customRow = _ref.customRow,\n    headers = _ref.headers,\n    isLoading = _ref.isLoading,\n    onChangeSort = _ref.onChangeSort,\n    onClickRow = _ref.onClickRow,\n    _onSelect = _ref.onSelect,\n    onSelectAll = _ref.onSelectAll,\n    rows = _ref.rows,\n    rowLinks = _ref.rowLinks,\n    showActionCollapse = _ref.showActionCollapse,\n    sortBy = _ref.sortBy,\n    sortOrder = _ref.sortOrder,\n    tableEmptyText = _ref.tableEmptyText,\n    withBulkAction = _ref.withBulkAction;\n  var colSpan = withBulkAction ? headers.length + 1 : headers.length;\n  if (rowLinks.length > 0) {\n    colSpan += 1;\n  }\n  var areAllEntriesSelected = rows.length > 0 && rows.some(function (row) {\n    return row._isChecked === true;\n  });\n  var shouldDisplayEmptyRow = rows.length === 0 && !isLoading;\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2__[\"Table\"], {\n    className: className\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"table\", {\n    className: \"\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_TableHeader__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n    headers: headers,\n    onChangeSort: onChangeSort,\n    onSelectAll: onSelectAll,\n    rows: rows,\n    shouldAddCell: rowLinks.length > 0,\n    sortBy: sortBy,\n    sortOrder: sortOrder,\n    withBulkAction: withBulkAction\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"tbody\", null, withBulkAction && areAllEntriesSelected && showActionCollapse && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ActionCollapse__WEBPACK_IMPORTED_MODULE_5__[\"default\"], _extends({\n    colSpan: colSpan,\n    numberOfSelectedEntries: rows.filter(function (row) {\n      return row._isChecked === true;\n    }).length\n  }, bulkActionProps)), isLoading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2__[\"TableRowEmpty\"], {\n    isLoading: true\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"td\", {\n    colSpan: colSpan\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2__[\"LoadingIndicator\"], null))), shouldDisplayEmptyRow && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2__[\"TableRowEmpty\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"td\", {\n    colSpan: colSpan\n  }, tableEmptyText)), !shouldDisplayEmptyRow && rows.map(function (row, index) {\n    var key = row.id || \"key\".concat(index);\n    if (customRow) {\n      var Row = customRow;\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, {\n        key: JSON.stringify(row)\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Row, {\n        row: row,\n        headers: headers,\n        onSelect: _onSelect\n      }));\n    }\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_TableRow__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n      key: key,\n      headers: headers,\n      onClick: onClickRow,\n      onSelect: function onSelect() {\n        _onSelect(row, index);\n      },\n      row: row,\n      rowLinks: rowLinks,\n      withBulkAction: withBulkAction\n    });\n  }))));\n}\nTable.defaultProps = {\n  bulkActionProps: {\n    icon: 'trash',\n    onConfirm: function onConfirm() {},\n    translatedNumberOfEntry: 'entry',\n    translatedNumberOfEntries: 'entries',\n    translatedAction: 'Delete all'\n  },\n  className: null,\n  customRow: null,\n  headers: [],\n  isLoading: false,\n  onChangeSort: function onChangeSort() {},\n  onClickRow: function onClickRow() {},\n  onSelect: function onSelect() {},\n  onSelectAll: function onSelectAll() {},\n  rows: [],\n  rowLinks: [],\n  showActionCollapse: false,\n  sortBy: null,\n  sortOrder: 'asc',\n  tableEmptyText: 'There is no data',\n  withBulkAction: false\n};\nTable.propTypes = {\n  bulkActionProps: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.shape({\n    icon: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n    onConfirm: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n    translatedAction: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n    translatedNumberOfEntries: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n    translatedNumberOfEntry: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string\n  }),\n  className: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  customRow: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  headers: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.shape({\n    isSortEnabled: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n    name: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n    value: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string\n  })),\n  isLoading: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  onChangeSort: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  onClickRow: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  onSelect: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  onSelectAll: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  rowLinks: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.instanceOf(Array),\n  rows: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.instanceOf(Array),\n  showActionCollapse: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  sortBy: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  sortOrder: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  tableEmptyText: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  withBulkAction: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (Table);\n\n//# sourceURL=webpack://@punch-in/buffet-modern-core/./src/components/Table/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @punch-in/buffet-modern-styles */ \"@punch-in/buffet-modern-styles\");\n/* harmony import */ var _punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _TableHeader__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../TableHeader */ \"./src/components/TableHeader/index.js\");\n/* harmony import */ var _TableRow__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../TableRow */ \"./src/components/TableRow/index.js\");\n/* harmony import */ var _ActionCollapse__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./ActionCollapse */ \"./src/components/Table/ActionCollapse.js\");\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\n/**\n *\n * Table\n *\n */\n\n\n\n\n\n\n\nfunction Table(_ref) {\n  var bulkActionProps = _ref.bulkActionProps,\n    className = _ref.className,\n    customRow = _ref.customRow,\n    headers = _ref.headers,\n    isLoading = _ref.isLoading,\n    onChangeSort = _ref.onChangeSort,\n    onClickRow = _ref.onClickRow,\n    _onSelect = _ref.onSelect,\n    onSelectAll = _ref.onSelectAll,\n    rows = _ref.rows,\n    rowLinks = _ref.rowLinks,\n    showActionCollapse = _ref.showActionCollapse,\n    sortBy = _ref.sortBy,\n    sortOrder = _ref.sortOrder,\n    tableEmptyText = _ref.tableEmptyText,\n    withBulkAction = _ref.withBulkAction;\n  var colSpan = withBulkAction ? headers.length + 1 : headers.length;\n  if (rowLinks.length > 0) {\n    colSpan += 1;\n  }\n  var areAllEntriesSelected = rows.length > 0 && rows.some(function (row) {\n    return row._isChecked === true;\n  });\n  var shouldDisplayEmptyRow = rows.length === 0 && !isLoading;\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2__[\"Table\"], {\n    className: className\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"table\", {\n    className: \"\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_TableHeader__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n    headers: headers,\n    onChangeSort: onChangeSort,\n    onSelectAll: onSelectAll,\n    rows: rows,\n    shouldAddCell: rowLinks.length > 0,\n    sortBy: sortBy,\n    sortOrder: sortOrder,\n    withBulkAction: withBulkAction\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"tbody\", null, withBulkAction && areAllEntriesSelected && showActionCollapse && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ActionCollapse__WEBPACK_IMPORTED_MODULE_5__[\"default\"], _extends({\n    colSpan: colSpan,\n    numberOfSelectedEntries: rows.filter(function (row) {\n      return row._isChecked === true;\n    }).length\n  }, bulkActionProps)), isLoading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2__[\"TableRowEmpty\"], {\n    isLoading: true\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"td\", {\n    colSpan: colSpan\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2__[\"LoadingIndicator\"], null))), shouldDisplayEmptyRow && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2__[\"TableRowEmpty\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"td\", {\n    colSpan: colSpan\n  }, tableEmptyText)), !shouldDisplayEmptyRow && rows.map(function (row, index) {\n    var key = row.id || \"key\".concat(index);\n    if (customRow) {\n      var Row = customRow;\n      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, {\n        key: JSON.stringify(row)\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Row, {\n        row: row,\n        headers: headers,\n        onSelect: _onSelect\n      }));\n    }\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_TableRow__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n      key: key,\n      headers: headers,\n      onClick: onClickRow,\n      onSelect: function onSelect() {\n        _onSelect(row, index);\n      },\n      row: row,\n      rowLinks: rowLinks,\n      withBulkAction: withBulkAction\n    });\n  }))));\n}\nTable.defaultProps = {\n  bulkActionProps: {\n    icon: 'trash',\n    onConfirm: function onConfirm() {},\n    translatedNumberOfEntry: 'entry',\n    translatedNumberOfEntries: 'entries',\n    translatedAction: 'Delete all'\n  },\n  className: null,\n  customRow: null,\n  headers: [],\n  isLoading: false,\n  onChangeSort: function onChangeSort() {},\n  onClickRow: function onClickRow() {},\n  onSelect: function onSelect() {},\n  onSelectAll: function onSelectAll() {},\n  rows: [],\n  rowLinks: [],\n  showActionCollapse: false,\n  sortBy: null,\n  sortOrder: 'asc',\n  tableEmptyText: 'There is no data',\n  withBulkAction: false\n};\nTable.propTypes = {\n  bulkActionProps: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.shape({\n    icon: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n    onConfirm: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n    translatedAction: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n    translatedNumberOfEntries: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n    translatedNumberOfEntry: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string\n  }),\n  className: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  customRow: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  headers: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.shape({\n    isSortEnabled: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n    name: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n    value: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string\n  })),\n  isLoading: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  onChangeSort: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  onClickRow: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  onSelect: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  onSelectAll: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  rowLinks: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.instanceOf(Array),\n  rows: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.instanceOf(Array),\n  showActionCollapse: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  sortBy: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  sortOrder: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  tableEmptyText: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  withBulkAction: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (Table);\n\n//# sourceURL=webpack://@punch-in/buffet-modern-core/./src/components/Table/index.js?");
 
 /***/ }),
 
@@ -548,7 +548,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @punch-in/buffet-modern */ \"@punch-in/buffet-modern\");\n/* harmony import */ var _punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _Icon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../Icon */ \"./src/components/Icon/index.js\");\n/**\n *\n * TableHeader\n *\n */\n\n\n\n\n\n\n\n/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */\n/* eslint-disable jsx-a11y/control-has-associated-label */\nfunction TableHeader(_ref) {\n  var headers = _ref.headers,\n    onChangeSort = _ref.onChangeSort,\n    onSelectAll = _ref.onSelectAll,\n    rows = _ref.rows,\n    shouldAddCell = _ref.shouldAddCell,\n    sortBy = _ref.sortBy,\n    sortOrder = _ref.sortOrder,\n    withBulkAction = _ref.withBulkAction;\n  var checked = rows.length > 0 && rows.every(function (row) {\n    return row._isChecked === true;\n  });\n  var shouldDisplayNotChecked = rows.some(function (row) {\n    return row._isChecked === true;\n  }) && !checked;\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"thead\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"tr\", null, withBulkAction && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"th\", {\n    className: \"checkCell\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_3__[\"Checkbox\"], {\n    onChange: onSelectAll,\n    checked: checked,\n    someChecked: shouldDisplayNotChecked\n  })), headers.map(function (header) {\n    var isSortEnabled = header.isSortEnabled,\n      name = header.name,\n      value = header.value;\n    var shouldDisplaySort = isSortEnabled && sortBy === value;\n    var firstElementThatCanBeSorted = Object(lodash__WEBPACK_IMPORTED_MODULE_2__[\"get\"])(headers.filter(function (h) {\n      return h.isSortEnabled;\n    }), [0, 'value'], null);\n    return (\n      /*#__PURE__*/\n      // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n      react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"th\", {\n        key: value,\n        onClick: function onClick() {\n          onChangeSort({\n            sortBy: value,\n            firstElementThatCanBeSorted: firstElementThatCanBeSorted,\n            isSortEnabled: isSortEnabled\n          });\n        }\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"p\", {\n        className: isSortEnabled ? 'clickable' : ''\n      }, name, shouldDisplaySort && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Icon__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n        icon: sortOrder || 'asc'\n      })))\n    );\n  }), shouldAddCell && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"th\", null)));\n}\nTableHeader.defaultProps = {\n  headers: [],\n  onChangeSort: function onChangeSort() {},\n  onSelectAll: function onSelectAll() {},\n  rows: [],\n  shouldAddCell: false,\n  sortBy: null,\n  sortOrder: 'asc',\n  withBulkAction: false\n};\nTableHeader.propTypes = {\n  headers: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.shape({\n    isSortEnabled: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n    name: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n    value: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string\n  })),\n  onChangeSort: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  onSelectAll: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  rows: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.instanceOf(Array),\n  shouldAddCell: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  sortBy: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  sortOrder: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  withBulkAction: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (TableHeader);\n\n//# sourceURL=webpack://@punch-in/buffet-modern-core/./src/components/TableHeader/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @punch-in/buffet-modern-styles */ \"@punch-in/buffet-modern-styles\");\n/* harmony import */ var _punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _Icon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../Icon */ \"./src/components/Icon/index.js\");\n/**\n *\n * TableHeader\n *\n */\n\n\n\n\n\n\n\n/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */\n/* eslint-disable jsx-a11y/control-has-associated-label */\nfunction TableHeader(_ref) {\n  var headers = _ref.headers,\n    onChangeSort = _ref.onChangeSort,\n    onSelectAll = _ref.onSelectAll,\n    rows = _ref.rows,\n    shouldAddCell = _ref.shouldAddCell,\n    sortBy = _ref.sortBy,\n    sortOrder = _ref.sortOrder,\n    withBulkAction = _ref.withBulkAction;\n  var checked = rows.length > 0 && rows.every(function (row) {\n    return row._isChecked === true;\n  });\n  var shouldDisplayNotChecked = rows.some(function (row) {\n    return row._isChecked === true;\n  }) && !checked;\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"thead\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"tr\", null, withBulkAction && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"th\", {\n    className: \"checkCell\"\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_3__[\"Checkbox\"], {\n    onChange: onSelectAll,\n    checked: checked,\n    someChecked: shouldDisplayNotChecked\n  })), headers.map(function (header) {\n    var isSortEnabled = header.isSortEnabled,\n      name = header.name,\n      value = header.value;\n    var shouldDisplaySort = isSortEnabled && sortBy === value;\n    var firstElementThatCanBeSorted = Object(lodash__WEBPACK_IMPORTED_MODULE_2__[\"get\"])(headers.filter(function (h) {\n      return h.isSortEnabled;\n    }), [0, 'value'], null);\n    return (\n      /*#__PURE__*/\n      // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n      react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"th\", {\n        key: value,\n        onClick: function onClick() {\n          onChangeSort({\n            sortBy: value,\n            firstElementThatCanBeSorted: firstElementThatCanBeSorted,\n            isSortEnabled: isSortEnabled\n          });\n        }\n      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"p\", {\n        className: isSortEnabled ? 'clickable' : ''\n      }, name, shouldDisplaySort && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Icon__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n        icon: sortOrder || 'asc'\n      })))\n    );\n  }), shouldAddCell && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"th\", null)));\n}\nTableHeader.defaultProps = {\n  headers: [],\n  onChangeSort: function onChangeSort() {},\n  onSelectAll: function onSelectAll() {},\n  rows: [],\n  shouldAddCell: false,\n  sortBy: null,\n  sortOrder: 'asc',\n  withBulkAction: false\n};\nTableHeader.propTypes = {\n  headers: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.shape({\n    isSortEnabled: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n    name: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n    value: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string\n  })),\n  onChangeSort: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  onSelectAll: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  rows: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.instanceOf(Array),\n  shouldAddCell: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  sortBy: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  sortOrder: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  withBulkAction: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (TableHeader);\n\n//# sourceURL=webpack://@punch-in/buffet-modern-core/./src/components/TableHeader/index.js?");
 
 /***/ }),
 
@@ -560,7 +560,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @punch-in/buffet-modern */ \"@punch-in/buffet-modern\");\n/* harmony import */ var _punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _Icon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../Icon */ \"./src/components/Icon/index.js\");\n/**\n *\n * TableRow\n *\n */\n\n\n\n\n\n\nfunction TableRow(_ref) {\n  var headers = _ref.headers,\n    _onClick = _ref.onClick,\n    onSelect = _ref.onSelect,\n    row = _ref.row,\n    rowLinks = _ref.rowLinks,\n    withBulkAction = _ref.withBulkAction;\n  // const displayedCells = headers.map(header => ({ key: header.value, );\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"tr\", {\n    onClick: function onClick(e) {\n      e.preventDefault();\n      e.stopPropagation();\n      _onClick(e, row);\n    }\n  }, withBulkAction && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"td\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_3__[\"Checkbox\"], {\n    onClick: function onClick(e) {\n      e.stopPropagation();\n    },\n    onChange: onSelect,\n    checked: row._isChecked\n  })), headers.map(function (_ref2) {\n    var cellName = _ref2.value,\n      cellFormatter = _ref2.cellFormatter,\n      cellAdapter = _ref2.cellAdapter;\n    var displayedValue = !Object(lodash__WEBPACK_IMPORTED_MODULE_2__[\"isObject\"])(row[cellName]) ? row[cellName] : '-';\n    if (Object(lodash__WEBPACK_IMPORTED_MODULE_2__[\"isFunction\"])(cellFormatter)) {\n      displayedValue = cellFormatter(row[cellName], row);\n    }\n    var displayedContent = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"p\", null, displayedValue || '-');\n    if (Object(lodash__WEBPACK_IMPORTED_MODULE_2__[\"isFunction\"])(cellAdapter)) {\n      displayedContent = cellAdapter(row);\n    }\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"td\", {\n      key: cellName,\n      className: \"\".concat(cellName, \"-cell\")\n    }, displayedContent);\n  }), rowLinks.length > 0 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"td\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    style: {\n      width: 'fit-content',\n      \"float\": 'right'\n    }\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_3__[\"Links\"], null, rowLinks.map(function (icon, index) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"button\", {\n      // eslint-disable-next-line react/no-array-index-key\n      key: index + icon,\n      onClick: function onClick(e) {\n        e.preventDefault();\n        e.stopPropagation();\n        icon.onClick(row);\n      },\n      type: \"button\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Icon__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n      className: \"link-icon\",\n      icon: icon.icon\n    }));\n  })))));\n}\nTableRow.defaultProps = {\n  headers: [],\n  onClick: function onClick() {},\n  onSelect: function onSelect() {},\n  row: {},\n  rowLinks: [],\n  withBulkAction: false\n};\nTableRow.propTypes = {\n  headers: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.shape({\n    isSortEnabled: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n    name: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n    value: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string\n  })),\n  onClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  onSelect: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  // eslint-disable-next-line react/forbid-prop-types\n  row: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.object,\n  rowLinks: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.shape({\n    icon: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node\n  })),\n  withBulkAction: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (TableRow);\n\n//# sourceURL=webpack://@punch-in/buffet-modern-core/./src/components/TableRow/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @punch-in/buffet-modern-styles */ \"@punch-in/buffet-modern-styles\");\n/* harmony import */ var _punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _Icon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../Icon */ \"./src/components/Icon/index.js\");\n/**\n *\n * TableRow\n *\n */\n\n\n\n\n\n\nfunction TableRow(_ref) {\n  var headers = _ref.headers,\n    _onClick = _ref.onClick,\n    onSelect = _ref.onSelect,\n    row = _ref.row,\n    rowLinks = _ref.rowLinks,\n    withBulkAction = _ref.withBulkAction;\n  // const displayedCells = headers.map(header => ({ key: header.value, );\n\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"tr\", {\n    onClick: function onClick(e) {\n      e.preventDefault();\n      e.stopPropagation();\n      _onClick(e, row);\n    }\n  }, withBulkAction && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"td\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_3__[\"Checkbox\"], {\n    onClick: function onClick(e) {\n      e.stopPropagation();\n    },\n    onChange: onSelect,\n    checked: row._isChecked\n  })), headers.map(function (_ref2) {\n    var cellName = _ref2.value,\n      cellFormatter = _ref2.cellFormatter,\n      cellAdapter = _ref2.cellAdapter;\n    var displayedValue = !Object(lodash__WEBPACK_IMPORTED_MODULE_2__[\"isObject\"])(row[cellName]) ? row[cellName] : '-';\n    if (Object(lodash__WEBPACK_IMPORTED_MODULE_2__[\"isFunction\"])(cellFormatter)) {\n      displayedValue = cellFormatter(row[cellName], row);\n    }\n    var displayedContent = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"p\", null, displayedValue || '-');\n    if (Object(lodash__WEBPACK_IMPORTED_MODULE_2__[\"isFunction\"])(cellAdapter)) {\n      displayedContent = cellAdapter(row);\n    }\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"td\", {\n      key: cellName,\n      className: \"\".concat(cellName, \"-cell\")\n    }, displayedContent);\n  }), rowLinks.length > 0 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"td\", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    style: {\n      width: 'fit-content',\n      \"float\": 'right'\n    }\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_3__[\"Links\"], null, rowLinks.map(function (icon, index) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"button\", {\n      // eslint-disable-next-line react/no-array-index-key\n      key: index + icon,\n      onClick: function onClick(e) {\n        e.preventDefault();\n        e.stopPropagation();\n        icon.onClick(row);\n      },\n      type: \"button\"\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Icon__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n      className: \"link-icon\",\n      icon: icon.icon\n    }));\n  })))));\n}\nTableRow.defaultProps = {\n  headers: [],\n  onClick: function onClick() {},\n  onSelect: function onSelect() {},\n  row: {},\n  rowLinks: [],\n  withBulkAction: false\n};\nTableRow.propTypes = {\n  headers: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.shape({\n    isSortEnabled: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n    name: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n    value: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string\n  })),\n  onClick: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  onSelect: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  // eslint-disable-next-line react/forbid-prop-types\n  row: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.object,\n  rowLinks: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.shape({\n    icon: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.node\n  })),\n  withBulkAction: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (TableRow);\n\n//# sourceURL=webpack://@punch-in/buffet-modern-core/./src/components/TableRow/index.js?");
 
 /***/ }),
 
@@ -584,7 +584,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var styl
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @punch-in/buffet-modern */ \"@punch-in/buffet-modern\");\n/* harmony import */ var _punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2__);\n/**\n *\n * Textarea\n *\n */\n\n\n\n\nfunction Textarea(props) {\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2__[\"Textarea\"], props);\n}\nTextarea.propTypes = {\n  name: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string.isRequired\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (Textarea);\n\n//# sourceURL=webpack://@punch-in/buffet-modern-core/./src/components/Textarea/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @punch-in/buffet-modern-styles */ \"@punch-in/buffet-modern-styles\");\n/* harmony import */ var _punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2__);\n/**\n *\n * Textarea\n *\n */\n\n\n\n\nfunction Textarea(props) {\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2__[\"Textarea\"], props);\n}\nTextarea.propTypes = {\n  name: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string.isRequired\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (Textarea);\n\n//# sourceURL=webpack://@punch-in/buffet-modern-core/./src/components/Textarea/index.js?");
 
 /***/ }),
 
@@ -596,7 +596,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var reac
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"timeFormatter\", function() { return timeFormatter; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @punch-in/buffet-modern */ \"@punch-in/buffet-modern\");\n/* harmony import */ var _punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _punch_in_buffet_modern_hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @punch-in/buffet-modern-hooks */ \"@punch-in/buffet-modern-hooks\");\n/* harmony import */ var _punch_in_buffet_modern_hooks__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern_hooks__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _Icon__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../Icon */ \"./src/components/Icon/index.js\");\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(r, a) { if (r) { if (\"string\" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return \"Object\" === t && r.constructor && (t = r.constructor.name), \"Map\" === t || \"Set\" === t ? Array.from(r) : \"Arguments\" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }\nfunction _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(r) { if (Array.isArray(r)) return r; }\n/**\n *\n * TimePicker\n *\n */\n\n\n\n\n\n\n\nvar MINUTES_IN_HOUR = 60;\n\n// Returns string with two digits padded at start with 0\nvar pad = function pad(num) {\n  return \"0\".concat(num).substr(-2);\n};\n\n// Convert time array to formatted time string\nvar timeFormatter = function timeFormatter(time) {\n  var newTime = Array(3).fill('00').concat(splitArray(time)).reverse();\n  newTime.length = 3;\n  return format(newTime).join(':');\n};\n\n// Convert time string to time array\nvar splitArray = function splitArray(string) {\n  if (Object(lodash__WEBPACK_IMPORTED_MODULE_1__[\"isInteger\"])(Object(lodash__WEBPACK_IMPORTED_MODULE_1__[\"toNumber\"])(string)) && string) {\n    var stringFormat = string.length === 3 ? \"0\".concat(string) : string;\n    return stringFormat.match(/.{1,2}/g).reverse();\n  }\n  var lowercase = string ? string.toLowerCase() : '0';\n  var array = lowercase.includes('h') ? lowercase.split('h') : lowercase.split(':');\n  return array.reverse().filter(function (v) {\n    return !!v;\n  });\n};\n\n// Ensure two-digit format for minutes and seconds\nvar format = function format(array) {\n  return array.map(function (string, i) {\n    if (string.length < 2) {\n      return i === 0 ? \"0\".concat(string) : \"\".concat(string, \"0\");\n    }\n    return string;\n  });\n};\n\n// Hide seconds if needed\nvar _short = function _short(hour) {\n  var array = hour.split(':');\n  if (array.length > 2) {\n    return array.slice(0, -1).join(':');\n  }\n  return hour;\n};\n\n// return array of minutes in hours with current step\nvar getMinutesArr = function getMinutesArr(step) {\n  var length = MINUTES_IN_HOUR / step;\n  return Array.from({\n    length: length\n  }, function (_v, i) {\n    return step * i;\n  });\n};\n\n// Generate options for TimeList display\nvar getOptions = function getOptions(step) {\n  var hours = Array.from({\n    length: 24\n  }, function (_, i) {\n    return i;\n  });\n  var minutes = getMinutesArr(step);\n  var options = hours.reduce(function (acc, cur) {\n    var hour = pad(cur);\n    var hourOptions = minutes.map(function (minute) {\n      var label = \"\".concat(hour, \":\").concat(pad(minute));\n      return {\n        value: \"\".concat(label, \":00\"),\n        label: label\n      };\n    });\n    return acc.concat(hourOptions);\n  }, []);\n  return options;\n};\n\n// Find the nearest time option to select a TimeList value\nvar roundHour = function roundHour(time, step) {\n  var arr = splitArray(time);\n  var minutesArr = getMinutesArr(step);\n  var nearMin = nearest(minutesArr.concat(MINUTES_IN_HOUR), parseInt(arr[1], 10));\n  arr[1] = minutesArr.includes(arr[1]) ? '00' : pad(nearMin);\n  arr[2] = nearMin === 60 ? \"\".concat(parseInt(arr[2], 10) + 1) : arr[2];\n  return format(arr.reverse()).join(':');\n};\n\n// Set the nearest option to select a TimeList value\nvar nearest = function nearest(arr, val) {\n  return arr.reduce(function (p, n) {\n    return Math.abs(p) > Math.abs(n - val) ? n - val : p;\n  }, Infinity) + val;\n};\nfunction TimePicker(props) {\n  var name = props.name,\n    onChange = props.onChange,\n    seconds = props.seconds,\n    tabIndex = props.tabIndex,\n    value = props.value,\n    step = props.step;\n  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])(''),\n    _useState2 = _slicedToArray(_useState, 2),\n    inputVal = _useState2[0],\n    setInputVal = _useState2[1];\n  var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])(false),\n    _useState4 = _slicedToArray(_useState3, 2),\n    isOpen = _useState4[0],\n    setIsOpen = _useState4[1];\n  var options = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useMemo\"])(function () {\n    return getOptions(step);\n  }, [step]);\n  var inputRef = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useRef\"])();\n  var wrapperRef = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useRef\"])();\n  var listRef = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useRef\"])();\n  var listRefs = options.reduce(function (acc, curr) {\n    acc[curr.value] = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useRef\"])();\n    return acc;\n  }, {});\n  var currentTimeSelected = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useMemo\"])(function () {\n    return roundHour(timeFormatter(inputVal), step);\n  }, [inputVal, step]);\n\n  // Effect to set the time\n  Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useEffect\"])(function () {\n    if (!isOpen) {\n      var time = seconds ? value : _short(value);\n      setInputVal(time);\n    }\n  }, [value, seconds, isOpen]);\n\n  // Effect to enable scrolling\n  Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useEffect\"])(function () {\n    var currentRef = currentTimeSelected;\n    if (isOpen && listRefs[currentRef]) {\n      listRef.current.scrollTop = listRefs[currentRef].current.offsetTop;\n    }\n  }, [isOpen, currentTimeSelected, listRefs]);\n\n  // Custom hook to close the TimeList\n  Object(_punch_in_buffet_modern_hooks__WEBPACK_IMPORTED_MODULE_4__[\"useEventListener\"])('click', function (event) {\n    if (!wrapperRef.current.contains(event.target)) {\n      setIsOpen(false);\n    }\n  }, isOpen);\n\n  // Custom hook to select a time using the keyboard's up arrow\n  Object(_punch_in_buffet_modern_hooks__WEBPACK_IMPORTED_MODULE_4__[\"useShortcutEffect\"])('arrowUp', function () {\n    if (isOpen) {\n      var currentIndex = options.findIndex(function (o) {\n        return o.value === currentTimeSelected;\n      });\n      if (!currentIndex) return;\n      var nextIndex = currentIndex - 1;\n      var nextTime = options[nextIndex] || options[currentIndex];\n      updateTime(nextTime.value);\n    }\n  }, isOpen);\n\n  // Custom hook to select a time using the keyboard's down arrow\n  Object(_punch_in_buffet_modern_hooks__WEBPACK_IMPORTED_MODULE_4__[\"useShortcutEffect\"])('arrowDown', function () {\n    if (isOpen) {\n      var currentIndex = options.findIndex(function (o) {\n        return o.value === currentTimeSelected;\n      });\n      var lastIndex = options.length - 1;\n      if (currentIndex >= lastIndex) return;\n      var nextIndex = currentIndex + 1;\n      var nextTime = options[nextIndex] || options[lastIndex];\n      updateTime(nextTime.value);\n    }\n  }, isOpen);\n\n  // Custom hook to close the time list\n  Object(_punch_in_buffet_modern_hooks__WEBPACK_IMPORTED_MODULE_4__[\"useShortcutEffect\"])('enter', function () {\n    if (isOpen) {\n      setIsOpen(false);\n      inputRef.current.blur();\n    }\n  }, isOpen);\n  Object(_punch_in_buffet_modern_hooks__WEBPACK_IMPORTED_MODULE_4__[\"useShortcutEffect\"])('tab', function () {\n    if (isOpen) {\n      setIsOpen(false);\n      inputRef.current.blur();\n    }\n  }, isOpen);\n  var handleChange = function handleChange(_ref) {\n    var target = _ref.target;\n    updateTime(target.value);\n  };\n  var handleChangeRadio = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useCallback\"])(function () {}, []);\n  var formatInputValue = function formatInputValue(time) {\n    if (!seconds) {\n      setInputVal(_short(time));\n    } else {\n      setInputVal(time);\n    }\n  };\n  var handleClick = function handleClick(_ref2) {\n    var target = _ref2.target;\n    updateTime(target.value);\n    setIsOpen(false);\n  };\n  var updateTime = function updateTime(time) {\n    formatInputValue(time);\n    onChange({\n      target: {\n        name: name,\n        type: 'time',\n        value: timeFormatter(time)\n      }\n    });\n  };\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_3__[\"TimePickerWrapper\"], {\n    ref: wrapperRef,\n    className: props.className\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_3__[\"TimePicker\"], _extends({}, props, {\n    autoComplete: \"off\",\n    onChange: handleChange,\n    onFocus: function onFocus() {\n      return setIsOpen(true);\n    },\n    ref: inputRef,\n    type: \"text\",\n    value: inputVal,\n    tabIndex: tabIndex\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_3__[\"IconWrapper\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Icon__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n    icon: \"time\"\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_3__[\"TimeList\"], {\n    className: isOpen && 'displayed',\n    ref: listRef\n  }, isOpen && options.map(function (option) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"li\", {\n      key: option.value,\n      ref: listRefs[option.value]\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"input\", {\n      type: \"radio\",\n      onChange: handleChangeRadio,\n      onClick: handleClick,\n      value: option.value,\n      id: option.value,\n      name: \"time\",\n      checked: option.value === currentTimeSelected,\n      tabIndex: \"0\"\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"label\", {\n      htmlFor: option.value\n    }, option.label));\n  })));\n}\nTimePicker.defaultProps = {\n  className: null,\n  onChange: function onChange() {},\n  tabIndex: '0',\n  seconds: false,\n  value: '',\n  step: 30\n};\nTimePicker.propTypes = {\n  className: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string,\n  name: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string.isRequired,\n  onChange: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func,\n  seconds: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,\n  step: function step(props, propName) {\n    return MINUTES_IN_HOUR % props[propName] > 0 && new Error('step should be divisible by 60');\n  },\n  tabIndex: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string,\n  value: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (TimePicker);\n\n//# sourceURL=webpack://@punch-in/buffet-modern-core/./src/components/TimePicker/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"timeFormatter\", function() { return timeFormatter; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash */ \"lodash\");\n/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @punch-in/buffet-modern-styles */ \"@punch-in/buffet-modern-styles\");\n/* harmony import */ var _punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _punch_in_buffet_modern_hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @punch-in/buffet-modern-hooks */ \"@punch-in/buffet-modern-hooks\");\n/* harmony import */ var _punch_in_buffet_modern_hooks__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern_hooks__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _Icon__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../Icon */ \"./src/components/Icon/index.js\");\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(r, a) { if (r) { if (\"string\" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return \"Object\" === t && r.constructor && (t = r.constructor.name), \"Map\" === t || \"Set\" === t ? Array.from(r) : \"Arguments\" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }\nfunction _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(r) { if (Array.isArray(r)) return r; }\n/**\n *\n * TimePicker\n *\n */\n\n\n\n\n\n\n\nvar MINUTES_IN_HOUR = 60;\n\n// Returns string with two digits padded at start with 0\nvar pad = function pad(num) {\n  return \"0\".concat(num).substr(-2);\n};\n\n// Convert time array to formatted time string\nvar timeFormatter = function timeFormatter(time) {\n  var newTime = Array(3).fill('00').concat(splitArray(time)).reverse();\n  newTime.length = 3;\n  return format(newTime).join(':');\n};\n\n// Convert time string to time array\nvar splitArray = function splitArray(string) {\n  if (Object(lodash__WEBPACK_IMPORTED_MODULE_1__[\"isInteger\"])(Object(lodash__WEBPACK_IMPORTED_MODULE_1__[\"toNumber\"])(string)) && string) {\n    var stringFormat = string.length === 3 ? \"0\".concat(string) : string;\n    return stringFormat.match(/.{1,2}/g).reverse();\n  }\n  var lowercase = string ? string.toLowerCase() : '0';\n  var array = lowercase.includes('h') ? lowercase.split('h') : lowercase.split(':');\n  return array.reverse().filter(function (v) {\n    return !!v;\n  });\n};\n\n// Ensure two-digit format for minutes and seconds\nvar format = function format(array) {\n  return array.map(function (string, i) {\n    if (string.length < 2) {\n      return i === 0 ? \"0\".concat(string) : \"\".concat(string, \"0\");\n    }\n    return string;\n  });\n};\n\n// Hide seconds if needed\nvar _short = function _short(hour) {\n  var array = hour.split(':');\n  if (array.length > 2) {\n    return array.slice(0, -1).join(':');\n  }\n  return hour;\n};\n\n// return array of minutes in hours with current step\nvar getMinutesArr = function getMinutesArr(step) {\n  var length = MINUTES_IN_HOUR / step;\n  return Array.from({\n    length: length\n  }, function (_v, i) {\n    return step * i;\n  });\n};\n\n// Generate options for TimeList display\nvar getOptions = function getOptions(step) {\n  var hours = Array.from({\n    length: 24\n  }, function (_, i) {\n    return i;\n  });\n  var minutes = getMinutesArr(step);\n  var options = hours.reduce(function (acc, cur) {\n    var hour = pad(cur);\n    var hourOptions = minutes.map(function (minute) {\n      var label = \"\".concat(hour, \":\").concat(pad(minute));\n      return {\n        value: \"\".concat(label, \":00\"),\n        label: label\n      };\n    });\n    return acc.concat(hourOptions);\n  }, []);\n  return options;\n};\n\n// Find the nearest time option to select a TimeList value\nvar roundHour = function roundHour(time, step) {\n  var arr = splitArray(time);\n  var minutesArr = getMinutesArr(step);\n  var nearMin = nearest(minutesArr.concat(MINUTES_IN_HOUR), parseInt(arr[1], 10));\n  arr[1] = minutesArr.includes(arr[1]) ? '00' : pad(nearMin);\n  arr[2] = nearMin === 60 ? \"\".concat(parseInt(arr[2], 10) + 1) : arr[2];\n  return format(arr.reverse()).join(':');\n};\n\n// Set the nearest option to select a TimeList value\nvar nearest = function nearest(arr, val) {\n  return arr.reduce(function (p, n) {\n    return Math.abs(p) > Math.abs(n - val) ? n - val : p;\n  }, Infinity) + val;\n};\nfunction TimePicker(props) {\n  var name = props.name,\n    onChange = props.onChange,\n    seconds = props.seconds,\n    tabIndex = props.tabIndex,\n    value = props.value,\n    step = props.step;\n  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])(''),\n    _useState2 = _slicedToArray(_useState, 2),\n    inputVal = _useState2[0],\n    setInputVal = _useState2[1];\n  var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"])(false),\n    _useState4 = _slicedToArray(_useState3, 2),\n    isOpen = _useState4[0],\n    setIsOpen = _useState4[1];\n  var options = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useMemo\"])(function () {\n    return getOptions(step);\n  }, [step]);\n  var inputRef = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useRef\"])();\n  var wrapperRef = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useRef\"])();\n  var listRef = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useRef\"])();\n  var listRefs = options.reduce(function (acc, curr) {\n    acc[curr.value] = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useRef\"])();\n    return acc;\n  }, {});\n  var currentTimeSelected = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useMemo\"])(function () {\n    return roundHour(timeFormatter(inputVal), step);\n  }, [inputVal, step]);\n\n  // Effect to set the time\n  Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useEffect\"])(function () {\n    if (!isOpen) {\n      var time = seconds ? value : _short(value);\n      setInputVal(time);\n    }\n  }, [value, seconds, isOpen]);\n\n  // Effect to enable scrolling\n  Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useEffect\"])(function () {\n    var currentRef = currentTimeSelected;\n    if (isOpen && listRefs[currentRef]) {\n      listRef.current.scrollTop = listRefs[currentRef].current.offsetTop;\n    }\n  }, [isOpen, currentTimeSelected, listRefs]);\n\n  // Custom hook to close the TimeList\n  Object(_punch_in_buffet_modern_hooks__WEBPACK_IMPORTED_MODULE_4__[\"useEventListener\"])('click', function (event) {\n    if (!wrapperRef.current.contains(event.target)) {\n      setIsOpen(false);\n    }\n  }, isOpen);\n\n  // Custom hook to select a time using the keyboard's up arrow\n  Object(_punch_in_buffet_modern_hooks__WEBPACK_IMPORTED_MODULE_4__[\"useShortcutEffect\"])('arrowUp', function () {\n    if (isOpen) {\n      var currentIndex = options.findIndex(function (o) {\n        return o.value === currentTimeSelected;\n      });\n      if (!currentIndex) return;\n      var nextIndex = currentIndex - 1;\n      var nextTime = options[nextIndex] || options[currentIndex];\n      updateTime(nextTime.value);\n    }\n  }, isOpen);\n\n  // Custom hook to select a time using the keyboard's down arrow\n  Object(_punch_in_buffet_modern_hooks__WEBPACK_IMPORTED_MODULE_4__[\"useShortcutEffect\"])('arrowDown', function () {\n    if (isOpen) {\n      var currentIndex = options.findIndex(function (o) {\n        return o.value === currentTimeSelected;\n      });\n      var lastIndex = options.length - 1;\n      if (currentIndex >= lastIndex) return;\n      var nextIndex = currentIndex + 1;\n      var nextTime = options[nextIndex] || options[lastIndex];\n      updateTime(nextTime.value);\n    }\n  }, isOpen);\n\n  // Custom hook to close the time list\n  Object(_punch_in_buffet_modern_hooks__WEBPACK_IMPORTED_MODULE_4__[\"useShortcutEffect\"])('enter', function () {\n    if (isOpen) {\n      setIsOpen(false);\n      inputRef.current.blur();\n    }\n  }, isOpen);\n  Object(_punch_in_buffet_modern_hooks__WEBPACK_IMPORTED_MODULE_4__[\"useShortcutEffect\"])('tab', function () {\n    if (isOpen) {\n      setIsOpen(false);\n      inputRef.current.blur();\n    }\n  }, isOpen);\n  var handleChange = function handleChange(_ref) {\n    var target = _ref.target;\n    updateTime(target.value);\n  };\n  var handleChangeRadio = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useCallback\"])(function () {}, []);\n  var formatInputValue = function formatInputValue(time) {\n    if (!seconds) {\n      setInputVal(_short(time));\n    } else {\n      setInputVal(time);\n    }\n  };\n  var handleClick = function handleClick(_ref2) {\n    var target = _ref2.target;\n    updateTime(target.value);\n    setIsOpen(false);\n  };\n  var updateTime = function updateTime(time) {\n    formatInputValue(time);\n    onChange({\n      target: {\n        name: name,\n        type: 'time',\n        value: timeFormatter(time)\n      }\n    });\n  };\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_3__[\"TimePickerWrapper\"], {\n    ref: wrapperRef,\n    className: props.className\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_3__[\"TimePicker\"], _extends({}, props, {\n    autoComplete: \"off\",\n    onChange: handleChange,\n    onFocus: function onFocus() {\n      return setIsOpen(true);\n    },\n    ref: inputRef,\n    type: \"text\",\n    value: inputVal,\n    tabIndex: tabIndex\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_3__[\"IconWrapper\"], null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Icon__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n    icon: \"time\"\n  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_3__[\"TimeList\"], {\n    className: isOpen && 'displayed',\n    ref: listRef\n  }, isOpen && options.map(function (option) {\n    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"li\", {\n      key: option.value,\n      ref: listRefs[option.value]\n    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"input\", {\n      type: \"radio\",\n      onChange: handleChangeRadio,\n      onClick: handleClick,\n      value: option.value,\n      id: option.value,\n      name: \"time\",\n      checked: option.value === currentTimeSelected,\n      tabIndex: \"0\"\n    }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"label\", {\n      htmlFor: option.value\n    }, option.label));\n  })));\n}\nTimePicker.defaultProps = {\n  className: null,\n  onChange: function onChange() {},\n  tabIndex: '0',\n  seconds: false,\n  value: '',\n  step: 30\n};\nTimePicker.propTypes = {\n  className: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string,\n  name: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string.isRequired,\n  onChange: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.func,\n  seconds: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.bool,\n  step: function step(props, propName) {\n    return MINUTES_IN_HOUR % props[propName] > 0 && new Error('step should be divisible by 60');\n  },\n  tabIndex: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string,\n  value: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (TimePicker);\n\n//# sourceURL=webpack://@punch-in/buffet-modern-core/./src/components/TimePicker/index.js?");
 
 /***/ }),
 
@@ -608,7 +608,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) *
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @punch-in/buffet-modern */ \"@punch-in/buffet-modern\");\n/* harmony import */ var _punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _Label__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../Label */ \"./src/components/Label/index.js\");\n/**\n *\n * Toggle\n *\n */\n\n\n\n\n\nfunction Toggle(_ref) {\n  var disabled = _ref.disabled,\n    id = _ref.id,\n    className = _ref.className,\n    name = _ref.name,\n    onChange = _ref.onChange,\n    value = _ref.value,\n    leftLabel = _ref.leftLabel,\n    rightLabel = _ref.rightLabel;\n  var isIndeterminate = value === null;\n  var handleRef = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useCallback\"])(function (element) {\n    if (element) {\n      element.indeterminate = isIndeterminate; // eslint-disable-line no-param-reassign\n    }\n  }, [isIndeterminate]);\n  var handleChange = function handleChange(e) {\n    var targetValue = e.target.checked;\n    // Handle click when the state is inteterminate\n    if (isIndeterminate) {\n      // Select the right value depending on the mouse position\n      targetValue = e.nativeEvent.offsetX >= e.target.offsetWidth / 2;\n    }\n    onChange({\n      target: {\n        name: name,\n        value: targetValue\n      }\n    });\n  };\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2__[\"ToggleWrapper\"], {\n    className: className\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Label__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n    htmlFor: id || name\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern__WEBPACK_IMPORTED_MODULE_2__[\"Toggle\"], {\n    disabled: disabled,\n    checked: value || false,\n    id: id || name,\n    name: id || name,\n    onChange: handleChange,\n    ref: handleRef\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", null, leftLabel), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", null, rightLabel)));\n}\nToggle.defaultProps = {\n  className: null,\n  disabled: false,\n  id: null,\n  leftLabel: 'OFF',\n  onChange: function onChange() {},\n  rightLabel: 'ON',\n  value: false\n};\nToggle.propTypes = {\n  className: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  disabled: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  id: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  leftLabel: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  name: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string.isRequired,\n  onChange: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  rightLabel: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  value: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (Toggle);\n\n//# sourceURL=webpack://@punch-in/buffet-modern-core/./src/components/Toggle/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ \"prop-types\");\n/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @punch-in/buffet-modern-styles */ \"@punch-in/buffet-modern-styles\");\n/* harmony import */ var _punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _Label__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../Label */ \"./src/components/Label/index.js\");\n/**\n *\n * Toggle\n *\n */\n\n\n\n\n\nfunction Toggle(_ref) {\n  var disabled = _ref.disabled,\n    id = _ref.id,\n    className = _ref.className,\n    name = _ref.name,\n    onChange = _ref.onChange,\n    value = _ref.value,\n    leftLabel = _ref.leftLabel,\n    rightLabel = _ref.rightLabel;\n  var isIndeterminate = value === null;\n  var handleRef = Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useCallback\"])(function (element) {\n    if (element) {\n      element.indeterminate = isIndeterminate; // eslint-disable-line no-param-reassign\n    }\n  }, [isIndeterminate]);\n  var handleChange = function handleChange(e) {\n    var targetValue = e.target.checked;\n    // Handle click when the state is inteterminate\n    if (isIndeterminate) {\n      // Select the right value depending on the mouse position\n      targetValue = e.nativeEvent.offsetX >= e.target.offsetWidth / 2;\n    }\n    onChange({\n      target: {\n        name: name,\n        value: targetValue\n      }\n    });\n  };\n  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2__[\"ToggleWrapper\"], {\n    className: className\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_Label__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n    htmlFor: id || name\n  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_punch_in_buffet_modern_styles__WEBPACK_IMPORTED_MODULE_2__[\"Toggle\"], {\n    disabled: disabled,\n    checked: value || false,\n    id: id || name,\n    name: id || name,\n    onChange: handleChange,\n    ref: handleRef\n  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", null, leftLabel), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", null, rightLabel)));\n}\nToggle.defaultProps = {\n  className: null,\n  disabled: false,\n  id: null,\n  leftLabel: 'OFF',\n  onChange: function onChange() {},\n  rightLabel: 'ON',\n  value: false\n};\nToggle.propTypes = {\n  className: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  disabled: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,\n  id: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  leftLabel: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  name: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string.isRequired,\n  onChange: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,\n  rightLabel: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string,\n  value: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (Toggle);\n\n//# sourceURL=webpack://@punch-in/buffet-modern-core/./src/components/Toggle/index.js?");
 
 /***/ }),
 
@@ -681,17 +681,6 @@ eval("module.exports = __WEBPACK_EXTERNAL_MODULE__fortawesome_react_fontawesome_
 
 /***/ }),
 
-/***/ "@punch-in/buffet-modern":
-/*!******************************************!*\
-  !*** external "@punch-in/buffet-modern" ***!
-  \******************************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-eval("module.exports = __WEBPACK_EXTERNAL_MODULE__punch_in_buffet_modern__;\n\n//# sourceURL=webpack://@punch-in/buffet-modern-core/external_%22@punch-in/buffet-modern%22?");
-
-/***/ }),
-
 /***/ "@punch-in/buffet-modern-hooks":
 /*!************************************************!*\
   !*** external "@punch-in/buffet-modern-hooks" ***!
@@ -714,6 +703,17 @@ eval("module.exports = __WEBPACK_EXTERNAL_MODULE__punch_in_buffet_modern_icons__
 
 /***/ }),
 
+/***/ "@punch-in/buffet-modern-styles":
+/*!*************************************************!*\
+  !*** external "@punch-in/buffet-modern-styles" ***!
+  \*************************************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+eval("module.exports = __WEBPACK_EXTERNAL_MODULE__punch_in_buffet_modern_styles__;\n\n//# sourceURL=webpack://@punch-in/buffet-modern-core/external_%22@punch-in/buffet-modern-styles%22?");
+
+/***/ }),
+
 /***/ "@punch-in/buffet-modern-utils":
 /*!************************************************!*\
   !*** external "@punch-in/buffet-modern-utils" ***!