npm - @mw-kit/mw-ui - Versions diffs - 1.7.8 → 1.7.10 - Mend

@mw-kit/mw-ui 1.7.8 → 1.7.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (24) hide show

package/dist/index.modern.js CHANGED Viewed

@@ -12449,74 +12449,64 @@ var MenuComponent = function MenuComponent(props, ref) {
 var Menu = React__default.forwardRef(MenuComponent);
-var _templateObject$9, _templateObject2$7, _templateObject3$7, _templateObject4$6, _templateObject5$5, _templateObject6$3;
-var Container$4 = styled.div(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  div {\n    border-radius: 50%;\n    width: ", ";\n    height: ", ";\n\n    ", "\n\n    ", "\n    ", "\n      ", "\n      ", "\n  }\n\n  span {\n    display: inline-block;\n    margin-left: 8px;\n    color: ", ";\n  }\n"])), function (_ref) {
-  var props = _ref.props;
-  return props.size === 'medium' ? '15px' : '6px';
+var sizes$1 = {
+  medium: '15px',
+  small: '6px',
+  mini: '4px'
+};
+var types = {
+  default: 'warningGray',
+  info: 'blue',
+  danger: 'warningRed',
+  success: 'green',
+  warning: 'warningYellow'
+};
+var _templateObject$9, _templateObject2$7;
+var Container$4 = styled.div(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  display: flex;\n  align-items: center;\n  gap: ", ";\n\n  :before {\n    content: '';\n    display: block;\n    border-radius: 100%;\n\n    ", ";\n\n    background-color: ", ";\n  }\n"])), function (_ref) {
+  var labelColor = _ref.labelColor;
+  return labelColor;
 }, function (_ref2) {
-  var props = _ref2.props;
-  return props.size === 'medium' ? '15px' : '6px';
+  var spacings = _ref2.theme.spacings;
+  return spacings.s1;
 }, function (_ref3) {
-  var props = _ref3.props;
-  return props.type === 'default' && css(_templateObject2$7 || (_templateObject2$7 = _taggedTemplateLiteralLoose(["\n        background-color: ", ";\n      "])), function (_ref4) {
-    var theme = _ref4.theme;
-    return theme.colors.warningGray;
-  });
-}, function (_ref5) {
-  var props = _ref5.props;
-  return props.type === 'info' && css(_templateObject3$7 || (_templateObject3$7 = _taggedTemplateLiteralLoose(["\n        background-color: ", ";\n      "])), function (_ref6) {
-    var theme = _ref6.theme;
-    return theme.colors.blue;
-  });
-}, function (_ref7) {
-  var props = _ref7.props;
-  return props.type === 'danger' && css(_templateObject4$6 || (_templateObject4$6 = _taggedTemplateLiteralLoose(["\n        background-color: ", ";\n      "])), function (_ref8) {
-    var theme = _ref8.theme;
-    return theme.colors.warningRed;
-  });
-}, function (_ref9) {
-  var props = _ref9.props;
-  return props.type === 'success' && css(_templateObject5$5 || (_templateObject5$5 = _taggedTemplateLiteralLoose(["\n        background-color: ", ";\n      "])), function (_ref10) {
-    var theme = _ref10.theme;
-    return theme.colors.green;
-  });
-}, function (_ref11) {
-  var props = _ref11.props;
-  return props.type === 'warning' && css(_templateObject6$3 || (_templateObject6$3 = _taggedTemplateLiteralLoose(["\n        background-color: ", ";\n      "])), function (_ref12) {
-    var theme = _ref12.theme;
-    return theme.colors.warningYellow;
-  });
-}, function (props) {
-  return props.props.labelColor;
+  var size = _ref3.size;
+  return css(_templateObject2$7 || (_templateObject2$7 = _taggedTemplateLiteralLoose(["\n      width: ", ";\n      height: ", ";\n    "])), sizes$1[size], sizes$1[size]);
+}, function (_ref4) {
+  var colors = _ref4.theme.colors,
+      type = _ref4.type;
+  return colors[types[type]];
 });
 var Indicator = function Indicator(props) {
-  return React__default.createElement(Container$4, {
-    props: props
-  }, React__default.createElement("div", null), React__default.createElement("span", null, " ", props.description, " "));
+  return React__default.createElement(Container$4, Object.assign({}, _extends({
+    size: 'small',
+    type: 'default',
+    labelColor: 'darkBlue'
+  }, props)));
 };
-var _templateObject$a, _templateObject2$8, _templateObject3$8, _templateObject4$7, _templateObject5$6, _templateObject6$4, _templateObject7$3;
+var _templateObject$a, _templateObject2$8, _templateObject3$7, _templateObject4$6, _templateObject5$5, _templateObject6$3, _templateObject7$3;
 var Container$5 = styled.div(_templateObject$a || (_templateObject$a = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n\n  span {\n    display: inline-block;\n    margin-left: 7px;\n    color: #000000cc;\n  }\n"])));
 var Progress = styled.div(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteralLoose(["\n  width: 64px;\n  height: 12px;\n  border: 1px solid #e4e4e4;\n  div {\n    width: ", ";\n    max-width: 64px;\n    height: 100%;\n    ", "\n\n    ", "\n    ", "\n      ", "\n      ", "\n  }\n"])), function (props) {
   return props.value + "%";
 }, function (props) {
-  return props.type === 'default' && css(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteralLoose(["\n        background-color: ", ";\n      "])), function (_ref) {
+  return props.type === 'default' && css(_templateObject3$7 || (_templateObject3$7 = _taggedTemplateLiteralLoose(["\n        background-color: ", ";\n      "])), function (_ref) {
     var theme = _ref.theme;
     return theme.colors.warningGray;
   });
 }, function (props) {
-  return props.type === 'info' && css(_templateObject4$7 || (_templateObject4$7 = _taggedTemplateLiteralLoose(["\n        background-color: ", ";\n      "])), function (_ref2) {
+  return props.type === 'info' && css(_templateObject4$6 || (_templateObject4$6 = _taggedTemplateLiteralLoose(["\n        background-color: ", ";\n      "])), function (_ref2) {
     var theme = _ref2.theme;
     return theme.colors.blue;
   });
 }, function (props) {
-  return props.type === 'danger' && css(_templateObject5$6 || (_templateObject5$6 = _taggedTemplateLiteralLoose(["\n        background-color: ", ";\n      "])), function (_ref3) {
+  return props.type === 'danger' && css(_templateObject5$5 || (_templateObject5$5 = _taggedTemplateLiteralLoose(["\n        background-color: ", ";\n      "])), function (_ref3) {
     var theme = _ref3.theme;
     return theme.colors.warningRed;
   });
 }, function (props) {
-  return props.type === 'success' && css(_templateObject6$4 || (_templateObject6$4 = _taggedTemplateLiteralLoose(["\n        background-color: ", ";\n      "])), function (_ref4) {
+  return props.type === 'success' && css(_templateObject6$3 || (_templateObject6$3 = _taggedTemplateLiteralLoose(["\n        background-color: ", ";\n      "])), function (_ref4) {
     var theme = _ref4.theme;
     return theme.colors.green;
   });
@@ -12566,21 +12556,21 @@ function SvgClose(props) {
   })));
 }
-var _templateObject$b, _templateObject2$9, _templateObject3$9, _templateObject4$8, _templateObject5$7, _templateObject6$5;
+var _templateObject$b, _templateObject2$9, _templateObject3$8, _templateObject4$7, _templateObject5$6, _templateObject6$4;
 var Container$6 = styled.div(_templateObject$b || (_templateObject$b = _taggedTemplateLiteralLoose(["\n  display: block;\n  border-bottom-style: solid;\n\n  ", "\n"])), function (_ref) {
   var theme = _ref.theme,
       internal = _ref.internal;
   return css(_templateObject2$9 || (_templateObject2$9 = _taggedTemplateLiteralLoose(["\n    margin-bottom: ", ";\n    border-bottom-width: ", ";\n    border-bottom-color: ", ";\n  "])), theme.spacings.s2, internal ? '1px' : '2px', internal ? theme.getColor('lightestGrey', 50) : theme.colors.blue);
 });
-var Tabs = styled.ul(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteralLoose(["\n  user-select: none;\n  list-style: none;\n  display: inline-flex;\n  gap: 1px;\n  padding: 0;\n  margin: 0;\n\n  ", "\n"])), function (_ref2) {
+var Tabs = styled.ul(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteralLoose(["\n  user-select: none;\n  list-style: none;\n  display: inline-flex;\n  gap: 1px;\n  padding: 0;\n  margin: 0;\n\n  ", "\n"])), function (_ref2) {
   var theme = _ref2.theme,
       internal = _ref2.internal;
-  return css(_templateObject4$8 || (_templateObject4$8 = _taggedTemplateLiteralLoose(["\n    height: ", ";\n    box-shadow: 0 0 10px 0 ", ";\n  "])), internal ? '41px' : '49px', theme.getColor('black', 10));
+  return css(_templateObject4$7 || (_templateObject4$7 = _taggedTemplateLiteralLoose(["\n    height: ", ";\n    box-shadow: 0 0 10px 0 ", ";\n  "])), internal ? '41px' : '49px', theme.getColor('black', 10));
 });
-var Tab = styled.li(_templateObject5$7 || (_templateObject5$7 = _taggedTemplateLiteralLoose(["\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  border-radius: 4px 4px 0 0;\n\n  svg {\n    transform: scale(calc(18 / 24));\n    stroke-width: 2px;\n  }\n\n  ", "\n"])), function (_ref3) {
+var Tab = styled.li(_templateObject5$6 || (_templateObject5$6 = _taggedTemplateLiteralLoose(["\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  border-radius: 4px 4px 0 0;\n\n  svg {\n    transform: scale(calc(18 / 24));\n    stroke-width: 2px;\n  }\n\n  ", "\n"])), function (_ref3) {
   var theme = _ref3.theme,
       active = _ref3.active;
-  return css(_templateObject6$5 || (_templateObject6$5 = _taggedTemplateLiteralLoose(["\n    background-color: ", ";\n    padding: 0 ", ";\n    gap: ", ";\n\n    span {\n      font-family: ", ";\n      font-size: ", ";\n      font-weight: ", ";\n\n      color: ", ";\n    }\n\n    svg {\n      stroke: ", ";\n\n      &:hover {\n        stroke: ", ";\n      }\n    }\n  "])), theme.colors[active ? 'blue' : 'white'], theme.spacings.s2, theme.spacings.s2, theme.typographies.h2.fontFamily, theme.typographies.h2.fontSize, theme.typographies.h2.fontWeight, theme.colors[active ? 'white' : 'darkBlue'], theme.colors[active ? 'white' : 'darkBlue'], theme.colors.red);
+  return css(_templateObject6$4 || (_templateObject6$4 = _taggedTemplateLiteralLoose(["\n    background-color: ", ";\n    padding: 0 ", ";\n    gap: ", ";\n\n    span {\n      font-family: ", ";\n      font-size: ", ";\n      font-weight: ", ";\n\n      color: ", ";\n    }\n\n    svg {\n      stroke: ", ";\n\n      &:hover {\n        stroke: ", ";\n      }\n    }\n  "])), theme.colors[active ? 'blue' : 'white'], theme.spacings.s2, theme.spacings.s2, theme.typographies.h2.fontFamily, theme.typographies.h2.fontSize, theme.typographies.h2.fontWeight, theme.colors[active ? 'white' : 'darkBlue'], theme.colors[active ? 'white' : 'darkBlue'], theme.colors.red);
 });
 var Tabs$1 = function Tabs$1(props) {
@@ -12669,14 +12659,14 @@ var getMask = function getMask(mask) {
   };
 };
-var _templateObject$c, _templateObject2$a, _templateObject3$a, _templateObject4$9, _templateObject5$8, _templateObject6$6, _templateObject7$4, _templateObject8$3, _templateObject9$3, _templateObject10$2, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15;
+var _templateObject$c, _templateObject2$a, _templateObject3$9, _templateObject4$8, _templateObject5$7, _templateObject6$5, _templateObject7$4, _templateObject8$3, _templateObject9$3, _templateObject10$2, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15;
 var IconContainer = styled.button(_templateObject$c || (_templateObject$c = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 17px;\n\n  background-color: transparent;\n  border: none;\n  box-shadow: none;\n  padding: 0;\n\n  ", "\n"])), function (_ref) {
   var onClick = _ref.onClick,
       disabled = _ref.disabled;
   if (!onClick || disabled) return;
   return css(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteralLoose(["\n      cursor: pointer;\n    "])));
 });
-var Input = styled.input(_templateObject3$a || (_templateObject3$a = _taggedTemplateLiteralLoose(["\n  ", ";\n\n  color: ", ";\n\n  line-height: 17px;\n\n  ::placeholder {\n    color: ", ";\n\n    line-height: 17px;\n\n    ", "\n  }\n\n  display: block;\n  width: ", ";\n  box-sizing: border-box;\n\n  ", ";\n\n  border-width: 1px;\n  border-style: solid;\n  border-color: ", ";\n  border-radius: 4px;\n\n  ", ";\n\n  box-shadow: none;\n  outline: none;\n\n  ", "\n\n  ", "\n"])), function (_ref2) {
+var Input = styled.input(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteralLoose(["\n  ", ";\n\n  color: ", ";\n\n  line-height: 17px;\n\n  ::placeholder {\n    color: ", ";\n\n    line-height: 17px;\n\n    ", "\n  }\n\n  display: block;\n  width: ", ";\n  box-sizing: border-box;\n\n  ", ";\n\n  border-width: 1px;\n  border-style: solid;\n  border-color: ", ";\n  border-radius: 4px;\n\n  ", ";\n\n  box-shadow: none;\n  outline: none;\n\n  ", "\n\n  ", "\n"])), function (_ref2) {
   var theme = _ref2.theme;
   return theme.useTypography('p');
 }, function (_ref3) {
@@ -12691,13 +12681,13 @@ var Input = styled.input(_templateObject3$a || (_templateObject3$a = _taggedTemp
   var placeholder = _ref5.placeholder;
   if (placeholder !== '••••••••') {
-    return css(_templateObject4$9 || (_templateObject4$9 = _taggedTemplateLiteralLoose(["\n          ", ";\n          opacity: 1;\n        "])), function (_ref6) {
+    return css(_templateObject4$8 || (_templateObject4$8 = _taggedTemplateLiteralLoose(["\n          ", ";\n          opacity: 1;\n        "])), function (_ref6) {
       var theme = _ref6.theme;
       return theme.useTypography('p');
     });
   }
-  return css(_templateObject5$8 || (_templateObject5$8 = _taggedTemplateLiteralLoose(["\n        opacity: 0.5;\n        font-size: 14px;\n        letter-spacing: 0px;\n      "])));
+  return css(_templateObject5$7 || (_templateObject5$7 = _taggedTemplateLiteralLoose(["\n        opacity: 0.5;\n        font-size: 14px;\n        letter-spacing: 0px;\n      "])));
 }, function (_ref7) {
   var width = _ref7.width;
   return width || '100%';
@@ -12705,7 +12695,7 @@ var Input = styled.input(_templateObject3$a || (_templateObject3$a = _taggedTemp
   var theme = _ref8.theme,
       paddingless = _ref8.paddingless;
   if (paddingless) return;
-  return css(_templateObject6$6 || (_templateObject6$6 = _taggedTemplateLiteralLoose(["\n      padding: ", " ", ";\n    "])), theme.spacings.s2, theme.spacings.s3);
+  return css(_templateObject6$5 || (_templateObject6$5 = _taggedTemplateLiteralLoose(["\n      padding: ", " ", ";\n    "])), theme.spacings.s2, theme.spacings.s3);
 }, function (_ref9) {
   var theme = _ref9.theme,
       invalid = _ref9.invalid,
@@ -12924,7 +12914,7 @@ var Input$1 = React__default.forwardRef(function (props, ref) {
 });
 Input$1.displayName = 'Input';
-var _templateObject$d, _templateObject2$b, _templateObject3$b, _templateObject4$a, _templateObject5$9, _templateObject6$7, _templateObject7$5;
+var _templateObject$d, _templateObject2$b, _templateObject3$a, _templateObject4$9, _templateObject5$8, _templateObject6$6, _templateObject7$5;
 var width = '17px';
 var Checkmark = styled.span(_templateObject$d || (_templateObject$d = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  top: 0px;\n  left: 0;\n  height: ", ";\n  width: ", ";\n  background-color: ", ";\n\n  border-style: solid;\n  border-color: ", ";\n  border-width: 1px;\n  border-radius: 4px;\n\n  transition-property: border-color;\n  transition-duration: 0.25s;\n  transition-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);\n\n  :after {\n    content: '';\n    position: absolute;\n\n    left: 50%;\n    top: 50%;\n    height: 0;\n    width: 0;\n\n    border-style: solid;\n    border-color: ", ";\n    border-width: 0;\n    transform: rotate(45deg);\n\n    transition-property: width height border-width top left;\n    transition-duration: 0.25s;\n    transition-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);\n  }\n"])), width, width, function (_ref) {
   var theme = _ref.theme;
@@ -12982,15 +12972,15 @@ var Label$1 = styled.label(_templateObject2$b || (_templateObject2$b = _taggedTe
     }
   }
-  return css(_templateObject3$b || (_templateObject3$b = _taggedTemplateLiteralLoose(["\n      padding-top: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      padding-bottom: ", ";\n    "])), _padding.top, _padding.left, _padding.right, _padding.bottom);
+  return css(_templateObject3$a || (_templateObject3$a = _taggedTemplateLiteralLoose(["\n      padding-top: ", ";\n      padding-left: ", ";\n      padding-right: ", ";\n      padding-bottom: ", ";\n    "])), _padding.top, _padding.left, _padding.right, _padding.bottom);
 }, function (_ref6) {
   var disabled = _ref6.disabled;
   if (!disabled) {
-    return css(_templateObject4$a || (_templateObject4$a = _taggedTemplateLiteralLoose(["\n        cursor: pointer;\n      "])));
+    return css(_templateObject4$9 || (_templateObject4$9 = _taggedTemplateLiteralLoose(["\n        cursor: pointer;\n      "])));
   }
-  return css(_templateObject5$9 || (_templateObject5$9 = _taggedTemplateLiteralLoose(["\n      opacity: 0.5;\n    "])));
+  return css(_templateObject5$8 || (_templateObject5$8 = _taggedTemplateLiteralLoose(["\n      opacity: 0.5;\n    "])));
 }, width, function (_ref7) {
   var theme = _ref7.theme;
   return theme.spacings.s1;
@@ -13000,7 +12990,7 @@ var Label$1 = styled.label(_templateObject2$b || (_templateObject2$b = _taggedTe
 }, function (_ref9) {
   var required = _ref9.required;
   if (!required) return;
-  return css(_templateObject6$7 || (_templateObject6$7 = _taggedTemplateLiteralLoose(["\n          :after {\n            content: ' *';\n          }\n        "])));
+  return css(_templateObject6$6 || (_templateObject6$6 = _taggedTemplateLiteralLoose(["\n          :after {\n            content: ' *';\n          }\n        "])));
 }, Checkmark, function (_ref10) {
   var theme = _ref10.theme;
   return theme.colors.iceWhite;
@@ -13064,8 +13054,8 @@ var inputTimeWidth = {
   withoutSeconds: '66px'
 };
-var _templateObject$e, _templateObject2$c, _templateObject3$c, _templateObject4$b, _templateObject5$a, _templateObject6$8, _templateObject7$6, _templateObject8$4, _templateObject9$4;
-var Container$7 = styled.div(_templateObject$e || (_templateObject$e = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  gap: ", ";\n  background-color: ", ";\n\n  ", ";\n"])), function (_ref) {
+var _templateObject$e, _templateObject2$c, _templateObject3$b, _templateObject4$a, _templateObject5$9, _templateObject6$7, _templateObject7$6, _templateObject8$4, _templateObject9$4;
+var Container$7 = styled.div(_templateObject$e || (_templateObject$e = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  gap: ", ";\n  background-color: ", ";\n  position: relative;\n\n  ", ";\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.spacings.s3;
 }, function (_ref2) {
@@ -13076,22 +13066,22 @@ var Container$7 = styled.div(_templateObject$e || (_templateObject$e = _taggedTe
   var s3 = theme.spacings.s3;
   return css(_templateObject2$c || (_templateObject2$c = _taggedTemplateLiteralLoose(["\n      padding-top: ", ";\n      padding-bottom: ", ";\n      :first-child {\n        padding-left: ", ";\n      }\n      :last-child {\n        padding-right: ", ";\n      }\n    "])), s3, s3, s3, s3);
 });
-var LabelContainer = styled.div(_templateObject3$c || (_templateObject3$c = _taggedTemplateLiteralLoose(["\n  ", ";\n  line-height: ", ";\n"])), function (_ref4) {
+var LabelContainer = styled.div(_templateObject3$b || (_templateObject3$b = _taggedTemplateLiteralLoose(["\n  ", ";\n  line-height: ", ";\n"])), function (_ref4) {
   var theme = _ref4.theme;
   return theme.useTypography('p');
 }, function (_ref5) {
   var theme = _ref5.theme;
   return theme.spacings.s3;
 });
-var CalendarContainer = styled.div(_templateObject4$b || (_templateObject4$b = _taggedTemplateLiteralLoose(["\n  border: 1px solid ", ";\n"])), function (_ref6) {
+var CalendarContainer = styled.div(_templateObject4$a || (_templateObject4$a = _taggedTemplateLiteralLoose(["\n  border: 1px solid ", ";\n"])), function (_ref6) {
   var theme = _ref6.theme;
   return theme.colors.lightestGrey;
 });
-var AbsoluteContainer$1 = styled(AbsoluteContainer)(_templateObject5$a || (_templateObject5$a = _taggedTemplateLiteralLoose(["\n  > ", " {\n    padding: ", ";\n  }\n"])), Container$7, function (_ref7) {
+var AbsoluteContainer$1 = styled(AbsoluteContainer)(_templateObject5$9 || (_templateObject5$9 = _taggedTemplateLiteralLoose(["\n  > ", " {\n    padding: ", ";\n  }\n"])), Container$7, function (_ref7) {
   var theme = _ref7.theme;
   return theme.spacings.s3 + " " + theme.spacings.s3 + " " + theme.spacings.s1 + " " + theme.spacings.s3;
 });
-var MonthContainer = styled.div(_templateObject6$8 || (_templateObject6$8 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  gap: ", ";\n  > div {\n    margin: ", " 0;\n    flex: 1;\n    position: relative;\n  }\n"])), function (_ref8) {
+var MonthContainer = styled.div(_templateObject6$7 || (_templateObject6$7 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  gap: ", ";\n  > div {\n    margin: ", " 0;\n    flex: 1;\n    position: relative;\n  }\n"])), function (_ref8) {
   var theme = _ref8.theme;
   return theme.spacings.s1;
 }, function (_ref9) {
@@ -13182,7 +13172,7 @@ var MonthPicker = function MonthPicker(props) {
   }));
 };
-var _templateObject$f, _templateObject2$d, _templateObject3$d, _templateObject4$c, _templateObject5$b, _templateObject6$9, _templateObject7$7, _templateObject8$5, _templateObject9$5, _templateObject10$3;
+var _templateObject$f, _templateObject2$d, _templateObject3$c, _templateObject4$b, _templateObject5$a, _templateObject6$8, _templateObject7$7, _templateObject8$5, _templateObject9$5, _templateObject10$3, _templateObject11$2;
 var Footer = styled.div(_templateObject$f || (_templateObject$f = _taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n\n  > button:last-child {\n    margin-left: auto;\n  }\n"])));
 var WeekContainer = styled.div(_templateObject2$d || (_templateObject2$d = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  display: flex;\n\n  :not(:first-child) {\n    border-top: 1px solid ", ";\n  }\n\n  > * {\n    font-family: ", ";\n    font-size: ", ";\n    line-height: ", ";\n    width: 32px;\n    height: 32px;\n\n    color: ", ";\n    box-shadow: none;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n\n    border: 1px solid transparent;\n    :not(:last-child) {\n      border-right-color: ", ";\n    }\n  }\n"])), function (_ref) {
   var theme = _ref.theme;
@@ -13203,20 +13193,20 @@ var WeekContainer = styled.div(_templateObject2$d || (_templateObject2$d = _tagg
   var theme = _ref6.theme;
   return theme.colors.lightestGrey;
 });
-var Header = styled.div(_templateObject3$d || (_templateObject3$d = _taggedTemplateLiteralLoose(["\n  width: 100%;\n\n  background-color: ", ";\n  font-weight: bolder;\n\n  > ", " {\n    border-top: none;\n    > * {\n      border-right-color: transparent;\n    }\n  }\n"])), function (_ref7) {
+var Header = styled.div(_templateObject3$c || (_templateObject3$c = _taggedTemplateLiteralLoose(["\n  width: 100%;\n\n  background-color: ", ";\n  font-weight: bolder;\n\n  > ", " {\n    border-top: none;\n    > * {\n      border-right-color: transparent;\n    }\n  }\n"])), function (_ref7) {
   var theme = _ref7.theme;
   return theme.getColor('lightestGrey', 40);
 }, WeekContainer);
-var DayContainer = styled.button(_templateObject4$c || (_templateObject4$c = _taggedTemplateLiteralLoose(["\n  position: relative;\n  overflow: hidden;\n\n  ", ";\n\n  :disabled {\n    color: ", ";\n  }\n\n  :not(:disabled) {\n    cursor: pointer;\n  }\n\n  &,\n  :after {\n    transition-property: background-color, color, border-color;\n    transition-timing-function: ease-in-out;\n    transition-duration: 0.25s;\n  }\n\n  ", "\n"])), function (_ref8) {
+var DayContainer = styled.button(_templateObject4$b || (_templateObject4$b = _taggedTemplateLiteralLoose(["\n  position: relative;\n  overflow: hidden;\n\n  ", ";\n\n  :disabled {\n    color: ", ";\n  }\n\n  :not(:disabled) {\n    cursor: pointer;\n  }\n\n  &,\n  :after {\n    transition-property: background-color, color, border-color;\n    transition-timing-function: ease-in-out;\n    transition-duration: 0.25s;\n  }\n\n  ", "\n"])), function (_ref8) {
   var theme = _ref8.theme,
       appearance = _ref8.appearance;
   var hover = function hover(color) {
-    return css(_templateObject5$b || (_templateObject5$b = _taggedTemplateLiteralLoose(["\n      :not(:disabled):hover {\n        border-color: ", ";\n        color: ", ";\n      }\n    "])), theme.colors[color], theme.colors[color]);
+    return css(_templateObject5$a || (_templateObject5$a = _taggedTemplateLiteralLoose(["\n      :not(:disabled):hover {\n        border-color: ", ";\n        color: ", ";\n      }\n    "])), theme.colors[color], theme.colors[color]);
   };
   if (appearance === 'disabled') {
-    return css(_templateObject6$9 || (_templateObject6$9 = _taggedTemplateLiteralLoose(["\n        background-color: ", ";\n      "])), theme.getColor('greyishBlue', 10));
+    return css(_templateObject6$8 || (_templateObject6$8 = _taggedTemplateLiteralLoose(["\n        background-color: ", ";\n      "])), theme.getColor('greyishBlue', 10));
   } else if (appearance === 'highlight') {
     return css(_templateObject7$7 || (_templateObject7$7 = _taggedTemplateLiteralLoose(["\n        background-color: ", ";\n        ", "\n      "])), theme.getColor('blue', 30), hover('blue'));
   } else if (appearance === 'active') {
@@ -13241,6 +13231,9 @@ var DayContainer = styled.button(_templateObject4$c || (_templateObject4$c = _ta
   return css(_templateObject10$3 || (_templateObject10$3 = _taggedTemplateLiteralLoose(["\n      :after {\n        content: '';\n        position: absolute;\n        top: -60%;\n        right: -60%;\n        width: 100%;\n        height: 100%;\n        background-color: ", ";\n        transform: rotate(45deg);\n      }\n    "])), theme.colors[appearance === 'active' ? 'white' : 'blue']);
 });
+var DayIndicator = styled(Indicator).attrs({
+  size: 'mini'
+})(_templateObject11$2 || (_templateObject11$2 = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  bottom: calc(", " - 1px);\n  left: calc(50% - (", " / 2) + 1px);\n"])), sizes$1.mini, sizes$1.mini);
 var getCalendar = function getCalendar(d) {
   var date = new Date(d.getTime());
@@ -13349,7 +13342,7 @@ var getTimeFromDate = function getTimeFromDate(date) {
 };
 var isInvalid = function isInvalid(value, time, timeOptions, min, max) {
   if (!value) {
-    return true;
+    return false;
   }
   if (timeOptions) {
@@ -13373,6 +13366,78 @@ var getInitialCalendar = function getInitialCalendar(date, min, max) {
   return getCalendar(date && !isNaN(date.getTime()) && isDateBetween(date, min, max) ? date : getMiddle(min, max));
 };
+var theme = {
+  sizes: sizes,
+  fontSizes: fontSizes
+};
+var theme$1 = {
+  button: theme
+};
+var _templateObject$g;
+var FontStyles = createGlobalStyle(_templateObject$g || (_templateObject$g = _taggedTemplateLiteralLoose(["\n"])));
+var Globals = function Globals() {
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement(FontStyles, null));
+};
+var _templateObject$h;
+var getColor$1 = function getColor(color, opacity) {
+  if (opacity === void 0) {
+    opacity = 100;
+  }
+  return "" + colors[color] + opacities[opacity];
+};
+var useTypography = function useTypography(typography, options) {
+  if (options === void 0) {
+    options = {};
+  }
+  var _typographies$typogra = typographies[typography],
+      fontFamily = _typographies$typogra.fontFamily,
+      fontWeight = _typographies$typogra.fontWeight,
+      fontSize = _typographies$typogra.fontSize;
+  return css(_templateObject$h || (_templateObject$h = _taggedTemplateLiteralLoose(["\n    font-family: ", ";\n    font-weight: ", ";\n    font-size: ", ";\n  "])), fontFamily, options.fontWeight || fontWeight, fontSize);
+};
+var isDarkColor = function isDarkColor(color, ifDark, ifLight) {
+  if (ifDark === void 0) {
+    ifDark = 'white';
+  }
+  if (ifLight === void 0) {
+    ifLight = 'black';
+  }
+  var hex = theme$2.colors[color].replace('#', '');
+  var red = parseInt(hex.substring(0, 2), 16);
+  var green = parseInt(hex.substring(2, 4), 16);
+  var blue = parseInt(hex.substring(4, 6), 16);
+  var luminosity = (red * 299 + green * 587 + blue * 114) / 1000;
+  return luminosity <= 128 ? ifDark : ifLight;
+};
+var theme$2 = {
+  colors: colors,
+  fonts: fonts,
+  spacings: spacings,
+  typographies: typographies,
+  getColor: getColor$1,
+  useTypography: useTypography,
+  isDarkColor: isDarkColor,
+  components: theme$1
+};
+var ThemeProvider = function ThemeProvider(props) {
+  return React__default.createElement(ThemeProvider$1, {
+    theme: theme$2
+  }, React__default.createElement(Globals, null), props.children);
+};
 var Main = React__default.forwardRef(function (props, ref) {
   var getDay = props.getDay,
       initialMonth = props.initialMonth;
@@ -13381,6 +13446,27 @@ var Main = React__default.forwardRef(function (props, ref) {
       selectOpen = _useState[0],
       setSelectOpen = _useState[1];
+  var _useState2 = useState(false),
+      loading = _useState2[0],
+      setLoading = _useState2[1];
+  var onChangeMonth = function () {
+    var onChangeMonth = props.onChangeMonth;
+    if (!onChangeMonth) return function () {
+      return Promise.resolve();
+    };
+    return function () {
+      try {
+        setLoading(true);
+        return Promise.resolve(onChangeMonth.apply(void 0, arguments)).then(function () {
+          setLoading(false);
+        });
+      } catch (e) {
+        return Promise.reject(e);
+      }
+    };
+  }();
   var min = props.min ? function () {
     var date = new Date(props.min);
     date.setHours(0, 0, 0, 0);
@@ -13394,7 +13480,24 @@ var Main = React__default.forwardRef(function (props, ref) {
   var _ref = props.calendar || useState(getInitialCalendar(initialMonth, min, max)),
       calendar = _ref[0],
-      setCalendar = _ref[1];
+      _setCalendar = _ref[1];
+  var setCalendar = function setCalendar(value) {
+    _setCalendar(function (prev) {
+      var newv = typeof value === 'function' ? value(prev) : value;
+      return newv.month === prev.month && newv.year === prev.year ? prev : newv;
+    });
+  };
+  useEffect(function () {
+    var _ref2 = [calendar.weeks[0], calendar.weeks[calendar.weeks.length - 1]],
+        first = _ref2[0],
+        last = _ref2[1];
+    onChangeMonth(_extends({}, calendar, {
+      firstDay: first[0],
+      lastDay: last[last.length - 1]
+    }));
+  }, [calendar]);
   var changeMonth = function changeMonth(add) {
     setCalendar(function (prev) {
@@ -13407,11 +13510,11 @@ var Main = React__default.forwardRef(function (props, ref) {
   };
   var getPrev = function getPrev() {
-    var _ref2 = min !== undefined && (calendar.year < min.getFullYear() || calendar.year === min.getFullYear() && calendar.month <= min.getMonth()) ? [true] : [undefined, function () {
+    var _ref3 = min !== undefined && (calendar.year < min.getFullYear() || calendar.year === min.getFullYear() && calendar.month <= min.getMonth()) ? [true] : [undefined, function () {
       return changeMonth(-1);
     }],
-        disabled = _ref2[0],
-        onClick = _ref2[1];
+        disabled = _ref3[0],
+        onClick = _ref3[1];
     return React__default.createElement(NavBtn, {
       type: 'button',
@@ -13426,11 +13529,11 @@ var Main = React__default.forwardRef(function (props, ref) {
   };
   var getNext = function getNext() {
-    var _ref3 = max !== undefined && (calendar.year > max.getFullYear() || calendar.year === max.getFullYear() && calendar.month >= max.getMonth()) ? [true] : [undefined, function () {
+    var _ref4 = max !== undefined && (calendar.year > max.getFullYear() || calendar.year === max.getFullYear() && calendar.month >= max.getMonth()) ? [true] : [undefined, function () {
       return changeMonth(1);
     }],
-        disabled = _ref3[0],
-        onClick = _ref3[1];
+        disabled = _ref4[0],
+        onClick = _ref4[1];
     return React__default.createElement(NavBtn, {
       type: 'button',
@@ -13493,11 +13596,11 @@ var Main = React__default.forwardRef(function (props, ref) {
       var month = date.getMonth();
       var appearance = month !== calendar.month || max && date > max || min && date < min ? 'disabled' : details.appearance;
-      var _ref4 = appearance === 'disabled' ? [true, undefined] : [undefined, details.onClick, details.onMouseOver, details.onMouseOut],
-          disabled = _ref4[0],
-          onClick = _ref4[1],
-          onMouseOver = _ref4[2],
-          onMouseOut = _ref4[3];
+      var _ref5 = appearance === 'disabled' ? [true, undefined] : [undefined, details.onClick, details.onMouseOver, details.onMouseOut],
+          disabled = _ref5[0],
+          onClick = _ref5[1],
+          onMouseOver = _ref5[2],
+          onMouseOut = _ref5[3];
       return React__default.createElement(DayContainer, {
         key: index,
@@ -13508,14 +13611,18 @@ var Main = React__default.forwardRef(function (props, ref) {
         disabled: disabled,
         appearance: appearance,
         today: dateCompare(new Date(), date, 'eq', false) ? 1 : 0
-      }, day);
+      }, day, details.indicator && React__default.createElement(DayIndicator, {
+        type: details.indicator
+      }));
     }));
-  })), props.children && React__default.createElement(Footer, null, props.children));
+  })), props.children && React__default.createElement(Footer, null, props.children), loading && React__default.createElement(Loader, {
+    filled: theme$2.getColor('white', 95)
+  }));
 });
 Main.displayName = 'Main';
 var BasicCalendar = React__default.forwardRef(function (props, ref) {
-  var containerProps = filterObject(props, ['initialMonth', 'max', 'min', 'getDay', 'calendar', 'absolute']);
+  var containerProps = filterObject(props, ['initialMonth', 'max', 'min', 'getDay', 'calendar', 'absolute', 'onChangeMonth']);
   return 'absolute' in props ? React__default.createElement(AbsoluteContainer$1, Object.assign({
     axis: 'y',
     maxHeight: maxHeight
@@ -13657,12 +13764,19 @@ var getCalendar2 = function getCalendar2(calendar1) {
   date.setHours(0, 0, 0, 0);
   return getCalendar(date);
 };
+var getTimeProps = function getTimeProps(time, value) {
+  if (time === true) return [{}, {}];
+  if (!time) return [undefined, undefined];
+  return time.map(function (e, i) {
+    return typeof e === 'function' ? e(value[i]) : e;
+  });
+};
-var _templateObject$g;
-var SubmitButton = styled(Button$1)(_templateObject$g || (_templateObject$g = _taggedTemplateLiteralLoose(["\n  width: 105px;\n"])));
+var _templateObject$i;
+var SubmitButton = styled(Button$1)(_templateObject$i || (_templateObject$i = _taggedTemplateLiteralLoose(["\n  width: 105px;\n"])));
-var _templateObject$h, _templateObject2$e;
-var CalendarsContainer = styled.div(_templateObject$h || (_templateObject$h = _taggedTemplateLiteralLoose(["\n  display: flex;\n  gap: ", ";\n  background-color: ", ";\n"])), function (_ref) {
+var _templateObject$j, _templateObject2$e;
+var CalendarsContainer = styled.div(_templateObject$j || (_templateObject$j = _taggedTemplateLiteralLoose(["\n  display: flex;\n  gap: ", ";\n  background-color: ", ";\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.spacings.s3;
 }, function (_ref2) {
@@ -13699,18 +13813,32 @@ var Main$1 = React__default.forwardRef(function (props, ref) {
   var _useState2 = useState(getInitialCalendar(value[0] || initialMonth, min, max)),
       calendar1 = _useState2[0],
-      setCalendar1 = _useState2[1];
+      _setCalendar1 = _useState2[1];
+  var setCalendar1 = function setCalendar1(value) {
+    _setCalendar1(function (prev) {
+      var newv = typeof value === 'function' ? value(prev) : value;
+      return newv.month === prev.month && newv.year === prev.year ? prev : newv;
+    });
+  };
   var _useState3 = useState(getCalendar2(calendar1)),
       calendar2 = _useState3[0],
-      setCalendar2 = _useState3[1];
+      _setCalendar2 = _useState3[1];
+  var setCalendar2 = function setCalendar2(value) {
+    _setCalendar2(function (prev) {
+      var newv = typeof value === 'function' ? value(prev) : value;
+      return newv.month === prev.month && newv.year === prev.year ? prev : newv;
+    });
+  };
   var _useState4 = useState(null),
       hoverDay = _useState4[0],
       setHoverDay = _useState4[1];
   useEffect(function () {
-    var timeProps = props.time === true ? [{}, {}] : props.time;
+    var timeProps = getTimeProps(props.time, value);
     setHoverDay(null);
     if (value[0]) {
@@ -13727,34 +13855,18 @@ var Main$1 = React__default.forwardRef(function (props, ref) {
     }
     setInvalid(value.map(function (v, i) {
-      return isInvalid(v, time[i], timeProps ? timeProps[i] : undefined, min, max);
+      return isInvalid(v, time[i], timeProps[i], min, max);
     }));
   }, [value, time, props.time]);
-  var onSubmit = {
-    disabled: invalid.some(function (v) {
-      return v;
-    }),
-    onClick: function onClick() {}
-  };
-  if (props.onSubmit) {
-    var _props$onSubmit = props.onSubmit,
-        disabled = _props$onSubmit.disabled,
-        onClick = _props$onSubmit.onClick;
-    if (disabled) {
-      onSubmit.disabled = true;
-    }
+  var _getDay = props.getDay || function () {
+    return {};
+  };
-    if (!onSubmit.disabled) {
-      onSubmit.onClick = function () {
-        onClick([value[0] ? getFullDate(value[0], time[0]) : null, value[1] ? getFullDate(value[1], time[1], true) : null]);
-      };
-    }
-  }
+  var _getDay2 = function getDay(day, side) {
+    var dayProps = _getDay(day, side);
-  var getDay = function getDay(day) {
-    var onClick = function onClick() {
+    var _onClick2 = function onClick() {
       var newValue = [].concat(value);
       if (!newValue[0]) {
@@ -13776,9 +13888,9 @@ var Main$1 = React__default.forwardRef(function (props, ref) {
       return setHoverDay(day);
     }, function () {
       return setHoverDay(null);
-    }] : [],
-        onMouseOver = _ref3[0],
-        onMouseOut = _ref3[1];
+    }] : [function () {}, function () {}],
+        _onMouseOver2 = _ref3[0],
+        _onMouseOut2 = _ref3[1];
     var appearance = function () {
       if (value.some(function (v) {
@@ -13794,21 +13906,73 @@ var Main$1 = React__default.forwardRef(function (props, ref) {
       return undefined;
     }();
-    return {
-      appearance: appearance,
-      onClick: onClick,
-      onMouseOver: onMouseOver,
-      onMouseOut: onMouseOut
-    };
+    var _map = ['onClick', 'onMouseOver', 'onMouseOut'].map(function (c) {
+      return dayProps[c] || function () {};
+    }),
+        _onClick = _map[0],
+        _onMouseOver = _map[1],
+        _onMouseOut = _map[2];
+    return _extends({}, dayProps, {
+      appearance: appearance || dayProps.appearance,
+      onClick: function onClick(e) {
+        _onClick(e);
+        _onClick2();
+      },
+      onMouseOver: function onMouseOver(e) {
+        _onMouseOver(e);
+        _onMouseOver2();
+      },
+      onMouseOut: function onMouseOut(e) {
+        _onMouseOut(e);
+        _onMouseOut2();
+      }
+    });
   };
-  var calendarProps = filterObject(props, ['initialValue', 'value', 'time', 'onSubmit', 'invalid', 'initialMonth', 'max', 'min']);
+  var calendarProps = filterObject(props, ['initialValue', 'value', 'time', 'onSubmit', 'invalid', 'initialMonth', 'max', 'min', 'getDay']);
+  var timeInvalid = !time.some(function (t) {
+    return t.length > 0;
+  }) ? [false, false] : time.map(function (t) {
+    return t.length === 0;
+  });
+  var onSubmit = {
+    disabled: value.some(function (v) {
+      return v === null;
+    }) || invalid.some(function (v) {
+      return v;
+    }) || timeInvalid.some(function (v) {
+      return v;
+    }),
+    onClick: function onClick() {}
+  };
+  if (props.onSubmit) {
+    var _props$onSubmit = props.onSubmit,
+        disabled = _props$onSubmit.disabled,
+        onClick = _props$onSubmit.onClick;
+    if (disabled) {
+      onSubmit.disabled = true;
+    }
+    if (!onSubmit.disabled) {
+      onSubmit.onClick = function () {
+        onClick([value[0] ? getFullDate(value[0], time[0]) : null, value[1] ? getFullDate(value[1], time[1], true) : null]);
+      };
+    }
+  }
   var middle = new Date();
   middle.setFullYear(calendar1.year);
   middle.setMonth(calendar1.month + 1);
   middle.setDate(1);
   middle.setHours(0, 0, 0, 0);
-  var inputs = props.time ? (props.time === true ? [{}, {}] : props.time).map(function (timeProps, index) {
+  var inputs = getTimeProps(props.time, value).map(function (timeProps, index) {
+    if (!timeProps) return undefined;
     var width = timeProps.seconds ? 'withSeconds' : 'withoutSeconds';
     return React__default.createElement(Time, Object.assign({
       key: index
@@ -13822,13 +13986,26 @@ var Main$1 = React__default.forwardRef(function (props, ref) {
           return n;
         });
       },
-      invalid: time[index] !== '' && value[index] !== null && invalid[index],
+      invalid: value[index] !== null && invalid[index] || timeInvalid[index],
       width: inputTimeWidth[width]
     }));
-  }) : [];
+  });
+  var _onChangeMonth = props.onChangeMonth || function () {
+    return Promise.resolve();
+  };
   return React__default.createElement(CalendarsContainer, null, React__default.createElement(BasicCalendar, Object.assign({}, calendarProps, {
-    getDay: getDay
-  }, {
+    getDay: function getDay(c) {
+      return _getDay2(c, 'left');
+    },
+    onChangeMonth: function (c) {
+      try {
+        return Promise.resolve(_onChangeMonth(c, 'left'));
+      } catch (e) {
+        return Promise.reject(e);
+      }
+    },
     ref: ref,
     label: React__default.createElement(LabelContainer$1, null, React__default.createElement("b", null, "Inicio:"), ' ', value[0] ? dateToIsoString(value[0]) : '––/––/––––'),
     calendar: [calendar1, function (v) {
@@ -13841,8 +14018,16 @@ var Main$1 = React__default.forwardRef(function (props, ref) {
     min: min,
     max: max
   }), inputs[0]), React__default.createElement(BasicCalendar, Object.assign({}, calendarProps, {
-    getDay: getDay
-  }, {
+    getDay: function getDay(c) {
+      return _getDay2(c, 'right');
+    },
+    onChangeMonth: function (c) {
+      try {
+        return Promise.resolve(_onChangeMonth(c, 'right'));
+      } catch (e) {
+        return Promise.reject(e);
+      }
+    },
     ref: ref,
     label: React__default.createElement(LabelContainer$1, null, React__default.createElement("b", null, "Fim:"), " ", value[1] ? dateToIsoString(value[1]) : '––/––/––––'),
     calendar: [calendar2, setCalendar2],
@@ -13856,7 +14041,7 @@ var Main$1 = React__default.forwardRef(function (props, ref) {
 Main$1.displayName = 'Main';
 var CalendarInterval = React__default.forwardRef(function (props, ref) {
-  var containerProps = filterObject(props, ['initialMonth', 'max', 'min', 'initialValue', 'value', 'time', 'onSubmit', 'invalid', 'absolute']);
+  var containerProps = filterObject(props, ['initialMonth', 'max', 'min', 'initialValue', 'value', 'time', 'onSubmit', 'invalid', 'absolute', 'getDay', 'onChangeMonth']);
   var mainProps = filterObject(props, ['absolute']);
   return props.absolute ? React__default.createElement(AbsoluteContainer, Object.assign({
     axis: 'y',
@@ -13871,12 +14056,17 @@ var SingleCalendar = React__default.forwardRef(function (props, ref) {
   var initialValue = props.initialValue,
       min = props.min,
       max = props.max;
-  var timeProps = props.time === true ? {} : props.time;
   var _ref = props.value || useState(initialValue && !isNaN(initialValue.getTime()) && isDateBetween(initialValue, min, max) ? initialValue : null),
       value = _ref[0],
       setValue = _ref[1];
+  var timeProps = function () {
+    if (props.time === true) return {};
+    if (typeof props.time === 'function') return props.time(value);
+    return props.time;
+  }();
   var _ref2 = props.invalid || useState(false),
       invalid = _ref2[0],
       setInvalid = _ref2[1];
@@ -13888,8 +14078,37 @@ var SingleCalendar = React__default.forwardRef(function (props, ref) {
   useEffect(function () {
     setInvalid(isInvalid(value, time, timeProps, min, max));
   }, [value, time, timeProps]);
+  var _getDay = props.getDay || function () {
+    return {};
+  };
+  var getDay = function getDay(day) {
+    var dayProps = _getDay(day);
+    var active = value && dateCompare(value, day, 'eq', false);
+    var _onClick = dayProps.onClick || function () {};
+    var _onClick2 = active ? function () {
+      return setValue(null);
+    } : function () {
+      return setValue(new Date(day));
+    };
+    return _extends({}, dayProps, {
+      appearance: active ? 'active' : dayProps.appearance,
+      onClick: function onClick(e) {
+        _onClick(e);
+        _onClick2();
+      }
+    });
+  };
+  var calendarProps = filterObject(props, ['value', 'time', 'onSubmit', 'invalid', 'getDay']);
   var onSubmit = {
-    disabled: invalid,
+    disabled: value === null || invalid,
     onClick: function onClick() {}
   };
@@ -13907,20 +14126,6 @@ var SingleCalendar = React__default.forwardRef(function (props, ref) {
     };
   }
-  var getDay = function getDay(day) {
-    var active = value && dateCompare(value, day, 'eq', false);
-    var onClick = active ? function () {
-      return setValue(null);
-    } : function () {
-      return setValue(new Date(day));
-    };
-    return {
-      appearance: active ? 'active' : undefined,
-      onClick: onClick
-    };
-  };
-  var calendarProps = filterObject(props, ['value', 'time', 'onSubmit', 'invalid']);
   return React__default.createElement(BasicCalendar, Object.assign({}, calendarProps, {
     getDay: getDay
   }, {
@@ -13930,7 +14135,7 @@ var SingleCalendar = React__default.forwardRef(function (props, ref) {
     type: 'time',
     value: time,
     setValue: setTime,
-    invalid: time !== '' && value !== null && invalid,
+    invalid: value !== null && invalid,
     width: inputTimeWidth[timeProps.seconds ? 'withSeconds' : 'withoutSeconds']
   })), props.onSubmit && React__default.createElement(SubmitButton, Object.assign({}, onSubmit, {
     type: 'button',
@@ -13940,7 +14145,7 @@ var SingleCalendar = React__default.forwardRef(function (props, ref) {
 SingleCalendar.displayName = 'SingleCalendar';
 var CalendarSingle = React__default.forwardRef(function (props, ref) {
-  var containerProps = filterObject(props, ['initialMonth', 'max', 'min', 'initialValue', 'value', 'time', 'onSubmit', 'invalid', 'absolute']);
+  var containerProps = filterObject(props, ['initialMonth', 'max', 'min', 'initialValue', 'value', 'time', 'onSubmit', 'invalid', 'absolute', 'getDay', 'onChangeMonth']);
   var mainProps = filterObject(props, ['absolute']);
   return props.absolute ? React__default.createElement(AbsoluteContainer, Object.assign({
     axis: 'y',
@@ -13979,8 +14184,8 @@ Calendar.displayName = 'Input';
 var JSDate = Date;
-var _templateObject$i;
-var RelativeContainer$1 = styled.div(_templateObject$i || (_templateObject$i = _taggedTemplateLiteralLoose(["\n  position: relative;\n"])));
+var _templateObject$k;
+var RelativeContainer$1 = styled.div(_templateObject$k || (_templateObject$k = _taggedTemplateLiteralLoose(["\n  position: relative;\n"])));
 var isLeapYear = function isLeapYear(year) {
   if (year % 4 !== 0) return false;else if (year % 100 !== 0) return true;else if (year % 400 !== 0) return false;else return true;
@@ -14109,7 +14314,7 @@ var Date$1 = React__default.forwardRef(function (props, ref) {
     onKeyDown: onKeyDown,
     icon: icon,
     ref: ref
-  })), React__default.createElement(Calendar, {
+  })), React__default.createElement(Calendar, Object.assign({}, typeof picker === 'object' ? picker : {}, {
     type: 'single',
     absolute: true,
     open: open,
@@ -14127,7 +14332,7 @@ var Date$1 = React__default.forwardRef(function (props, ref) {
     references: {
       bottom: '35px'
     }
-  }));
+  })));
 });
 Date$1.displayName = 'Date';
@@ -14136,8 +14341,8 @@ var useContext = function useContext() {
   return React__default.useContext(Provider);
 };
-var _templateObject$j, _templateObject2$f;
-var HeaderContainer = styled.div(_templateObject$j || (_templateObject$j = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref) {
+var _templateObject$l, _templateObject2$f;
+var HeaderContainer = styled.div(_templateObject$l || (_templateObject$l = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref) {
   var theme = _ref.theme;
   return css(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteralLoose(["\n    padding: ", " calc(", " * 0.75)\n      ", " ", ";\n  "])), theme.spacings.s3, theme.spacings.s3, theme.spacings.s1, theme.spacings.s3);
 });
@@ -14266,12 +14471,12 @@ var Footer$1 = function Footer() {
   });
 };
-var _templateObject$k, _templateObject2$g, _templateObject3$e;
-var HeaderContainer$1 = styled.div(_templateObject$k || (_templateObject$k = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref) {
+var _templateObject$m, _templateObject2$g, _templateObject3$d;
+var HeaderContainer$1 = styled.div(_templateObject$m || (_templateObject$m = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref) {
   var theme = _ref.theme;
   return css(_templateObject2$g || (_templateObject2$g = _taggedTemplateLiteralLoose(["\n    padding: ", " calc(", " * 0.75)\n      ", " ", ";\n  "])), theme.spacings.s3, theme.spacings.s3, theme.spacings.s1, theme.spacings.s3);
 });
-var SelectAllContainer = styled.div(_templateObject3$e || (_templateObject3$e = _taggedTemplateLiteralLoose(["\n  margin-bottom: ", ";\n  display: flex;\n  justify-content: space-between;\n"])), function (_ref2) {
+var SelectAllContainer = styled.div(_templateObject3$d || (_templateObject3$d = _taggedTemplateLiteralLoose(["\n  margin-bottom: ", ";\n  display: flex;\n  justify-content: space-between;\n"])), function (_ref2) {
   var theme = _ref2.theme;
   return theme.spacings.s1;
 });
@@ -14461,8 +14666,8 @@ var useSelectMultiple = function useSelectMultiple(props) {
   return returnData;
 };
-var _templateObject$l;
-var RelativeContainer$2 = styled.div(_templateObject$l || (_templateObject$l = _taggedTemplateLiteralLoose(["\n  position: relative;\n"])));
+var _templateObject$n;
+var RelativeContainer$2 = styled.div(_templateObject$n || (_templateObject$n = _taggedTemplateLiteralLoose(["\n  position: relative;\n"])));
 var Select = React__default.forwardRef(function (props, ref) {
   var position = props.position,
@@ -14691,7 +14896,7 @@ Password.displayName = 'Password';
 var flags = 'data:image/png;base64,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';
-var _templateObject$m, _templateObject2$h;
+var _templateObject$o, _templateObject2$h;
 var coordinates = {
   ar: {
     s1: '0px 0px',
@@ -14766,7 +14971,7 @@ var coordinates = {
     s6: '0px 0px'
   }
 };
-var Flag = styled.div(_templateObject$m || (_templateObject$m = _taggedTemplateLiteralLoose(["\n  background-image: url(", ");\n  background-size: auto 100%;\n\n  ", "\n"])), flags, function (_ref) {
+var Flag = styled.div(_templateObject$o || (_templateObject$o = _taggedTemplateLiteralLoose(["\n  background-image: url(", ");\n  background-size: auto 100%;\n\n  ", "\n"])), flags, function (_ref) {
   var iso = _ref.iso,
       width = _ref.width,
       theme = _ref.theme;
@@ -14875,10 +15080,10 @@ var countries = {
   }
 };
-var _templateObject$n, _templateObject2$i, _templateObject3$f;
-var IconContainer$1 = styled.div(_templateObject$n || (_templateObject$n = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n\n  > i.icon {\n    margin-top: -1px;\n  }\n"])));
+var _templateObject$p, _templateObject2$i, _templateObject3$e;
+var IconContainer$1 = styled.div(_templateObject$p || (_templateObject$p = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n\n  > i.icon {\n    margin-top: -1px;\n  }\n"])));
 var RelativeContainer$3 = styled.div(_templateObject2$i || (_templateObject2$i = _taggedTemplateLiteralLoose(["\n  position: relative;\n"])));
-var Label$2 = styled.div(_templateObject3$f || (_templateObject3$f = _taggedTemplateLiteralLoose(["\n  ", "\n\n  color: ", ";\n\n  display: flex;\n  gap: ", ";\n\n  > span {\n    color: ", ";\n  }\n"])), function (_ref) {
+var Label$2 = styled.div(_templateObject3$e || (_templateObject3$e = _taggedTemplateLiteralLoose(["\n  ", "\n\n  color: ", ";\n\n  display: flex;\n  gap: ", ";\n\n  > span {\n    color: ", ";\n  }\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.useTypography('p');
 }, function (_ref2) {
@@ -15053,8 +15258,8 @@ var Phone = Object.assign(Component, {
   getPhoneDetails: getPhoneDetails
 });
-var _templateObject$o, _templateObject2$j, _templateObject3$g, _templateObject4$d, _templateObject5$c, _templateObject6$a, _templateObject7$8, _templateObject8$6, _templateObject9$6;
-var RelativeContainer$4 = styled.div(_templateObject$o || (_templateObject$o = _taggedTemplateLiteralLoose(["\n  position: relative;\n\n  input {\n    color: transparent;\n  }\n"])));
+var _templateObject$q, _templateObject2$j, _templateObject3$f, _templateObject4$c, _templateObject5$b, _templateObject6$9, _templateObject7$8, _templateObject8$6, _templateObject9$6;
+var RelativeContainer$4 = styled.div(_templateObject$q || (_templateObject$q = _taggedTemplateLiteralLoose(["\n  position: relative;\n\n  input {\n    color: transparent;\n  }\n"])));
 var LabelContainer$2 = styled.div(_templateObject2$j || (_templateObject2$j = _taggedTemplateLiteralLoose(["\n  ", "\n  line-height: ", ";\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.useTypography('p');
@@ -15062,21 +15267,21 @@ var LabelContainer$2 = styled.div(_templateObject2$j || (_templateObject2$j = _t
   var theme = _ref2.theme;
   return theme.spacings.s3;
 });
-var Container$8 = styled.div(_templateObject3$g || (_templateObject3$g = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  bottom: 1px;\n  left: 1px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  border-radius: 4px;\n\n  ", "\n\n  ", "\n\n  ", "\n"])), function (_ref3) {
+var Container$8 = styled.div(_templateObject3$f || (_templateObject3$f = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  bottom: 1px;\n  left: 1px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  border-radius: 4px;\n\n  ", "\n\n  ", "\n\n  ", "\n"])), function (_ref3) {
   var theme = _ref3.theme,
       iconWidth = _ref3.iconWidth,
       paddingless = _ref3.paddingless;
   if (paddingless) {
-    return css(_templateObject4$d || (_templateObject4$d = _taggedTemplateLiteralLoose(["\n        width: calc(100% - 2px - ", ");\n        height: 19px;\n      "])), iconWidth);
+    return css(_templateObject4$c || (_templateObject4$c = _taggedTemplateLiteralLoose(["\n        width: calc(100% - 2px - ", ");\n        height: 19px;\n      "])), iconWidth);
   }
-  return css(_templateObject5$c || (_templateObject5$c = _taggedTemplateLiteralLoose(["\n      width: calc(100% - 2px - ", " - ", ");\n      height: 33px;\n      padding: ", " 0 ", " ", ";\n    "])), iconWidth, theme.spacings.s3, theme.spacings.s2, theme.spacings.s2, theme.spacings.s3);
+  return css(_templateObject5$b || (_templateObject5$b = _taggedTemplateLiteralLoose(["\n      width: calc(100% - 2px - ", " - ", ");\n      height: 33px;\n      padding: ", " 0 ", " ", ";\n    "])), iconWidth, theme.spacings.s3, theme.spacings.s2, theme.spacings.s2, theme.spacings.s3);
 }, function (_ref4) {
   var invalid = _ref4.invalid,
       theme = _ref4.theme;
   if (!invalid) return;
-  return css(_templateObject6$a || (_templateObject6$a = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), theme.colors.warningRed);
+  return css(_templateObject6$9 || (_templateObject6$9 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), theme.colors.warningRed);
 }, function (_ref5) {
   var disabled = _ref5.disabled;
   if (!disabled) return;
@@ -15179,7 +15384,7 @@ var DatePicker = React__default.forwardRef(function (props, ref) {
     icon: 'chevron_right',
     color: props.invalid ? 'warningRed' : 'grey',
     strokeWidth: '3px'
-  }))), React__default.createElement(Calendar, {
+  }))), React__default.createElement(Calendar, Object.assign({}, typeof picker === 'object' ? picker : {}, {
     type: 'single',
     absolute: true,
     open: open,
@@ -15196,12 +15401,12 @@ var DatePicker = React__default.forwardRef(function (props, ref) {
     references: {
       bottom: '35px'
     }
-  }));
+  })));
 });
 DatePicker.displayName = 'DatePicker';
-var _templateObject$p, _templateObject2$k, _templateObject3$h, _templateObject4$e, _templateObject5$d, _templateObject6$b, _templateObject7$9;
-var LabelContainer$3 = styled.div(_templateObject$p || (_templateObject$p = _taggedTemplateLiteralLoose(["\n  ", "\n  line-height: 14px;\n  display: flex;\n  align-items: center;\n"])), function (_ref) {
+var _templateObject$r, _templateObject2$k, _templateObject3$g, _templateObject4$d, _templateObject5$c, _templateObject6$a, _templateObject7$9;
+var LabelContainer$3 = styled.div(_templateObject$r || (_templateObject$r = _taggedTemplateLiteralLoose(["\n  ", "\n  line-height: 14px;\n  display: flex;\n  align-items: center;\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.useTypography('p');
 });
@@ -15212,19 +15417,19 @@ var Label$3 = styled.label(_templateObject2$k || (_templateObject2$k = _taggedTe
   var disabled = _ref3.disabled;
   if (!disabled) {
-    return css(_templateObject3$h || (_templateObject3$h = _taggedTemplateLiteralLoose(["\n        > span {\n          cursor: pointer;\n        }\n      "])));
+    return css(_templateObject3$g || (_templateObject3$g = _taggedTemplateLiteralLoose(["\n        > span {\n          cursor: pointer;\n        }\n      "])));
   }
-  return css(_templateObject4$e || (_templateObject4$e = _taggedTemplateLiteralLoose(["\n      opacity: 0.5;\n    "])));
+  return css(_templateObject4$d || (_templateObject4$d = _taggedTemplateLiteralLoose(["\n      opacity: 0.5;\n    "])));
 }, function (_ref4) {
   var required = _ref4.required;
   if (!required) return;
-  return css(_templateObject5$d || (_templateObject5$d = _taggedTemplateLiteralLoose(["\n      > ", " {\n        :after {\n          content: '*';\n        }\n      }\n    "])), LabelContainer$3);
+  return css(_templateObject5$c || (_templateObject5$c = _taggedTemplateLiteralLoose(["\n      > ", " {\n        :after {\n          content: '*';\n        }\n      }\n    "])), LabelContainer$3);
 }, function (_ref5) {
   var invalid = _ref5.invalid;
   if (!invalid) {
-    return css(_templateObject6$b || (_templateObject6$b = _taggedTemplateLiteralLoose(["\n        > span:before {\n          border-color: ", ";\n        }\n        > input:checked + span {\n          background-color: ", ";\n        }\n      "])), function (_ref6) {
+    return css(_templateObject6$a || (_templateObject6$a = _taggedTemplateLiteralLoose(["\n        > span:before {\n          border-color: ", ";\n        }\n        > input:checked + span {\n          background-color: ", ";\n        }\n      "])), function (_ref6) {
       var theme = _ref6.theme;
       return theme.colors.lightGrey;
     }, function (_ref7) {
@@ -15278,8 +15483,8 @@ var Switch = function Switch(props) {
   })), React__default.createElement("span", null), label && React__default.createElement(LabelContainer$3, null, label));
 };
-var _templateObject$q, _templateObject2$l, _templateObject3$i, _templateObject4$f, _templateObject5$e, _templateObject6$c, _templateObject7$a, _templateObject8$7, _templateObject9$7, _templateObject10$4, _templateObject11$2, _templateObject12$2, _templateObject13$2, _templateObject14$2, _templateObject15$1, _templateObject16;
-var bullet = css(_templateObject$q || (_templateObject$q = _taggedTemplateLiteralLoose(["\n  appearance: none;\n  width: ", ";\n  height: ", ";\n  border-radius: 100%;\n  border-width: 1px;\n  border-style: solid;\n  background-color: ", ";\n  box-shadow: 0px 1px 3px ", ";\n"])), function (_ref) {
+var _templateObject$s, _templateObject2$l, _templateObject3$h, _templateObject4$e, _templateObject5$d, _templateObject6$b, _templateObject7$a, _templateObject8$7, _templateObject9$7, _templateObject10$4, _templateObject11$3, _templateObject12$2, _templateObject13$2, _templateObject14$2, _templateObject15$1, _templateObject16;
+var bullet = css(_templateObject$s || (_templateObject$s = _taggedTemplateLiteralLoose(["\n  appearance: none;\n  width: ", ";\n  height: ", ";\n  border-radius: 100%;\n  border-width: 1px;\n  border-style: solid;\n  background-color: ", ";\n  box-shadow: 0px 1px 3px ", ";\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.spacings.s4;
 }, function (_ref2) {
@@ -15293,7 +15498,7 @@ var bullet = css(_templateObject$q || (_templateObject$q = _taggedTemplateLitera
   return theme.getColor('black', 10);
 });
 var Input$2 = styled.input(_templateObject2$l || (_templateObject2$l = _taggedTemplateLiteralLoose(["\n  appearance: none;\n  width: 100%;\n  height: 10px;\n  background-color: transparent;\n  outline: none;\n  position: relative;\n  z-index: 3;\n  margin: 0;\n\n  :not(:disabled) {\n    cursor: pointer;\n  }\n\n  /** firefox */\n  ::-moz-range-thumb {\n    ", "\n  }\n  /** ie */\n  ::-ms-thumb {\n    ", "\n  }\n  /** chrome */\n  ::-webkit-slider-thumb {\n    ", "\n  }\n"])), bullet, bullet, bullet);
-var Label$4 = styled.label(_templateObject3$i || (_templateObject3$i = _taggedTemplateLiteralLoose(["\n  ", ";\n  line-height: 19px;\n\n  width: ", ";\n  box-sizing: border-box;\n  display: block;\n  position: relative;\n\n  ", "\n\n  > div:first-child {\n    display: inline-block;\n    margin-bottom: ", ";\n\n    ", "\n  }\n"])), function (_ref5) {
+var Label$4 = styled.label(_templateObject3$h || (_templateObject3$h = _taggedTemplateLiteralLoose(["\n  ", ";\n  line-height: 19px;\n\n  width: ", ";\n  box-sizing: border-box;\n  display: block;\n  position: relative;\n\n  ", "\n\n  > div:first-child {\n    display: inline-block;\n    margin-bottom: ", ";\n\n    ", "\n  }\n"])), function (_ref5) {
   var theme = _ref5.theme;
   return theme.useTypography('p');
 }, function (_ref6) {
@@ -15302,16 +15507,16 @@ var Label$4 = styled.label(_templateObject3$i || (_templateObject3$i = _taggedTe
 }, function (_ref7) {
   var disabled = _ref7.disabled;
   if (!disabled) return;
-  return css(_templateObject4$f || (_templateObject4$f = _taggedTemplateLiteralLoose(["\n      opacity: 0.5;\n    "])));
+  return css(_templateObject4$e || (_templateObject4$e = _taggedTemplateLiteralLoose(["\n      opacity: 0.5;\n    "])));
 }, function (_ref8) {
   var theme = _ref8.theme;
   return theme.spacings.s1;
 }, function (_ref9) {
   var required = _ref9.required;
   if (!required) return;
-  return css(_templateObject5$e || (_templateObject5$e = _taggedTemplateLiteralLoose(["\n        :after {\n          content: ' *';\n        }\n      "])));
+  return css(_templateObject5$d || (_templateObject5$d = _taggedTemplateLiteralLoose(["\n        :after {\n          content: ' *';\n        }\n      "])));
 });
-var InputContainer = styled.div(_templateObject6$c || (_templateObject6$c = _taggedTemplateLiteralLoose(["\n  flex: 1;\n  display: flex;\n  gap: 6px;\n\n  > div {\n    position: relative;\n  }\n\n  ", "\n"])), function (_ref10) {
+var InputContainer = styled.div(_templateObject6$b || (_templateObject6$b = _taggedTemplateLiteralLoose(["\n  flex: 1;\n  display: flex;\n  gap: 6px;\n\n  > div {\n    position: relative;\n  }\n\n  ", "\n"])), function (_ref10) {
   var theme = _ref10.theme,
       invalid = _ref10.invalid;
@@ -15326,7 +15531,7 @@ var LabelsContainer = styled.div(_templateObject10$4 || (_templateObject10$4 = _
   var position = _ref11.position;
   if (position === 'bottom') {
-    return css(_templateObject11$2 || (_templateObject11$2 = _taggedTemplateLiteralLoose(["\n        ", " {\n          flex-direction: column-reverse;\n        }\n\n        ", " {\n          :after {\n            bottom: calc(100% + 10.5px);\n          }\n        }\n\n        ", " {\n          align-items: start;\n        }\n      "])), InputContainer, Marker, MinMaxLabelContainer);
+    return css(_templateObject11$3 || (_templateObject11$3 = _taggedTemplateLiteralLoose(["\n        ", " {\n          flex-direction: column-reverse;\n        }\n\n        ", " {\n          :after {\n            bottom: calc(100% + 10.5px);\n          }\n        }\n\n        ", " {\n          align-items: start;\n        }\n      "])), InputContainer, Marker, MinMaxLabelContainer);
   }
   return css(_templateObject12$2 || (_templateObject12$2 = _taggedTemplateLiteralLoose(["\n      ", " {\n        flex-direction: column;\n      }\n\n      ", " {\n        :after {\n          top: calc(100% + 8px);\n        }\n      }\n\n      ", " {\n        align-items: end;\n      }\n    "])), InputContainer, Marker, MinMaxLabelContainer);
@@ -15497,8 +15702,8 @@ var Range = React__default.forwardRef(function (props, ref) {
 });
 Range.displayName = 'input';
-var _templateObject$r, _templateObject2$m, _templateObject3$j, _templateObject4$g, _templateObject5$f, _templateObject6$d, _templateObject7$b;
-var LabelContainer$4 = styled.div(_templateObject$r || (_templateObject$r = _taggedTemplateLiteralLoose(["\n  ", "\n  display: flex;\n  align-items: center;\n"])), function (_ref) {
+var _templateObject$t, _templateObject2$m, _templateObject3$i, _templateObject4$f, _templateObject5$e, _templateObject6$c, _templateObject7$b;
+var LabelContainer$4 = styled.div(_templateObject$t || (_templateObject$t = _taggedTemplateLiteralLoose(["\n  ", "\n  display: flex;\n  align-items: center;\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.useTypography('p');
 });
@@ -15509,19 +15714,19 @@ var Label$5 = styled.label(_templateObject2$m || (_templateObject2$m = _taggedTe
   var disabled = _ref3.disabled;
   if (!disabled) {
-    return css(_templateObject3$j || (_templateObject3$j = _taggedTemplateLiteralLoose(["\n        > span {\n          cursor: pointer;\n        }\n      "])));
+    return css(_templateObject3$i || (_templateObject3$i = _taggedTemplateLiteralLoose(["\n        > span {\n          cursor: pointer;\n        }\n      "])));
   }
-  return css(_templateObject4$g || (_templateObject4$g = _taggedTemplateLiteralLoose(["\n      opacity: 0.5;\n    "])));
+  return css(_templateObject4$f || (_templateObject4$f = _taggedTemplateLiteralLoose(["\n      opacity: 0.5;\n    "])));
 }, function (_ref4) {
   var required = _ref4.required;
   if (!required) return;
-  return css(_templateObject5$f || (_templateObject5$f = _taggedTemplateLiteralLoose(["\n      > ", " {\n        :after {\n          content: ' *';\n        }\n      }\n    "])), LabelContainer$4);
+  return css(_templateObject5$e || (_templateObject5$e = _taggedTemplateLiteralLoose(["\n      > ", " {\n        :after {\n          content: ' *';\n        }\n      }\n    "])), LabelContainer$4);
 }, function (_ref5) {
   var invalid = _ref5.invalid;
   if (!invalid) {
-    return css(_templateObject6$d || (_templateObject6$d = _taggedTemplateLiteralLoose(["\n        > span {\n          border-color: ", ";\n          :before {\n            background-color: ", ";\n          }\n        }\n      "])), function (_ref6) {
+    return css(_templateObject6$c || (_templateObject6$c = _taggedTemplateLiteralLoose(["\n        > span {\n          border-color: ", ";\n          :before {\n            background-color: ", ";\n          }\n        }\n      "])), function (_ref6) {
       var theme = _ref6.theme;
       return theme.colors.blue;
     }, function (_ref7) {
@@ -15740,17 +15945,17 @@ var parse = function parse(value) {
   });
 };
-var _templateObject$s, _templateObject2$n, _templateObject3$k, _templateObject4$h, _templateObject5$g, _templateObject6$e, _templateObject7$c, _templateObject8$8, _templateObject9$8, _templateObject10$5, _templateObject11$3;
-var RelativeContainer$5 = styled.div(_templateObject$s || (_templateObject$s = _taggedTemplateLiteralLoose(["\n  position: relative;\n  user-select: none;\n  min-width: 220px;\n\n  > input,\n  > label > input {\n    color: transparent;\n    background-color: transparent;\n    width: 1px;\n    height: 1px;\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    border: 0;\n    padding: 0;\n    overflow: hidden;\n    outline: none;\n    box-shadow: none;\n  }\n"])));
+var _templateObject$u, _templateObject2$n, _templateObject3$j, _templateObject4$g, _templateObject5$f, _templateObject6$d, _templateObject7$c, _templateObject8$8, _templateObject9$8, _templateObject10$5, _templateObject11$4;
+var RelativeContainer$5 = styled.div(_templateObject$u || (_templateObject$u = _taggedTemplateLiteralLoose(["\n  position: relative;\n  user-select: none;\n  min-width: 220px;\n\n  > input,\n  > label > input {\n    color: transparent;\n    background-color: transparent;\n    width: 1px;\n    height: 1px;\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    border: 0;\n    padding: 0;\n    overflow: hidden;\n    outline: none;\n    box-shadow: none;\n  }\n"])));
 var LabelContainer$5 = styled.div(_templateObject2$n || (_templateObject2$n = _taggedTemplateLiteralLoose(["\n  ", "\n  line-height: 17px;\n  flex: 1;\n  text-align: center;\n\n  ", ";\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.useTypography('p');
 }, function (_ref2) {
   var onClick = _ref2.onClick;
   if (!onClick) return;
-  return css(_templateObject3$k || (_templateObject3$k = _taggedTemplateLiteralLoose(["\n      :not(:disabled) {\n        cursor: pointer;\n      }\n    "])));
+  return css(_templateObject3$j || (_templateObject3$j = _taggedTemplateLiteralLoose(["\n      :not(:disabled) {\n        cursor: pointer;\n      }\n    "])));
 });
-var Container$9 = styled.div(_templateObject4$h || (_templateObject4$h = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  border-radius: 4px;\n  white-space: nowrap;\n  gap: ", ";\n  border-width: 1px;\n  border-style: solid;\n  border-color: ", ";\n\n  width: 100%;\n\n  ", ";\n\n  ", "\n\n  ", "\n"])), function (_ref3) {
+var Container$9 = styled.div(_templateObject4$g || (_templateObject4$g = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  border-radius: 4px;\n  white-space: nowrap;\n  gap: ", ";\n  border-width: 1px;\n  border-style: solid;\n  border-color: ", ";\n\n  width: 100%;\n\n  ", ";\n\n  ", "\n\n  ", "\n"])), function (_ref3) {
   var theme = _ref3.theme;
   return theme.spacings.s1;
 }, function (_ref4) {
@@ -15767,12 +15972,12 @@ var Container$9 = styled.div(_templateObject4$h || (_templateObject4$h = _tagged
       bgColor = _ref6[0],
       color = _ref6[1];
-  return css(_templateObject5$g || (_templateObject5$g = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      background-color: ", ";\n      /** google chrome blue background */\n      -webkit-box-shadow: 0 0 0px 1000px ", " inset !important;\n    "])), color, bgColor, bgColor);
+  return css(_templateObject5$f || (_templateObject5$f = _taggedTemplateLiteralLoose(["\n      color: ", ";\n      background-color: ", ";\n      /** google chrome blue background */\n      -webkit-box-shadow: 0 0 0px 1000px ", " inset !important;\n    "])), color, bgColor, bgColor);
 }, function (_ref7) {
   var theme = _ref7.theme,
       paddingless = _ref7.paddingless;
   if (paddingless) return;
-  return css(_templateObject6$e || (_templateObject6$e = _taggedTemplateLiteralLoose(["\n      padding: ", " ", " ", "\n        ", ";\n    "])), theme.spacings.s2, theme.spacings.s1, theme.spacings.s2, theme.spacings.s3);
+  return css(_templateObject6$d || (_templateObject6$d = _taggedTemplateLiteralLoose(["\n      padding: ", " ", " ", "\n        ", ";\n    "])), theme.spacings.s2, theme.spacings.s1, theme.spacings.s2, theme.spacings.s3);
 }, function (_ref8) {
   var disabled = _ref8.disabled;
   if (!disabled) return;
@@ -15789,7 +15994,7 @@ var LabelText$1 = styled.label(_templateObject10$5 || (_templateObject10$5 = _ta
 }, function (_ref11) {
   var required = _ref11.required;
   if (!required) return;
-  return css(_templateObject11$3 || (_templateObject11$3 = _taggedTemplateLiteralLoose(["\n      :after {\n        content: ' *';\n      }\n    "])));
+  return css(_templateObject11$4 || (_templateObject11$4 = _taggedTemplateLiteralLoose(["\n      :after {\n        content: ' *';\n      }\n    "])));
 });
 var Component$1 = React__default.forwardRef(function (props, ref) {
@@ -15836,7 +16041,7 @@ var Component$1 = React__default.forwardRef(function (props, ref) {
     var newIntervalType = identify(value);
     setIntervalType(newIntervalType);
   }, [props.value, props.min, props.max]);
-  var inputProps = filterObject(props, ['label', 'invalid', 'required', 'disabled', 'width', 'borderless', 'paddingless', 'type', 'value', 'setValue', 'getLabel', 'max', 'min', 'only']);
+  var inputProps = filterObject(props, ['label', 'invalid', 'required', 'disabled', 'width', 'borderless', 'paddingless', 'type', 'value', 'setValue', 'getLabel', 'max', 'min', 'only', 'calendar']);
   var getArrowProps = function getArrowProps(key) {
     if (value.some(function (v) {
@@ -15968,7 +16173,7 @@ var Component$1 = React__default.forwardRef(function (props, ref) {
     width: '165px',
     itemSpacing: 's3',
     bordered: true
-  }), React__default.createElement(Calendar, {
+  }), React__default.createElement(Calendar, Object.assign({}, props.calendar || {}, {
     type: 'interval',
     absolute: true,
     open: open === 'calendar',
@@ -15986,9 +16191,8 @@ var Component$1 = React__default.forwardRef(function (props, ref) {
     max: props.max,
     references: {
       bottom: '35px'
-    },
-    time: props.time
-  }));
+    }
+  })));
 });
 Component$1.displayName = 'DatePicker';
@@ -16005,8 +16209,8 @@ var DatePicker$1 = Object.assign(Component$1, {
   useDefaultDateIntervalState: useDefaultDateIntervalState
 });
-var _templateObject$t;
-var Input$3 = styled.input(_templateObject$t || (_templateObject$t = _taggedTemplateLiteralLoose(["\n  ", ";\n\n  color: ", ";\n\n  line-height: 17px;\n\n  ::placeholder {\n    color: ", ";\n\n    line-height: 17px;\n    ", ";\n    opacity: 1;\n  }\n\n  display: block;\n  box-sizing: border-box;\n  flex: 1;\n  min-width: ", ";\n\n  padding: calc(", " / 2) 0;\n\n  box-shadow: none;\n  outline: none;\n  border: 1px solid transparent;\n"])), function (_ref) {
+var _templateObject$v;
+var Input$3 = styled.input(_templateObject$v || (_templateObject$v = _taggedTemplateLiteralLoose(["\n  ", ";\n\n  color: ", ";\n\n  line-height: 17px;\n\n  ::placeholder {\n    color: ", ";\n\n    line-height: 17px;\n    ", ";\n    opacity: 1;\n  }\n\n  display: block;\n  box-sizing: border-box;\n  flex: 1;\n  min-width: ", ";\n\n  padding: calc(", " / 2) 0;\n\n  box-shadow: none;\n  outline: none;\n  border: 1px solid transparent;\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.useTypography('p');
 }, function (_ref2) {
@@ -16069,8 +16273,8 @@ var Input$4 = React__default.forwardRef(function (props, ref) {
 });
 Input$4.displayName = 'Input';
-var _templateObject$u, _templateObject2$o;
-var Label$6 = styled.div(_templateObject$u || (_templateObject$u = _taggedTemplateLiteralLoose(["\n  display: inline-block;\n  margin-bottom: ", ";\n\n  ", "\n"])), function (_ref) {
+var _templateObject$w, _templateObject2$o;
+var Label$6 = styled.div(_templateObject$w || (_templateObject$w = _taggedTemplateLiteralLoose(["\n  display: inline-block;\n  margin-bottom: ", ";\n\n  ", "\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.spacings.s1;
 }, function (_ref2) {
@@ -16083,8 +16287,8 @@ var Label$7 = function Label(props) {
   return props.children ? React__default.createElement(Label$6, Object.assign({}, props)) : null;
 };
-var _templateObject$v;
-var Tag = styled.div(_templateObject$v || (_templateObject$v = _taggedTemplateLiteralLoose(["\n  ", "\n  line-height: 17px;\n\n  background-color: ", ";\n  color: ", ";\n  padding: calc(", " / 2);\n\n  border-style: solid;\n  border-width: 1px;\n  border-color: ", ";\n  display: flex;\n  align-items: center;\n  gap: ", ";\n\n  > div:last-child {\n    cursor: pointer;\n  }\n"])), function (_ref) {
+var _templateObject$x;
+var Tag = styled.div(_templateObject$x || (_templateObject$x = _taggedTemplateLiteralLoose(["\n  ", "\n  line-height: 17px;\n\n  background-color: ", ";\n  color: ", ";\n  padding: calc(", " / 2);\n\n  border-style: solid;\n  border-width: 1px;\n  border-color: ", ";\n  display: flex;\n  align-items: center;\n  gap: ", ";\n\n  > div:last-child {\n    cursor: pointer;\n  }\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.useTypography('p');
 }, function (_ref2) {
@@ -16117,8 +16321,8 @@ var Tag$1 = function Tag$1(props) {
   })));
 };
-var _templateObject$w, _templateObject2$p, _templateObject3$l;
-var Label$8 = styled.label(_templateObject$w || (_templateObject$w = _taggedTemplateLiteralLoose(["\n  ", ";\n\n  color: ", ";\n\n  width: ", ";\n  box-sizing: border-box;\n  position: relative;\n  display: block;\n\n  ", "\n"])), function (_ref) {
+var _templateObject$y, _templateObject2$p, _templateObject3$k;
+var Label$8 = styled.label(_templateObject$y || (_templateObject$y = _taggedTemplateLiteralLoose(["\n  ", ";\n\n  color: ", ";\n\n  width: ", ";\n  box-sizing: border-box;\n  position: relative;\n  display: block;\n\n  ", "\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.useTypography('p');
 }, function (_ref2) {
@@ -16132,7 +16336,7 @@ var Label$8 = styled.label(_templateObject$w || (_templateObject$w = _taggedTemp
   if (!disabled) return;
   return css(_templateObject2$p || (_templateObject2$p = _taggedTemplateLiteralLoose(["\n      opacity: 0.5;\n    "])));
 });
-var TagContainer = styled.div(_templateObject3$l || (_templateObject3$l = _taggedTemplateLiteralLoose(["\n  border-width: 1px;\n  border-style: solid;\n  border-color: ", ";\n  border-radius: 4px;\n  display: flex;\n  flex-wrap: wrap;\n  gap: calc(", " / 2);\n  padding: ", ";\n"])), function (_ref5) {
+var TagContainer = styled.div(_templateObject3$k || (_templateObject3$k = _taggedTemplateLiteralLoose(["\n  border-width: 1px;\n  border-style: solid;\n  border-color: ", ";\n  border-radius: 4px;\n  display: flex;\n  flex-wrap: wrap;\n  gap: calc(", " / 2);\n  padding: ", ";\n"])), function (_ref5) {
   var theme = _ref5.theme,
       invalid = _ref5.invalid;
   return theme.colors[invalid ? 'warningRed' : 'lightGrey'];
@@ -16212,8 +16416,8 @@ var Tags = React__default.forwardRef(function (props, ref) {
 });
 Tags.displayName = 'Tags';
-var _templateObject$x;
-var RelativeContainer$6 = styled.div(_templateObject$x || (_templateObject$x = _taggedTemplateLiteralLoose(["\n  position: relative;\n"])));
+var _templateObject$z;
+var RelativeContainer$6 = styled.div(_templateObject$z || (_templateObject$z = _taggedTemplateLiteralLoose(["\n  position: relative;\n"])));
 var isLeapYear$1 = function isLeapYear(year) {
   if (year % 4 !== 0) return false;else if (year % 100 !== 0) return true;else if (year % 400 !== 0) return false;else return true;
@@ -16479,7 +16683,11 @@ var DateTime = React__default.forwardRef(function (props, ref) {
     onKeyDown: onKeyDown,
     icon: icon,
     ref: ref
-  })), React__default.createElement(Calendar, {
+  })), React__default.createElement(Calendar, Object.assign({
+    time: {
+      seconds: props.seconds
+    }
+  }, typeof picker === 'object' ? picker : {}, {
     type: 'single',
     absolute: true,
     open: open,
@@ -16495,11 +16703,8 @@ var DateTime = React__default.forwardRef(function (props, ref) {
     max: max,
     references: {
       bottom: '35px'
-    },
-    time: {
-      seconds: props.seconds
     }
-  }));
+  })));
 });
 DateTime.displayName = 'DateTime';
@@ -16645,24 +16850,24 @@ var widths = {
   default: '642.5px'
 };
-var _templateObject$y, _templateObject2$q, _templateObject3$m, _templateObject4$i, _templateObject5$h, _templateObject6$f, _templateObject7$d, _templateObject8$9, _templateObject9$9, _templateObject10$6;
-var Background = styled.div(_templateObject$y || (_templateObject$y = _taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  backdrop-filter: blur(3px);\n  background-color: ", ";\n"])), function (_ref) {
+var _templateObject$A, _templateObject2$q, _templateObject3$l, _templateObject4$h, _templateObject5$g, _templateObject6$e, _templateObject7$d, _templateObject8$9, _templateObject9$9, _templateObject10$6;
+var Background = styled.div(_templateObject$A || (_templateObject$A = _taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  backdrop-filter: blur(3px);\n  background-color: ", ";\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.getColor('black', 25);
 });
 var Content = styled.div(_templateObject2$q || (_templateObject2$q = _taggedTemplateLiteralLoose(["\n  flex: 1;\n  position: relative;\n"])));
-var Header$3 = styled.div(_templateObject3$m || (_templateObject3$m = _taggedTemplateLiteralLoose(["\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n\n  ", "\n"])), function (_ref2) {
+var Header$3 = styled.div(_templateObject3$l || (_templateObject3$l = _taggedTemplateLiteralLoose(["\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n\n  ", "\n"])), function (_ref2) {
   var _ref2$theme = _ref2.theme,
       colors = _ref2$theme.colors,
       spacings = _ref2$theme.spacings,
       useTypography = _ref2$theme.useTypography;
-  return css(_templateObject4$i || (_templateObject4$i = _taggedTemplateLiteralLoose(["\n    border-bottom: 1px solid ", ";\n    padding: ", ";\n\n    ", "\n  "])), colors.lightestGrey, spacings.s4, useTypography('h1'));
+  return css(_templateObject4$h || (_templateObject4$h = _taggedTemplateLiteralLoose(["\n    border-bottom: 1px solid ", ";\n    padding: ", ";\n\n    ", "\n  "])), colors.lightestGrey, spacings.s4, useTypography('h1'));
 });
-var Footer$2 = styled.div(_templateObject5$h || (_templateObject5$h = _taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n\n  ", "\n"])), function (_ref3) {
+var Footer$2 = styled.div(_templateObject5$g || (_templateObject5$g = _taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n\n  ", "\n"])), function (_ref3) {
   var _ref3$theme = _ref3.theme,
       spacings = _ref3$theme.spacings,
       colors = _ref3$theme.colors;
-  return css(_templateObject6$f || (_templateObject6$f = _taggedTemplateLiteralLoose(["\n    border-top: 1px solid ", ";\n    padding: ", ";\n  "])), colors.lightestGrey, spacings.s3);
+  return css(_templateObject6$e || (_templateObject6$e = _taggedTemplateLiteralLoose(["\n    border-top: 1px solid ", ";\n    padding: ", ";\n  "])), colors.lightestGrey, spacings.s3);
 });
 var FooterMessage = styled.div(_templateObject7$d || (_templateObject7$d = _taggedTemplateLiteralLoose(["\n  max-width: 75%;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n\n  span {\n    font-size: 14px;\n    color: ", ";\n  }\n"])), function (_ref4) {
   var theme = _ref4.theme;
@@ -16754,8 +16959,8 @@ var Modal = function Modal(props) {
   }))))));
 };
-var _templateObject$z;
-var Content$1 = styled.div(_templateObject$z || (_templateObject$z = _taggedTemplateLiteralLoose(["\n  padding: ", ";\n"])), function (_ref) {
+var _templateObject$B;
+var Content$1 = styled.div(_templateObject$B || (_templateObject$B = _taggedTemplateLiteralLoose(["\n  padding: ", ";\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.spacings.s5 + " " + theme.spacings.s4;
 });
@@ -16792,8 +16997,8 @@ var ConfirmDelete = function ConfirmDelete(props) {
   }, React__default.createElement(Content$1, null, children || content));
 };
-var _templateObject$A;
-var Content$2 = styled.div(_templateObject$A || (_templateObject$A = _taggedTemplateLiteralLoose(["\n  padding: ", ";\n"])), function (_ref) {
+var _templateObject$C;
+var Content$2 = styled.div(_templateObject$C || (_templateObject$C = _taggedTemplateLiteralLoose(["\n  padding: ", ";\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.spacings.s5 + " " + theme.spacings.s4;
 });
@@ -16833,8 +17038,8 @@ var ConfirmSuccess = function ConfirmSuccess(props) {
   }, React__default.createElement(Content$2, null, children || content));
 };
-var _templateObject$B;
-var Content$3 = styled.div(_templateObject$B || (_templateObject$B = _taggedTemplateLiteralLoose(["\n  padding: ", ";\n"])), function (_ref) {
+var _templateObject$D;
+var Content$3 = styled.div(_templateObject$D || (_templateObject$D = _taggedTemplateLiteralLoose(["\n  padding: ", ";\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.spacings.s5 + " " + theme.spacings.s4;
 });
@@ -16875,17 +17080,17 @@ var Modal$1 = Object.assign(Modal, {
   Audit: Audit
 });
-var _templateObject$C, _templateObject2$r, _templateObject3$n, _templateObject4$j, _templateObject5$i, _templateObject6$g, _templateObject7$e, _templateObject8$a, _templateObject9$a, _templateObject10$7;
-var Container$b = styled.div(_templateObject$C || (_templateObject$C = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  background: #fff;\n  border: 1px solid #d4d4d5;\n  border-radius: 4px;\n  border-left-width: 5px;\n  padding: 14px;\n  ", "\n  ", "\n    ", "\n  ", "\n\n  ", "\n    ", "\n    ", "\n\n    ", "\n    ", "\n"])), function (props) {
+var _templateObject$E, _templateObject2$r, _templateObject3$m, _templateObject4$i, _templateObject5$h, _templateObject6$f, _templateObject7$e, _templateObject8$a, _templateObject9$a, _templateObject10$7;
+var Container$b = styled.div(_templateObject$E || (_templateObject$E = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  background: #fff;\n  border: 1px solid #d4d4d5;\n  border-radius: 4px;\n  border-left-width: 5px;\n  padding: 14px;\n  ", "\n  ", "\n    ", "\n  ", "\n\n  ", "\n    ", "\n    ", "\n\n    ", "\n    ", "\n"])), function (props) {
   return props.size === 'mini' && css(_templateObject2$r || (_templateObject2$r = _taggedTemplateLiteralLoose(["\n      width: 394px;\n      height: 99px;\n    "])));
 }, function (props) {
-  return props.size === 'small' && css(_templateObject3$n || (_templateObject3$n = _taggedTemplateLiteralLoose(["\n      width: 394px;\n      height: 131px;\n    "])));
+  return props.size === 'small' && css(_templateObject3$m || (_templateObject3$m = _taggedTemplateLiteralLoose(["\n      width: 394px;\n      height: 131px;\n    "])));
 }, function (props) {
-  return props.size === 'medium' && css(_templateObject4$j || (_templateObject4$j = _taggedTemplateLiteralLoose(["\n      width: 394px;\n    "])));
+  return props.size === 'medium' && css(_templateObject4$i || (_templateObject4$i = _taggedTemplateLiteralLoose(["\n      width: 394px;\n    "])));
 }, function (props) {
-  return props.size === 'big' && css(_templateObject5$i || (_templateObject5$i = _taggedTemplateLiteralLoose(["\n      width: 414px;\n      height: 324px;\n    "])));
+  return props.size === 'big' && css(_templateObject5$h || (_templateObject5$h = _taggedTemplateLiteralLoose(["\n      width: 414px;\n      height: 324px;\n    "])));
 }, function (props) {
-  return props.borderType === 'info' && css(_templateObject6$g || (_templateObject6$g = _taggedTemplateLiteralLoose(["\n      border-left-color: #4d6dbe;\n    "])));
+  return props.borderType === 'info' && css(_templateObject6$f || (_templateObject6$f = _taggedTemplateLiteralLoose(["\n      border-left-color: #4d6dbe;\n    "])));
 }, function (props) {
   return props.borderType === 'success' && css(_templateObject7$e || (_templateObject7$e = _taggedTemplateLiteralLoose(["\n      border-left-color: #66bb6a;\n    "])));
 }, function (props) {
@@ -16905,18 +17110,18 @@ var Card = function Card(_ref) {
   return React__default.createElement(Container$b, Object.assign({}, rest), children);
 };
-var _templateObject$D, _templateObject2$s, _templateObject3$o, _templateObject4$k, _templateObject5$j, _templateObject6$h;
-var Container$c = styled.div(_templateObject$D || (_templateObject$D = _taggedTemplateLiteralLoose(["\n  border-radius: 4px;\n  width: ", ";\n  height: 88px;\n  border: 1px solid transparent;\n  position: relative;\n\n  ", "\n\n  ", "\n\n    ", "\n\n  svg {\n    cursor: pointer;\n    position: absolute;\n    top: 14px;\n    right: 14px;\n    width: 13px;\n    height: 13px;\n  }\n"])), function (props) {
+var _templateObject$F, _templateObject2$s, _templateObject3$n, _templateObject4$j, _templateObject5$i, _templateObject6$g;
+var Container$c = styled.div(_templateObject$F || (_templateObject$F = _taggedTemplateLiteralLoose(["\n  border-radius: 4px;\n  width: ", ";\n  height: 88px;\n  border: 1px solid transparent;\n  position: relative;\n\n  ", "\n\n  ", "\n\n    ", "\n\n  svg {\n    cursor: pointer;\n    position: absolute;\n    top: 14px;\n    right: 14px;\n    width: 13px;\n    height: 13px;\n  }\n"])), function (props) {
   return props.size === 'large' ? '837px' : '460px';
 }, function (props) {
   return props.color === 'success' && css(_templateObject2$s || (_templateObject2$s = _taggedTemplateLiteralLoose(["\n      background-color: #fcfff5;\n      opacity: 1;\n      border-color: #a8c599;\n      h4 {\n        color: #1e561f;\n      }\n      p {\n        color: #1e561fcc;\n      }\n    "])));
 }, function (props) {
-  return props.color === 'error' && css(_templateObject3$o || (_templateObject3$o = _taggedTemplateLiteralLoose(["\n      background-color: #fff6f6;\n      opacity: 1;\n      border-color: #973937;\n      h4 {\n        color: #973937;\n      }\n      p {\n        color: #973937;\n      }\n    "])));
+  return props.color === 'error' && css(_templateObject3$n || (_templateObject3$n = _taggedTemplateLiteralLoose(["\n      background-color: #fff6f6;\n      opacity: 1;\n      border-color: #973937;\n      h4 {\n        color: #973937;\n      }\n      p {\n        color: #973937;\n      }\n    "])));
 }, function (props) {
-  return props.color === 'warning' && css(_templateObject4$k || (_templateObject4$k = _taggedTemplateLiteralLoose(["\n      background-color: #fffaf3;\n      opacity: 1;\n      border-color: #ccbea0;\n      h4 {\n        color: #7a4d05;\n      }\n      p {\n        color: #7a4d05cc;\n      }\n    "])));
+  return props.color === 'warning' && css(_templateObject4$j || (_templateObject4$j = _taggedTemplateLiteralLoose(["\n      background-color: #fffaf3;\n      opacity: 1;\n      border-color: #ccbea0;\n      h4 {\n        color: #7a4d05;\n      }\n      p {\n        color: #7a4d05cc;\n      }\n    "])));
 });
-var IconContainer$2 = styled.div(_templateObject5$j || (_templateObject5$j = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  padding: 14px 14px 0 0;\n  margin: 0;\n"])));
-var IconContent = styled.div(_templateObject6$h || (_templateObject6$h = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  padding: 13px 0 21px 28px;\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n\n  h4 {\n    margin-bottom: 7px;\n    font-size: 18p;\n  }\n  p {\n    margin: 0;\n    font-size: 14px;\n    max-width: 380px;\n  }\n"])));
+var IconContainer$2 = styled.div(_templateObject5$i || (_templateObject5$i = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  padding: 14px 14px 0 0;\n  margin: 0;\n"])));
+var IconContent = styled.div(_templateObject6$g || (_templateObject6$g = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  padding: 13px 0 21px 28px;\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n\n  h4 {\n    margin-bottom: 7px;\n    font-size: 18p;\n  }\n  p {\n    margin: 0;\n    font-size: 14px;\n    max-width: 380px;\n  }\n"])));
 var Toast = function Toast(props) {
   return React__default.createElement(Container$c, Object.assign({}, props), React__default.createElement(IconContainer$2, null, React__default.createElement(Icon, {
@@ -16928,13 +17133,13 @@ var Toast = function Toast(props) {
   })), React__default.createElement(IconContent, null, React__default.createElement("h4", null, props.title), React__default.createElement("p", null, " ", props.description)));
 };
-var _templateObject$E, _templateObject2$t, _templateObject3$p, _templateObject4$l, _templateObject5$k, _templateObject6$i, _templateObject7$f, _templateObject8$b, _templateObject9$b, _templateObject10$8, _templateObject11$4;
-var Container$d = styled.div(_templateObject$E || (_templateObject$E = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  height: 300px;\n  position: absolute;\n  padding: 14px;\n"])));
+var _templateObject$G, _templateObject2$t, _templateObject3$o, _templateObject4$k, _templateObject5$j, _templateObject6$h, _templateObject7$f, _templateObject8$b, _templateObject9$b, _templateObject10$8, _templateObject11$5;
+var Container$d = styled.div(_templateObject$G || (_templateObject$G = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  height: 300px;\n  position: absolute;\n  padding: 14px;\n"])));
 var Header$4 = styled.div(_templateObject2$t || (_templateObject2$t = _taggedTemplateLiteralLoose(["\n  display: flex;\n"])));
-var HeaderImage = styled.div(_templateObject3$p || (_templateObject3$p = _taggedTemplateLiteralLoose(["\n  width: 43px;\n  height: 44px;\n  background-color: #ebebeb;\n"])));
-var HeaderContent = styled.div(_templateObject4$l || (_templateObject4$l = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  flex: 1;\n"])));
-var MainContent = styled.div(_templateObject5$k || (_templateObject5$k = _taggedTemplateLiteralLoose(["\n  margin-top: 8px;\n"])));
-var HeaderLine = styled.div(_templateObject6$i || (_templateObject6$i = _taggedTemplateLiteralLoose(["\n  height: ", ";\n  background-color: #ebebeb;\n  margin-left: 7px;\n\n  & + div {\n    margin-top: 14px;\n  }\n\n  ", "\n  ", "\n\n    ", "\n\n    ", "\n"])), function (props) {
+var HeaderImage = styled.div(_templateObject3$o || (_templateObject3$o = _taggedTemplateLiteralLoose(["\n  width: 43px;\n  height: 44px;\n  background-color: #ebebeb;\n"])));
+var HeaderContent = styled.div(_templateObject4$k || (_templateObject4$k = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  flex: 1;\n"])));
+var MainContent = styled.div(_templateObject5$j || (_templateObject5$j = _taggedTemplateLiteralLoose(["\n  margin-top: 8px;\n"])));
+var HeaderLine = styled.div(_templateObject6$h || (_templateObject6$h = _taggedTemplateLiteralLoose(["\n  height: ", ";\n  background-color: #ebebeb;\n  margin-left: 7px;\n\n  & + div {\n    margin-top: 14px;\n  }\n\n  ", "\n  ", "\n\n    ", "\n\n    ", "\n"])), function (props) {
   return props.height;
 }, function (props) {
   return props.size === 'mini' && css(_templateObject7$f || (_templateObject7$f = _taggedTemplateLiteralLoose(["\n      width: 15%;\n    "])));
@@ -16945,7 +17150,7 @@ var HeaderLine = styled.div(_templateObject6$i || (_templateObject6$i = _taggedT
 }, function (props) {
   return props.size === 'large' && css(_templateObject10$8 || (_templateObject10$8 = _taggedTemplateLiteralLoose(["\n      width: 75%;\n    "])));
 });
-var MainLine = styled(HeaderLine)(_templateObject11$4 || (_templateObject11$4 = _taggedTemplateLiteralLoose(["\n  margin-bottom: 14px;\n  margin-left: 0;\n"])));
+var MainLine = styled(HeaderLine)(_templateObject11$5 || (_templateObject11$5 = _taggedTemplateLiteralLoose(["\n  margin-bottom: 14px;\n  margin-left: 0;\n"])));
 var Template1 = function Template1(props) {
   if (!props.loading) return React__default.createElement(React__default.Fragment, null);
@@ -16980,26 +17185,26 @@ var Template1 = function Template1(props) {
   })));
 };
-var _templateObject$F, _templateObject2$u, _templateObject3$q, _templateObject4$m, _templateObject5$l;
-var HeaderLine$1 = styled.div(_templateObject$F || (_templateObject$F = _taggedTemplateLiteralLoose(["\n  height: ", ";\n  background-color: #ebebeb;\n  margin-left: 7px;\n\n  & + div {\n    margin-top: 14px;\n  }\n\n  ", "\n  ", "\n\n    ", "\n\n    ", "\n"])), function (props) {
+var _templateObject$H, _templateObject2$u, _templateObject3$p, _templateObject4$l, _templateObject5$k;
+var HeaderLine$1 = styled.div(_templateObject$H || (_templateObject$H = _taggedTemplateLiteralLoose(["\n  height: ", ";\n  background-color: #ebebeb;\n  margin-left: 7px;\n\n  & + div {\n    margin-top: 14px;\n  }\n\n  ", "\n  ", "\n\n    ", "\n\n    ", "\n"])), function (props) {
   return props.height;
 }, function (props) {
   return props.size === 'mini' && css(_templateObject2$u || (_templateObject2$u = _taggedTemplateLiteralLoose(["\n      width: 15%;\n    "])));
 }, function (props) {
-  return props.size === 'small' && css(_templateObject3$q || (_templateObject3$q = _taggedTemplateLiteralLoose(["\n      width: 25%;\n    "])));
+  return props.size === 'small' && css(_templateObject3$p || (_templateObject3$p = _taggedTemplateLiteralLoose(["\n      width: 25%;\n    "])));
 }, function (props) {
-  return props.size === 'medium' && css(_templateObject4$m || (_templateObject4$m = _taggedTemplateLiteralLoose(["\n      width: 45%;\n    "])));
+  return props.size === 'medium' && css(_templateObject4$l || (_templateObject4$l = _taggedTemplateLiteralLoose(["\n      width: 45%;\n    "])));
 }, function (props) {
-  return props.size === 'large' && css(_templateObject5$l || (_templateObject5$l = _taggedTemplateLiteralLoose(["\n      width: 75%;\n    "])));
+  return props.size === 'large' && css(_templateObject5$k || (_templateObject5$k = _taggedTemplateLiteralLoose(["\n      width: 75%;\n    "])));
 });
-var _templateObject$G, _templateObject2$v, _templateObject3$r, _templateObject4$n, _templateObject5$m, _templateObject6$j, _templateObject7$g, _templateObject8$c;
-var Container$e = styled.div(_templateObject$G || (_templateObject$G = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  max-height: 100%;\n  position: absolute;\n  padding: 14px;\n"])));
+var _templateObject$I, _templateObject2$v, _templateObject3$q, _templateObject4$m, _templateObject5$l, _templateObject6$i, _templateObject7$g, _templateObject8$c;
+var Container$e = styled.div(_templateObject$I || (_templateObject$I = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  max-height: 100%;\n  position: absolute;\n  padding: 14px;\n"])));
 var Template2Container = styled(Container$e)(_templateObject2$v || (_templateObject2$v = _taggedTemplateLiteralLoose(["\n  background: #fff;\n  border: 2px solid #ebebeb;\n"])));
-var Header$5 = styled.div(_templateObject3$r || (_templateObject3$r = _taggedTemplateLiteralLoose(["\n  display: flex;\n"])));
-var HeaderImage$1 = styled.div(_templateObject4$n || (_templateObject4$n = _taggedTemplateLiteralLoose(["\n  width: 43px;\n  height: 44px;\n  background-color: #ebebeb;\n"])));
-var HeaderContent$1 = styled.div(_templateObject5$m || (_templateObject5$m = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  flex: 1;\n"])));
-var MainContent$1 = styled.div(_templateObject6$j || (_templateObject6$j = _taggedTemplateLiteralLoose(["\n  margin-top: 8px;\n"])));
+var Header$5 = styled.div(_templateObject3$q || (_templateObject3$q = _taggedTemplateLiteralLoose(["\n  display: flex;\n"])));
+var HeaderImage$1 = styled.div(_templateObject4$m || (_templateObject4$m = _taggedTemplateLiteralLoose(["\n  width: 43px;\n  height: 44px;\n  background-color: #ebebeb;\n"])));
+var HeaderContent$1 = styled.div(_templateObject5$l || (_templateObject5$l = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  flex: 1;\n"])));
+var MainContent$1 = styled.div(_templateObject6$i || (_templateObject6$i = _taggedTemplateLiteralLoose(["\n  margin-top: 8px;\n"])));
 var MainLine$1 = styled(HeaderLine$1)(_templateObject7$g || (_templateObject7$g = _taggedTemplateLiteralLoose(["\n  margin-bottom: 14px;\n  margin-left: 0;\n"])));
 var HeaderLine$2 = styled(HeaderLine$1)(_templateObject8$c || (_templateObject8$c = _taggedTemplateLiteralLoose([""])));
@@ -17024,10 +17229,10 @@ var Template2 = function Template2(props) {
   })));
 };
-var _templateObject$H, _templateObject2$w, _templateObject3$s;
-var Container$f = styled.div(_templateObject$H || (_templateObject$H = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  max-height: 100%;\n  position: absolute;\n  padding: 14px;\n"])));
+var _templateObject$J, _templateObject2$w, _templateObject3$r;
+var Container$f = styled.div(_templateObject$J || (_templateObject$J = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  max-height: 100%;\n  position: absolute;\n  padding: 14px;\n"])));
 var Template3Container = styled(Container$f)(_templateObject2$w || (_templateObject2$w = _taggedTemplateLiteralLoose([""])));
-var Template3Line = styled(HeaderLine$1)(_templateObject3$s || (_templateObject3$s = _taggedTemplateLiteralLoose(["\n  background-color: #dadada;\n  height: ", ";\n"])), function (props) {
+var Template3Line = styled(HeaderLine$1)(_templateObject3$r || (_templateObject3$r = _taggedTemplateLiteralLoose(["\n  background-color: #dadada;\n  height: ", ";\n"])), function (props) {
   return props.height;
 });
@@ -17056,18 +17261,18 @@ var Template3 = function Template3(props) {
   }));
 };
-var _templateObject$I, _templateObject2$x, _templateObject3$t, _templateObject4$o, _templateObject5$n, _templateObject6$k, _templateObject7$h, _templateObject8$d;
-var Container$g = styled.div(_templateObject$I || (_templateObject$I = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  max-height: 100%;\n  position: absolute;\n  padding: 14px;\n"])));
+var _templateObject$K, _templateObject2$x, _templateObject3$s, _templateObject4$n, _templateObject5$m, _templateObject6$j, _templateObject7$h, _templateObject8$d;
+var Container$g = styled.div(_templateObject$K || (_templateObject$K = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  max-height: 100%;\n  position: absolute;\n  padding: 14px;\n"])));
 var HeaderLine$3 = styled.div(_templateObject2$x || (_templateObject2$x = _taggedTemplateLiteralLoose(["\n  height: ", ";\n  background-color: #ebebeb;\n  margin-left: 7px;\n\n  & + div {\n    margin-top: 14px;\n  }\n\n  ", "\n  ", "\n\n    ", "\n\n    ", "\n"])), function (props) {
   return props.height;
 }, function (props) {
-  return props.size === 'mini' && css(_templateObject3$t || (_templateObject3$t = _taggedTemplateLiteralLoose(["\n      width: 15%;\n    "])));
+  return props.size === 'mini' && css(_templateObject3$s || (_templateObject3$s = _taggedTemplateLiteralLoose(["\n      width: 15%;\n    "])));
 }, function (props) {
-  return props.size === 'small' && css(_templateObject4$o || (_templateObject4$o = _taggedTemplateLiteralLoose(["\n      width: 25%;\n    "])));
+  return props.size === 'small' && css(_templateObject4$n || (_templateObject4$n = _taggedTemplateLiteralLoose(["\n      width: 25%;\n    "])));
 }, function (props) {
-  return props.size === 'medium' && css(_templateObject5$n || (_templateObject5$n = _taggedTemplateLiteralLoose(["\n      width: 45%;\n    "])));
+  return props.size === 'medium' && css(_templateObject5$m || (_templateObject5$m = _taggedTemplateLiteralLoose(["\n      width: 45%;\n    "])));
 }, function (props) {
-  return props.size === 'large' && css(_templateObject6$k || (_templateObject6$k = _taggedTemplateLiteralLoose(["\n      width: 75%;\n    "])));
+  return props.size === 'large' && css(_templateObject6$j || (_templateObject6$j = _taggedTemplateLiteralLoose(["\n      width: 75%;\n    "])));
 });
 var Template4Container = styled(Container$g)(_templateObject7$h || (_templateObject7$h = _taggedTemplateLiteralLoose(["\n  border: 1px solid #e6e6e7;\n  border-radius: 4px;\n"])));
 var CustomLine = styled(HeaderLine$3)(_templateObject8$d || (_templateObject8$d = _taggedTemplateLiteralLoose(["\n  width: ", ";\n  height: ", ";\n  background-color: ", ";\n"])), function (props) {
@@ -17123,17 +17328,17 @@ var Template4 = function Template4(props) {
   }));
 };
-var _templateObject$J, _templateObject2$y, _templateObject3$u, _templateObject4$p, _templateObject5$o, _templateObject6$l, _templateObject7$i, _templateObject8$e, _templateObject9$c;
-var Container$h = styled.div(_templateObject$J || (_templateObject$J = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  width: 746px;\n  height: 169px;\n  border: 1px solid #e6e6e7;\n  border-radius: 4px;\n  padding: 14px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n"])));
+var _templateObject$L, _templateObject2$y, _templateObject3$t, _templateObject4$o, _templateObject5$n, _templateObject6$k, _templateObject7$i, _templateObject8$e, _templateObject9$c;
+var Container$h = styled.div(_templateObject$L || (_templateObject$L = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  width: 746px;\n  height: 169px;\n  border: 1px solid #e6e6e7;\n  border-radius: 4px;\n  padding: 14px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n"])));
 var Circle = styled.div(_templateObject2$y || (_templateObject2$y = _taggedTemplateLiteralLoose(["\n  width: 141px;\n  height: 141px;\n  background-color: #dddedf;\n  border-radius: 50%;\n"])));
-var HeaderLine$4 = styled.div(_templateObject3$u || (_templateObject3$u = _taggedTemplateLiteralLoose(["\n  height: ", ";\n  background-color: #ebebeb;\n  margin-left: 7px;\n\n  & + div {\n    margin-top: 14px;\n  }\n\n  ", "\n  ", "\n\n    ", "\n\n    ", "\n"])), function (props) {
+var HeaderLine$4 = styled.div(_templateObject3$t || (_templateObject3$t = _taggedTemplateLiteralLoose(["\n  height: ", ";\n  background-color: #ebebeb;\n  margin-left: 7px;\n\n  & + div {\n    margin-top: 14px;\n  }\n\n  ", "\n  ", "\n\n    ", "\n\n    ", "\n"])), function (props) {
   return props.height;
 }, function (props) {
-  return props.size === 'mini' && css(_templateObject4$p || (_templateObject4$p = _taggedTemplateLiteralLoose(["\n      width: 15%;\n    "])));
+  return props.size === 'mini' && css(_templateObject4$o || (_templateObject4$o = _taggedTemplateLiteralLoose(["\n      width: 15%;\n    "])));
 }, function (props) {
-  return props.size === 'small' && css(_templateObject5$o || (_templateObject5$o = _taggedTemplateLiteralLoose(["\n      width: 25%;\n    "])));
+  return props.size === 'small' && css(_templateObject5$n || (_templateObject5$n = _taggedTemplateLiteralLoose(["\n      width: 25%;\n    "])));
 }, function (props) {
-  return props.size === 'medium' && css(_templateObject6$l || (_templateObject6$l = _taggedTemplateLiteralLoose(["\n      width: 45%;\n    "])));
+  return props.size === 'medium' && css(_templateObject6$k || (_templateObject6$k = _taggedTemplateLiteralLoose(["\n      width: 45%;\n    "])));
 }, function (props) {
   return props.size === 'large' && css(_templateObject7$i || (_templateObject7$i = _taggedTemplateLiteralLoose(["\n      width: 75%;\n    "])));
 });
@@ -17171,16 +17376,16 @@ var Template5 = function Template5(props) {
   })));
 };
-var _templateObject$K, _templateObject2$z, _templateObject3$v, _templateObject4$q, _templateObject5$p, _templateObject6$m, _templateObject7$j, _templateObject8$f, _templateObject9$d;
-var Container$i = styled.div(_templateObject$K || (_templateObject$K = _taggedTemplateLiteralLoose(["\n  width: 395px;\n\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  background-color: #f5f5f5;\n"])));
+var _templateObject$M, _templateObject2$z, _templateObject3$u, _templateObject4$p, _templateObject5$o, _templateObject6$l, _templateObject7$j, _templateObject8$f, _templateObject9$d;
+var Container$i = styled.div(_templateObject$M || (_templateObject$M = _taggedTemplateLiteralLoose(["\n  width: 395px;\n\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  background-color: #f5f5f5;\n"])));
 var Header$6 = styled.div(_templateObject2$z || (_templateObject2$z = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  padding: 14px;\n"])));
-var Footer$3 = styled.div(_templateObject3$v || (_templateObject3$v = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  border-top: 1px solid #b1b1b3;\n  height: 50px;\n"])));
-var HeaderLine$5 = styled.div(_templateObject4$q || (_templateObject4$q = _taggedTemplateLiteralLoose(["\n  height: ", ";\n  background-color: #ebebeb;\n  margin-left: 7px;\n\n  & + div {\n    margin-top: 14px;\n  }\n\n  ", "\n  ", "\n\n    ", "\n\n    ", "\n"])), function (props) {
+var Footer$3 = styled.div(_templateObject3$u || (_templateObject3$u = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  border-top: 1px solid #b1b1b3;\n  height: 50px;\n"])));
+var HeaderLine$5 = styled.div(_templateObject4$p || (_templateObject4$p = _taggedTemplateLiteralLoose(["\n  height: ", ";\n  background-color: #ebebeb;\n  margin-left: 7px;\n\n  & + div {\n    margin-top: 14px;\n  }\n\n  ", "\n  ", "\n\n    ", "\n\n    ", "\n"])), function (props) {
   return props.height;
 }, function (props) {
-  return props.size === 'mini' && css(_templateObject5$p || (_templateObject5$p = _taggedTemplateLiteralLoose(["\n      width: 15%;\n    "])));
+  return props.size === 'mini' && css(_templateObject5$o || (_templateObject5$o = _taggedTemplateLiteralLoose(["\n      width: 15%;\n    "])));
 }, function (props) {
-  return props.size === 'small' && css(_templateObject6$m || (_templateObject6$m = _taggedTemplateLiteralLoose(["\n      width: 25%;\n    "])));
+  return props.size === 'small' && css(_templateObject6$l || (_templateObject6$l = _taggedTemplateLiteralLoose(["\n      width: 25%;\n    "])));
 }, function (props) {
   return props.size === 'medium' && css(_templateObject7$j || (_templateObject7$j = _taggedTemplateLiteralLoose(["\n      width: 45%;\n    "])));
 }, function (props) {
@@ -17214,17 +17419,17 @@ var Template6 = function Template6(props) {
   })));
 };
-var _templateObject$L, _templateObject2$A, _templateObject3$w, _templateObject4$r, _templateObject5$q, _templateObject6$n, _templateObject7$k, _templateObject8$g, _templateObject9$e, _templateObject10$9;
-var Container$j = styled.div(_templateObject$L || (_templateObject$L = _taggedTemplateLiteralLoose(["\n  width: 395px;\n  height: 110px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  background: #f5f5f5 0% 0% no-repeat padding-box;\n"])));
+var _templateObject$N, _templateObject2$A, _templateObject3$v, _templateObject4$q, _templateObject5$p, _templateObject6$m, _templateObject7$k, _templateObject8$g, _templateObject9$e, _templateObject10$9;
+var Container$j = styled.div(_templateObject$N || (_templateObject$N = _taggedTemplateLiteralLoose(["\n  width: 395px;\n  height: 110px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  background: #f5f5f5 0% 0% no-repeat padding-box;\n"])));
 var Header$7 = styled.div(_templateObject2$A || (_templateObject2$A = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  padding: 14px;\n  width: 100%;\n"])));
-var HeaderLine$6 = styled.div(_templateObject3$w || (_templateObject3$w = _taggedTemplateLiteralLoose(["\n  height: ", ";\n  background-color: #ebebeb;\n  margin-left: 7px;\n\n  & + div {\n    margin-top: 14px;\n  }\n\n  ", "\n  ", "\n\n    ", "\n\n    ", "\n"])), function (props) {
+var HeaderLine$6 = styled.div(_templateObject3$v || (_templateObject3$v = _taggedTemplateLiteralLoose(["\n  height: ", ";\n  background-color: #ebebeb;\n  margin-left: 7px;\n\n  & + div {\n    margin-top: 14px;\n  }\n\n  ", "\n  ", "\n\n    ", "\n\n    ", "\n"])), function (props) {
   return props.height;
 }, function (props) {
-  return props.size === 'mini' && css(_templateObject4$r || (_templateObject4$r = _taggedTemplateLiteralLoose(["\n      width: 15%;\n    "])));
+  return props.size === 'mini' && css(_templateObject4$q || (_templateObject4$q = _taggedTemplateLiteralLoose(["\n      width: 15%;\n    "])));
 }, function (props) {
-  return props.size === 'small' && css(_templateObject5$q || (_templateObject5$q = _taggedTemplateLiteralLoose(["\n      width: 25%;\n    "])));
+  return props.size === 'small' && css(_templateObject5$p || (_templateObject5$p = _taggedTemplateLiteralLoose(["\n      width: 25%;\n    "])));
 }, function (props) {
-  return props.size === 'medium' && css(_templateObject6$n || (_templateObject6$n = _taggedTemplateLiteralLoose(["\n      width: 45%;\n    "])));
+  return props.size === 'medium' && css(_templateObject6$m || (_templateObject6$m = _taggedTemplateLiteralLoose(["\n      width: 45%;\n    "])));
 }, function (props) {
   return props.size === 'large' && css(_templateObject7$k || (_templateObject7$k = _taggedTemplateLiteralLoose(["\n      width: 75%;\n    "])));
 });
@@ -17248,17 +17453,17 @@ var Template7 = function Template7(props) {
   })), React__default.createElement(Main$2, null, React__default.createElement(Circle$1, null), React__default.createElement(Circle$1, null), React__default.createElement(Circle$1, null), React__default.createElement(Circle$1, null), React__default.createElement(Circle$1, null)));
 };
-var _templateObject$M, _templateObject2$B, _templateObject3$x, _templateObject4$s, _templateObject5$r, _templateObject6$o, _templateObject7$l, _templateObject8$h, _templateObject9$f;
-var Container$k = styled.div(_templateObject$M || (_templateObject$M = _taggedTemplateLiteralLoose(["\n  width: 395px;\n  height: 110px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  background: #f5f5f5 0% 0% no-repeat padding-box;\n"])));
+var _templateObject$O, _templateObject2$B, _templateObject3$w, _templateObject4$r, _templateObject5$q, _templateObject6$n, _templateObject7$l, _templateObject8$h, _templateObject9$f;
+var Container$k = styled.div(_templateObject$O || (_templateObject$O = _taggedTemplateLiteralLoose(["\n  width: 395px;\n  height: 110px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  background: #f5f5f5 0% 0% no-repeat padding-box;\n"])));
 var Header$8 = styled.div(_templateObject2$B || (_templateObject2$B = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  padding: 14px;\n  width: 100%;\n"])));
-var HeaderLine$7 = styled.div(_templateObject3$x || (_templateObject3$x = _taggedTemplateLiteralLoose(["\n  height: ", ";\n  background-color: #ebebeb;\n  margin-left: 7px;\n\n  & + div {\n    margin-top: 14px;\n  }\n\n  ", "\n  ", "\n\n    ", "\n\n    ", "\n"])), function (props) {
+var HeaderLine$7 = styled.div(_templateObject3$w || (_templateObject3$w = _taggedTemplateLiteralLoose(["\n  height: ", ";\n  background-color: #ebebeb;\n  margin-left: 7px;\n\n  & + div {\n    margin-top: 14px;\n  }\n\n  ", "\n  ", "\n\n    ", "\n\n    ", "\n"])), function (props) {
   return props.height;
 }, function (props) {
-  return props.size === 'mini' && css(_templateObject4$s || (_templateObject4$s = _taggedTemplateLiteralLoose(["\n      width: 15%;\n    "])));
+  return props.size === 'mini' && css(_templateObject4$r || (_templateObject4$r = _taggedTemplateLiteralLoose(["\n      width: 15%;\n    "])));
 }, function (props) {
-  return props.size === 'small' && css(_templateObject5$r || (_templateObject5$r = _taggedTemplateLiteralLoose(["\n      width: 25%;\n    "])));
+  return props.size === 'small' && css(_templateObject5$q || (_templateObject5$q = _taggedTemplateLiteralLoose(["\n      width: 25%;\n    "])));
 }, function (props) {
-  return props.size === 'medium' && css(_templateObject6$o || (_templateObject6$o = _taggedTemplateLiteralLoose(["\n      width: 45%;\n    "])));
+  return props.size === 'medium' && css(_templateObject6$n || (_templateObject6$n = _taggedTemplateLiteralLoose(["\n      width: 45%;\n    "])));
 }, function (props) {
   return props.size === 'large' && css(_templateObject7$l || (_templateObject7$l = _taggedTemplateLiteralLoose(["\n      width: 75%;\n    "])));
 });
@@ -17291,17 +17496,17 @@ var Template8 = function Template8(props) {
   })));
 };
-var _templateObject$N, _templateObject2$C, _templateObject3$y, _templateObject4$t, _templateObject5$s, _templateObject6$p, _templateObject7$m, _templateObject8$i, _templateObject9$g, _templateObject10$a;
-var Container$l = styled.div(_templateObject$N || (_templateObject$N = _taggedTemplateLiteralLoose(["\n  width: 395px;\n  height: 245px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  background: #f5f5f5 0% 0% no-repeat padding-box;\n"])));
+var _templateObject$P, _templateObject2$C, _templateObject3$x, _templateObject4$s, _templateObject5$r, _templateObject6$o, _templateObject7$m, _templateObject8$i, _templateObject9$g, _templateObject10$a;
+var Container$l = styled.div(_templateObject$P || (_templateObject$P = _taggedTemplateLiteralLoose(["\n  width: 395px;\n  height: 245px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  background: #f5f5f5 0% 0% no-repeat padding-box;\n"])));
 var Header$9 = styled.div(_templateObject2$C || (_templateObject2$C = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  padding: 14px;\n  width: 100%;\n"])));
-var HeaderLine$8 = styled.div(_templateObject3$y || (_templateObject3$y = _taggedTemplateLiteralLoose(["\n  height: ", ";\n  background-color: #ebebeb;\n  margin-left: 7px;\n\n  & + div {\n    margin-top: 7px;\n  }\n\n  ", "\n  ", "\n\n    ", "\n\n    ", "\n"])), function (props) {
+var HeaderLine$8 = styled.div(_templateObject3$x || (_templateObject3$x = _taggedTemplateLiteralLoose(["\n  height: ", ";\n  background-color: #ebebeb;\n  margin-left: 7px;\n\n  & + div {\n    margin-top: 7px;\n  }\n\n  ", "\n  ", "\n\n    ", "\n\n    ", "\n"])), function (props) {
   return props.height;
 }, function (props) {
-  return props.size === 'mini' && css(_templateObject4$t || (_templateObject4$t = _taggedTemplateLiteralLoose(["\n      width: 15%;\n    "])));
+  return props.size === 'mini' && css(_templateObject4$s || (_templateObject4$s = _taggedTemplateLiteralLoose(["\n      width: 15%;\n    "])));
 }, function (props) {
-  return props.size === 'small' && css(_templateObject5$s || (_templateObject5$s = _taggedTemplateLiteralLoose(["\n      width: 25%;\n    "])));
+  return props.size === 'small' && css(_templateObject5$r || (_templateObject5$r = _taggedTemplateLiteralLoose(["\n      width: 25%;\n    "])));
 }, function (props) {
-  return props.size === 'medium' && css(_templateObject6$p || (_templateObject6$p = _taggedTemplateLiteralLoose(["\n      width: 45%;\n    "])));
+  return props.size === 'medium' && css(_templateObject6$o || (_templateObject6$o = _taggedTemplateLiteralLoose(["\n      width: 45%;\n    "])));
 }, function (props) {
   return props.size === 'large' && css(_templateObject7$m || (_templateObject7$m = _taggedTemplateLiteralLoose(["\n      width: 75%;\n    "])));
 });
@@ -17330,17 +17535,17 @@ var Template8$1 = function Template8(props) {
   })), React__default.createElement(Main$4, null, React__default.createElement(Circle$2, null)));
 };
-var _templateObject$O, _templateObject2$D, _templateObject3$z, _templateObject4$u, _templateObject5$t, _templateObject6$q, _templateObject7$n, _templateObject8$j, _templateObject9$h, _templateObject10$b, _templateObject11$5;
-var Container$m = styled.div(_templateObject$O || (_templateObject$O = _taggedTemplateLiteralLoose(["\n  width: 395px;\n  height: 245px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  background: #f5f5f5 0% 0% no-repeat padding-box;\n"])));
+var _templateObject$Q, _templateObject2$D, _templateObject3$y, _templateObject4$t, _templateObject5$s, _templateObject6$p, _templateObject7$n, _templateObject8$j, _templateObject9$h, _templateObject10$b, _templateObject11$6;
+var Container$m = styled.div(_templateObject$Q || (_templateObject$Q = _taggedTemplateLiteralLoose(["\n  width: 395px;\n  height: 245px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  background: #f5f5f5 0% 0% no-repeat padding-box;\n"])));
 var Header$a = styled.div(_templateObject2$D || (_templateObject2$D = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  padding: 14px;\n  width: 100%;\n"])));
-var HeaderLine$9 = styled.div(_templateObject3$z || (_templateObject3$z = _taggedTemplateLiteralLoose(["\n  height: ", ";\n  background-color: #ebebeb;\n  margin-left: 7px;\n\n  & + div {\n    margin-top: 7px;\n  }\n\n  ", "\n  ", "\n\n    ", "\n\n    ", "\n"])), function (props) {
+var HeaderLine$9 = styled.div(_templateObject3$y || (_templateObject3$y = _taggedTemplateLiteralLoose(["\n  height: ", ";\n  background-color: #ebebeb;\n  margin-left: 7px;\n\n  & + div {\n    margin-top: 7px;\n  }\n\n  ", "\n  ", "\n\n    ", "\n\n    ", "\n"])), function (props) {
   return props.height;
 }, function (props) {
-  return props.size === 'mini' && css(_templateObject4$u || (_templateObject4$u = _taggedTemplateLiteralLoose(["\n      width: 15%;\n    "])));
+  return props.size === 'mini' && css(_templateObject4$t || (_templateObject4$t = _taggedTemplateLiteralLoose(["\n      width: 15%;\n    "])));
 }, function (props) {
-  return props.size === 'small' && css(_templateObject5$t || (_templateObject5$t = _taggedTemplateLiteralLoose(["\n      width: 25%;\n    "])));
+  return props.size === 'small' && css(_templateObject5$s || (_templateObject5$s = _taggedTemplateLiteralLoose(["\n      width: 25%;\n    "])));
 }, function (props) {
-  return props.size === 'medium' && css(_templateObject6$q || (_templateObject6$q = _taggedTemplateLiteralLoose(["\n      width: 45%;\n    "])));
+  return props.size === 'medium' && css(_templateObject6$p || (_templateObject6$p = _taggedTemplateLiteralLoose(["\n      width: 45%;\n    "])));
 }, function (props) {
   return props.size === 'large' && css(_templateObject7$n || (_templateObject7$n = _taggedTemplateLiteralLoose(["\n      width: 75%;\n    "])));
 });
@@ -17353,7 +17558,7 @@ var CustomLine$6 = styled(HeaderLine$9)(_templateObject8$j || (_templateObject8$
 });
 var GraphLine = styled(CustomLine$6)(_templateObject9$h || (_templateObject9$h = _taggedTemplateLiteralLoose(["\n  margin: 0 7px;\n"])));
 var Main$5 = styled.div(_templateObject10$b || (_templateObject10$b = _taggedTemplateLiteralLoose(["\n  flex: 1;\n  padding: 0 7px 72px 7px;\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  align-items: flex-end;\n  justify-content: center;\n"])));
-var Circle$3 = styled.div(_templateObject11$5 || (_templateObject11$5 = _taggedTemplateLiteralLoose(["\n  width: 128px;\n  height: 128px;\n  background-color: #ebebeb;\n  border-radius: 50%;\n"])));
+var Circle$3 = styled.div(_templateObject11$6 || (_templateObject11$6 = _taggedTemplateLiteralLoose(["\n  width: 128px;\n  height: 128px;\n  background-color: #ebebeb;\n  border-radius: 50%;\n"])));
 var Template10 = function Template10(props) {
   if (!props.loading) return React__default.createElement(React__default.Fragment, null);
@@ -17474,8 +17679,8 @@ var Placeholder = function Placeholder(props) {
   }
 };
-var _templateObject$P, _templateObject2$E, _templateObject3$A, _templateObject4$v, _templateObject5$u;
-var Image = styled.img(_templateObject$P || (_templateObject$P = _taggedTemplateLiteralLoose(["\n  max-width: 100%;\n  max-height: 100%;\n"])));
+var _templateObject$R, _templateObject2$E, _templateObject3$z, _templateObject4$u, _templateObject5$t;
+var Image = styled.img(_templateObject$R || (_templateObject$R = _taggedTemplateLiteralLoose(["\n  max-width: 100%;\n  max-height: 100%;\n"])));
 var Container$n = styled.div(_templateObject2$E || (_templateObject2$E = _taggedTemplateLiteralLoose(["\n  position: relative;\n  display: inline-flex;\n\n  &,\n  ", " {\n    width: ", ";\n\n    height: ", ";\n  }\n"])), Image, function (_ref) {
   var width = _ref.width;
@@ -17503,15 +17708,15 @@ var Container$n = styled.div(_templateObject2$E || (_templateObject2$E = _tagged
       return 'auto';
   }
 });
-var Dimmer = styled.div(_templateObject3$A || (_templateObject3$A = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: ", ";\n  opacity: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: opacity 0.5s;\n  cursor: pointer;\n\n  :hover {\n    opacity: 1;\n  }\n"])), function (_ref3) {
+var Dimmer = styled.div(_templateObject3$z || (_templateObject3$z = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: ", ";\n  opacity: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transition: opacity 0.5s;\n  cursor: pointer;\n\n  :hover {\n    opacity: 1;\n  }\n"])), function (_ref3) {
   var theme = _ref3.theme;
   return theme.getColor('greyishBlue', 50);
 });
-var Button$5 = styled(Button$1)(_templateObject4$v || (_templateObject4$v = _taggedTemplateLiteralLoose(["\n  background-color: ", ";\n"])), function (_ref4) {
+var Button$5 = styled(Button$1)(_templateObject4$u || (_templateObject4$u = _taggedTemplateLiteralLoose(["\n  background-color: ", ";\n"])), function (_ref4) {
   var theme = _ref4.theme;
   return theme.getColor('white', 50);
 });
-var ModalContent = styled.div(_templateObject5$u || (_templateObject5$u = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n\n  img {\n    max-height: 100%;\n    max-width: 100%;\n  }\n"])));
+var ModalContent = styled.div(_templateObject5$t || (_templateObject5$t = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n\n  img {\n    max-height: 100%;\n    max-width: 100%;\n  }\n"])));
 var _excluded$3 = ["src", "defaultClickOptions"];
@@ -17547,8 +17752,8 @@ var Zoom = function Zoom(props) {
   }))));
 };
-var _templateObject$Q, _templateObject2$F, _templateObject3$B;
-var Container$o = styled.div(_templateObject$Q || (_templateObject$Q = _taggedTemplateLiteralLoose(["\n  display: flex;\n  gap: ", ";\n  align-items: center;\n  color: ", ";\n\n  ", "\n"])), function (_ref) {
+var _templateObject$S, _templateObject2$F, _templateObject3$A;
+var Container$o = styled.div(_templateObject$S || (_templateObject$S = _taggedTemplateLiteralLoose(["\n  display: flex;\n  gap: ", ";\n  align-items: center;\n  color: ", ";\n\n  ", "\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.spacings.s4;
 }, function (_ref2) {
@@ -17561,7 +17766,7 @@ var Container$o = styled.div(_templateObject$Q || (_templateObject$Q = _taggedTe
     return css(_templateObject2$F || (_templateObject2$F = _taggedTemplateLiteralLoose(["\n        opacity: 0.3;\n        pointer-events: none;\n      "])));
   }
-  return css(_templateObject3$B || (_templateObject3$B = _taggedTemplateLiteralLoose(["\n      cursor: pointer;\n    "])));
+  return css(_templateObject3$A || (_templateObject3$A = _taggedTemplateLiteralLoose(["\n      cursor: pointer;\n    "])));
 });
 var Button$6 = function Button(props) {
@@ -17591,8 +17796,8 @@ var Button$6 = function Button(props) {
   })), getContent(open, close));
 };
-var _templateObject$R;
-var Container$p = styled.div(_templateObject$R || (_templateObject$R = _taggedTemplateLiteralLoose(["\n  padding: ", ";\n\n  display: flex;\n  flex-direction: column;\n  gap: ", ";\n\n  > div:nth-child(1) {\n    ", "\n    color: ", ";\n  }\n"])), function (_ref) {
+var _templateObject$T;
+var Container$p = styled.div(_templateObject$T || (_templateObject$T = _taggedTemplateLiteralLoose(["\n  padding: ", ";\n\n  display: flex;\n  flex-direction: column;\n  gap: ", ";\n\n  > div:nth-child(1) {\n    ", "\n    color: ", ";\n  }\n"])), function (_ref) {
   var _ref$theme$spacings = _ref.theme.spacings,
       s1 = _ref$theme$spacings.s1,
       s3 = _ref$theme$spacings.s3;
@@ -17655,8 +17860,8 @@ var Header$b = function Header(props) {
   }));
 };
-var _templateObject$S;
-var EmptyMessage = styled.div(_templateObject$S || (_templateObject$S = _taggedTemplateLiteralLoose(["\n  padding: 0 20px;\n  color: ", ";\n  text-align: center;\n  margin: auto;\n  width: 100%;\n"])), function (_ref) {
+var _templateObject$U;
+var EmptyMessage = styled.div(_templateObject$U || (_templateObject$U = _taggedTemplateLiteralLoose(["\n  padding: 0 20px;\n  color: ", ";\n  text-align: center;\n  margin: auto;\n  width: 100%;\n"])), function (_ref) {
   var lightGrey = _ref.theme.colors.lightGrey;
   return lightGrey;
 });
@@ -17986,8 +18191,8 @@ var Filters = Object.assign(function (props) {
   Menu: FiltersMenu
 });
-var _templateObject$T, _templateObject2$G, _templateObject3$C, _templateObject4$w;
-var Container$q = styled(AbsoluteContainer)(_templateObject$T || (_templateObject$T = _taggedTemplateLiteralLoose(["\n  background-color: ", ";\n\n  > div {\n    width: 100%;\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n\n    > div {\n      padding: ", ";\n      width: 100%;\n      height: 100%;\n      display: flex;\n      flex-direction: column;\n    }\n  }\n"])), function (_ref) {
+var _templateObject$V, _templateObject2$G, _templateObject3$B, _templateObject4$v;
+var Container$q = styled(AbsoluteContainer)(_templateObject$V || (_templateObject$V = _taggedTemplateLiteralLoose(["\n  background-color: ", ";\n\n  > div {\n    width: 100%;\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n\n    > div {\n      padding: ", ";\n      width: 100%;\n      height: 100%;\n      display: flex;\n      flex-direction: column;\n    }\n  }\n"])), function (_ref) {
   var theme = _ref.theme;
   return theme.colors.white;
 }, function (_ref2) {
@@ -18001,7 +18206,7 @@ var Header$c = styled.div(_templateObject2$G || (_templateObject2$G = _taggedTem
   var s3 = _ref4.theme.spacings.s3;
   return "0 " + s3 + " " + s3 + " 0";
 });
-var Title = styled.div(_templateObject3$C || (_templateObject3$C = _taggedTemplateLiteralLoose(["\n  ", "\n  color: ", ";\n"])), function (_ref5) {
+var Title = styled.div(_templateObject3$B || (_templateObject3$B = _taggedTemplateLiteralLoose(["\n  ", "\n  color: ", ";\n"])), function (_ref5) {
   var useTypography = _ref5.theme.useTypography;
   return useTypography('p', {
     fontWeight: 'bold'
@@ -18010,7 +18215,7 @@ var Title = styled.div(_templateObject3$C || (_templateObject3$C = _taggedTempla
   var getColor = _ref6.theme.getColor;
   return getColor('greyishBlue', 50);
 });
-var Item = styled.div(_templateObject4$w || (_templateObject4$w = _taggedTemplateLiteralLoose(["\n  padding: ", ";\n  display: flex;\n  align-items: center;\n\n  :not(:last-child) {\n    border-bottom: 1px solid\n      ", ";\n  }\n\n  > div:nth-child(1) {\n    flex: 1;\n\n    > div:nth-child(1) {\n      ", "\n      color: ", ";\n    }\n    > div:nth-child(2) {\n      ", "\n    }\n  }\n  > div:nth-child(2) {\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n  }\n"])), function (_ref7) {
+var Item = styled.div(_templateObject4$v || (_templateObject4$v = _taggedTemplateLiteralLoose(["\n  padding: ", ";\n  display: flex;\n  align-items: center;\n\n  :not(:last-child) {\n    border-bottom: 1px solid\n      ", ";\n  }\n\n  > div:nth-child(1) {\n    flex: 1;\n\n    > div:nth-child(1) {\n      ", "\n      color: ", ";\n    }\n    > div:nth-child(2) {\n      ", "\n    }\n  }\n  > div:nth-child(2) {\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n  }\n"])), function (_ref7) {
   var s1 = _ref7.theme.spacings.s1;
   return s1 + " " + s1 + " " + s1 + " 0";
 }, function (_ref8) {
@@ -18148,7 +18353,7 @@ var useContext$2 = function useContext() {
   return React__default.useContext(Provider$2);
 };
-var _templateObject$U, _templateObject2$H, _templateObject3$D, _templateObject4$x, _templateObject5$v, _templateObject6$r, _templateObject7$o, _templateObject8$k, _templateObject9$i, _templateObject10$c, _templateObject11$6, _templateObject12$3, _templateObject13$3, _templateObject14$3, _templateObject15$2;
+var _templateObject$W, _templateObject2$H, _templateObject3$C, _templateObject4$w, _templateObject5$u, _templateObject6$q, _templateObject7$o, _templateObject8$k, _templateObject9$i, _templateObject10$c, _templateObject11$7, _templateObject12$3, _templateObject13$3, _templateObject14$3, _templateObject15$2;
 var aligns = {
   self: {
     horizontal: {
@@ -18177,17 +18382,17 @@ var aligns = {
     }
   }
 };
-var Col = styled.div(_templateObject$U || (_templateObject$U = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-wrap: wrap;\n  position: relative;\n\n  ", "\n\n  padding: ", ";\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", ";\n\n  ", ";\n\n  ", "\n\n  ", "\n"])), function (_ref) {
+var Col = styled.div(_templateObject$W || (_templateObject$W = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-wrap: wrap;\n  position: relative;\n\n  ", "\n\n  padding: ", ";\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", ";\n\n  ", ";\n\n  ", "\n\n  ", "\n"])), function (_ref) {
   var width = _ref.width;
   if (width === undefined) {
     return css(_templateObject2$H || (_templateObject2$H = _taggedTemplateLiteralLoose(["\n        flex-basis: 0;\n        flex-grow: 1;\n        max-width: 100%;\n        width: 100%;\n      "])));
   } else if (width === 'auto') {
-    return css(_templateObject3$D || (_templateObject3$D = _taggedTemplateLiteralLoose(["\n        flex: 0 0 auto;\n        width: auto;\n        max-width: none;\n      "])));
+    return css(_templateObject3$C || (_templateObject3$C = _taggedTemplateLiteralLoose(["\n        flex: 0 0 auto;\n        width: auto;\n        max-width: none;\n      "])));
   }
   var w = parseFloat(width) * 100 / 12;
-  return css(_templateObject4$x || (_templateObject4$x = _taggedTemplateLiteralLoose(["\n      flex: 0 0 ", "%;\n      max-width: ", "%;\n      width: 100%;\n    "])), w, w);
+  return css(_templateObject4$w || (_templateObject4$w = _taggedTemplateLiteralLoose(["\n      flex: 0 0 ", "%;\n      max-width: ", "%;\n      width: 100%;\n    "])), w, w);
 }, function (_ref2) {
   var spacing = _ref2.spacing;
   var padding = getSpacings(spacing === undefined ? 's1' : spacing);
@@ -18195,7 +18400,7 @@ var Col = styled.div(_templateObject$U || (_templateObject$U = _taggedTemplateLi
 }, function (_ref3) {
   var spacingAround = _ref3.spacingAround;
   if (spacingAround) return;
-  return css(_templateObject5$v || (_templateObject5$v = _taggedTemplateLiteralLoose(["\n      :first-child {\n        padding-left: 0;\n      }\n      :last-child {\n        padding-right: 0;\n      }\n    "])));
+  return css(_templateObject5$u || (_templateObject5$u = _taggedTemplateLiteralLoose(["\n      :first-child {\n        padding-left: 0;\n      }\n      :last-child {\n        padding-right: 0;\n      }\n    "])));
 }, function (_ref4) {
   var align = _ref4.align;
   if (align === undefined) return;
@@ -18205,7 +18410,7 @@ var Col = styled.div(_templateObject$U || (_templateObject$U = _taggedTemplateLi
     if (align.self.horizontal !== undefined) {
       var v = align.self.horizontal;
       var a = aligns.self.horizontal;
-      styles.push(css(_templateObject6$r || (_templateObject6$r = _taggedTemplateLiteralLoose(["\n          justify-self: ", ";\n        "])), a[v]));
+      styles.push(css(_templateObject6$q || (_templateObject6$q = _taggedTemplateLiteralLoose(["\n          justify-self: ", ";\n        "])), a[v]));
     }
     if (align.self.vertical !== undefined) {
@@ -18239,7 +18444,7 @@ var Col = styled.div(_templateObject$U || (_templateObject$U = _taggedTemplateLi
   var bordered = _ref5.bordered,
       lightestGrey = _ref5.theme.colors.lightestGrey;
   if (!bordered) return;
-  return css(_templateObject11$6 || (_templateObject11$6 = _taggedTemplateLiteralLoose(["\n      :not(:last-child) {\n        border-right: 1px solid ", ";\n      }\n    "])), lightestGrey);
+  return css(_templateObject11$7 || (_templateObject11$7 = _taggedTemplateLiteralLoose(["\n      :not(:last-child) {\n        border-right: 1px solid ", ";\n      }\n    "])), lightestGrey);
 }, function (_ref6) {
   var fontColor = _ref6.fontColor,
       theme = _ref6.theme;
@@ -18282,8 +18487,8 @@ var useContext$3 = function useContext() {
   return React__default.useContext(Provider$3);
 };
-var _templateObject$V, _templateObject2$I, _templateObject3$E;
-var Grid = styled.div(_templateObject$V || (_templateObject$V = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-wrap: wrap;\n  width: 100%;\n\n  ", "\n\n  ", "\n"])), function (_ref) {
+var _templateObject$X, _templateObject2$I, _templateObject3$D;
+var Grid = styled.div(_templateObject$X || (_templateObject$X = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-wrap: wrap;\n  width: 100%;\n\n  ", "\n\n  ", "\n"])), function (_ref) {
   var spacing = _ref.spacing;
   if (spacing === undefined) return;
   var padding = getSpacings(spacing);
@@ -18292,7 +18497,7 @@ var Grid = styled.div(_templateObject$V || (_templateObject$V = _taggedTemplateL
   var borderless = _ref2.borderless,
       lightestGrey = _ref2.theme.colors.lightestGrey;
   if (borderless) return;
-  return css(_templateObject3$E || (_templateObject3$E = _taggedTemplateLiteralLoose(["\n      border: 1px solid ", ";\n    "])), lightestGrey);
+  return css(_templateObject3$D || (_templateObject3$D = _taggedTemplateLiteralLoose(["\n      border: 1px solid ", ";\n    "])), lightestGrey);
 });
 var Grid$1 = function Grid$1(props) {
@@ -18307,7 +18512,7 @@ var Grid$1 = function Grid$1(props) {
   }, React__default.createElement(Grid, Object.assign({}, gridProps)));
 };
-var _templateObject$W, _templateObject2$J, _templateObject3$F, _templateObject4$y, _templateObject5$w, _templateObject6$s, _templateObject7$p, _templateObject8$l, _templateObject9$j, _templateObject10$d;
+var _templateObject$Y, _templateObject2$J, _templateObject3$E, _templateObject4$x, _templateObject5$v, _templateObject6$r, _templateObject7$p, _templateObject8$l, _templateObject9$j, _templateObject10$d;
 var horizontalAligns = {
   around: 'space-around',
   between: 'space-between',
@@ -18320,7 +18525,7 @@ var verticalAligns = {
   top: 'start',
   bottom: 'end'
 };
-var Row = styled.div(_templateObject$W || (_templateObject$W = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-wrap: wrap;\n  width: 100%;\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  color: ", ";\n\n  ", "\n\n  ", "\n"])), function (_ref) {
+var Row = styled.div(_templateObject$Y || (_templateObject$Y = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-wrap: wrap;\n  width: 100%;\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  ", "\n\n  color: ", ";\n\n  ", "\n\n  ", "\n"])), function (_ref) {
   var spacing = _ref.spacing;
   if (spacing === undefined) return;
   var padding = getSpacings(spacing);
@@ -18328,15 +18533,15 @@ var Row = styled.div(_templateObject$W || (_templateObject$W = _taggedTemplateLi
 }, function (_ref2) {
   var spacingAround = _ref2.spacingAround;
   if (spacingAround) return;
-  return css(_templateObject3$F || (_templateObject3$F = _taggedTemplateLiteralLoose(["\n      :first-child {\n        padding-top: 0;\n      }\n      :last-child {\n        padding-bottom: 0;\n      }\n    "])));
+  return css(_templateObject3$E || (_templateObject3$E = _taggedTemplateLiteralLoose(["\n      :first-child {\n        padding-top: 0;\n      }\n      :last-child {\n        padding-bottom: 0;\n      }\n    "])));
 }, function (_ref3) {
   var horizontalAlign = _ref3.horizontalAlign;
   if (horizontalAlign === undefined) return;
-  return css(_templateObject4$y || (_templateObject4$y = _taggedTemplateLiteralLoose(["\n      justify-content: ", ";\n    "])), horizontalAligns[horizontalAlign]);
+  return css(_templateObject4$x || (_templateObject4$x = _taggedTemplateLiteralLoose(["\n      justify-content: ", ";\n    "])), horizontalAligns[horizontalAlign]);
 }, function (_ref4) {
   var verticalAlign = _ref4.verticalAlign;
   if (verticalAlign === undefined) return;
-  return css(_templateObject5$w || (_templateObject5$w = _taggedTemplateLiteralLoose(["\n      align-items: ", ";\n    "])), verticalAligns[verticalAlign]);
+  return css(_templateObject5$v || (_templateObject5$v = _taggedTemplateLiteralLoose(["\n      align-items: ", ";\n    "])), verticalAligns[verticalAlign]);
 }, function (_ref5) {
   var striped = _ref5.striped,
       backgroundColor = _ref5.backgroundColor,
@@ -18344,7 +18549,7 @@ var Row = styled.div(_templateObject$W || (_templateObject$W = _taggedTemplateLi
   if (backgroundColor !== undefined) {
     var c = Array.isArray(backgroundColor) ? theme.getColor.apply(theme, backgroundColor) : theme.colors[backgroundColor];
-    return css(_templateObject6$s || (_templateObject6$s = _taggedTemplateLiteralLoose(["\n        background-color: ", ";\n      "])), c);
+    return css(_templateObject6$r || (_templateObject6$r = _taggedTemplateLiteralLoose(["\n        background-color: ", ";\n      "])), c);
   }
   if (striped === undefined) {
@@ -18403,77 +18608,5 @@ var Grid$2 = Object.assign(Grid$1, {
   Col: Col$1
 });
-var theme = {
-  sizes: sizes,
-  fontSizes: fontSizes
-};
-var theme$1 = {
-  button: theme
-};
-var _templateObject$X;
-var FontStyles = createGlobalStyle(_templateObject$X || (_templateObject$X = _taggedTemplateLiteralLoose(["\n"])));
-var Globals = function Globals() {
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(FontStyles, null));
-};
-var _templateObject$Y;
-var getColor$1 = function getColor(color, opacity) {
-  if (opacity === void 0) {
-    opacity = 100;
-  }
-  return "" + colors[color] + opacities[opacity];
-};
-var useTypography = function useTypography(typography, options) {
-  if (options === void 0) {
-    options = {};
-  }
-  var _typographies$typogra = typographies[typography],
-      fontFamily = _typographies$typogra.fontFamily,
-      fontWeight = _typographies$typogra.fontWeight,
-      fontSize = _typographies$typogra.fontSize;
-  return css(_templateObject$Y || (_templateObject$Y = _taggedTemplateLiteralLoose(["\n    font-family: ", ";\n    font-weight: ", ";\n    font-size: ", ";\n  "])), fontFamily, options.fontWeight || fontWeight, fontSize);
-};
-var isDarkColor = function isDarkColor(color, ifDark, ifLight) {
-  if (ifDark === void 0) {
-    ifDark = 'white';
-  }
-  if (ifLight === void 0) {
-    ifLight = 'black';
-  }
-  var hex = theme$2.colors[color].replace('#', '');
-  var red = parseInt(hex.substring(0, 2), 16);
-  var green = parseInt(hex.substring(2, 4), 16);
-  var blue = parseInt(hex.substring(4, 6), 16);
-  var luminosity = (red * 299 + green * 587 + blue * 114) / 1000;
-  return luminosity <= 128 ? ifDark : ifLight;
-};
-var theme$2 = {
-  colors: colors,
-  fonts: fonts,
-  spacings: spacings,
-  typographies: typographies,
-  getColor: getColor$1,
-  useTypography: useTypography,
-  isDarkColor: isDarkColor,
-  components: theme$1
-};
-var ThemeProvider = function ThemeProvider(props) {
-  return React__default.createElement(ThemeProvider$1, {
-    theme: theme$2
-  }, React__default.createElement(Globals, null), props.children);
-};
 export { AbsoluteContainer as MwAbsoluteContainer, AppliedFilters as MwAppliedFilters, Button$1 as MwButton, Calendar as MwCalendar, Card as MwCard, EllipsisContainer$1 as MwEllipsisContainer, Filters as MwFilters, Grid$2 as MwGrid, Icon as MwIcon, Indicator as MwIndicator, Input$5 as MwInput, Loader as MwLoader, Menu as MwMenu, Modal$1 as MwModal, Placeholder as MwPlaceholder, ProgressBar as MwProgressBar, ScrollContainer as MwScrollContainer, Tabs$1 as MwTabs, TextArea as MwTextArea, Toast as MwToast, Transition as MwTransition, Zoom as MwZoom, ThemeProvider, useTransition as useMwTransition };
 //# sourceMappingURL=index.modern.js.map