@helpdice/ui 1.7.7 → 1.7.9

package/dist/index.js

@@ -8,6 +8,7 @@ var reactSyntaxHighlighter = require('react-syntax-highlighter');
 var prism = require('react-syntax-highlighter/dist/cjs/styles/prism');
 var require$$0 = require('react-is');
 var isEqual = require('react-fast-compare');
+var Button$1 = require('components/button');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -3388,7 +3389,7 @@ var generateGetAllScaleProps = function generateGetAllScaleProps(props) {
   return getAllScaleProps;
 };
 
-var _excluded$1n = ["children"];
+var _excluded$1o = ["children"];
 var reduceScaleCoefficient = function reduceScaleCoefficient(scale) {
   if (scale === 1) return scale;
   var diff = Math.abs((scale - 1) / 2);
@@ -3398,7 +3399,7 @@ var withScale = function withScale(Render) {
   var ScaleFC = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     var _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref0, _ref1, _ref10, _ref11, _ref12, _ref13, _ref14, _ref15, _ref16, _ref17, _ref18, _ref19, _ref20, _ref21, _ref22, _ref23, _ref24, _ref25, _ref26, _ref27, _ref28, _ref29, _ref30, _ref31;
     var children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded$1n);
+      props = _objectWithoutProperties(_ref, _excluded$1o);
     var _useTheme = distExports.useTheme(),
       layout = _useTheme.layout;
     var paddingLeft = props.paddingLeft,
@@ -3481,7 +3482,7 @@ var withScale = function withScale(Render) {
   return ScaleFC;
 };
 
-var _excluded$1m = ["label", "labelRight", "color", "error", "type", "icon", "iconRight", "iconClickable", "onIconClick", "initialValue", "onChange", "readOnly", "value", "onClearClick", "clearable", "className", "onBlur", "onFocus", "autoComplete", "placeholder", "children", "disabled"];
+var _excluded$1n = ["label", "labelRight", "color", "error", "type", "icon", "iconRight", "iconClickable", "onIconClick", "initialValue", "onChange", "readOnly", "value", "onClearClick", "clearable", "className", "onBlur", "onFocus", "autoComplete", "placeholder", "children", "disabled"];
 var simulateChangeEvent = function simulateChangeEvent(el, event) {
   return _objectSpread2(_objectSpread2({}, event), {}, {
     target: el,
@@ -3521,7 +3522,7 @@ var InputComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     children = _ref.children,
     _ref$disabled = _ref.disabled,
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    props = _objectWithoutProperties(_ref, _excluded$1m);
+    props = _objectWithoutProperties(_ref, _excluded$1n);
   var theme = distExports.useTheme();
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
@@ -3670,7 +3671,7 @@ tuple('hover', 'click');
 tuple('top', 'topStart', 'topEnd', 'left', 'leftStart', 'leftEnd', 'bottom', 'bottomStart', 'bottomEnd', 'right', 'rightStart', 'rightEnd');
 tuple('start', 'center', 'end', 'left', 'right');
 
-var _excluded$1l = ["type", "disabled", "readOnly", "onFocus", "onBlur", "className", "initialValue", "onChange", "value", "placeholder", "resize"];
+var _excluded$1m = ["type", "disabled", "readOnly", "onFocus", "onBlur", "className", "initialValue", "onChange", "value", "placeholder", "resize"];
 tuple('none', 'both', 'horizontal', 'vertical', 'initial', 'inherit');
 var TextareaComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$type = _ref.type,
@@ -3690,7 +3691,7 @@ var TextareaComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     placeholder = _ref.placeholder,
     _ref$resize = _ref.resize,
     resize = _ref$resize === void 0 ? 'none' : _ref$resize,
-    props = _objectWithoutProperties(_ref, _excluded$1l);
+    props = _objectWithoutProperties(_ref, _excluded$1m);
   var theme = distExports.useTheme();
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
@@ -3790,11 +3791,11 @@ var PasswordIcon = function PasswordIcon(_ref) {
 };
 var MemoPasswordIcon = /*#__PURE__*/React.memo(PasswordIcon);
 
-var _excluded$1k = ["hideToggle", "children"];
+var _excluded$1l = ["hideToggle", "children"];
 var InputPasswordComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var hideToggle = _ref.hideToggle,
     children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded$1k);
+    props = _objectWithoutProperties(_ref, _excluded$1l);
   var _useScale = useScale(),
     getAllScaleProps = _useScale.getAllScaleProps;
   var inputRef = React.useRef(null);
@@ -3955,7 +3956,7 @@ var AutoCompleteEmpty = function AutoCompleteEmpty(_ref) {
 };
 AutoCompleteEmpty.displayName = 'AutoCompleteEmpty';
 
-var _excluded$1j = ["children", "type", "color", "className", "spaceRatio"];
+var _excluded$1k = ["children", "type", "color", "className", "spaceRatio"];
 var getIconBgColor = function getIconBgColor(type, palette, color) {
   var colors = {
     "default": palette.accents_6,
@@ -3975,7 +3976,7 @@ var LoadingComponent = function LoadingComponent(_ref) {
     className = _ref$className === void 0 ? '' : _ref$className,
     _ref$spaceRatio = _ref.spaceRatio,
     spaceRatio = _ref$spaceRatio === void 0 ? 1 : _ref$spaceRatio,
-    props = _objectWithoutProperties(_ref, _excluded$1j);
+    props = _objectWithoutProperties(_ref, _excluded$1k);
   var theme = distExports.useTheme();
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
@@ -13879,7 +13880,7 @@ const HelpCircle = ({ color, strokeWidth, set }) => {
 HelpCircle.displayName = "HelpCircle";
 createIcon(HelpCircle);
 
-var _excluded$1i = ["options", "initialValue", "onSelect", "onSearch", "onChange", "searching", "children", "type", "color", "value", "clearable", "disabled", "dropdownClassName", "dropdownStyle", "disableMatchWidth", "disableFreeSolo", "getPopupContainer"];
+var _excluded$1j = ["options", "initialValue", "onSelect", "onSearch", "onChange", "searching", "children", "type", "color", "value", "clearable", "disabled", "dropdownClassName", "dropdownStyle", "disableMatchWidth", "disableFreeSolo", "getPopupContainer"];
 var childrenToOptionsNode = function childrenToOptionsNode(options) {
   return options.map(function (item, index) {
     var key = "auto-complete-item-".concat(index);
@@ -13928,7 +13929,7 @@ var AutoCompleteComponent = /*#__PURE__*/React.forwardRef(function (_ref, userRe
     _ref$disableFreeSolo = _ref.disableFreeSolo,
     disableFreeSolo = _ref$disableFreeSolo === void 0 ? false : _ref$disableFreeSolo,
     getPopupContainer = _ref.getPopupContainer,
-    props = _objectWithoutProperties(_ref, _excluded$1i);
+    props = _objectWithoutProperties(_ref, _excluded$1j);
   var resetTimer = React.useRef(0); // DEFAULT Value 0
   var _useScale = useScale(),
     SCALES = _useScale.SCALES,
@@ -14073,7 +14074,7 @@ AutoComplete.Option = AutoCompleteItemComponent;
 AutoComplete.Searching = AutoCompleteSearch;
 AutoComplete.Empty = AutoCompleteEmpty;
 
-var _excluded$1h = ["src", "stacked", "text", "isSquare", "className", "children"];
+var _excluded$1i = ["src", "stacked", "text", "isSquare", "className", "children"];
 
 // type NativeAttrs = Omit<
 //   Partial<React.ImgHTMLAttributes<any> & React.HTMLAttributes<any>>,
@@ -14095,7 +14096,7 @@ var AvatarComponent = function AvatarComponent(_ref) {
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
     children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded$1h);
+    props = _objectWithoutProperties(_ref, _excluded$1i);
   var theme = distExports.useTheme();
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
@@ -14145,7 +14146,7 @@ var AvatarGroup = withScale(AvatarGroupComponent);
 
 Avatar.Group = AvatarGroup;
 
-var _excluded$1g = ["color", "className", "children", "dot"];
+var _excluded$1h = ["color", "className", "children", "dot"];
 var getBgColor = function getBgColor(type, palette) {
   var colors = {
     "default": palette.foreground,
@@ -14164,7 +14165,7 @@ var BadgeComponent = function BadgeComponent(_ref) {
     children = _ref.children,
     _ref$dot = _ref.dot,
     dot = _ref$dot === void 0 ? false : _ref$dot,
-    props = _objectWithoutProperties(_ref, _excluded$1g);
+    props = _objectWithoutProperties(_ref, _excluded$1h);
   var theme = distExports.useTheme();
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
@@ -14365,7 +14366,7 @@ var LinkIconComponent = function LinkIconComponent() {
 LinkIconComponent.displayName = 'LinkIcon';
 var LinkIcon = /*#__PURE__*/React.memo(LinkIconComponent);
 
-var _excluded$1f = ["href", "showColor", "underline", "children", "className", "block", "icon"];
+var _excluded$1g = ["href", "showColor", "underline", "children", "className", "block", "arrow", "icon"];
 var LinkComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$href = _ref.href,
     href = _ref$href === void 0 ? '' : _ref$href,
@@ -14378,9 +14379,10 @@ var LinkComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     className = _ref$className === void 0 ? '' : _ref$className,
     _ref$block = _ref.block,
     block = _ref$block === void 0 ? false : _ref$block,
-    _ref$icon = _ref.icon,
-    icon = _ref$icon === void 0 ? false : _ref$icon,
-    props = _objectWithoutProperties(_ref, _excluded$1f);
+    _ref$arrow = _ref.arrow,
+    arrow = _ref$arrow === void 0 ? false : _ref$arrow,
+    icon = _ref.icon,
+    props = _objectWithoutProperties(_ref, _excluded$1g);
   var theme = distExports.useTheme();
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
@@ -14394,16 +14396,18 @@ var LinkComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     href: href
   }, props, {
     ref: ref,
-    className: _JSXStyle.dynamic([["442871747", [linkColor, block ? theme.layout.radius : 0, SCALES.font(1, 'inherit'), SCALES.width(1, 'fit-content'), SCALES.height(1, 'auto'), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.pt(0.125), SCALES.pr(0.25), SCALES.pb(0.125), SCALES.pl(0.25), SCALES.mt(0), SCALES.mr(-0.125), SCALES.mb(0), SCALES.ml(-0.125), decoration, block ? addColorAlpha(theme.palette.link, 0.1) : 'unset', hoverColor]]]) + " " + (props && props.className != null && props.className || classes || "")
-  }), children, icon && /*#__PURE__*/React.createElement(LinkIcon, null), /*#__PURE__*/React.createElement(_JSXStyle, {
-    id: "442871747",
+    className: _JSXStyle.dynamic([["1742013413", [linkColor, block ? theme.layout.radius : 0, SCALES.font(1, 'inherit'), SCALES.width(1, 'fit-content'), SCALES.height(1, 'auto'), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.pt(0.125), SCALES.pr(0.25), SCALES.pb(0.125), SCALES.pl(0.25), SCALES.mt(0), SCALES.mr(-0.125), SCALES.mb(0), SCALES.ml(-0.125), decoration, block ? addColorAlpha(theme.palette.link, 0.1) : 'unset', hoverColor]]]) + " " + (props && props.className != null && props.className || classes || "")
+  }), icon && icon, /*#__PURE__*/React.createElement("span", {
+    className: _JSXStyle.dynamic([["1742013413", [linkColor, block ? theme.layout.radius : 0, SCALES.font(1, 'inherit'), SCALES.width(1, 'fit-content'), SCALES.height(1, 'auto'), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.pt(0.125), SCALES.pr(0.25), SCALES.pb(0.125), SCALES.pl(0.25), SCALES.mt(0), SCALES.mr(-0.125), SCALES.mb(0), SCALES.ml(-0.125), decoration, block ? addColorAlpha(theme.palette.link, 0.1) : 'unset', hoverColor]]])
+  }, children, arrow && /*#__PURE__*/React.createElement(LinkIcon, null)), /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: "1742013413",
     dynamic: [linkColor, block ? theme.layout.radius : 0, SCALES.font(1, 'inherit'), SCALES.width(1, 'fit-content'), SCALES.height(1, 'auto'), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.pt(0.125), SCALES.pr(0.25), SCALES.pb(0.125), SCALES.pl(0.25), SCALES.mt(0), SCALES.mr(-0.125), SCALES.mb(0), SCALES.ml(-0.125), decoration, block ? addColorAlpha(theme.palette.link, 0.1) : 'unset', hoverColor]
-  }, ".link.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:baseline;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;line-height:inherit;color:".concat(linkColor, ";-webkit-text-decoration:none;text-decoration:none;border-radius:").concat(block ? theme.layout.radius : 0, ";-webkit-transition:color 200ms ease 0ms;transition:color 200ms ease 0ms;font-size:").concat(SCALES.font(1, 'inherit'), ";width:").concat(SCALES.width(1, 'fit-content'), ";height:").concat(SCALES.height(1, 'auto'), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0), ";}.block.__jsx-style-dynamic-selector{padding:").concat(SCALES.pt(0.125), " ").concat(SCALES.pr(0.25), " ").concat(SCALES.pb(0.125), " ").concat(SCALES.pl(0.25), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(-0.125), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(-0.125), ";}.link.__jsx-style-dynamic-selector:hover,.link.__jsx-style-dynamic-selector:active,.link.__jsx-style-dynamic-selector:focus{-webkit-text-decoration:").concat(decoration, ";text-decoration:").concat(decoration, ";}.link.__jsx-style-dynamic-selector:hover{background-color:").concat(block ? addColorAlpha(theme.palette.link, 0.1) : 'unset', ";color:").concat(hoverColor, ";}")));
+  }, ".link.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:inherit;gap:5px;color:".concat(linkColor, ";-webkit-text-decoration:none;text-decoration:none;border-radius:").concat(block ? theme.layout.radius : 0, ";-webkit-transition:color 200ms ease 0ms;transition:color 200ms ease 0ms;font-size:").concat(SCALES.font(1, 'inherit'), ";width:").concat(SCALES.width(1, 'fit-content'), ";height:").concat(SCALES.height(1, 'auto'), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0), ";}.block.__jsx-style-dynamic-selector{padding:").concat(SCALES.pt(0.125), " ").concat(SCALES.pr(0.25), " ").concat(SCALES.pb(0.125), " ").concat(SCALES.pl(0.25), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(-0.125), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(-0.125), ";}.link.__jsx-style-dynamic-selector:hover,.link.__jsx-style-dynamic-selector:active,.link.__jsx-style-dynamic-selector:focus{-webkit-text-decoration:").concat(decoration, ";text-decoration:").concat(decoration, ";}.link.__jsx-style-dynamic-selector:hover{background-color:").concat(block ? addColorAlpha(theme.palette.link, 0.1) : 'unset', ";color:").concat(hoverColor, ";}")));
 });
 LinkComponent.displayName = 'Link';
 var Link = withScale(LinkComponent);
 
-var _excluded$1e = ["href", "nextLink", "onClick", "children", "className"];
+var _excluded$1f = ["href", "nextLink", "onClick", "children", "className"];
 var BreadcrumbsItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var href = _ref.href,
     _ref$nextLink = _ref.nextLink,
@@ -14412,7 +14416,7 @@ var BreadcrumbsItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     children = _ref.children,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
-    props = _objectWithoutProperties(_ref, _excluded$1e);
+    props = _objectWithoutProperties(_ref, _excluded$1f);
   var isLink = React.useMemo(function () {
     return href !== undefined || nextLink;
   }, [href, nextLink]);
@@ -14509,7 +14513,7 @@ var ButtonLoading = function ButtonLoading(_ref) {
 };
 ButtonLoading.displayName = 'ButtonLoading';
 
-var _excluded$1d = ["isRight", "isSingle", "children", "className"];
+var _excluded$1e = ["isRight", "isSingle", "children", "className"];
 var ButtonIcon = function ButtonIcon(_ref) {
   var _ref$isRight = _ref.isRight,
     isRight = _ref$isRight === void 0 ? false : _ref$isRight,
@@ -14517,7 +14521,7 @@ var ButtonIcon = function ButtonIcon(_ref) {
     children = _ref.children,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
-    props = _objectWithoutProperties(_ref, _excluded$1d);
+    props = _objectWithoutProperties(_ref, _excluded$1e);
   var classes = distExports.useClasses('icon', {
     right: isRight,
     single: isSingle
@@ -14764,7 +14768,7 @@ var getButtonDripColor = function getButtonDripColor(palette, props) {
   return isLightHover ? addColorAlpha(hoverColors.bg, 0.65) : addColorAlpha(palette.accents_2, 0.65);
 };
 
-var _excluded$1c = ["children", "disabled", "color", "loading", "shadow", "ghost", "effect", "round", "onClick", "auto", "icon", "type", "iconRight", "className", "crossOrigin"];
+var _excluded$1d = ["children", "disabled", "color", "loading", "shadow", "ghost", "effect", "round", "onClick", "auto", "icon", "type", "iconRight", "className", "crossOrigin"];
 var ButtonComponent = /*#__PURE__*/React.forwardRef(function (btnProps, ref) {
   var theme = distExports.useTheme();
   var _useScale = useScale(),
@@ -14813,7 +14817,7 @@ var ButtonComponent = /*#__PURE__*/React.forwardRef(function (btnProps, ref) {
     _filteredProps$classN = filteredProps.className,
     className = _filteredProps$classN === void 0 ? '' : _filteredProps$classN;
     filteredProps.crossOrigin;
-    var props = _objectWithoutProperties(filteredProps, _excluded$1c);
+    var props = _objectWithoutProperties(filteredProps, _excluded$1d);
   /* eslint-enable @typescript-eslint/no-unused-vars */
 
   var _useMemo = React.useMemo(function () {
@@ -15108,7 +15112,7 @@ var useButtonDropdown = function useButtonDropdown() {
   return React.useContext(ButtonDropdownContext);
 };
 
-var _excluded$1b = ["children", "onClick", "className", "main", "icon", "type"];
+var _excluded$1c = ["children", "onClick", "className", "main", "icon", "type"];
 var ButtonDropdownItem = function ButtonDropdownItem(_ref) {
   var children = _ref.children,
     _ref$onClick = _ref.onClick,
@@ -15119,7 +15123,7 @@ var ButtonDropdownItem = function ButtonDropdownItem(_ref) {
     main = _ref$main === void 0 ? false : _ref$main,
     icon = _ref.icon,
     selfType = _ref.type,
-    props = _objectWithoutProperties(_ref, _excluded$1b);
+    props = _objectWithoutProperties(_ref, _excluded$1c);
   var theme = distExports.useTheme();
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
@@ -15156,7 +15160,7 @@ var ButtonDropdownItem = function ButtonDropdownItem(_ref) {
 };
 ButtonDropdownItem.displayName = 'ButtonDropdownItem';
 
-var _excluded$1a = ["children", "type", "auto", "className", "disabled", "loading", "icon"];
+var _excluded$1b = ["children", "type", "auto", "className", "disabled", "loading", "icon"];
 var stopPropagation$1 = function stopPropagation(event) {
   event.stopPropagation();
   event.nativeEvent.stopImmediatePropagation();
@@ -15174,7 +15178,7 @@ var ButtonDropdownComponent = function ButtonDropdownComponent(_ref) {
     _ref$loading = _ref.loading,
     loading = _ref$loading === void 0 ? false : _ref$loading,
     icon = _ref.icon,
-    props = _objectWithoutProperties(_ref, _excluded$1a);
+    props = _objectWithoutProperties(_ref, _excluded$1b);
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
   var ref = React.useRef(null);
@@ -15248,7 +15252,7 @@ var ButtonDropdown = withScale(ButtonDropdownComponent);
 /* "use client" */
 ButtonDropdown.Item = ButtonDropdownItem;
 
-var _excluded$19 = ["disabled", "type", "ghost", "vertical", "children", "className"];
+var _excluded$1a = ["disabled", "type", "ghost", "vertical", "children", "className"];
 var getGroupBorderColors = function getGroupBorderColors(palette, props) {
   var _props$ghost = props.ghost,
     ghost = _props$ghost === void 0 ? false : _props$ghost,
@@ -15275,7 +15279,7 @@ var ButtonGroupComponent = function ButtonGroupComponent(groupProps) {
     vertical = groupProps.vertical,
     children = groupProps.children,
     className = groupProps.className,
-    props = _objectWithoutProperties(groupProps, _excluded$19);
+    props = _objectWithoutProperties(groupProps, _excluded$1a);
   var initialValue = React.useMemo(function () {
     return {
       disabled: disabled,
@@ -15332,7 +15336,7 @@ var useProportions = function useProportions(value, max) {
   }, [value, max, maxFixed]);
 };
 
-var _excluded$18 = ["value", "limit", "color", "className"];
+var _excluded$19 = ["value", "limit", "color", "className"];
 var getColor$3 = function getColor(val, palette) {
   if (val < 33) return palette.cyan;
   if (val < 66) return palette.warning;
@@ -15346,7 +15350,7 @@ var CapacityComponent = function CapacityComponent(_ref) {
     userColor = _ref.color,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
-    props = _objectWithoutProperties(_ref, _excluded$18);
+    props = _objectWithoutProperties(_ref, _excluded$19);
   var theme = distExports.useTheme();
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
@@ -15423,14 +15427,14 @@ var getStyles$1 = function getStyles(type, palette, isShadow) {
   });
 };
 
-var _excluded$17 = ["children", "className", "disableAutoMargin"];
+var _excluded$18 = ["children", "className", "disableAutoMargin"];
 var CardFooterComponent = function CardFooterComponent(_ref) {
   var children = _ref.children,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
     _ref$disableAutoMargi = _ref.disableAutoMargin,
     disableAutoMargin = _ref$disableAutoMargi === void 0 ? false : _ref$disableAutoMargi,
-    props = _objectWithoutProperties(_ref, _excluded$17);
+    props = _objectWithoutProperties(_ref, _excluded$18);
   var theme = distExports.useTheme();
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
@@ -15447,12 +15451,12 @@ var CardFooterComponent = function CardFooterComponent(_ref) {
 CardFooterComponent.displayName = 'CardFooter';
 var CardFooter = withScale(CardFooterComponent);
 
-var _excluded$16 = ["className", "children"];
+var _excluded$17 = ["className", "children"];
 var CardContentComponent = function CardContentComponent(_ref) {
   var _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
     children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded$16);
+    props = _objectWithoutProperties(_ref, _excluded$17);
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
   return /*#__PURE__*/React.createElement("div", _extends({}, props, {
@@ -15465,11 +15469,11 @@ var CardContentComponent = function CardContentComponent(_ref) {
 CardContentComponent.displayName = 'CardContent';
 var CardContent = withScale(CardContentComponent);
 
-var _excluded$15 = ["opacity"];
+var _excluded$16 = ["opacity"];
 var ImageSkeleton = /*#__PURE__*/React.memo(function (_ref) {
   var _ref$opacity = _ref.opacity,
     opacity = _ref$opacity === void 0 ? 0.5 : _ref$opacity,
-    props = _objectWithoutProperties(_ref, _excluded$15);
+    props = _objectWithoutProperties(_ref, _excluded$16);
   var theme = distExports.useTheme();
   return /*#__PURE__*/React.createElement("div", _extends({}, props, {
     className: _JSXStyle.dynamic([["2946022605", [theme.palette.accents_1, theme.palette.accents_2, theme.palette.accents_2, theme.palette.accents_1, opacity]]]) + " " + (props && props.className != null && props.className || "skeleton")
@@ -15495,7 +15499,7 @@ var getHostFromUrl = function getHostFromUrl(url) {
   }
 };
 
-var _excluded$14 = ["src", "disableSkeleton", "className", "maxDelay"];
+var _excluded$15 = ["src", "disableSkeleton", "className", "maxDelay"];
 var ImageComponent = function ImageComponent(_ref) {
   var src = _ref.src,
     _ref$disableSkeleton = _ref.disableSkeleton,
@@ -15504,7 +15508,7 @@ var ImageComponent = function ImageComponent(_ref) {
     className = _ref$className === void 0 ? '' : _ref$className,
     _ref$maxDelay = _ref.maxDelay,
     maxDelay = _ref$maxDelay === void 0 ? 3000 : _ref$maxDelay,
-    props = _objectWithoutProperties(_ref, _excluded$14);
+    props = _objectWithoutProperties(_ref, _excluded$15);
   var _useScale = useScale(),
     SCALES = _useScale.SCALES,
     getScaleProps = _useScale.getScaleProps;
@@ -15600,7 +15604,7 @@ var getBrowserColors = function getBrowserColors(invert, palette) {
   };
 };
 
-var _excluded$13 = ["url", "title", "children", "showFullLink", "invert", "anchorProps", "className"];
+var _excluded$14 = ["url", "title", "children", "showFullLink", "invert", "anchorProps", "className"];
 var getTitle = function getTitle(title, colors) {
   return /*#__PURE__*/React.createElement("div", {
     className: _JSXStyle.dynamic([["524099755", [colors.titleColor]]]) + " " + "title"
@@ -15635,7 +15639,7 @@ var ImageBrowserComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     anchorProps = _ref$anchorProps === void 0 ? {} : _ref$anchorProps,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
-    props = _objectWithoutProperties(_ref, _excluded$13);
+    props = _objectWithoutProperties(_ref, _excluded$14);
   var theme = distExports.useTheme();
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
@@ -15671,7 +15675,7 @@ var ImageBrowser = withScale(ImageBrowserComponent);
 
 Image.Browser = ImageBrowser;
 
-var _excluded$12 = ["children", "hoverable", "className", "shadow", "type"];
+var _excluded$13 = ["children", "hoverable", "className", "shadow", "type"];
 var CardComponent = function CardComponent(_ref) {
   var children = _ref.children,
     _ref$hoverable = _ref.hoverable,
@@ -15682,7 +15686,7 @@ var CardComponent = function CardComponent(_ref) {
     shadow = _ref$shadow === void 0 ? false : _ref$shadow,
     _ref$type = _ref.type,
     type = _ref$type === void 0 ? 'default' : _ref$type,
-    props = _objectWithoutProperties(_ref, _excluded$12);
+    props = _objectWithoutProperties(_ref, _excluded$13);
   var theme = distExports.useTheme();
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
@@ -15817,7 +15821,7 @@ var getColors$6 = function getColors(palette, status) {
   return colors[status];
 };
 
-var _excluded$11 = ["checked", "initialChecked", "disabled", "onChange", "className", "children", "type", "value", "block"];
+var _excluded$12 = ["checked", "initialChecked", "disabled", "onChange", "className", "children", "type", "value", "block"];
 var CheckboxComponent = function CheckboxComponent(_ref) {
   var checked = _ref.checked,
     _ref$initialChecked = _ref.initialChecked,
@@ -15834,7 +15838,7 @@ var CheckboxComponent = function CheckboxComponent(_ref) {
     value = _ref$value === void 0 ? '' : _ref$value,
     _ref$block = _ref.block,
     block = _ref$block === void 0 ? false : _ref$block,
-    props = _objectWithoutProperties(_ref, _excluded$11);
+    props = _objectWithoutProperties(_ref, _excluded$12);
   var theme = distExports.useTheme();
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
@@ -15914,7 +15918,7 @@ var CheckboxComponent = function CheckboxComponent(_ref) {
 CheckboxComponent.displayName = 'Checkbox';
 var Checkbox = withScale(CheckboxComponent);
 
-var _excluded$10 = ["disabled", "onChange", "value", "children", "className"];
+var _excluded$11 = ["disabled", "onChange", "value", "children", "className"];
 var CheckboxGroupComponent = function CheckboxGroupComponent(_ref) {
   var _ref$disabled = _ref.disabled,
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
@@ -15923,7 +15927,7 @@ var CheckboxGroupComponent = function CheckboxGroupComponent(_ref) {
     children = _ref.children,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
-    props = _objectWithoutProperties(_ref, _excluded$10);
+    props = _objectWithoutProperties(_ref, _excluded$11);
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
   var _useState = React.useState([]),
@@ -15970,7 +15974,7 @@ var CheckboxGroup = withScale(CheckboxGroupComponent);
 
 Checkbox.Group = CheckboxGroup;
 
-var _excluded$$ = ["children", "block", "className", "name", "classic"];
+var _excluded$10 = ["children", "block", "className", "name", "classic"];
 var CodeComponent = function CodeComponent(_ref) {
   var children = _ref.children,
     _ref$block = _ref.block,
@@ -15981,7 +15985,7 @@ var CodeComponent = function CodeComponent(_ref) {
     name = _ref$name === void 0 ? '' : _ref$name,
     _ref$classic = _ref.classic,
     classic = _ref$classic === void 0 ? false : _ref$classic,
-    props = _objectWithoutProperties(_ref, _excluded$$);
+    props = _objectWithoutProperties(_ref, _excluded$10);
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
   var theme = distExports.useTheme();
@@ -16177,12 +16181,12 @@ _defineProperty$1(CircularProgressbar, "defaultProps", {
   text: ''
 });
 
-var _excluded$_ = ["children"];
+var _excluded$$ = ["children"];
 // This is a wrapper around CircularProgressbar that allows passing children,
 // which will be vertically and horizontally centered inside the progressbar automatically.
 function CircularProgressbarWithChildren(props) {
   props.children;
-    var circularProgressbarProps = _objectWithoutProperties(props, _excluded$_);
+    var circularProgressbarProps = _objectWithoutProperties(props, _excluded$$);
   return /*#__PURE__*/React__namespace.createElement("div", {
     "data-test-id": "CircularProgressbarWithChildren"
   }, /*#__PURE__*/React__namespace.createElement("div", {
@@ -16286,7 +16290,7 @@ var useCollapseContext = function useCollapseContext() {
   return React.useContext(CollapseContext);
 };
 
-var _excluded$Z = ["children", "title", "subtitle", "initialVisible", "shadow", "className", "index"];
+var _excluded$_ = ["children", "title", "subtitle", "initialVisible", "shadow", "className", "index"];
 var CollapseComponent = function CollapseComponent(_ref) {
   var children = _ref.children,
     title = _ref.title,
@@ -16298,7 +16302,7 @@ var CollapseComponent = function CollapseComponent(_ref) {
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
     index = _ref.index,
-    props = _objectWithoutProperties(_ref, _excluded$Z);
+    props = _objectWithoutProperties(_ref, _excluded$_);
   var theme = distExports.useTheme();
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
@@ -16354,14 +16358,14 @@ var CollapseComponent = function CollapseComponent(_ref) {
 CollapseComponent.displayName = 'Collapse';
 var Collapse = withScale(CollapseComponent);
 
-var _excluded$Y = ["children", "accordion", "className"];
+var _excluded$Z = ["children", "accordion", "className"];
 var CollapseGroupComponent = function CollapseGroupComponent(_ref) {
   var children = _ref.children,
     _ref$accordion = _ref.accordion,
     accordion = _ref$accordion === void 0 ? true : _ref$accordion,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
-    props = _objectWithoutProperties(_ref, _excluded$Y);
+    props = _objectWithoutProperties(_ref, _excluded$Z);
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
   var _useCurrentState = distExports.useCurrentState([]),
@@ -16414,7 +16418,7 @@ var CollapseGroup = withScale(CollapseGroupComponent);
 
 Collapse.Group = CollapseGroup;
 
-var _excluded$X = ["title", "content", "className"];
+var _excluded$Y = ["title", "content", "className"];
 var DescriptionComponent = function DescriptionComponent(_ref) {
   var _ref$title = _ref.title,
     title = _ref$title === void 0 ? 'Title' : _ref$title,
@@ -16422,7 +16426,7 @@ var DescriptionComponent = function DescriptionComponent(_ref) {
     content = _ref$content === void 0 ? '' : _ref$content,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
-    props = _objectWithoutProperties(_ref, _excluded$X);
+    props = _objectWithoutProperties(_ref, _excluded$Y);
   var theme = distExports.useTheme();
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
@@ -16441,7 +16445,7 @@ var DescriptionComponent = function DescriptionComponent(_ref) {
 DescriptionComponent.displayName = 'Description';
 var Description = withScale(DescriptionComponent);
 
-var _excluded$W = ["children", "caption", "shadow", "className"];
+var _excluded$X = ["children", "caption", "shadow", "className"];
 var DisplayComponent = function DisplayComponent(_ref) {
   var children = _ref.children,
     _ref$caption = _ref.caption,
@@ -16450,7 +16454,7 @@ var DisplayComponent = function DisplayComponent(_ref) {
     shadow = _ref$shadow === void 0 ? false : _ref$shadow,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
-    props = _objectWithoutProperties(_ref, _excluded$W);
+    props = _objectWithoutProperties(_ref, _excluded$X);
   var theme = distExports.useTheme();
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
@@ -16472,7 +16476,7 @@ var DisplayComponent = function DisplayComponent(_ref) {
 DisplayComponent.displayName = 'Display';
 var Display = withScale(DisplayComponent);
 
-var _excluded$V = ["type", "align", "children", "className"];
+var _excluded$W = ["type", "align", "children", "className"];
 var getColor$2 = function getColor(type, palette) {
   var colors = {
     "default": palette.border,
@@ -16493,7 +16497,7 @@ var DividerComponent = function DividerComponent(_ref) {
     children = _ref.children,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
-    props = _objectWithoutProperties(_ref, _excluded$V);
+    props = _objectWithoutProperties(_ref, _excluded$W);
   var theme = distExports.useTheme();
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
@@ -16522,7 +16526,7 @@ var DividerComponent = function DividerComponent(_ref) {
 DividerComponent.displayName = 'Divider';
 var Divider = withScale(DividerComponent);
 
-var _excluded$U = ["type", "children", "className"];
+var _excluded$V = ["type", "children", "className"];
 var getColor$1 = function getColor(type, theme) {
   var colors = {
     "default": theme.palette.accents_2,
@@ -16538,7 +16542,7 @@ var DotComponent = function DotComponent(_ref) {
     children = _ref.children,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
-    props = _objectWithoutProperties(_ref, _excluded$U);
+    props = _objectWithoutProperties(_ref, _excluded$V);
   var theme = distExports.useTheme();
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
@@ -16873,7 +16877,7 @@ var getDrawerTransform = function getDrawerTransform(placement) {
   return translates[placement];
 };
 
-var _excluded$T = ["className", "children", "visible", "placement"];
+var _excluded$U = ["className", "children", "visible", "placement"];
 var DrawerWrapper = function DrawerWrapper(_ref) {
   var _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
@@ -16881,7 +16885,7 @@ var DrawerWrapper = function DrawerWrapper(_ref) {
     _ref$visible = _ref.visible,
     visible = _ref$visible === void 0 ? false : _ref$visible,
     placement = _ref.placement,
-    props = _objectWithoutProperties(_ref, _excluded$T);
+    props = _objectWithoutProperties(_ref, _excluded$U);
   var theme = distExports.useTheme();
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
@@ -16941,7 +16945,7 @@ var DrawerWrapper = function DrawerWrapper(_ref) {
 };
 DrawerWrapper.displayName = 'DrawerWrapper';
 
-var _excluded$S = ["visible", "keyboard", "disableBackdropClick", "onClose", "onContentClick", "wrapClassName", "children", "placement"];
+var _excluded$T = ["visible", "keyboard", "disableBackdropClick", "onClose", "onContentClick", "wrapClassName", "children", "placement"];
 var DrawerComponent = function DrawerComponent(_ref) {
   var customVisible = _ref.visible,
     _ref$keyboard = _ref.keyboard,
@@ -16955,7 +16959,7 @@ var DrawerComponent = function DrawerComponent(_ref) {
     children = _ref.children,
     _ref$placement = _ref.placement,
     placement = _ref$placement === void 0 ? 'right' : _ref$placement,
-    props = _objectWithoutProperties(_ref, _excluded$S);
+    props = _objectWithoutProperties(_ref, _excluded$T);
   var portal = usePortal('drawer');
   var _useState = React.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -17000,12 +17004,12 @@ var DrawerComponent = function DrawerComponent(_ref) {
 };
 DrawerComponent.displayName = 'Drawer';
 
-var _excluded$R = ["className", "children"];
+var _excluded$S = ["className", "children"];
 var ModalTitleComponent = function ModalTitleComponent(_ref) {
   var _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
     children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded$R);
+    props = _objectWithoutProperties(_ref, _excluded$S);
   var theme = distExports.useTheme();
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
@@ -17019,12 +17023,12 @@ var ModalTitleComponent = function ModalTitleComponent(_ref) {
 ModalTitleComponent.displayName = 'ModalTitle';
 var ModalTitle = withScale(ModalTitleComponent);
 
-var _excluded$Q = ["className", "children"];
+var _excluded$R = ["className", "children"];
 var ModalSubtitleComponent = function ModalSubtitleComponent(_ref) {
   var _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
     children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded$Q);
+    props = _objectWithoutProperties(_ref, _excluded$R);
   var theme = distExports.useTheme();
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
@@ -17038,12 +17042,12 @@ var ModalSubtitleComponent = function ModalSubtitleComponent(_ref) {
 ModalSubtitleComponent.displayName = 'ModalSubtitle';
 var ModalSubtitle = withScale(ModalSubtitleComponent);
 
-var _excluded$P = ["className", "children"];
+var _excluded$Q = ["className", "children"];
 var ModalContentComponent = function ModalContentComponent(_ref) {
   var _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
     children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded$P);
+    props = _objectWithoutProperties(_ref, _excluded$Q);
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", _extends({}, props, {
@@ -17061,12 +17065,12 @@ DrawerComponent.Title = ModalTitle;
 DrawerComponent.Subtitle = ModalSubtitle;
 DrawerComponent.Content = ModalContent;
 
-var _excluded$O = ["className", "children"];
+var _excluded$P = ["className", "children"];
 var FieldsetTitle = function FieldsetTitle(_ref) {
   var _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
     children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded$O);
+    props = _objectWithoutProperties(_ref, _excluded$P);
   var classes = distExports.useClasses('title', className);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", _extends({}, props, {
     className: "jsx-4105044205" + " " + (props && props.className != null && props.className || classes || "")
@@ -17076,12 +17080,12 @@ var FieldsetTitle = function FieldsetTitle(_ref) {
 };
 FieldsetTitle.displayName = 'FieldsetTitle';
 
-var _excluded$N = ["className", "children"];
+var _excluded$O = ["className", "children"];
 var FieldsetSubtitle = function FieldsetSubtitle(_ref) {
   var _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
     children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded$N);
+    props = _objectWithoutProperties(_ref, _excluded$O);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", _extends({}, props, {
     className: "jsx-2265168013" + " " + (props && props.className != null && props.className || className || "")
   }), children), /*#__PURE__*/React.createElement(_JSXStyle, {
@@ -17090,12 +17094,12 @@ var FieldsetSubtitle = function FieldsetSubtitle(_ref) {
 };
 FieldsetSubtitle.displayName = 'FieldsetSubtitle';
 
-var _excluded$M = ["className", "children"];
+var _excluded$N = ["className", "children"];
 var FieldsetFooterComponent = function FieldsetFooterComponent(_ref) {
   var _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
     children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded$M);
+    props = _objectWithoutProperties(_ref, _excluded$N);
   var theme = distExports.useTheme();
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
@@ -17109,12 +17113,12 @@ var FieldsetFooterComponent = function FieldsetFooterComponent(_ref) {
 FieldsetFooterComponent.displayName = 'FieldsetFooter';
 var FieldsetFooter = withScale(FieldsetFooterComponent);
 
-var _excluded$L = ["className", "children"];
+var _excluded$M = ["className", "children"];
 var FieldsetContentComponent = function FieldsetContentComponent(_ref) {
   var _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
     children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded$L);
+    props = _objectWithoutProperties(_ref, _excluded$M);
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
   var classes = distExports.useClasses('content', className);
@@ -17139,7 +17143,7 @@ var useFieldset = function useFieldset() {
   return React.useContext(FieldsetContext);
 };
 
-var _excluded$K = ["className", "title", "subtitle", "children", "value", "label"];
+var _excluded$L = ["className", "title", "subtitle", "children", "value", "label"];
 var FieldsetComponent = function FieldsetComponent(_ref) {
   var _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
@@ -17152,7 +17156,7 @@ var FieldsetComponent = function FieldsetComponent(_ref) {
     value = _ref$value === void 0 ? '' : _ref$value,
     _ref$label = _ref.label,
     label = _ref$label === void 0 ? '' : _ref$label,
-    props = _objectWithoutProperties(_ref, _excluded$K);
+    props = _objectWithoutProperties(_ref, _excluded$L);
   var theme = distExports.useTheme();
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
@@ -17206,14 +17210,14 @@ var FieldsetComponent = function FieldsetComponent(_ref) {
 FieldsetComponent.displayName = 'Fieldset';
 var Fieldset = withScale(FieldsetComponent);
 
-var _excluded$J = ["className", "children", "value", "onChange"];
+var _excluded$K = ["className", "children", "value", "onChange"];
 var FieldsetGroupComponent = function FieldsetGroupComponent(_ref) {
   var _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
     children = _ref.children,
     value = _ref.value,
     onChange = _ref.onChange,
-    props = _objectWithoutProperties(_ref, _excluded$J);
+    props = _objectWithoutProperties(_ref, _excluded$K);
   var theme = distExports.useTheme();
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
@@ -21919,7 +21923,7 @@ function setNestedObjectValues(object, value) {
 
 var __DEV__ = true;
 
-var _excluded$I = ["validateOnChange", "validateOnBlur", "validateOnMount", "isInitialValid", "enableReinitialize", "onSubmit"];
+var _excluded$J = ["validateOnChange", "validateOnBlur", "validateOnMount", "isInitialValid", "enableReinitialize", "onSubmit"];
 // State reducer
 function formikReducer(state, msg) {
   switch (msg.type) {
@@ -22003,7 +22007,7 @@ function useFormik(_ref) {
     _ref$enableReinitiali = _ref.enableReinitialize,
     enableReinitialize = _ref$enableReinitiali === void 0 ? false : _ref$enableReinitiali,
     onSubmit = _ref.onSubmit,
-    rest = _objectWithoutProperties(_ref, _excluded$I);
+    rest = _objectWithoutProperties(_ref, _excluded$J);
   var props = _objectSpread2({
     validateOnChange: validateOnChange,
     validateOnBlur: validateOnBlur,
@@ -22875,7 +22879,7 @@ function useEventCallback(fn) {
   }, []);
 }
 
-var _excluded$H = ["mapPropsToValues"],
+var _excluded$I = ["mapPropsToValues"],
   _excluded2 = ["children"];
 
 /**
@@ -22908,7 +22912,7 @@ function withFormik(_ref) {
       }
       return val;
     } : _ref$mapPropsToValues,
-    config = _objectWithoutProperties(_ref, _excluded$H);
+    config = _objectWithoutProperties(_ref, _excluded$I);
   return function createFormik(Component) {
     var componentDisplayName = Component.displayName || Component.name || Component.constructor && Component.constructor.name || 'Component';
     /**
@@ -22968,7 +22972,7 @@ function withFormik(_ref) {
   };
 }
 
-var _excluded$G = ["component", "formik", "render", "children", "name"];
+var _excluded$H = ["component", "formik", "render", "children", "name"];
 var ErrorMessageImpl = /*#__PURE__*/function (_React$Component) {
   function ErrorMessageImpl() {
     _classCallCheck(this, ErrorMessageImpl);
@@ -22993,7 +22997,7 @@ var ErrorMessageImpl = /*#__PURE__*/function (_React$Component) {
         render = _this$props.render,
         children = _this$props.children,
         name = _this$props.name,
-        rest = _objectWithoutProperties(_this$props, _excluded$G);
+        rest = _objectWithoutProperties(_this$props, _excluded$H);
       var touch = getIn(formik.touched, name);
       var error = getIn(formik.errors, name);
       return !!touch && !!error ? render ? isFunction(render) ? render(error) : null : children ? isFunction(children) ? children(error) : null : component ? /*#__PURE__*/React__namespace.createElement(component, rest, error) : error : null;
@@ -23002,7 +23006,7 @@ var ErrorMessageImpl = /*#__PURE__*/function (_React$Component) {
 }(React__namespace.Component);
 var ErrorMessage = connect(ErrorMessageImpl);
 
-var _excluded$F = ["xs", "sm", "md", "lg", "xl", "justify", "direction", "alignItems", "alignContent", "children", "className"];
+var _excluded$G = ["xs", "sm", "md", "lg", "xl", "justify", "direction", "alignItems", "alignContent", "children", "className"];
 var getItemLayout = function getItemLayout(val) {
   var display = val === 0 ? 'display: none;' : 'display: inherit;';
   if (typeof val === 'number') {
@@ -23040,7 +23044,7 @@ var GridBasicItem = function GridBasicItem(_ref) {
     children = _ref.children,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
-    props = _objectWithoutProperties(_ref, _excluded$F);
+    props = _objectWithoutProperties(_ref, _excluded$G);
   var theme = distExports.useTheme();
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
@@ -23080,12 +23084,12 @@ var GridBasicItem = function GridBasicItem(_ref) {
 };
 GridBasicItem.displayName = 'GridBasicItem';
 
-var _excluded$E = ["children", "className"];
+var _excluded$F = ["children", "className"];
 var GridComponent = function GridComponent(_ref) {
   var children = _ref.children,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
-    props = _objectWithoutProperties(_ref, _excluded$E);
+    props = _objectWithoutProperties(_ref, _excluded$F);
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
   var _styles$className = {
@@ -23105,7 +23109,7 @@ var GridComponent = function GridComponent(_ref) {
 GridComponent.displayName = 'Grid';
 var Grid = withScale(GridComponent);
 
-var _excluded$D = ["gap", "wrap", "children", "className"];
+var _excluded$E = ["gap", "wrap", "children", "className"];
 var GridContainerComponent = function GridContainerComponent(_ref) {
   var _ref$gap = _ref.gap,
     gap = _ref$gap === void 0 ? 0 : _ref$gap,
@@ -23114,7 +23118,7 @@ var GridContainerComponent = function GridContainerComponent(_ref) {
     children = _ref.children,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
-    props = _objectWithoutProperties(_ref, _excluded$D);
+    props = _objectWithoutProperties(_ref, _excluded$E);
   var _useScale = useScale(),
     unit = _useScale.unit,
     SCALES = _useScale.SCALES;
@@ -24485,7 +24489,7 @@ var HtmlRenderer = function HtmlRenderer(_ref) {
   });
 };
 
-var _excluded$C = ["command", "shift", "option", "ctrl", "children", "className"];
+var _excluded$D = ["command", "shift", "option", "ctrl", "children", "className"];
 var KeyboardComponent = function KeyboardComponent(_ref) {
   var _ref$command = _ref.command,
     command = _ref$command === void 0 ? false : _ref$command,
@@ -24498,7 +24502,7 @@ var KeyboardComponent = function KeyboardComponent(_ref) {
     children = _ref.children,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
-    props = _objectWithoutProperties(_ref, _excluded$C);
+    props = _objectWithoutProperties(_ref, _excluded$D);
   var theme = distExports.useTheme();
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
@@ -24522,14 +24526,14 @@ var KeyboardComponent = function KeyboardComponent(_ref) {
 KeyboardComponent.displayName = 'Keyboard';
 var Keyboard = withScale(KeyboardComponent);
 
-var _excluded$B = ["className", "children", "visible"];
+var _excluded$C = ["className", "children", "visible"];
 var ModalWrapper = function ModalWrapper(_ref) {
   var _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
     children = _ref.children,
     _ref$visible = _ref.visible,
     visible = _ref$visible === void 0 ? false : _ref$visible,
-    props = _objectWithoutProperties(_ref, _excluded$B);
+    props = _objectWithoutProperties(_ref, _excluded$C);
   var theme = distExports.useTheme();
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
@@ -24593,7 +24597,7 @@ var useModalContext = function useModalContext() {
   return React.useContext(ModalContext);
 };
 
-var _excluded$A = ["className", "children", "onClick", "passive", "disabled"];
+var _excluded$B = ["className", "children", "onClick", "passive", "disabled"];
 var ModalActionComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
@@ -24603,7 +24607,7 @@ var ModalActionComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     passive = _ref$passive === void 0 ? false : _ref$passive,
     _ref$disabled = _ref.disabled,
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    props = _objectWithoutProperties(_ref, _excluded$A);
+    props = _objectWithoutProperties(_ref, _excluded$B);
   var theme = distExports.useTheme();
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
@@ -24652,10 +24656,10 @@ var ModalActionComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
 ModalActionComponent.displayName = 'ModalAction';
 var ModalAction = withScale(ModalActionComponent);
 
-var _excluded$z = ["children"];
+var _excluded$A = ["children"];
 var ModalActionsComponent = function ModalActionsComponent(_ref) {
   var children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded$z);
+    props = _objectWithoutProperties(_ref, _excluded$A);
   var theme = distExports.useTheme();
   var ref = React.useRef(null);
   var _useState = React.useState('auto'),
@@ -24763,7 +24767,7 @@ Modal.Subtitle = ModalSubtitle;
 Modal.Content = ModalContent;
 Modal.Action = ModalAction;
 
-var _excluded$y = ["children", "type", "label", "filled", "className"];
+var _excluded$z = ["children", "type", "label", "filled", "className"];
 var getStatusColor = function getStatusColor(type, filled, theme) {
   var colors = {
     secondary: theme.palette.secondary,
@@ -24794,7 +24798,7 @@ var NoteComponent = function NoteComponent(_ref) {
     filled = _ref$filled === void 0 ? false : _ref$filled,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
-    props = _objectWithoutProperties(_ref, _excluded$y);
+    props = _objectWithoutProperties(_ref, _excluded$z);
   var theme = distExports.useTheme();
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
@@ -24818,12 +24822,12 @@ var NoteComponent = function NoteComponent(_ref) {
 NoteComponent.displayName = 'Note';
 var Note = withScale(NoteComponent);
 
-var _excluded$x = ["className", "children"];
+var _excluded$y = ["className", "children"];
 var PageContentComponent = function PageContentComponent(_ref) {
   var _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
     children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded$x);
+    props = _objectWithoutProperties(_ref, _excluded$y);
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
   return /*#__PURE__*/React.createElement("main", _extends({}, props, {
@@ -24836,7 +24840,7 @@ var PageContentComponent = function PageContentComponent(_ref) {
 PageContentComponent.displayName = 'PageContent';
 var PageContent = withScale(PageContentComponent);
 
-var _excluded$w = ["children", "render", "dotBackdrop", "className", "dotSize", "dotSpace"];
+var _excluded$x = ["children", "render", "dotBackdrop", "className", "dotSize", "dotSpace"];
 tuple('default', 'effect', 'effect-seo');
 var DotStyles = function DotStyles(_ref) {
   var dotSpace = _ref.dotSpace,
@@ -24865,7 +24869,7 @@ var PageComponent = function PageComponent(_ref2) {
     dotSize = _ref2$dotSize === void 0 ? '1px' : _ref2$dotSize,
     _ref2$dotSpace = _ref2.dotSpace,
     dotSpace = _ref2$dotSpace === void 0 ? 1 : _ref2$dotSpace,
-    props = _objectWithoutProperties(_ref2, _excluded$w);
+    props = _objectWithoutProperties(_ref2, _excluded$x);
   var theme = distExports.useTheme();
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
@@ -24904,14 +24908,14 @@ var PageComponent = function PageComponent(_ref2) {
 PageComponent.displayName = 'Page';
 var Page = withScale(PageComponent);
 
-var _excluded$v = ["children", "center", "className"];
+var _excluded$w = ["children", "center", "className"];
 var PageHeaderComponent = function PageHeaderComponent(_ref) {
   var children = _ref.children,
     _ref$center = _ref.center,
     center = _ref$center === void 0 ? false : _ref$center,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
-    props = _objectWithoutProperties(_ref, _excluded$v);
+    props = _objectWithoutProperties(_ref, _excluded$w);
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
   var classes = distExports.useClasses({
@@ -24927,10 +24931,10 @@ var PageHeaderComponent = function PageHeaderComponent(_ref) {
 PageHeaderComponent.displayName = 'PageHeader';
 var PageHeader = withScale(PageHeaderComponent);
 
-var _excluded$u = ["children"];
+var _excluded$v = ["children"];
 var PageFooterComponent = function PageFooterComponent(_ref) {
   var children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded$u);
+    props = _objectWithoutProperties(_ref, _excluded$v);
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
   return /*#__PURE__*/React.createElement("footer", _extends({}, props, {
@@ -24948,13 +24952,13 @@ Page.Content = PageContent;
 Page.Body = PageContent;
 Page.Footer = PageFooter;
 
-var _excluded$t = ["active", "children", "disabled", "onClick"];
+var _excluded$u = ["active", "children", "disabled", "onClick"];
 var PaginationItem = function PaginationItem(_ref) {
   var active = _ref.active,
     children = _ref.children,
     disabled = _ref.disabled,
     onClick = _ref.onClick,
-    props = _objectWithoutProperties(_ref, _excluded$t);
+    props = _objectWithoutProperties(_ref, _excluded$u);
   var theme = distExports.useTheme();
   var _useMemo = React.useMemo(function () {
       return [addColorAlpha(theme.palette.success, 0.1), addColorAlpha(theme.palette.success, 0.8)];
@@ -24992,10 +24996,10 @@ var usePaginationContext = function usePaginationContext() {
   return React.useContext(PaginationContext);
 };
 
-var _excluded$s = ["children"];
+var _excluded$t = ["children"];
 var PaginationPrevious = function PaginationPrevious(_ref) {
   var children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded$s);
+    props = _objectWithoutProperties(_ref, _excluded$t);
   var _usePaginationContext = usePaginationContext(),
     update = _usePaginationContext.update,
     isFirst = _usePaginationContext.isFirst;
@@ -25008,10 +25012,10 @@ var PaginationPrevious = function PaginationPrevious(_ref) {
 };
 PaginationPrevious.displayName = 'PaginationPrevious';
 
-var _excluded$r = ["children"];
+var _excluded$s = ["children"];
 var PaginationNext = function PaginationNext(_ref) {
   var children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded$r);
+    props = _objectWithoutProperties(_ref, _excluded$s);
   var _usePaginationContext = usePaginationContext(),
     update = _usePaginationContext.update,
     isLast = _usePaginationContext.isLast;
@@ -25170,7 +25174,7 @@ var PaginationPages = function PaginationPages(_ref) {
 };
 PaginationPages.displayName = 'PaginationPages';
 
-var _excluded$q = ["page", "initialPage", "count", "limit", "children", "onChange", "className"];
+var _excluded$r = ["page", "initialPage", "count", "limit", "children", "onChange", "className"];
 var PaginationComponent = function PaginationComponent(_ref) {
   var customPage = _ref.page,
     _ref$initialPage = _ref.initialPage,
@@ -25183,7 +25187,7 @@ var PaginationComponent = function PaginationComponent(_ref) {
     onChange = _ref.onChange,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
-    props = _objectWithoutProperties(_ref, _excluded$q);
+    props = _objectWithoutProperties(_ref, _excluded$r);
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
   var _useCurrentState = distExports.useCurrentState(initialPage),
@@ -25309,7 +25313,7 @@ var defaultTooltipPosition = {
   left: '-1000px',
   transform: 'none'
 };
-var getPosition = function getPosition(placement, rect, offset) {
+var getPosition$2 = function getPosition(placement, rect, offset) {
   var positions = {
     top: {
       top: "".concat(rect.top - offset, "px"),
@@ -25536,7 +25540,7 @@ var TooltipContent = function TooltipContent(_ref) {
   var classes = distExports.useClasses('tooltip-content', className);
   if (!parent) return null;
   var updateRect = function updateRect() {
-    var position = getPosition(placement, getRect(parent), offset);
+    var position = getPosition$2(placement, getRect(parent), offset);
     setRect(position);
   };
   useResize(updateRect);
@@ -25568,7 +25572,7 @@ var TooltipContent = function TooltipContent(_ref) {
   }, ".tooltip-content.__jsx-style-dynamic-selector{--tooltip-icon-offset-x:".concat(iconOffset.x, ";--tooltip-icon-offset-y:").concat(iconOffset.y, ";--tooltip-content-bg:").concat(colors.bgColor, ";box-sizing:border-box;position:absolute;top:").concat(rect.top, ";left:").concat(rect.left, ";-webkit-transform:").concat(rect.transform, ";-ms-transform:").concat(rect.transform, ";transform:").concat(rect.transform, ";background-color:var(--tooltip-content-bg);color:").concat(colors.color, ";border-radius:").concat(theme.layout.radius, ";padding:0;z-index:1000;box-shadow:").concat(hasShadow ? theme.expressiveness.shadowMedium : 'none', ";width:").concat(SCALES.width(1, 'auto'), ";height:").concat(SCALES.height(1, 'auto'), ";}.inner.__jsx-style-dynamic-selector{box-sizing:border-box;position:relative;font-size:").concat(SCALES.font(1), ";padding:").concat(SCALES.pt(0.65), " ").concat(SCALES.pr(0.9), " ").concat(SCALES.pb(0.65), " ").concat(SCALES.pl(0.9), ";height:100%;}")))), el);
 };
 
-var _excluded$p = ["children", "initialVisible", "text", "offset", "placement", "portalClassName", "enterDelay", "leaveDelay", "trigger", "type", "className", "onVisibleChange", "hideArrow", "visible"];
+var _excluded$q = ["children", "initialVisible", "text", "offset", "placement", "portalClassName", "enterDelay", "leaveDelay", "trigger", "type", "className", "onVisibleChange", "hideArrow", "visible"];
 var TooltipComponent = function TooltipComponent(_ref) {
   var children = _ref.children,
     _ref$initialVisible = _ref.initialVisible,
@@ -25595,7 +25599,7 @@ var TooltipComponent = function TooltipComponent(_ref) {
     _ref$hideArrow = _ref.hideArrow,
     hideArrow = _ref$hideArrow === void 0 ? false : _ref$hideArrow,
     customVisible = _ref.visible,
-    props = _objectWithoutProperties(_ref, _excluded$p);
+    props = _objectWithoutProperties(_ref, _excluded$q);
   var timer = React.useRef();
   var ref = React.useRef(null);
   var _useState = React.useState(initialVisible),
@@ -25687,7 +25691,7 @@ var usePopoverContext = function usePopoverContext() {
   return React.useContext(PopoverContext);
 };
 
-var _excluded$o = ["child", "children", "enterDelay", "leaveDelay", "offset", "type", "trigger", "placement", "initialVisible", "portalClassName", "disableItemsAutoClose", "onVisibleChange", "visible"];
+var _excluded$p = ["child", "children", "enterDelay", "leaveDelay", "offset", "type", "trigger", "placement", "initialVisible", "portalClassName", "disableItemsAutoClose", "onVisibleChange", "visible"];
 var PopoverComponent = function PopoverComponent(_ref) {
   var child = _ref.child,
     children = _ref.children,
@@ -25712,7 +25716,7 @@ var PopoverComponent = function PopoverComponent(_ref) {
     _ref$onVisibleChange = _ref.onVisibleChange,
     onVisibleChange = _ref$onVisibleChange === void 0 ? function () {} : _ref$onVisibleChange,
     customVisible = _ref.visible,
-    props = _objectWithoutProperties(_ref, _excluded$o);
+    props = _objectWithoutProperties(_ref, _excluded$p);
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
   var _useState = React.useState(initialVisible),
@@ -25761,7 +25765,7 @@ var PopoverComponent = function PopoverComponent(_ref) {
 PopoverComponent.displayName = 'Popover';
 var Popover = withScale(PopoverComponent);
 
-var _excluded$n = ["children", "line", "showTitle", "className", "onClick", "selected", "disableAutoClose"];
+var _excluded$o = ["children", "line", "showTitle", "className", "onClick", "selected", "disableAutoClose"];
 var PopoverItemComponent = function PopoverItemComponent(_ref) {
   var children = _ref.children,
     _ref$line = _ref.line,
@@ -25775,7 +25779,7 @@ var PopoverItemComponent = function PopoverItemComponent(_ref) {
     selected = _ref$selected === void 0 ? false : _ref$selected,
     _ref$disableAutoClose = _ref.disableAutoClose,
     disableAutoClose = _ref$disableAutoClose === void 0 ? false : _ref$disableAutoClose,
-    props = _objectWithoutProperties(_ref, _excluded$n);
+    props = _objectWithoutProperties(_ref, _excluded$o);
   var theme = distExports.useTheme();
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
@@ -25842,7 +25846,7 @@ var ListComponent = function ListComponent(_ref) {
 ListComponent.displayName = 'List';
 var List = withScale(ListComponent);
 
-var _excluded$m = ["children", "direction", "justify", "alignItems", "line", "showTitle", "className", "onClick", "leading", "primary", "secondary", "trailing", "selected", "disableAutoClose"];
+var _excluded$n = ["children", "direction", "justify", "alignItems", "line", "showTitle", "className", "onClick", "leading", "primary", "secondary", "trailing", "selected", "disableAutoClose"];
 var ListItemComponent = function ListItemComponent(_ref) {
   var children = _ref.children,
     _ref$direction = _ref.direction,
@@ -25865,7 +25869,7 @@ var ListItemComponent = function ListItemComponent(_ref) {
     _ref$selected = _ref.selected,
     selected = _ref$selected === void 0 ? false : _ref$selected;
     _ref.disableAutoClose;
-    var props = _objectWithoutProperties(_ref, _excluded$m);
+    var props = _objectWithoutProperties(_ref, _excluded$n);
   var theme = distExports.useTheme();
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
@@ -26014,7 +26018,7 @@ function memo(callback) {
 }
 
 /*#__NO_SIDE_EFFECTS__*/
-const noop = (any) => any;
+const noop$1 = (any) => any;
 
 /**
  * Pipe
@@ -26152,7 +26156,7 @@ function binarySubdivide(x, lowerBound, upperBound, mX1, mX2) {
 function cubicBezier(mX1, mY1, mX2, mY2) {
     // If this is a linear gradient, return linear easing
     if (mX1 === mY1 && mX2 === mY2)
-        return noop;
+        return noop$1;
     const getTForX = (aX) => binarySubdivide(aX, 0, 1, mX1, mX2);
     // If animation is at start/end, return t without easing
     return (t) => t === 0 || t === 1 ? t : calcBezier(getTForX(t), mY1, mY2);
@@ -26187,7 +26191,7 @@ const isEasingArray = (ease) => {
 const isBezierDefinition = (easing) => Array.isArray(easing) && typeof easing[0] === "number";
 
 const easingLookup = {
-    linear: noop,
+    linear: noop$1,
     easeIn,
     easeInOut,
     easeOut,
@@ -26374,7 +26378,7 @@ function createRenderBatcher(scheduleNextBatch, allowKeepAlive) {
     return { schedule, cancel, state, steps };
 }
 
-const { schedule: frame, cancel: cancelFrame, state: frameData, steps: frameSteps, } = /* @__PURE__ */ createRenderBatcher(typeof requestAnimationFrame !== "undefined" ? requestAnimationFrame : noop, true);
+const { schedule: frame, cancel: cancelFrame, state: frameData, steps: frameSteps, } = /* @__PURE__ */ createRenderBatcher(typeof requestAnimationFrame !== "undefined" ? requestAnimationFrame : noop$1, true);
 
 let now;
 function clearTime() {
@@ -27307,7 +27311,7 @@ function createMixers(output, ease, customMixer) {
     for (let i = 0; i < numMixers; i++) {
         let mixer = mixerFactory(output[i], output[i + 1]);
         if (ease) {
-            const easingFunction = Array.isArray(ease) ? ease[i] || noop : ease;
+            const easingFunction = Array.isArray(ease) ? ease[i] || noop$1 : ease;
             mixer = pipe(easingFunction, mixer);
         }
         mixers.push(mixer);
@@ -28340,7 +28344,7 @@ class NativeAnimation extends WithPromise {
         this.animation.onfinish = null;
         if (timeline && supportsScrollTimeline()) {
             this.animation.timeline = timeline;
-            return noop;
+            return noop$1;
         }
         else {
             return observe(this);
@@ -28621,7 +28625,7 @@ class AsyncMotionValueAnimation extends WithPromise {
                 element: resolvedOptions.motionValue.owner.current,
             })
             : new JSAnimation(resolvedOptions);
-        animation.finished.then(() => this.notifyFinished()).catch(noop);
+        animation.finished.then(() => this.notifyFinished()).catch(noop$1);
         if (this.pendingTimeline) {
             this.stopTimeline = animation.attachTimeline(this.pendingTimeline);
             this.pendingTimeline = undefined;
@@ -33643,8 +33647,8 @@ function getCurrentDirection(offset, lockThreshold = 10) {
 class DragGesture extends Feature {
     constructor(node) {
         super(node);
-        this.removeGroupControls = noop;
-        this.removeListeners = noop;
+        this.removeGroupControls = noop$1;
+        this.removeListeners = noop$1;
         this.controls = new VisualElementDragControls(node);
     }
     mount() {
@@ -33654,7 +33658,7 @@ class DragGesture extends Feature {
         if (dragControls) {
             this.removeGroupControls = dragControls.subscribe(this.controls);
         }
-        this.removeListeners = this.controls.addListeners() || noop;
+        this.removeListeners = this.controls.addListeners() || noop$1;
     }
     unmount() {
         this.removeGroupControls();
@@ -33670,7 +33674,7 @@ const asyncHandler = (handler) => (event, info) => {
 class PanGesture extends Feature {
     constructor() {
         super(...arguments);
-        this.removePointerDownListener = noop;
+        this.removePointerDownListener = noop$1;
     }
     onPointerDown(pointerDownEvent) {
         this.session = new PanSession(pointerDownEvent, this.createPanHandlers(), {
@@ -34041,7 +34045,7 @@ function getRadius(values, radiusName) {
 //     )(p)
 // }
 const easeCrossfadeIn = /*@__PURE__*/ compress(0, 0.5, circOut);
-const easeCrossfadeOut = /*@__PURE__*/ compress(0.5, 0.95, noop);
+const easeCrossfadeOut = /*@__PURE__*/ compress(0.5, 0.95, noop$1);
 function compress(min, max, easing) {
     return (p) => {
         // Could replace ifs with clamp
@@ -35849,7 +35853,7 @@ const userAgentContains = (string) => typeof navigator !== "undefined" &&
  */
 const roundPoint = userAgentContains("applewebkit/") && !userAgentContains("chrome/")
     ? Math.round
-    : noop;
+    : noop$1;
 function roundAxis(axis) {
     // Round to the nearest .5 pixels to support subpixel layouts
     axis.min = roundPoint(axis.min);
@@ -37637,7 +37641,7 @@ var PhoneInput = function PhoneInput(_ref) {
   }, ".phone-input-container.__jsx-style-dynamic-selector{position:relative;min-width:200px;width:auto;}.phone-input-container.focused.__jsx-style-dynamic-selector{outline:1px solid ".concat(hoverBorder, ";border-radius:6px;}.input-wrapper.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid ").concat(borderColor, ";border-radius:6px;overflow:hidden;}.dropdown-toggle.__jsx-style-dynamic-selector{padding:7px 12px;border-radius:6px 0px 0px 6px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:14px;border-right:1px solid ").concat(borderColor, ";}.phone-input.__jsx-style-dynamic-selector{-webkit-flex:1;-ms-flex:1;flex:1;padding:5px 10px;height:35px;background-color:transparent;font-size:14px;border:none;}.phone-input.__jsx-style-dynamic-selector:focus{outline:none;}.dropdown.__jsx-style-dynamic-selector{position:absolute;top:100%;left:0;width:100%;background:").concat(theme.type == 'dark' ? 'black' : 'white', ";border:1px solid ").concat(borderColor, ";border-radius:6px;margin-top:4px;z-index:999;box-shadow:0 4px 10px rgba(0,0,0,0.1);}.search-input.__jsx-style-dynamic-selector{width:100%;padding:8px 10px;border:none;background-color:transparent;border-bottom:1px solid ").concat(borderColor, ";font-size:14px;}.search-input.__jsx-style-dynamic-selector:focus{outline:none;}.country-list.__jsx-style-dynamic-selector{max-height:200px;overflow-y:auto;}.dropdown-item.__jsx-style-dynamic-selector{padding:10px;cursor:pointer;font-size:14px;}.dropdown-item.__jsx-style-dynamic-selector:hover{background:").concat(theme.type == 'dark' ? '#3a3d3d' : '#efefef', ";}.dropdown-item.disabled.__jsx-style-dynamic-selector{color:#888;cursor:default;}")));
 };
 
-var _excluded$l = ["value", "max", "className", "type", "colors", "fixedTop", "fixedBottom"];
+var _excluded$m = ["value", "max", "className", "type", "colors", "fixedTop", "fixedBottom"];
 var getCurrentColor = function getCurrentColor(ratio, palette, type) {
   var colors = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
   var defaultColors = {
@@ -37669,7 +37673,7 @@ var ProgressComponent = function ProgressComponent(_ref) {
     fixedTop = _ref$fixedTop === void 0 ? false : _ref$fixedTop,
     _ref$fixedBottom = _ref.fixedBottom,
     fixedBottom = _ref$fixedBottom === void 0 ? false : _ref$fixedBottom,
-    props = _objectWithoutProperties(_ref, _excluded$l);
+    props = _objectWithoutProperties(_ref, _excluded$m);
   var theme = distExports.useTheme();
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
@@ -37708,12 +37712,12 @@ var useRadioContext = function useRadioContext() {
   return React.useContext(RadioContext);
 };
 
-var _excluded$k = ["className", "children"];
+var _excluded$l = ["className", "children"];
 var RadioDescriptionComponent = function RadioDescriptionComponent(_ref) {
   var _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
     children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded$k);
+    props = _objectWithoutProperties(_ref, _excluded$l);
   var theme = distExports.useTheme();
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
@@ -37759,7 +37763,7 @@ var getColors$4 = function getColors(palette, status) {
   return colors[status];
 };
 
-var _excluded$j = ["className", "checked", "onChange", "disabled", "type", "value", "children"];
+var _excluded$k = ["className", "checked", "onChange", "disabled", "type", "value", "children"];
 var RadioComponent = function RadioComponent(_ref) {
   var _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
@@ -37771,7 +37775,7 @@ var RadioComponent = function RadioComponent(_ref) {
     type = _ref$type === void 0 ? 'default' : _ref$type,
     radioValue = _ref.value,
     children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded$j);
+    props = _objectWithoutProperties(_ref, _excluded$k);
   var theme = distExports.useTheme();
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
@@ -37853,7 +37857,7 @@ var RadioComponent = function RadioComponent(_ref) {
 RadioComponent.displayName = 'Radio';
 var Radio = withScale(RadioComponent);
 
-var _excluded$i = ["disabled", "onChange", "value", "children", "className", "initialValue", "useRow"];
+var _excluded$j = ["disabled", "onChange", "value", "children", "className", "initialValue", "useRow"];
 var RadioGroupComponent = function RadioGroupComponent(_ref) {
   var _ref$disabled = _ref.disabled,
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
@@ -37865,7 +37869,7 @@ var RadioGroupComponent = function RadioGroupComponent(_ref) {
     initialValue = _ref.initialValue,
     _ref$useRow = _ref.useRow,
     useRow = _ref$useRow === void 0 ? false : _ref$useRow,
-    props = _objectWithoutProperties(_ref, _excluded$i);
+    props = _objectWithoutProperties(_ref, _excluded$j);
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
   var _useState = React.useState(initialValue),
@@ -37921,7 +37925,7 @@ var RatingIcon = function RatingIcon() {
 };
 RatingIcon.displayName = 'RatingIcon';
 
-var _excluded$h = ["type", "className", "icon", "count", "value", "initialValue", "onValueChange", "locked", "onLockedChange"];
+var _excluded$i = ["type", "className", "icon", "count", "value", "initialValue", "onValueChange", "locked", "onLockedChange"];
 tupleNumber(2, 3, 4, 5, 6, 7, 8, 9, 10);
 tupleNumber(0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10);
 var getColor = function getColor(type, palette) {
@@ -37949,7 +37953,7 @@ var RatingComponent = function RatingComponent(_ref) {
     _ref$locked = _ref.locked,
     locked = _ref$locked === void 0 ? false : _ref$locked,
     onLockedChange = _ref.onLockedChange,
-    props = _objectWithoutProperties(_ref, _excluded$h);
+    props = _objectWithoutProperties(_ref, _excluded$i);
   var theme = distExports.useTheme();
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
@@ -38190,7 +38194,7 @@ var SelectInput = /*#__PURE__*/React.forwardRef(function (_ref, inputRef) {
 });
 SelectInput.displayName = 'SelectInput';
 
-var _excluded$g = ["children", "label", "type", "disabled", "initialValue", "value", "icon", "onChange", "pure", "multiple", "clearable", "placeholder", "className", "dropdownClassName", "dropdownStyle", "disableMatchWidth", "getPopupContainer", "onDropdownVisibleChange"];
+var _excluded$h = ["children", "label", "type", "disabled", "initialValue", "value", "icon", "onChange", "pure", "multiple", "clearable", "placeholder", "className", "dropdownClassName", "dropdownStyle", "disableMatchWidth", "getPopupContainer", "onDropdownVisibleChange"];
 var SelectComponent = /*#__PURE__*/React.forwardRef(function (_ref, selectRef) {
   var children = _ref.children,
     label = _ref.label,
@@ -38219,7 +38223,7 @@ var SelectComponent = /*#__PURE__*/React.forwardRef(function (_ref, selectRef) {
     getPopupContainer = _ref.getPopupContainer,
     _ref$onDropdownVisibl = _ref.onDropdownVisibleChange,
     onDropdownVisibleChange = _ref$onDropdownVisibl === void 0 ? function () {} : _ref$onDropdownVisibl,
-    props = _objectWithoutProperties(_ref, _excluded$g);
+    props = _objectWithoutProperties(_ref, _excluded$h);
   var theme = distExports.useTheme();
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
@@ -38391,7 +38395,7 @@ var SelectComponent = /*#__PURE__*/React.forwardRef(function (_ref, selectRef) {
 SelectComponent.displayName = 'Select';
 var Select = withScale(SelectComponent);
 
-var _excluded$f = ["value", "className", "children", "disabled", "divider", "label", "preventAllEvents"];
+var _excluded$g = ["value", "className", "children", "disabled", "divider", "label", "preventAllEvents"];
 var SelectOptionComponent = function SelectOptionComponent(_ref) {
   var identValue = _ref.value,
     _ref$className = _ref.className,
@@ -38405,7 +38409,7 @@ var SelectOptionComponent = function SelectOptionComponent(_ref) {
     label = _ref$label === void 0 ? false : _ref$label,
     _ref$preventAllEvents = _ref.preventAllEvents,
     preventAllEvents = _ref$preventAllEvents === void 0 ? false : _ref$preventAllEvents,
-    props = _objectWithoutProperties(_ref, _excluded$f);
+    props = _objectWithoutProperties(_ref, _excluded$g);
   var theme = distExports.useTheme();
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
@@ -38606,7 +38610,7 @@ var getColors$2 = function getColors(palette, status) {
   return colors[status];
 };
 
-var _excluded$e = ["hideValue", "disabled", "type", "step", "max", "min", "initialValue", "value", "onChange", "className", "showMarkers"];
+var _excluded$f = ["hideValue", "disabled", "type", "step", "max", "min", "initialValue", "value", "onChange", "className", "showMarkers"];
 var getRefWidth = function getRefWidth(elementRef) {
   if (!elementRef || !elementRef.current) return 0;
   var rect = elementRef.current.getBoundingClientRect();
@@ -38641,7 +38645,7 @@ var SliderComponent = function SliderComponent(_ref) {
     className = _ref$className === void 0 ? '' : _ref$className,
     _ref$showMarkers = _ref.showMarkers,
     showMarkers = _ref$showMarkers === void 0 ? false : _ref$showMarkers,
-    props = _objectWithoutProperties(_ref, _excluded$e);
+    props = _objectWithoutProperties(_ref, _excluded$f);
   var theme = distExports.useTheme();
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
@@ -38846,7 +38850,7 @@ var useClipboard = function useClipboard() {
   };
 };
 
-var _excluded$d = ["type", "filled", "children", "symbol", "toastText", "toastType", "text", "copy", "className"];
+var _excluded$e = ["type", "filled", "children", "symbol", "toastText", "toastType", "text", "copy", "className"];
 var textArrayToString = function textArrayToString(text) {
   return text.reduce(function (pre, current) {
     if (!current) return pre;
@@ -38870,7 +38874,7 @@ var SnippetComponent = function SnippetComponent(_ref) {
     copyType = _ref$copy === void 0 ? 'default' : _ref$copy,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
-    props = _objectWithoutProperties(_ref, _excluded$d);
+    props = _objectWithoutProperties(_ref, _excluded$e);
   var theme = distExports.useTheme();
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
@@ -38926,13 +38930,13 @@ var SnippetComponent = function SnippetComponent(_ref) {
 SnippetComponent.displayName = 'Snippet';
 var Snippet = withScale(SnippetComponent);
 
-var _excluded$c = ["inline", "className"];
+var _excluded$d = ["inline", "className"];
 var SpacerComponent = function SpacerComponent(_ref) {
   var _ref$inline = _ref.inline,
     inline = _ref$inline === void 0 ? false : _ref$inline,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
-    props = _objectWithoutProperties(_ref, _excluded$c);
+    props = _objectWithoutProperties(_ref, _excluded$d);
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
   return /*#__PURE__*/React.createElement("span", _extends({}, props, {
@@ -38945,7 +38949,7 @@ var SpacerComponent = function SpacerComponent(_ref) {
 SpacerComponent.displayName = 'Spacer';
 var Spacer = withScale(SpacerComponent);
 
-var _excluded$b = ["className"];
+var _excluded$c = ["className"];
 var getSpans = function getSpans(theme) {
   return _toConsumableArray(new Array(12)).map(function (_, index) {
     return /*#__PURE__*/React.createElement("span", {
@@ -38960,7 +38964,7 @@ var getSpans = function getSpans(theme) {
 var SpinnerComponent = function SpinnerComponent(_ref) {
   var _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
-    props = _objectWithoutProperties(_ref, _excluded$b);
+    props = _objectWithoutProperties(_ref, _excluded$c);
   var theme = distExports.useTheme();
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
@@ -56701,7 +56705,7 @@ function Empty() {
   }));
 }
 
-var _excluded$a = ["children", "tag", "className", "color"];
+var _excluded$b = ["children", "tag", "className", "color"];
 var getTypeColor = function getTypeColor(type, palette) {
   var colors = {
     "default": 'inherit',
@@ -56719,7 +56723,7 @@ var TextChild = function TextChild(_ref) {
     className = _ref$className === void 0 ? '' : _ref$className,
     _ref$color = _ref.color,
     color = _ref$color === void 0 ? 'default' : _ref$color,
-    props = _objectWithoutProperties(_ref, _excluded$a);
+    props = _objectWithoutProperties(_ref, _excluded$b);
   var Component = tag;
   var theme = distExports.useTheme();
   var _useScale = useScale(),
@@ -56765,7 +56769,7 @@ var TextChild = function TextChild(_ref) {
 };
 TextChild.displayName = 'TextChild';
 
-var _excluded$9 = ["h1", "h2", "h3", "h4", "h5", "h6", "p", "b", "small", "i", "span", "del", "em", "blockquote", "noWrap", "children", "className"];
+var _excluded$a = ["h1", "h2", "h3", "h4", "h5", "h6", "p", "b", "small", "i", "span", "del", "em", "blockquote", "noWrap", "children", "className"];
 var _getModifierChild = function getModifierChild(tags, children) {
   if (!tags.length) return children;
   var nextTag = tags.slice(1, tags.length);
@@ -56807,7 +56811,7 @@ var TextComponent = function TextComponent(_ref) {
     children = _ref.children,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
-    props = _objectWithoutProperties(_ref, _excluded$9);
+    props = _objectWithoutProperties(_ref, _excluded$a);
   var elements = {
     h1: h1,
     h2: h2,
@@ -57199,7 +57203,7 @@ var TableColumn = function TableColumn(columnProps) {
 };
 TableColumn.displayName = 'TableColumn';
 
-var _excluded$8 = ["children", "data", "initialData", "hover", "emptyText", "rowDraggable", "readOnly", "cursorPagination", "previousCursor", "nextCursor", "hasMore", "onNextPage", "onPreviousPage", "onRow", "onCell", "onChange", "onFilters", "onPageChange", "showFilters", "stickyHeader", "textPlaceholder", "onSelected", "dataLength", "viewLength", "className", "rowClassName"];
+var _excluded$9 = ["children", "data", "initialData", "hover", "emptyText", "rowDraggable", "readOnly", "cursorPagination", "previousCursor", "nextCursor", "hasMore", "onNextPage", "onPreviousPage", "onRow", "onCell", "onChange", "onFilters", "onPageChange", "showFilters", "stickyHeader", "textPlaceholder", "onSelected", "dataLength", "viewLength", "className", "rowClassName"];
 function TableComponent(tableProps) {
   /* eslint-disable  @typescript-eslint/no-unused-vars */
   var _ref = tableProps,
@@ -57242,7 +57246,7 @@ function TableComponent(tableProps) {
     rowClassName = _ref$rowClassName === void 0 ? function () {
       return '';
     } : _ref$rowClassName,
-    props = _objectWithoutProperties(_ref, _excluded$8);
+    props = _objectWithoutProperties(_ref, _excluded$9);
   /* eslint-enable @typescript-eslint/no-unused-vars */
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
@@ -57456,7 +57460,7 @@ var useRect = function useRect(initialState) {
   };
 };
 
-var _excluded$7 = ["initialValue", "value", "hideDivider", "hideBorder", "children", "onChange", "className", "leftSpace", "highlight", "hoverHeightRatio", "hoverWidthRatio", "activeClassName", "activeStyle", "align"];
+var _excluded$8 = ["initialValue", "value", "hideDivider", "hideBorder", "children", "onChange", "className", "leftSpace", "highlight", "hoverHeightRatio", "hoverWidthRatio", "activeClassName", "activeStyle", "align"];
 var TabsComponent = function TabsComponent(_ref) {
   var userCustomInitialValue = _ref.initialValue,
     value = _ref.value,
@@ -57481,7 +57485,7 @@ var TabsComponent = function TabsComponent(_ref) {
     activeStyle = _ref$activeStyle === void 0 ? {} : _ref$activeStyle,
     _ref$align = _ref.align,
     align = _ref$align === void 0 ? 'left' : _ref$align,
-    props = _objectWithoutProperties(_ref, _excluded$7);
+    props = _objectWithoutProperties(_ref, _excluded$8);
   var theme = distExports.useTheme();
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
@@ -57645,7 +57649,7 @@ var TabsItem = withScale(TabsItemComponent);
 Tabs.Item = TabsItem;
 Tabs.Tab = TabsItem;
 
-var _excluded$6 = ["type", "children", "className", "invert"];
+var _excluded$7 = ["type", "children", "className", "invert"];
 var getColors$1 = function getColors(type, palette, invert) {
   var colors = {
     "default": {
@@ -57690,7 +57694,7 @@ var TagComponent = function TagComponent(_ref) {
     className = _ref$className === void 0 ? '' : _ref$className,
     _ref$invert = _ref.invert,
     invert = _ref$invert === void 0 ? false : _ref$invert,
-    props = _objectWithoutProperties(_ref, _excluded$6);
+    props = _objectWithoutProperties(_ref, _excluded$7);
   var theme = distExports.useTheme();
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
@@ -57973,7 +57977,7 @@ var getColors = function getColors(palette, status) {
   return colors[status];
 };
 
-var _excluded$5 = ["initialChecked", "checked", "disabled", "onChange", "type", "className", "children"];
+var _excluded$6 = ["initialChecked", "checked", "disabled", "onChange", "type", "className", "children"];
 var ToggleComponent = function ToggleComponent(_ref) {
   var _ref$initialChecked = _ref.initialChecked,
     initialChecked = _ref$initialChecked === void 0 ? false : _ref$initialChecked,
@@ -57986,7 +57990,7 @@ var ToggleComponent = function ToggleComponent(_ref) {
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
     children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded$5);
+    props = _objectWithoutProperties(_ref, _excluded$6);
   var theme = distExports.useTheme();
   var _useScale = useScale(),
     SCALES = _useScale.SCALES;
@@ -58116,7 +58120,7 @@ var stopPropagation = function stopPropagation(event) {
   event.nativeEvent.stopImmediatePropagation();
 };
 
-var _excluded$4 = ["name", "parentPath", "level", "extra", "className"];
+var _excluded$5 = ["name", "parentPath", "level", "extra", "className"];
 var TreeFile = function TreeFile(_ref) {
   var name = _ref.name,
     _ref$parentPath = _ref.parentPath,
@@ -58126,7 +58130,7 @@ var TreeFile = function TreeFile(_ref) {
     extra = _ref.extra,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
-    props = _objectWithoutProperties(_ref, _excluded$4);
+    props = _objectWithoutProperties(_ref, _excluded$5);
   var theme = distExports.useTheme();
   var _useTreeContext = useTreeContext(),
     onFileClick = _useTreeContext.onFileClick;
@@ -58227,7 +58231,7 @@ var TreeStatusIcon = function TreeStatusIcon(_ref) {
 };
 TreeStatusIcon.displayName = 'TreeStatusIcon';
 
-var _excluded$3 = ["name", "children", "parentPath", "level", "extra", "className"];
+var _excluded$4 = ["name", "children", "parentPath", "level", "extra", "className"];
 var _TreeFolder = function TreeFolder(_ref) {
   var name = _ref.name,
     _ref$children = _ref.children,
@@ -58238,7 +58242,7 @@ var _TreeFolder = function TreeFolder(_ref) {
     parentLevel = _ref$level === void 0 ? 0 : _ref$level,
     extra = _ref.extra,
     className = _ref.className,
-    props = _objectWithoutProperties(_ref, _excluded$3);
+    props = _objectWithoutProperties(_ref, _excluded$4);
   var theme = distExports.useTheme();
   var _useTreeContext = useTreeContext(),
     initialExpand = _useTreeContext.initialExpand,
@@ -58291,7 +58295,7 @@ var _TreeFolder = function TreeFolder(_ref) {
 };
 _TreeFolder.displayName = 'TreeFolder';
 
-var _excluded$2 = ["children", "onClick", "initialExpand", "value", "className"];
+var _excluded$3 = ["children", "onClick", "initialExpand", "value", "className"];
 var FileTreeValueType = tuple('directory', 'file');
 var directoryType = FileTreeValueType[0];
 var _makeChildren = function makeChildren() {
@@ -58320,7 +58324,7 @@ var Tree = function Tree(_ref) {
     initialExpand = _ref$initialExpand === void 0 ? false : _ref$initialExpand,
     value = _ref.value,
     className = _ref.className,
-    props = _objectWithoutProperties(_ref, _excluded$2);
+    props = _objectWithoutProperties(_ref, _excluded$3);
   var isImperative = Boolean(value && value.length > 0);
   var onFileClick = function onFileClick(path) {
     onClick && onClick(path);
@@ -58611,7 +58615,7 @@ function useTime() {
   return _objectSpread2({}, Time.getFormattedTimeFromSeconds(seconds, format));
 }
 
-var _excluded$1 = ["src", "text", "name", "children", "className", "altText"];
+var _excluded$2 = ["src", "text", "name", "children", "className", "altText"];
 var UserComponent = function UserComponent(_ref) {
   var src = _ref.src,
     text = _ref.text,
@@ -58620,7 +58624,7 @@ var UserComponent = function UserComponent(_ref) {
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
     altText = _ref.altText,
-    props = _objectWithoutProperties(_ref, _excluded$1);
+    props = _objectWithoutProperties(_ref, _excluded$2);
   var theme = distExports.useTheme();
   var _useScale = useScale(),
     SCALES = _useScale.SCALES,
@@ -58647,13 +58651,13 @@ var UserComponent = function UserComponent(_ref) {
 UserComponent.displayName = 'User';
 var User = withScale(UserComponent);
 
-var _excluded = ["href", "className", "children"];
+var _excluded$1 = ["href", "className", "children"];
 var UserLink = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var href = _ref.href,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className,
     children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded);
+    props = _objectWithoutProperties(_ref, _excluded$1);
   return /*#__PURE__*/React.createElement("div", _extends({}, props, {
     className: "jsx-3263947648" + " " + (props && props.className != null && props.className || className || "")
   }), /*#__PURE__*/React.createElement(Link, {
@@ -60317,6 +60321,2597 @@ var LoginSocialGithub = function LoginSocialGithub(_ref) {
 };
 var index = /*#__PURE__*/React.memo(LoginSocialGithub);
 
+var propTypes = {exports: {}};
+
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+
+var objectAssign;
+var hasRequiredObjectAssign;
+
+function requireObjectAssign () {
+	if (hasRequiredObjectAssign) return objectAssign;
+	hasRequiredObjectAssign = 1;
+	/* eslint-disable no-unused-vars */
+	var getOwnPropertySymbols = Object.getOwnPropertySymbols;
+	var hasOwnProperty = Object.prototype.hasOwnProperty;
+	var propIsEnumerable = Object.prototype.propertyIsEnumerable;
+
+	function toObject(val) {
+		if (val === null || val === undefined) {
+			throw new TypeError('Object.assign cannot be called with null or undefined');
+		}
+
+		return Object(val);
+	}
+
+	function shouldUseNative() {
+		try {
+			if (!Object.assign) {
+				return false;
+			}
+
+			// Detect buggy property enumeration order in older V8 versions.
+
+			// https://bugs.chromium.org/p/v8/issues/detail?id=4118
+			var test1 = new String('abc');  // eslint-disable-line no-new-wrappers
+			test1[5] = 'de';
+			if (Object.getOwnPropertyNames(test1)[0] === '5') {
+				return false;
+			}
+
+			// https://bugs.chromium.org/p/v8/issues/detail?id=3056
+			var test2 = {};
+			for (var i = 0; i < 10; i++) {
+				test2['_' + String.fromCharCode(i)] = i;
+			}
+			var order2 = Object.getOwnPropertyNames(test2).map(function (n) {
+				return test2[n];
+			});
+			if (order2.join('') !== '0123456789') {
+				return false;
+			}
+
+			// https://bugs.chromium.org/p/v8/issues/detail?id=3056
+			var test3 = {};
+			'abcdefghijklmnopqrst'.split('').forEach(function (letter) {
+				test3[letter] = letter;
+			});
+			if (Object.keys(Object.assign({}, test3)).join('') !==
+					'abcdefghijklmnopqrst') {
+				return false;
+			}
+
+			return true;
+		} catch (err) {
+			// We don't expect any of the above to throw, but better to be safe.
+			return false;
+		}
+	}
+
+	objectAssign = shouldUseNative() ? Object.assign : function (target, source) {
+		var from;
+		var to = toObject(target);
+		var symbols;
+
+		for (var s = 1; s < arguments.length; s++) {
+			from = Object(arguments[s]);
+
+			for (var key in from) {
+				if (hasOwnProperty.call(from, key)) {
+					to[key] = from[key];
+				}
+			}
+
+			if (getOwnPropertySymbols) {
+				symbols = getOwnPropertySymbols(from);
+				for (var i = 0; i < symbols.length; i++) {
+					if (propIsEnumerable.call(from, symbols[i])) {
+						to[symbols[i]] = from[symbols[i]];
+					}
+				}
+			}
+		}
+
+		return to;
+	};
+	return objectAssign;
+}
+
+/**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+var ReactPropTypesSecret_1;
+var hasRequiredReactPropTypesSecret;
+
+function requireReactPropTypesSecret () {
+	if (hasRequiredReactPropTypesSecret) return ReactPropTypesSecret_1;
+	hasRequiredReactPropTypesSecret = 1;
+
+	var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
+
+	ReactPropTypesSecret_1 = ReactPropTypesSecret;
+	return ReactPropTypesSecret_1;
+}
+
+var has;
+var hasRequiredHas;
+
+function requireHas () {
+	if (hasRequiredHas) return has;
+	hasRequiredHas = 1;
+	has = Function.call.bind(Object.prototype.hasOwnProperty);
+	return has;
+}
+
+/**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+var checkPropTypes_1;
+var hasRequiredCheckPropTypes;
+
+function requireCheckPropTypes () {
+	if (hasRequiredCheckPropTypes) return checkPropTypes_1;
+	hasRequiredCheckPropTypes = 1;
+
+	var printWarning = function() {};
+
+	if (process.env.NODE_ENV !== 'production') {
+	  var ReactPropTypesSecret = /*@__PURE__*/ requireReactPropTypesSecret();
+	  var loggedTypeFailures = {};
+	  var has = /*@__PURE__*/ requireHas();
+
+	  printWarning = function(text) {
+	    var message = 'Warning: ' + text;
+	    if (typeof console !== 'undefined') {
+	      console.error(message);
+	    }
+	    try {
+	      // --- Welcome to debugging React ---
+	      // This error was thrown as a convenience so that you can use this stack
+	      // to find the callsite that caused this warning to fire.
+	      throw new Error(message);
+	    } catch (x) { /**/ }
+	  };
+	}
+
+	/**
+	 * Assert that the values match with the type specs.
+	 * Error messages are memorized and will only be shown once.
+	 *
+	 * @param {object} typeSpecs Map of name to a ReactPropType
+	 * @param {object} values Runtime values that need to be type-checked
+	 * @param {string} location e.g. "prop", "context", "child context"
+	 * @param {string} componentName Name of the component for error messages.
+	 * @param {?Function} getStack Returns the component stack.
+	 * @private
+	 */
+	function checkPropTypes(typeSpecs, values, location, componentName, getStack) {
+	  if (process.env.NODE_ENV !== 'production') {
+	    for (var typeSpecName in typeSpecs) {
+	      if (has(typeSpecs, typeSpecName)) {
+	        var error;
+	        // Prop type validation may throw. In case they do, we don't want to
+	        // fail the render phase where it didn't fail before. So we log it.
+	        // After these have been cleaned up, we'll let them throw.
+	        try {
+	          // This is intentionally an invariant that gets caught. It's the same
+	          // behavior as without this statement except with a better message.
+	          if (typeof typeSpecs[typeSpecName] !== 'function') {
+	            var err = Error(
+	              (componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' +
+	              'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.' +
+	              'This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.'
+	            );
+	            err.name = 'Invariant Violation';
+	            throw err;
+	          }
+	          error = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, ReactPropTypesSecret);
+	        } catch (ex) {
+	          error = ex;
+	        }
+	        if (error && !(error instanceof Error)) {
+	          printWarning(
+	            (componentName || 'React class') + ': type specification of ' +
+	            location + ' `' + typeSpecName + '` is invalid; the type checker ' +
+	            'function must return `null` or an `Error` but returned a ' + typeof error + '. ' +
+	            'You may have forgotten to pass an argument to the type checker ' +
+	            'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' +
+	            'shape all require an argument).'
+	          );
+	        }
+	        if (error instanceof Error && !(error.message in loggedTypeFailures)) {
+	          // Only monitor this failure once because there tends to be a lot of the
+	          // same error.
+	          loggedTypeFailures[error.message] = true;
+
+	          var stack = getStack ? getStack() : '';
+
+	          printWarning(
+	            'Failed ' + location + ' type: ' + error.message + (stack != null ? stack : '')
+	          );
+	        }
+	      }
+	    }
+	  }
+	}
+
+	/**
+	 * Resets warning cache when testing.
+	 *
+	 * @private
+	 */
+	checkPropTypes.resetWarningCache = function() {
+	  if (process.env.NODE_ENV !== 'production') {
+	    loggedTypeFailures = {};
+	  }
+	};
+
+	checkPropTypes_1 = checkPropTypes;
+	return checkPropTypes_1;
+}
+
+/**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+var factoryWithTypeCheckers;
+var hasRequiredFactoryWithTypeCheckers;
+
+function requireFactoryWithTypeCheckers () {
+	if (hasRequiredFactoryWithTypeCheckers) return factoryWithTypeCheckers;
+	hasRequiredFactoryWithTypeCheckers = 1;
+
+	var ReactIs = require$$0;
+	var assign = requireObjectAssign();
+
+	var ReactPropTypesSecret = /*@__PURE__*/ requireReactPropTypesSecret();
+	var has = /*@__PURE__*/ requireHas();
+	var checkPropTypes = /*@__PURE__*/ requireCheckPropTypes();
+
+	var printWarning = function() {};
+
+	if (process.env.NODE_ENV !== 'production') {
+	  printWarning = function(text) {
+	    var message = 'Warning: ' + text;
+	    if (typeof console !== 'undefined') {
+	      console.error(message);
+	    }
+	    try {
+	      // --- Welcome to debugging React ---
+	      // This error was thrown as a convenience so that you can use this stack
+	      // to find the callsite that caused this warning to fire.
+	      throw new Error(message);
+	    } catch (x) {}
+	  };
+	}
+
+	function emptyFunctionThatReturnsNull() {
+	  return null;
+	}
+
+	factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
+	  /* global Symbol */
+	  var ITERATOR_SYMBOL = typeof Symbol === 'function' && Symbol.iterator;
+	  var FAUX_ITERATOR_SYMBOL = '@@iterator'; // Before Symbol spec.
+
+	  /**
+	   * Returns the iterator method function contained on the iterable object.
+	   *
+	   * Be sure to invoke the function with the iterable as context:
+	   *
+	   *     var iteratorFn = getIteratorFn(myIterable);
+	   *     if (iteratorFn) {
+	   *       var iterator = iteratorFn.call(myIterable);
+	   *       ...
+	   *     }
+	   *
+	   * @param {?object} maybeIterable
+	   * @return {?function}
+	   */
+	  function getIteratorFn(maybeIterable) {
+	    var iteratorFn = maybeIterable && (ITERATOR_SYMBOL && maybeIterable[ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL]);
+	    if (typeof iteratorFn === 'function') {
+	      return iteratorFn;
+	    }
+	  }
+
+	  /**
+	   * Collection of methods that allow declaration and validation of props that are
+	   * supplied to React components. Example usage:
+	   *
+	   *   var Props = require('ReactPropTypes');
+	   *   var MyArticle = React.createClass({
+	   *     propTypes: {
+	   *       // An optional string prop named "description".
+	   *       description: Props.string,
+	   *
+	   *       // A required enum prop named "category".
+	   *       category: Props.oneOf(['News','Photos']).isRequired,
+	   *
+	   *       // A prop named "dialog" that requires an instance of Dialog.
+	   *       dialog: Props.instanceOf(Dialog).isRequired
+	   *     },
+	   *     render: function() { ... }
+	   *   });
+	   *
+	   * A more formal specification of how these methods are used:
+	   *
+	   *   type := array|bool|func|object|number|string|oneOf([...])|instanceOf(...)
+	   *   decl := ReactPropTypes.{type}(.isRequired)?
+	   *
+	   * Each and every declaration produces a function with the same signature. This
+	   * allows the creation of custom validation functions. For example:
+	   *
+	   *  var MyLink = React.createClass({
+	   *    propTypes: {
+	   *      // An optional string or URI prop named "href".
+	   *      href: function(props, propName, componentName) {
+	   *        var propValue = props[propName];
+	   *        if (propValue != null && typeof propValue !== 'string' &&
+	   *            !(propValue instanceof URI)) {
+	   *          return new Error(
+	   *            'Expected a string or an URI for ' + propName + ' in ' +
+	   *            componentName
+	   *          );
+	   *        }
+	   *      }
+	   *    },
+	   *    render: function() {...}
+	   *  });
+	   *
+	   * @internal
+	   */
+
+	  var ANONYMOUS = '<<anonymous>>';
+
+	  // Important!
+	  // Keep this list in sync with production version in `./factoryWithThrowingShims.js`.
+	  var ReactPropTypes = {
+	    array: createPrimitiveTypeChecker('array'),
+	    bigint: createPrimitiveTypeChecker('bigint'),
+	    bool: createPrimitiveTypeChecker('boolean'),
+	    func: createPrimitiveTypeChecker('function'),
+	    number: createPrimitiveTypeChecker('number'),
+	    object: createPrimitiveTypeChecker('object'),
+	    string: createPrimitiveTypeChecker('string'),
+	    symbol: createPrimitiveTypeChecker('symbol'),
+
+	    any: createAnyTypeChecker(),
+	    arrayOf: createArrayOfTypeChecker,
+	    element: createElementTypeChecker(),
+	    elementType: createElementTypeTypeChecker(),
+	    instanceOf: createInstanceTypeChecker,
+	    node: createNodeChecker(),
+	    objectOf: createObjectOfTypeChecker,
+	    oneOf: createEnumTypeChecker,
+	    oneOfType: createUnionTypeChecker,
+	    shape: createShapeTypeChecker,
+	    exact: createStrictShapeTypeChecker,
+	  };
+
+	  /**
+	   * inlined Object.is polyfill to avoid requiring consumers ship their own
+	   * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
+	   */
+	  /*eslint-disable no-self-compare*/
+	  function is(x, y) {
+	    // SameValue algorithm
+	    if (x === y) {
+	      // Steps 1-5, 7-10
+	      // Steps 6.b-6.e: +0 != -0
+	      return x !== 0 || 1 / x === 1 / y;
+	    } else {
+	      // Step 6.a: NaN == NaN
+	      return x !== x && y !== y;
+	    }
+	  }
+	  /*eslint-enable no-self-compare*/
+
+	  /**
+	   * We use an Error-like object for backward compatibility as people may call
+	   * PropTypes directly and inspect their output. However, we don't use real
+	   * Errors anymore. We don't inspect their stack anyway, and creating them
+	   * is prohibitively expensive if they are created too often, such as what
+	   * happens in oneOfType() for any type before the one that matched.
+	   */
+	  function PropTypeError(message, data) {
+	    this.message = message;
+	    this.data = data && typeof data === 'object' ? data: {};
+	    this.stack = '';
+	  }
+	  // Make `instanceof Error` still work for returned errors.
+	  PropTypeError.prototype = Error.prototype;
+
+	  function createChainableTypeChecker(validate) {
+	    if (process.env.NODE_ENV !== 'production') {
+	      var manualPropTypeCallCache = {};
+	      var manualPropTypeWarningCount = 0;
+	    }
+	    function checkType(isRequired, props, propName, componentName, location, propFullName, secret) {
+	      componentName = componentName || ANONYMOUS;
+	      propFullName = propFullName || propName;
+
+	      if (secret !== ReactPropTypesSecret) {
+	        if (throwOnDirectAccess) {
+	          // New behavior only for users of `prop-types` package
+	          var err = new Error(
+	            'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +
+	            'Use `PropTypes.checkPropTypes()` to call them. ' +
+	            'Read more at http://fb.me/use-check-prop-types'
+	          );
+	          err.name = 'Invariant Violation';
+	          throw err;
+	        } else if (process.env.NODE_ENV !== 'production' && typeof console !== 'undefined') {
+	          // Old behavior for people using React.PropTypes
+	          var cacheKey = componentName + ':' + propName;
+	          if (
+	            !manualPropTypeCallCache[cacheKey] &&
+	            // Avoid spamming the console because they are often not actionable except for lib authors
+	            manualPropTypeWarningCount < 3
+	          ) {
+	            printWarning(
+	              'You are manually calling a React.PropTypes validation ' +
+	              'function for the `' + propFullName + '` prop on `' + componentName + '`. This is deprecated ' +
+	              'and will throw in the standalone `prop-types` package. ' +
+	              'You may be seeing this warning due to a third-party PropTypes ' +
+	              'library. See https://fb.me/react-warning-dont-call-proptypes ' + 'for details.'
+	            );
+	            manualPropTypeCallCache[cacheKey] = true;
+	            manualPropTypeWarningCount++;
+	          }
+	        }
+	      }
+	      if (props[propName] == null) {
+	        if (isRequired) {
+	          if (props[propName] === null) {
+	            return new PropTypeError('The ' + location + ' `' + propFullName + '` is marked as required ' + ('in `' + componentName + '`, but its value is `null`.'));
+	          }
+	          return new PropTypeError('The ' + location + ' `' + propFullName + '` is marked as required in ' + ('`' + componentName + '`, but its value is `undefined`.'));
+	        }
+	        return null;
+	      } else {
+	        return validate(props, propName, componentName, location, propFullName);
+	      }
+	    }
+
+	    var chainedCheckType = checkType.bind(null, false);
+	    chainedCheckType.isRequired = checkType.bind(null, true);
+
+	    return chainedCheckType;
+	  }
+
+	  function createPrimitiveTypeChecker(expectedType) {
+	    function validate(props, propName, componentName, location, propFullName, secret) {
+	      var propValue = props[propName];
+	      var propType = getPropType(propValue);
+	      if (propType !== expectedType) {
+	        // `propValue` being instance of, say, date/regexp, pass the 'object'
+	        // check, but we can offer a more precise error message here rather than
+	        // 'of type `object`'.
+	        var preciseType = getPreciseType(propValue);
+
+	        return new PropTypeError(
+	          'Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + preciseType + '` supplied to `' + componentName + '`, expected ') + ('`' + expectedType + '`.'),
+	          {expectedType: expectedType}
+	        );
+	      }
+	      return null;
+	    }
+	    return createChainableTypeChecker(validate);
+	  }
+
+	  function createAnyTypeChecker() {
+	    return createChainableTypeChecker(emptyFunctionThatReturnsNull);
+	  }
+
+	  function createArrayOfTypeChecker(typeChecker) {
+	    function validate(props, propName, componentName, location, propFullName) {
+	      if (typeof typeChecker !== 'function') {
+	        return new PropTypeError('Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside arrayOf.');
+	      }
+	      var propValue = props[propName];
+	      if (!Array.isArray(propValue)) {
+	        var propType = getPropType(propValue);
+	        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an array.'));
+	      }
+	      for (var i = 0; i < propValue.length; i++) {
+	        var error = typeChecker(propValue, i, componentName, location, propFullName + '[' + i + ']', ReactPropTypesSecret);
+	        if (error instanceof Error) {
+	          return error;
+	        }
+	      }
+	      return null;
+	    }
+	    return createChainableTypeChecker(validate);
+	  }
+
+	  function createElementTypeChecker() {
+	    function validate(props, propName, componentName, location, propFullName) {
+	      var propValue = props[propName];
+	      if (!isValidElement(propValue)) {
+	        var propType = getPropType(propValue);
+	        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected a single ReactElement.'));
+	      }
+	      return null;
+	    }
+	    return createChainableTypeChecker(validate);
+	  }
+
+	  function createElementTypeTypeChecker() {
+	    function validate(props, propName, componentName, location, propFullName) {
+	      var propValue = props[propName];
+	      if (!ReactIs.isValidElementType(propValue)) {
+	        var propType = getPropType(propValue);
+	        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected a single ReactElement type.'));
+	      }
+	      return null;
+	    }
+	    return createChainableTypeChecker(validate);
+	  }
+
+	  function createInstanceTypeChecker(expectedClass) {
+	    function validate(props, propName, componentName, location, propFullName) {
+	      if (!(props[propName] instanceof expectedClass)) {
+	        var expectedClassName = expectedClass.name || ANONYMOUS;
+	        var actualClassName = getClassName(props[propName]);
+	        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + actualClassName + '` supplied to `' + componentName + '`, expected ') + ('instance of `' + expectedClassName + '`.'));
+	      }
+	      return null;
+	    }
+	    return createChainableTypeChecker(validate);
+	  }
+
+	  function createEnumTypeChecker(expectedValues) {
+	    if (!Array.isArray(expectedValues)) {
+	      if (process.env.NODE_ENV !== 'production') {
+	        if (arguments.length > 1) {
+	          printWarning(
+	            'Invalid arguments supplied to oneOf, expected an array, got ' + arguments.length + ' arguments. ' +
+	            'A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).'
+	          );
+	        } else {
+	          printWarning('Invalid argument supplied to oneOf, expected an array.');
+	        }
+	      }
+	      return emptyFunctionThatReturnsNull;
+	    }
+
+	    function validate(props, propName, componentName, location, propFullName) {
+	      var propValue = props[propName];
+	      for (var i = 0; i < expectedValues.length; i++) {
+	        if (is(propValue, expectedValues[i])) {
+	          return null;
+	        }
+	      }
+
+	      var valuesString = JSON.stringify(expectedValues, function replacer(key, value) {
+	        var type = getPreciseType(value);
+	        if (type === 'symbol') {
+	          return String(value);
+	        }
+	        return value;
+	      });
+	      return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of value `' + String(propValue) + '` ' + ('supplied to `' + componentName + '`, expected one of ' + valuesString + '.'));
+	    }
+	    return createChainableTypeChecker(validate);
+	  }
+
+	  function createObjectOfTypeChecker(typeChecker) {
+	    function validate(props, propName, componentName, location, propFullName) {
+	      if (typeof typeChecker !== 'function') {
+	        return new PropTypeError('Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside objectOf.');
+	      }
+	      var propValue = props[propName];
+	      var propType = getPropType(propValue);
+	      if (propType !== 'object') {
+	        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an object.'));
+	      }
+	      for (var key in propValue) {
+	        if (has(propValue, key)) {
+	          var error = typeChecker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
+	          if (error instanceof Error) {
+	            return error;
+	          }
+	        }
+	      }
+	      return null;
+	    }
+	    return createChainableTypeChecker(validate);
+	  }
+
+	  function createUnionTypeChecker(arrayOfTypeCheckers) {
+	    if (!Array.isArray(arrayOfTypeCheckers)) {
+	      process.env.NODE_ENV !== 'production' ? printWarning('Invalid argument supplied to oneOfType, expected an instance of array.') : void 0;
+	      return emptyFunctionThatReturnsNull;
+	    }
+
+	    for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
+	      var checker = arrayOfTypeCheckers[i];
+	      if (typeof checker !== 'function') {
+	        printWarning(
+	          'Invalid argument supplied to oneOfType. Expected an array of check functions, but ' +
+	          'received ' + getPostfixForTypeWarning(checker) + ' at index ' + i + '.'
+	        );
+	        return emptyFunctionThatReturnsNull;
+	      }
+	    }
+
+	    function validate(props, propName, componentName, location, propFullName) {
+	      var expectedTypes = [];
+	      for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
+	        var checker = arrayOfTypeCheckers[i];
+	        var checkerResult = checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret);
+	        if (checkerResult == null) {
+	          return null;
+	        }
+	        if (checkerResult.data && has(checkerResult.data, 'expectedType')) {
+	          expectedTypes.push(checkerResult.data.expectedType);
+	        }
+	      }
+	      var expectedTypesMessage = (expectedTypes.length > 0) ? ', expected one of type [' + expectedTypes.join(', ') + ']': '';
+	      return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`' + expectedTypesMessage + '.'));
+	    }
+	    return createChainableTypeChecker(validate);
+	  }
+
+	  function createNodeChecker() {
+	    function validate(props, propName, componentName, location, propFullName) {
+	      if (!isNode(props[propName])) {
+	        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`, expected a ReactNode.'));
+	      }
+	      return null;
+	    }
+	    return createChainableTypeChecker(validate);
+	  }
+
+	  function invalidValidatorError(componentName, location, propFullName, key, type) {
+	    return new PropTypeError(
+	      (componentName || 'React class') + ': ' + location + ' type `' + propFullName + '.' + key + '` is invalid; ' +
+	      'it must be a function, usually from the `prop-types` package, but received `' + type + '`.'
+	    );
+	  }
+
+	  function createShapeTypeChecker(shapeTypes) {
+	    function validate(props, propName, componentName, location, propFullName) {
+	      var propValue = props[propName];
+	      var propType = getPropType(propValue);
+	      if (propType !== 'object') {
+	        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.'));
+	      }
+	      for (var key in shapeTypes) {
+	        var checker = shapeTypes[key];
+	        if (typeof checker !== 'function') {
+	          return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
+	        }
+	        var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
+	        if (error) {
+	          return error;
+	        }
+	      }
+	      return null;
+	    }
+	    return createChainableTypeChecker(validate);
+	  }
+
+	  function createStrictShapeTypeChecker(shapeTypes) {
+	    function validate(props, propName, componentName, location, propFullName) {
+	      var propValue = props[propName];
+	      var propType = getPropType(propValue);
+	      if (propType !== 'object') {
+	        return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.'));
+	      }
+	      // We need to check all keys in case some are required but missing from props.
+	      var allKeys = assign({}, props[propName], shapeTypes);
+	      for (var key in allKeys) {
+	        var checker = shapeTypes[key];
+	        if (has(shapeTypes, key) && typeof checker !== 'function') {
+	          return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
+	        }
+	        if (!checker) {
+	          return new PropTypeError(
+	            'Invalid ' + location + ' `' + propFullName + '` key `' + key + '` supplied to `' + componentName + '`.' +
+	            '\nBad object: ' + JSON.stringify(props[propName], null, '  ') +
+	            '\nValid keys: ' + JSON.stringify(Object.keys(shapeTypes), null, '  ')
+	          );
+	        }
+	        var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
+	        if (error) {
+	          return error;
+	        }
+	      }
+	      return null;
+	    }
+
+	    return createChainableTypeChecker(validate);
+	  }
+
+	  function isNode(propValue) {
+	    switch (typeof propValue) {
+	      case 'number':
+	      case 'string':
+	      case 'undefined':
+	        return true;
+	      case 'boolean':
+	        return !propValue;
+	      case 'object':
+	        if (Array.isArray(propValue)) {
+	          return propValue.every(isNode);
+	        }
+	        if (propValue === null || isValidElement(propValue)) {
+	          return true;
+	        }
+
+	        var iteratorFn = getIteratorFn(propValue);
+	        if (iteratorFn) {
+	          var iterator = iteratorFn.call(propValue);
+	          var step;
+	          if (iteratorFn !== propValue.entries) {
+	            while (!(step = iterator.next()).done) {
+	              if (!isNode(step.value)) {
+	                return false;
+	              }
+	            }
+	          } else {
+	            // Iterator will provide entry [k,v] tuples rather than values.
+	            while (!(step = iterator.next()).done) {
+	              var entry = step.value;
+	              if (entry) {
+	                if (!isNode(entry[1])) {
+	                  return false;
+	                }
+	              }
+	            }
+	          }
+	        } else {
+	          return false;
+	        }
+
+	        return true;
+	      default:
+	        return false;
+	    }
+	  }
+
+	  function isSymbol(propType, propValue) {
+	    // Native Symbol.
+	    if (propType === 'symbol') {
+	      return true;
+	    }
+
+	    // falsy value can't be a Symbol
+	    if (!propValue) {
+	      return false;
+	    }
+
+	    // 19.4.3.5 Symbol.prototype[@@toStringTag] === 'Symbol'
+	    if (propValue['@@toStringTag'] === 'Symbol') {
+	      return true;
+	    }
+
+	    // Fallback for non-spec compliant Symbols which are polyfilled.
+	    if (typeof Symbol === 'function' && propValue instanceof Symbol) {
+	      return true;
+	    }
+
+	    return false;
+	  }
+
+	  // Equivalent of `typeof` but with special handling for array and regexp.
+	  function getPropType(propValue) {
+	    var propType = typeof propValue;
+	    if (Array.isArray(propValue)) {
+	      return 'array';
+	    }
+	    if (propValue instanceof RegExp) {
+	      // Old webkits (at least until Android 4.0) return 'function' rather than
+	      // 'object' for typeof a RegExp. We'll normalize this here so that /bla/
+	      // passes PropTypes.object.
+	      return 'object';
+	    }
+	    if (isSymbol(propType, propValue)) {
+	      return 'symbol';
+	    }
+	    return propType;
+	  }
+
+	  // This handles more types than `getPropType`. Only used for error messages.
+	  // See `createPrimitiveTypeChecker`.
+	  function getPreciseType(propValue) {
+	    if (typeof propValue === 'undefined' || propValue === null) {
+	      return '' + propValue;
+	    }
+	    var propType = getPropType(propValue);
+	    if (propType === 'object') {
+	      if (propValue instanceof Date) {
+	        return 'date';
+	      } else if (propValue instanceof RegExp) {
+	        return 'regexp';
+	      }
+	    }
+	    return propType;
+	  }
+
+	  // Returns a string that is postfixed to a warning about an invalid type.
+	  // For example, "undefined" or "of type array"
+	  function getPostfixForTypeWarning(value) {
+	    var type = getPreciseType(value);
+	    switch (type) {
+	      case 'array':
+	      case 'object':
+	        return 'an ' + type;
+	      case 'boolean':
+	      case 'date':
+	      case 'regexp':
+	        return 'a ' + type;
+	      default:
+	        return type;
+	    }
+	  }
+
+	  // Returns class name of the object, if any.
+	  function getClassName(propValue) {
+	    if (!propValue.constructor || !propValue.constructor.name) {
+	      return ANONYMOUS;
+	    }
+	    return propValue.constructor.name;
+	  }
+
+	  ReactPropTypes.checkPropTypes = checkPropTypes;
+	  ReactPropTypes.resetWarningCache = checkPropTypes.resetWarningCache;
+	  ReactPropTypes.PropTypes = ReactPropTypes;
+
+	  return ReactPropTypes;
+	};
+	return factoryWithTypeCheckers;
+}
+
+/**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+var factoryWithThrowingShims;
+var hasRequiredFactoryWithThrowingShims;
+
+function requireFactoryWithThrowingShims () {
+	if (hasRequiredFactoryWithThrowingShims) return factoryWithThrowingShims;
+	hasRequiredFactoryWithThrowingShims = 1;
+
+	var ReactPropTypesSecret = /*@__PURE__*/ requireReactPropTypesSecret();
+
+	function emptyFunction() {}
+	function emptyFunctionWithReset() {}
+	emptyFunctionWithReset.resetWarningCache = emptyFunction;
+
+	factoryWithThrowingShims = function() {
+	  function shim(props, propName, componentName, location, propFullName, secret) {
+	    if (secret === ReactPropTypesSecret) {
+	      // It is still safe when called from React.
+	      return;
+	    }
+	    var err = new Error(
+	      'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +
+	      'Use PropTypes.checkPropTypes() to call them. ' +
+	      'Read more at http://fb.me/use-check-prop-types'
+	    );
+	    err.name = 'Invariant Violation';
+	    throw err;
+	  }	  shim.isRequired = shim;
+	  function getShim() {
+	    return shim;
+	  }	  // Important!
+	  // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.
+	  var ReactPropTypes = {
+	    array: shim,
+	    bigint: shim,
+	    bool: shim,
+	    func: shim,
+	    number: shim,
+	    object: shim,
+	    string: shim,
+	    symbol: shim,
+
+	    any: shim,
+	    arrayOf: getShim,
+	    element: shim,
+	    elementType: shim,
+	    instanceOf: getShim,
+	    node: shim,
+	    objectOf: getShim,
+	    oneOf: getShim,
+	    oneOfType: getShim,
+	    shape: getShim,
+	    exact: getShim,
+
+	    checkPropTypes: emptyFunctionWithReset,
+	    resetWarningCache: emptyFunction
+	  };
+
+	  ReactPropTypes.PropTypes = ReactPropTypes;
+
+	  return ReactPropTypes;
+	};
+	return factoryWithThrowingShims;
+}
+
+/**
+ * Copyright (c) 2013-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+var hasRequiredPropTypes;
+
+function requirePropTypes () {
+	if (hasRequiredPropTypes) return propTypes.exports;
+	hasRequiredPropTypes = 1;
+	if (process.env.NODE_ENV !== 'production') {
+	  var ReactIs = require$$0;
+
+	  // By explicitly using `prop-types` you are opting into new development behavior.
+	  // http://fb.me/prop-types-in-prod
+	  var throwOnDirectAccess = true;
+	  propTypes.exports = /*@__PURE__*/ requireFactoryWithTypeCheckers()(ReactIs.isElement, throwOnDirectAccess);
+	} else {
+	  // By explicitly using `prop-types` you are opting into new production behavior.
+	  // http://fb.me/prop-types-in-prod
+	  propTypes.exports = /*@__PURE__*/ requireFactoryWithThrowingShims()();
+	}
+	return propTypes.exports;
+}
+
+var propTypesExports = /*@__PURE__*/ requirePropTypes();
+var PropTypes = /*@__PURE__*/getDefaultExportFromCjs(propTypesExports);
+
+var _excluded = ["tagName", "className", "style", "children", "allowMouseEvents", "onSwipeUp", "onSwipeDown", "onSwipeLeft", "onSwipeRight", "onSwipeStart", "onSwipeMove", "onSwipeEnd", "innerRef", "tolerance"];
+var supportsCaptureOption = false;
+function setHasSupportToCaptureOption(hasSupport) {
+  supportsCaptureOption = hasSupport;
+}
+try {
+  addEventListener('test', null, Object.defineProperty({}, 'capture', {
+    get: function get() {
+      setHasSupportToCaptureOption(true);
+    }
+  }));
+} catch (e) {} // eslint-disable-line no-empty
+
+function getSafeEventHandlerOpts() {
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+    capture: true
+  };
+  return supportsCaptureOption ? options : false;
+}
+
+/**
+ * [getPosition returns a position element that works for mouse or touch events]
+ * @param  {[Event]} event [the received event]
+ * @return {[Object]}      [x and y coords]
+ */
+function getPosition$1(event) {
+  if ('touches' in event) {
+    var _event$touches$ = event.touches[0],
+      pageX = _event$touches$.pageX,
+      pageY = _event$touches$.pageY;
+    return {
+      x: pageX,
+      y: pageY
+    };
+  }
+  var screenX = event.screenX,
+    screenY = event.screenY;
+  return {
+    x: screenX,
+    y: screenY
+  };
+}
+var ReactSwipe = /*#__PURE__*/function (_Component) {
+  function ReactSwipe() {
+    var _this;
+    _classCallCheck(this, ReactSwipe);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, ReactSwipe, [].concat(args));
+    _this._handleSwipeStart = _this._handleSwipeStart.bind(_this);
+    _this._handleSwipeMove = _this._handleSwipeMove.bind(_this);
+    _this._handleSwipeEnd = _this._handleSwipeEnd.bind(_this);
+    _this._onMouseDown = _this._onMouseDown.bind(_this);
+    _this._onMouseMove = _this._onMouseMove.bind(_this);
+    _this._onMouseUp = _this._onMouseUp.bind(_this);
+    _this._setSwiperRef = _this._setSwiperRef.bind(_this);
+    return _this;
+  }
+  _inherits(ReactSwipe, _Component);
+  return _createClass(ReactSwipe, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      if (this.swiper) {
+        this.swiper.addEventListener('touchmove', this._handleSwipeMove, getSafeEventHandlerOpts({
+          capture: true,
+          passive: false
+        }));
+      }
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      if (this.swiper) {
+        this.swiper.removeEventListener('touchmove', this._handleSwipeMove, getSafeEventHandlerOpts({
+          capture: true,
+          passive: false
+        }));
+      }
+    }
+  }, {
+    key: "_onMouseDown",
+    value: function _onMouseDown(event) {
+      if (!this.props.allowMouseEvents) {
+        return;
+      }
+      this.mouseDown = true;
+      document.addEventListener('mouseup', this._onMouseUp);
+      document.addEventListener('mousemove', this._onMouseMove);
+      this._handleSwipeStart(event);
+    }
+  }, {
+    key: "_onMouseMove",
+    value: function _onMouseMove(event) {
+      if (!this.mouseDown) {
+        return;
+      }
+      this._handleSwipeMove(event);
+    }
+  }, {
+    key: "_onMouseUp",
+    value: function _onMouseUp(event) {
+      this.mouseDown = false;
+      document.removeEventListener('mouseup', this._onMouseUp);
+      document.removeEventListener('mousemove', this._onMouseMove);
+      this._handleSwipeEnd(event);
+    }
+  }, {
+    key: "_handleSwipeStart",
+    value: function _handleSwipeStart(event) {
+      var _getPosition = getPosition$1(event),
+        x = _getPosition.x,
+        y = _getPosition.y;
+      this.moveStart = {
+        x: x,
+        y: y
+      };
+      this.props.onSwipeStart(event);
+    }
+  }, {
+    key: "_handleSwipeMove",
+    value: function _handleSwipeMove(event) {
+      if (!this.moveStart) {
+        return;
+      }
+      var _getPosition2 = getPosition$1(event),
+        x = _getPosition2.x,
+        y = _getPosition2.y;
+      var deltaX = x - this.moveStart.x;
+      var deltaY = y - this.moveStart.y;
+      this.moving = true;
+
+      // handling the responsability of cancelling the scroll to
+      // the component handling the event
+      var shouldPreventDefault = this.props.onSwipeMove({
+        x: deltaX,
+        y: deltaY
+      }, event);
+      if (shouldPreventDefault && event.cancelable) {
+        event.preventDefault();
+      }
+      this.movePosition = {
+        deltaX: deltaX,
+        deltaY: deltaY
+      };
+    }
+  }, {
+    key: "_handleSwipeEnd",
+    value: function _handleSwipeEnd(event) {
+      this.props.onSwipeEnd(event);
+      var tolerance = this.props.tolerance;
+      if (this.moving && this.movePosition) {
+        if (this.movePosition.deltaX < -tolerance) {
+          this.props.onSwipeLeft(1, event);
+        } else if (this.movePosition.deltaX > tolerance) {
+          this.props.onSwipeRight(1, event);
+        }
+        if (this.movePosition.deltaY < -tolerance) {
+          this.props.onSwipeUp(1, event);
+        } else if (this.movePosition.deltaY > tolerance) {
+          this.props.onSwipeDown(1, event);
+        }
+      }
+      this.moveStart = null;
+      this.moving = false;
+      this.movePosition = null;
+    }
+  }, {
+    key: "_setSwiperRef",
+    value: function _setSwiperRef(node) {
+      this.swiper = node;
+      this.props.innerRef(node);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props = this.props;
+        _this$props.tagName;
+        var className = _this$props.className,
+        style = _this$props.style,
+        children = _this$props.children;
+        _this$props.allowMouseEvents;
+        _this$props.onSwipeUp;
+        _this$props.onSwipeDown;
+        _this$props.onSwipeLeft;
+        _this$props.onSwipeRight;
+        _this$props.onSwipeStart;
+        _this$props.onSwipeMove;
+        _this$props.onSwipeEnd;
+        _this$props.innerRef;
+        _this$props.tolerance;
+        var props = _objectWithoutProperties(_this$props, _excluded);
+      return /*#__PURE__*/React.createElement(this.props.tagName, _extends({
+        ref: this._setSwiperRef,
+        onMouseDown: this._onMouseDown,
+        onTouchStart: this._handleSwipeStart,
+        onTouchEnd: this._handleSwipeEnd,
+        className: className,
+        style: style
+      }, props), children);
+    }
+  }]);
+}(React.Component);
+_defineProperty$1(ReactSwipe, "displayName", 'ReactSwipe');
+_defineProperty$1(ReactSwipe, "propTypes", {
+  tagName: PropTypes.string,
+  className: PropTypes.string,
+  style: PropTypes.object,
+  children: PropTypes.node,
+  allowMouseEvents: PropTypes.bool,
+  onSwipeUp: PropTypes.func,
+  onSwipeDown: PropTypes.func,
+  onSwipeLeft: PropTypes.func,
+  onSwipeRight: PropTypes.func,
+  onSwipeStart: PropTypes.func,
+  onSwipeMove: PropTypes.func,
+  onSwipeEnd: PropTypes.func,
+  innerRef: PropTypes.func,
+  tolerance: PropTypes.number.isRequired
+});
+_defineProperty$1(ReactSwipe, "defaultProps", {
+  tagName: 'div',
+  allowMouseEvents: false,
+  onSwipeUp: function onSwipeUp() {},
+  onSwipeDown: function onSwipeDown() {},
+  onSwipeLeft: function onSwipeLeft() {},
+  onSwipeRight: function onSwipeRight() {},
+  onSwipeStart: function onSwipeStart() {},
+  onSwipeMove: function onSwipeMove() {},
+  onSwipeEnd: function onSwipeEnd() {},
+  innerRef: function innerRef() {},
+  tolerance: 0
+});
+
+var classnames = {exports: {}};
+
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+
+var hasRequiredClassnames;
+
+function requireClassnames () {
+	if (hasRequiredClassnames) return classnames.exports;
+	hasRequiredClassnames = 1;
+	(function (module) {
+		/* global define */
+
+		(function () {
+
+			var hasOwn = {}.hasOwnProperty;
+
+			function classNames () {
+				var classes = '';
+
+				for (var i = 0; i < arguments.length; i++) {
+					var arg = arguments[i];
+					if (arg) {
+						classes = appendClass(classes, parseValue(arg));
+					}
+				}
+
+				return classes;
+			}
+
+			function parseValue (arg) {
+				if (typeof arg === 'string' || typeof arg === 'number') {
+					return arg;
+				}
+
+				if (typeof arg !== 'object') {
+					return '';
+				}
+
+				if (Array.isArray(arg)) {
+					return classNames.apply(null, arg);
+				}
+
+				if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
+					return arg.toString();
+				}
+
+				var classes = '';
+
+				for (var key in arg) {
+					if (hasOwn.call(arg, key) && arg[key]) {
+						classes = appendClass(classes, key);
+					}
+				}
+
+				return classes;
+			}
+
+			function appendClass (value, newClass) {
+				if (!newClass) {
+					return value;
+				}
+			
+				if (value) {
+					return value + ' ' + newClass;
+				}
+			
+				return value + newClass;
+			}
+
+			if (module.exports) {
+				classNames.default = classNames;
+				module.exports = classNames;
+			} else {
+				window.classNames = classNames;
+			}
+		}()); 
+	} (classnames));
+	return classnames.exports;
+}
+
+var classnamesExports = requireClassnames();
+var classNames = /*@__PURE__*/getDefaultExportFromCjs(classnamesExports);
+
+var klass = {
+  ROOT: function ROOT(customClassName) {
+    return classNames(_defineProperty$1({
+      'carousel-root': true
+    }, customClassName || '', !!customClassName));
+  },
+  CAROUSEL: function CAROUSEL(isSlider) {
+    return classNames({
+      carousel: true,
+      'carousel-slider': isSlider
+    });
+  },
+  WRAPPER: function WRAPPER(isSlider, axis) {
+    return classNames({
+      'thumbs-wrapper': !isSlider,
+      'slider-wrapper': isSlider,
+      'axis-horizontal': axis === 'horizontal',
+      'axis-vertical': axis !== 'horizontal'
+    });
+  },
+  SLIDER: function SLIDER(isSlider, isSwiping) {
+    return classNames({
+      thumbs: !isSlider,
+      slider: isSlider,
+      animated: !isSwiping
+    });
+  },
+  ITEM: function ITEM(isSlider, selected, previous) {
+    return classNames({
+      thumb: !isSlider,
+      slide: isSlider,
+      selected: selected,
+      previous: previous
+    });
+  },
+  ARROW_PREV: function ARROW_PREV(disabled) {
+    return classNames({
+      'control-arrow control-prev': true,
+      'control-disabled': disabled
+    });
+  },
+  ARROW_NEXT: function ARROW_NEXT(disabled) {
+    return classNames({
+      'control-arrow control-next': true,
+      'control-disabled': disabled
+    });
+  },
+  DOT: function DOT(selected) {
+    return classNames({
+      dot: true,
+      selected: selected
+    });
+  }
+};
+
+var outerWidth = function outerWidth(el) {
+  var width = el.offsetWidth;
+  var style = getComputedStyle(el);
+  width += parseInt(style.marginLeft) + parseInt(style.marginRight);
+  return width;
+};
+
+var CSSTranslate = (function (position, metric, axis) {
+  var positionPercent = position === 0 ? position : position + metric;
+  var positionCss = axis === 'horizontal' ? [positionPercent, 0, 0] : [0, positionPercent, 0];
+  var transitionProp = 'translate3d';
+  var translatedPosition = '(' + positionCss.join(',') + ')';
+  return transitionProp + translatedPosition;
+});
+
+var getWindow = (function () {
+  return window;
+});
+
+var isKeyboardEvent$1 = function isKeyboardEvent(e) {
+  return e.hasOwnProperty('key');
+};
+var Thumbs = /*#__PURE__*/function (_Component) {
+  function Thumbs(_props) {
+    var _this;
+    _classCallCheck(this, Thumbs);
+    _this = _callSuper(this, Thumbs, [_props]);
+    _defineProperty$1(_this, "setItemsWrapperRef", function (node) {
+      _this.itemsWrapperRef = node;
+    });
+    _defineProperty$1(_this, "setItemsListRef", function (node) {
+      _this.itemsListRef = node;
+    });
+    _defineProperty$1(_this, "setThumbsRef", function (node, index) {
+      if (!_this.thumbsRef) {
+        _this.thumbsRef = [];
+      }
+      _this.thumbsRef[index] = node;
+    });
+    _defineProperty$1(_this, "updateSizes", function () {
+      if (!_this.props.children || !_this.itemsWrapperRef || !_this.thumbsRef) {
+        return;
+      }
+      var total = React.Children.count(_this.props.children);
+      var wrapperSize = _this.itemsWrapperRef.clientWidth;
+      var itemSize = _this.props.thumbWidth ? _this.props.thumbWidth : outerWidth(_this.thumbsRef[0]);
+      var visibleItems = Math.floor(wrapperSize / itemSize);
+      var showArrows = visibleItems < total;
+      var lastPosition = showArrows ? total - visibleItems : 0;
+      _this.setState(function (_state, props) {
+        return {
+          itemSize: itemSize,
+          visibleItems: visibleItems,
+          firstItem: showArrows ? _this.getFirstItem(props.selectedItem) : 0,
+          lastPosition: lastPosition,
+          showArrows: showArrows
+        };
+      });
+    });
+    _defineProperty$1(_this, "handleClickItem", function (index, item, e) {
+      if (!isKeyboardEvent$1(e) || e.key === 'Enter') {
+        var handler = _this.props.onSelectItem;
+        if (typeof handler === 'function') {
+          handler(index, item);
+        }
+      }
+    });
+    _defineProperty$1(_this, "onSwipeStart", function () {
+      _this.setState({
+        swiping: true
+      });
+    });
+    _defineProperty$1(_this, "onSwipeEnd", function () {
+      _this.setState({
+        swiping: false
+      });
+    });
+    _defineProperty$1(_this, "onSwipeMove", function (delta) {
+      var deltaX = delta.x;
+      if (!_this.state.itemSize || !_this.itemsWrapperRef || !_this.state.visibleItems) {
+        return false;
+      }
+      var leftBoundary = 0;
+      var childrenLength = React.Children.count(_this.props.children);
+      var currentPosition = -(_this.state.firstItem * 100) / _this.state.visibleItems;
+      var lastLeftItem = Math.max(childrenLength - _this.state.visibleItems, 0);
+      var lastLeftBoundary = -lastLeftItem * 100 / _this.state.visibleItems;
+
+      // prevent user from swiping left out of boundaries
+      if (currentPosition === leftBoundary && deltaX > 0) {
+        deltaX = 0;
+      }
+
+      // prevent user from swiping right out of boundaries
+      if (currentPosition === lastLeftBoundary && deltaX < 0) {
+        deltaX = 0;
+      }
+      var wrapperSize = _this.itemsWrapperRef.clientWidth;
+      var position = currentPosition + 100 / (wrapperSize / deltaX);
+      // if 3d isn't available we will use left to move
+      if (_this.itemsListRef) {
+        ['WebkitTransform', 'MozTransform', 'MsTransform', 'OTransform', 'transform', 'msTransform'].forEach(function (prop) {
+          _this.itemsListRef.style[prop] = CSSTranslate(position, '%', _this.props.axis);
+        });
+      }
+      return true;
+    });
+    _defineProperty$1(_this, "slideRight", function (positions) {
+      _this.moveTo(_this.state.firstItem - (typeof positions === 'number' ? positions : 1));
+    });
+    _defineProperty$1(_this, "slideLeft", function (positions) {
+      _this.moveTo(_this.state.firstItem + (typeof positions === 'number' ? positions : 1));
+    });
+    _defineProperty$1(_this, "moveTo", function (position) {
+      // position can't be lower than 0
+      position = position < 0 ? 0 : position;
+      // position can't be higher than last postion
+      position = position >= _this.state.lastPosition ? _this.state.lastPosition : position;
+      _this.setState({
+        firstItem: position
+      });
+    });
+    _this.state = {
+      selectedItem: _props.selectedItem,
+      swiping: false,
+      showArrows: false,
+      firstItem: 0,
+      visibleItems: 0,
+      lastPosition: 0
+    };
+    return _this;
+  }
+  _inherits(Thumbs, _Component);
+  return _createClass(Thumbs, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.setupThumbs();
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      if (this.props.selectedItem !== this.state.selectedItem) {
+        this.setState({
+          selectedItem: this.props.selectedItem,
+          firstItem: this.getFirstItem(this.props.selectedItem)
+        });
+      }
+      if (this.props.children === prevProps.children) {
+        return;
+      }
+
+      // This will capture any size changes for arrow adjustments etc.
+      // usually in the same render cycle so we don't see any flickers
+      this.updateSizes();
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.destroyThumbs();
+    }
+  }, {
+    key: "setupThumbs",
+    value: function setupThumbs() {
+      // as the widths are calculated, we need to resize
+      // the carousel when the window is resized
+      getWindow().addEventListener('resize', this.updateSizes);
+      // issue #2 - image loading smaller
+      getWindow().addEventListener('DOMContentLoaded', this.updateSizes);
+
+      // when the component is rendered we need to calculate
+      // the container size to adjust the responsive behaviour
+      this.updateSizes();
+    }
+  }, {
+    key: "destroyThumbs",
+    value: function destroyThumbs() {
+      // removing listeners
+      getWindow().removeEventListener('resize', this.updateSizes);
+      getWindow().removeEventListener('DOMContentLoaded', this.updateSizes);
+    }
+  }, {
+    key: "getFirstItem",
+    value: function getFirstItem(selectedItem) {
+      var firstItem = selectedItem;
+      if (selectedItem >= this.state.lastPosition) {
+        firstItem = this.state.lastPosition;
+      }
+      if (selectedItem < this.state.firstItem + this.state.visibleItems) {
+        firstItem = this.state.firstItem;
+      }
+      if (selectedItem < this.state.firstItem) {
+        firstItem = selectedItem;
+      }
+      return firstItem;
+    }
+  }, {
+    key: "renderItems",
+    value: function renderItems() {
+      var _this2 = this;
+      return this.props.children.map(function (img, index) {
+        var itemClass = klass.ITEM(false, index === _this2.state.selectedItem);
+        var thumbProps = {
+          key: index,
+          ref: function ref(e) {
+            return _this2.setThumbsRef(e, index);
+          },
+          className: itemClass,
+          onClick: _this2.handleClickItem.bind(_this2, index, _this2.props.children[index]),
+          onKeyDown: _this2.handleClickItem.bind(_this2, index, _this2.props.children[index]),
+          'aria-label': "".concat(_this2.props.labels.item, " ").concat(index + 1),
+          style: {
+            width: _this2.props.thumbWidth
+          }
+        };
+        return /*#__PURE__*/React.createElement("li", _extends({}, thumbProps, {
+          role: "button",
+          tabIndex: 0,
+          className: "jsx-2129274269" + " " + (thumbProps && thumbProps.className != null && thumbProps.className || "")
+        }), img, /*#__PURE__*/React.createElement(_JSXStyle, {
+          id: "2129274269"
+        }, ".thumb.jsx-2129274269{-webkit-transition:border 0.15s ease-in;transition:border 0.15s ease-in;display:inline-block;margin-right:6px;margin-bottom:0 !important;white-space:nowrap;overflow:hidden;border:3px solid #fff;padding:2px;}.thumb.jsx-2129274269:focus{border:3px solid #ccc;outline:none;}.thumb.selected.jsx-2129274269,.thumb.jsx-2129274269:hover{border:3px solid #0099ff;}.thumb.jsx-2129274269 img.jsx-2129274269{vertical-align:top;}"));
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this3 = this;
+      if (!this.props.children) {
+        return null;
+      }
+      var isSwipeable = React.Children.count(this.props.children) > 1;
+
+      // show left arrow?
+      var hasPrev = this.state.showArrows && this.state.firstItem > 0;
+      // show right arrow
+      var hasNext = this.state.showArrows && this.state.firstItem < this.state.lastPosition;
+      // obj to hold the transformations and styles
+      var itemListStyles = {};
+      var currentPosition = -this.state.firstItem * (this.state.itemSize || 0);
+      var transformProp = CSSTranslate(currentPosition, 'px', this.props.axis);
+      var transitionTime = this.props.transitionTime + 'ms';
+      itemListStyles = {
+        WebkitTransform: transformProp,
+        MozTransform: transformProp,
+        MsTransform: transformProp,
+        OTransform: transformProp,
+        transform: transformProp,
+        msTransform: transformProp,
+        WebkitTransitionDuration: transitionTime,
+        MozTransitionDuration: transitionTime,
+        MsTransitionDuration: transitionTime,
+        OTransitionDuration: transitionTime,
+        transitionDuration: transitionTime,
+        msTransitionDuration: transitionTime
+      };
+      return /*#__PURE__*/React.createElement("div", {
+        className: "jsx-3452014152" + " " + (klass.CAROUSEL(false) || "")
+      }, /*#__PURE__*/React.createElement("div", {
+        ref: this.setItemsWrapperRef,
+        className: "jsx-3452014152" + " " + (klass.WRAPPER(false) || "")
+      }, /*#__PURE__*/React.createElement(Button$1, {
+        scale: 2 / 3,
+        auto: true,
+        px: 0.6,
+        type: "button",
+        style: {
+          position: 'absolute',
+          zIndex: '2',
+          left: 0
+        },
+        iconRight: /*#__PURE__*/React.createElement(ChevronLeft$1, null),
+        className: klass.ARROW_PREV(!hasPrev),
+        onClick: function onClick() {
+          return _this3.slideRight();
+        },
+        "aria-label": this.props.labels.leftArrow
+      }), isSwipeable ? /*#__PURE__*/React.createElement(ReactSwipe, {
+        tagName: "ul",
+        className: klass.SLIDER(false, this.state.swiping),
+        onSwipeLeft: this.slideLeft,
+        onSwipeRight: this.slideRight,
+        onSwipeMove: this.onSwipeMove,
+        onSwipeStart: this.onSwipeStart,
+        onSwipeEnd: this.onSwipeEnd,
+        style: _objectSpread2({
+          display: 'flex',
+          margin: '20px 45px'
+        }, itemListStyles),
+        innerRef: this.setItemsListRef,
+        allowMouseEvents: this.props.emulateTouch
+      }, this.renderItems()) : /*#__PURE__*/React.createElement("ul", {
+        ref: function ref(node) {
+          return _this3.setItemsListRef(node);
+        },
+        style: itemListStyles,
+        className: "jsx-3452014152" + " " + (klass.SLIDER(false, this.state.swiping) || "")
+      }, this.renderItems()), /*#__PURE__*/React.createElement(Button$1, {
+        type: "button",
+        scale: 2 / 3,
+        auto: true,
+        px: 0.6,
+        style: {
+          position: 'absolute',
+          zIndex: '2',
+          right: 0
+        },
+        iconRight: /*#__PURE__*/React.createElement(ChevronRight$1, null),
+        className: klass.ARROW_NEXT(!hasNext),
+        onClick: function onClick() {
+          return _this3.slideLeft();
+        },
+        "aria-label": this.props.labels.rightArrow
+      })), /*#__PURE__*/React.createElement(_JSXStyle, {
+        id: "3452014152"
+      }, ".thumbs-wrapper.jsx-3452014152{margin:0;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.thumbs.jsx-3452014152{-webkit-transition:all 0.15s ease-in;transition:all 0.15s ease-in;position:relative;list-style:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;white-space:nowrap;margin:0 !important;}.control-arrow.control-prev.jsx-3452014152{left:0;}.control-arrow.control-prev.jsx-3452014152:before{border-right:8px solid #fff;}.control-arrow.control-next.jsx-3452014152{right:0;}.control-arrow.control-next.jsx-3452014152:before{border-left:8px solid #fff;}"));
+    }
+  }]);
+}(React.Component);
+_defineProperty$1(Thumbs, "displayName", 'Thumbs');
+_defineProperty$1(Thumbs, "defaultProps", {
+  axis: 'horizontal',
+  labels: {
+    leftArrow: 'previous slide / item',
+    rightArrow: 'next slide / item',
+    item: 'slide item'
+  },
+  selectedItem: 0,
+  thumbWidth: 80,
+  transitionTime: 350
+});
+
+var getDocument = (function () {
+  return document;
+});
+
+var noop = function noop() {};
+var defaultStatusFormatter = function defaultStatusFormatter(current, total) {
+  return "".concat(current, " of ").concat(total);
+};
+var isKeyboardEvent = function isKeyboardEvent(e) {
+  return e ? e.hasOwnProperty('key') : false;
+};
+
+/**
+ * Gets the list 'position' relative to a current index
+ * @param index
+ */
+var getPosition = function getPosition(index, props) {
+  if (props.infiniteLoop) {
+    // index has to be added by 1 because of the first cloned slide
+    ++index;
+  }
+  if (index === 0) {
+    return 0;
+  }
+  var childrenLength = React.Children.count(props.children);
+  if (props.centerMode && props.axis === 'horizontal') {
+    var currentPosition = -index * props.centerSlidePercentage;
+    var lastPosition = childrenLength - 1;
+    if (index && (index !== lastPosition || props.infiniteLoop)) {
+      currentPosition += (100 - props.centerSlidePercentage) / 2;
+    } else if (index === lastPosition) {
+      currentPosition += 100 - props.centerSlidePercentage;
+    }
+    return currentPosition;
+  }
+  return -index * 100;
+};
+
+/**
+ * Sets the 'position' transform for sliding animations
+ * @param position
+ * @param forceReflow
+ */
+var setPosition = function setPosition(position, axis) {
+  var style = {};
+  ['WebkitTransform', 'MozTransform', 'MsTransform', 'OTransform', 'transform', 'msTransform'].forEach(function (prop) {
+    // @ts-ignore
+    style[prop] = CSSTranslate(position, '%', axis);
+  });
+  return style;
+};
+
+var Arrow = function Arrow(_ref) {
+  var direction = _ref.direction,
+    onClickHandler = _ref.onClickHandler,
+    enabled = _ref.enabled,
+    label = _ref.label;
+  var isPrev = direction === 'prev';
+  var arrowClassName = isPrev ? klass.ARROW_PREV(!enabled) : klass.ARROW_NEXT(!enabled);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    "aria-label": label,
+    onClick: onClickHandler,
+    className: "jsx-4058608807" + " " + (arrowClassName || "")
+  }), /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: "4058608807"
+  }, ".control-arrow.jsx-4058608807{position:absolute;z-index:2;top:0;bottom:0;background:none;border:0;font-size:26px;cursor:pointer;opacity:0.4;-webkit-transition:all 0.25s ease-in;transition:all 0.25s ease-in;margin-top:-13px;padding:5px;color:#fff;}.control-arrow.jsx-4058608807:hover{background:rgba(0,0,0,0.2);opacity:1;}.control-arrow.jsx-4058608807:hover,.control-arrow.jsx-4058608807:focus{opacity:1;}.control-arrow.control-arrow.jsx-4058608807:before{margin:0 5px;display:inline-block;border-top:8px solid transparent;border-bottom:8px solid transparent;content:'';}.control-arrow.control-disabled.jsx-4058608807{opacity:0;cursor:inherit;display:none;}.control-arrow.control-prev.jsx-4058608807{left:0;}.control-arrow.control-prev.jsx-4058608807:before{border-right:8px solid #fff;}.control-arrow.control-next.jsx-4058608807{right:0;}.control-arrow.control-next.jsx-4058608807:before{border-left:8px solid #fff;}"));
+};
+
+var Indicator = function Indicator(_ref) {
+  var onClickHandler = _ref.onClickHandler,
+    isSelected = _ref.isSelected,
+    index = _ref.index,
+    label = _ref.label;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("li", {
+    onClick: onClickHandler,
+    onKeyDown: onClickHandler,
+    value: index,
+    key: index,
+    role: "button",
+    tabIndex: 0,
+    "aria-label": "".concat(label, " ").concat(index + 1),
+    className: "jsx-3056554148" + " " + (klass.DOT(isSelected) || "")
+  }), /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: "3056554148"
+  }, ".dot.jsx-3056554148{-webkit-transition:opacity 0.25s ease-in;transition:opacity 0.25s ease-in;opacity:0.3;box-shadow:1px 1px 2px rgba(0,0,0,0.9);background:#fff;border-radius:50%;width:8px;height:8px;cursor:pointer;display:inline-block;margin:0 8px;}.dot.selected.jsx-3056554148,.dot.jsx-3056554148:hover{opacity:1;}"));
+};
+
+/**
+ * Main animation handler for the default 'sliding' style animation
+ * @param props
+ * @param state
+ */
+var slideAnimationHandler = function slideAnimationHandler(props, state) {
+  var returnStyles = {};
+  var selectedItem = state.selectedItem;
+  var previousItem = selectedItem;
+  var lastPosition = React.Children.count(props.children) - 1;
+  var needClonedSlide = props.infiniteLoop && (selectedItem < 0 || selectedItem > lastPosition);
+
+  // Handle list position if it needs a clone
+  if (needClonedSlide) {
+    if (previousItem < 0) {
+      if (props.centerMode && props.centerSlidePercentage && props.axis === 'horizontal') {
+        returnStyles.itemListStyle = setPosition(-(lastPosition + 2) * props.centerSlidePercentage - (100 - props.centerSlidePercentage) / 2, props.axis);
+      } else {
+        returnStyles.itemListStyle = setPosition(-(lastPosition + 2) * 100, props.axis);
+      }
+    } else if (previousItem > lastPosition) {
+      returnStyles.itemListStyle = setPosition(0, props.axis);
+    }
+    return returnStyles;
+  }
+  var currentPosition = getPosition(selectedItem, props);
+
+  // if 3d is available, let's take advantage of the performance of transform
+  var transformProp = CSSTranslate(currentPosition, '%', props.axis);
+  var transitionTime = props.transitionTime + 'ms';
+  returnStyles.itemListStyle = {
+    WebkitTransform: transformProp,
+    msTransform: transformProp,
+    OTransform: transformProp,
+    transform: transformProp
+  };
+  if (!state.swiping) {
+    returnStyles.itemListStyle = _objectSpread2(_objectSpread2({}, returnStyles.itemListStyle), {}, {
+      WebkitTransitionDuration: transitionTime,
+      MozTransitionDuration: transitionTime,
+      OTransitionDuration: transitionTime,
+      transitionDuration: transitionTime,
+      msTransitionDuration: transitionTime
+    });
+  }
+  return returnStyles;
+};
+
+/**
+ * Swiping animation handler for the default 'sliding' style animation
+ * @param delta
+ * @param props
+ * @param state
+ * @param setState
+ */
+var slideSwipeAnimationHandler = function slideSwipeAnimationHandler(delta, props, state, setState) {
+  var returnStyles = {};
+  var isHorizontal = props.axis === 'horizontal';
+  var childrenLength = React.Children.count(props.children);
+  var initialBoundry = 0;
+  var currentPosition = getPosition(state.selectedItem, props);
+  var finalBoundry = props.infiniteLoop ? getPosition(childrenLength - 1, props) - 100 : getPosition(childrenLength - 1, props);
+  var axisDelta = isHorizontal ? delta.x : delta.y;
+  var handledDelta = axisDelta;
+
+  // prevent user from swiping left out of boundaries
+  if (currentPosition === initialBoundry && axisDelta > 0) {
+    handledDelta = 0;
+  }
+
+  // prevent user from swiping right out of boundaries
+  if (currentPosition === finalBoundry && axisDelta < 0) {
+    handledDelta = 0;
+  }
+  var position = currentPosition + 100 / (state.itemSize / handledDelta);
+  var hasMoved = Math.abs(axisDelta) > props.swipeScrollTolerance;
+  if (props.infiniteLoop && hasMoved) {
+    // When allowing infinite loop, if we slide left from position 0 we reveal the cloned last slide that appears before it
+    // if we slide even further we need to jump to other side so it can continue - and vice versa for the last slide
+    if (state.selectedItem === 0 && position > -100) {
+      position -= childrenLength * 100;
+    } else if (state.selectedItem === childrenLength - 1 && position < -childrenLength * 100) {
+      position += childrenLength * 100;
+    }
+  }
+  if (!props.preventMovementUntilSwipeScrollTolerance || hasMoved || state.swipeMovementStarted) {
+    if (!state.swipeMovementStarted) {
+      setState({
+        swipeMovementStarted: true
+      });
+    }
+    returnStyles.itemListStyle = setPosition(position, props.axis);
+  }
+
+  //allows scroll if the swipe was within the tolerance
+  if (hasMoved && !state.cancelClick) {
+    setState({
+      cancelClick: true
+    });
+  }
+  return returnStyles;
+};
+
+/**
+ * Default 'sliding' style animination handler for when a swipe action stops.
+ * @param props
+ * @param state
+ */
+var slideStopSwipingHandler = function slideStopSwipingHandler(props, state) {
+  var currentPosition = getPosition(state.selectedItem, props);
+  var itemListStyle = setPosition(currentPosition, props.axis);
+  return {
+    itemListStyle: itemListStyle
+  };
+};
+
+/**
+ * Main animation handler for the default 'fade' style animation
+ * @param props
+ * @param state
+ */
+var fadeAnimationHandler = function fadeAnimationHandler(props, state) {
+  var transitionTime = props.transitionTime + 'ms';
+  var transitionTimingFunction = 'ease-in-out';
+  var slideStyle = {
+    position: 'absolute',
+    display: 'block',
+    zIndex: -2,
+    minHeight: '100%',
+    opacity: 0,
+    top: 0,
+    right: 0,
+    left: 0,
+    bottom: 0,
+    transitionTimingFunction: transitionTimingFunction,
+    msTransitionTimingFunction: transitionTimingFunction,
+    MozTransitionTimingFunction: transitionTimingFunction,
+    WebkitTransitionTimingFunction: transitionTimingFunction,
+    OTransitionTimingFunction: transitionTimingFunction
+  };
+  if (!state.swiping) {
+    slideStyle = _objectSpread2(_objectSpread2({}, slideStyle), {}, {
+      WebkitTransitionDuration: transitionTime,
+      MozTransitionDuration: transitionTime,
+      OTransitionDuration: transitionTime,
+      transitionDuration: transitionTime,
+      msTransitionDuration: transitionTime
+    });
+  }
+  return {
+    slideStyle: slideStyle,
+    selectedStyle: _objectSpread2(_objectSpread2({}, slideStyle), {}, {
+      opacity: 1,
+      position: 'relative'
+    }),
+    prevStyle: _objectSpread2({}, slideStyle)
+  };
+};
+
+var Carousel = /*#__PURE__*/function (_React$Component) {
+  function Carousel(props) {
+    var _this;
+    _classCallCheck(this, Carousel);
+    _this = _callSuper(this, Carousel, [props]);
+    _defineProperty$1(_this, "setThumbsRef", function (node) {
+      _this.thumbsRef = node;
+    });
+    _defineProperty$1(_this, "setCarouselWrapperRef", function (node) {
+      _this.carouselWrapperRef = node;
+    });
+    _defineProperty$1(_this, "setListRef", function (node) {
+      _this.listRef = node;
+    });
+    _defineProperty$1(_this, "setItemsRef", function (node, index) {
+      if (!_this.itemsRef) {
+        _this.itemsRef = [];
+      }
+      _this.itemsRef[index] = node;
+    });
+    _defineProperty$1(_this, "autoPlay", function () {
+      if (React.Children.count(_this.props.children) <= 1) {
+        return;
+      }
+      _this.clearAutoPlay();
+      if (!_this.props.autoPlay) {
+        return;
+      }
+      _this.timer = setTimeout(function () {
+        _this.increment();
+      }, _this.props.interval);
+    });
+    _defineProperty$1(_this, "clearAutoPlay", function () {
+      if (_this.timer) clearTimeout(_this.timer);
+    });
+    _defineProperty$1(_this, "resetAutoPlay", function () {
+      _this.clearAutoPlay();
+      _this.autoPlay();
+    });
+    _defineProperty$1(_this, "stopOnHover", function () {
+      _this.setState({
+        isMouseEntered: true
+      }, _this.clearAutoPlay);
+    });
+    _defineProperty$1(_this, "startOnLeave", function () {
+      _this.setState({
+        isMouseEntered: false
+      }, _this.autoPlay);
+    });
+    _defineProperty$1(_this, "isFocusWithinTheCarousel", function () {
+      if (!_this.carouselWrapperRef) {
+        return false;
+      }
+      if (getDocument().activeElement === _this.carouselWrapperRef || _this.carouselWrapperRef.contains(getDocument().activeElement)) {
+        return true;
+      }
+      return false;
+    });
+    _defineProperty$1(_this, "navigateWithKeyboard", function (e) {
+      if (!_this.isFocusWithinTheCarousel()) {
+        return;
+      }
+      var axis = _this.props.axis;
+      var isHorizontal = axis === 'horizontal';
+      var keyNames = {
+        ArrowUp: 38,
+        ArrowRight: 39,
+        ArrowDown: 40,
+        ArrowLeft: 37
+      };
+      var nextKey = isHorizontal ? keyNames.ArrowRight : keyNames.ArrowDown;
+      var prevKey = isHorizontal ? keyNames.ArrowLeft : keyNames.ArrowUp;
+      if (nextKey === e.keyCode) {
+        _this.increment();
+      } else if (prevKey === e.keyCode) {
+        _this.decrement();
+      }
+    });
+    _defineProperty$1(_this, "updateSizes", function () {
+      if (!_this.state.initialized || !_this.itemsRef || _this.itemsRef.length === 0) {
+        return;
+      }
+      var isHorizontal = _this.props.axis === 'horizontal';
+      var firstItem = _this.itemsRef[0];
+      if (!firstItem) {
+        return;
+      }
+      var itemSize = isHorizontal ? firstItem.clientWidth : firstItem.clientHeight;
+      _this.setState({
+        itemSize: itemSize
+      });
+      if (_this.thumbsRef) {
+        _this.thumbsRef.updateSizes();
+      }
+    });
+    _defineProperty$1(_this, "setMountState", function () {
+      _this.setState({
+        hasMount: true
+      });
+      _this.updateSizes();
+    });
+    _defineProperty$1(_this, "handleClickItem", function (index, item) {
+      if (React.Children.count(_this.props.children) === 0) {
+        return;
+      }
+      if (_this.state.cancelClick) {
+        _this.setState({
+          cancelClick: false
+        });
+        return;
+      }
+      _this.props.onClickItem(index, item);
+      if (index !== _this.state.selectedItem) {
+        _this.setState({
+          selectedItem: index
+        });
+      }
+    });
+    /**
+     * On Change handler, Passes the index and React node to the supplied onChange prop
+     * @param index of the carousel item
+     * @param item React node of the item being changed
+     */
+    _defineProperty$1(_this, "handleOnChange", function (index, item) {
+      if (React.Children.count(_this.props.children) <= 1) {
+        return;
+      }
+      _this.props.onChange(index, item);
+    });
+    _defineProperty$1(_this, "handleClickThumb", function (index, item) {
+      _this.props.onClickThumb(index, item);
+      _this.moveTo(index);
+    });
+    _defineProperty$1(_this, "onSwipeStart", function (event) {
+      _this.setState({
+        swiping: true
+      });
+      _this.props.onSwipeStart(event);
+    });
+    _defineProperty$1(_this, "onSwipeEnd", function (event) {
+      _this.setState({
+        swiping: false,
+        cancelClick: false,
+        swipeMovementStarted: false
+      });
+      _this.props.onSwipeEnd(event);
+      _this.clearAutoPlay();
+      if (_this.state.autoPlay) {
+        _this.autoPlay();
+      }
+    });
+    _defineProperty$1(_this, "onSwipeMove", function (delta, event) {
+      _this.props.onSwipeMove(event);
+      var animationHandlerResponse = _this.props.swipeAnimationHandler(delta, _this.props, _this.state, _this.setState.bind(_this));
+      _this.setState(_objectSpread2({}, animationHandlerResponse));
+
+      // If we have not moved, we should have an empty object returned
+      // Return false to allow scrolling when not swiping
+      return !!Object.keys(animationHandlerResponse).length;
+    });
+    /**
+     * Decrements the selectedItem index a number of positions through the children list
+     * @param positions
+     * @param fromSwipe
+     */
+    _defineProperty$1(_this, "decrement", function () {
+      var positions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
+      _this.moveTo(_this.state.selectedItem - (typeof positions === 'number' ? positions : 1));
+    });
+    /**
+     * Increments the selectedItem index a number of positions through the children list
+     * @param positions
+     * @param fromSwipe
+     */
+    _defineProperty$1(_this, "increment", function () {
+      var positions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
+      _this.moveTo(_this.state.selectedItem + (typeof positions === 'number' ? positions : 1));
+    });
+    /**
+     * Moves the selected item to the position provided
+     * @param position
+     * @param fromSwipe
+     */
+    _defineProperty$1(_this, "moveTo", function (position) {
+      if (typeof position !== 'number') {
+        return;
+      }
+      var lastPosition = React.Children.count(_this.props.children) - 1;
+      if (position < 0) {
+        position = _this.props.infiniteLoop ? lastPosition : 0;
+      }
+      if (position > lastPosition) {
+        position = _this.props.infiniteLoop ? 0 : lastPosition;
+      }
+      _this.selectItem({
+        // if it's not a slider, we don't need to set position here
+        selectedItem: position
+      });
+
+      // don't reset auto play when stop on hover is enabled, doing so will trigger a call to auto play more than once
+      // and will result in the interval function not being cleared correctly.
+      if (_this.state.autoPlay && _this.state.isMouseEntered === false) {
+        _this.resetAutoPlay();
+      }
+    });
+    _defineProperty$1(_this, "onClickNext", function () {
+      _this.increment(1);
+    });
+    _defineProperty$1(_this, "onClickPrev", function () {
+      _this.decrement(1);
+    });
+    _defineProperty$1(_this, "onSwipeForward", function () {
+      _this.increment(1);
+      if (_this.props.emulateTouch) {
+        _this.setState({
+          cancelClick: true
+        });
+      }
+    });
+    _defineProperty$1(_this, "onSwipeBackwards", function () {
+      _this.decrement(1);
+      if (_this.props.emulateTouch) {
+        _this.setState({
+          cancelClick: true
+        });
+      }
+    });
+    _defineProperty$1(_this, "changeItem", function (newIndex) {
+      return function (e) {
+        if (!isKeyboardEvent(e) || e.key === 'Enter') {
+          _this.moveTo(newIndex);
+        }
+      };
+    });
+    /**
+     * This function is called when you want to 'select' a new item, or rather move to a 'selected' item
+     * It also handles the onChange callback wrapper
+     * @param state state object with updated selected item, and swiping bool if relevant
+     */
+    _defineProperty$1(_this, "selectItem", function (state) {
+      // Merge in the new state while updating updating previous item
+      _this.setState(_objectSpread2({
+        previousItem: _this.state.selectedItem
+      }, state), function () {
+        // Run animation handler and update styles based on it
+        _this.setState(_this.animationHandler(_this.props, _this.state));
+      });
+      _this.handleOnChange(state.selectedItem, React.Children.toArray(_this.props.children)[state.selectedItem]);
+    });
+    _defineProperty$1(_this, "getInitialImage", function () {
+      var selectedItem = _this.props.selectedItem;
+      var item = _this.itemsRef && _this.itemsRef[selectedItem];
+      var images = item && item.getElementsByTagName('img') || [];
+      return images[0];
+    });
+    _defineProperty$1(_this, "getVariableItemHeight", function (position) {
+      var item = _this.itemsRef && _this.itemsRef[position];
+      if (_this.state.hasMount && item && item.children.length) {
+        var slideImages = item.children[0].getElementsByTagName('img') || [];
+        if (slideImages.length > 0) {
+          var image = slideImages[0];
+          if (!image.complete) {
+            // if the image is still loading, the size won't be available so we trigger a new render after it's done
+            var _onImageLoad = function onImageLoad() {
+              _this.forceUpdate();
+              image.removeEventListener('load', _onImageLoad);
+            };
+            image.addEventListener('load', _onImageLoad);
+          }
+        }
+
+        // try to get img first, if img not there find first display tag
+        var displayItem = slideImages[0] || item.children[0];
+        var height = displayItem.clientHeight;
+        return height > 0 ? height : null;
+      }
+      return null;
+    });
+    var initState = {
+      initialized: false,
+      previousItem: props.selectedItem,
+      selectedItem: props.selectedItem,
+      hasMount: false,
+      isMouseEntered: false,
+      autoPlay: props.autoPlay,
+      swiping: false,
+      swipeMovementStarted: false,
+      cancelClick: false,
+      itemSize: 1,
+      itemListStyle: {},
+      slideStyle: {},
+      selectedStyle: {},
+      prevStyle: {}
+    };
+    _this.animationHandler = typeof props.animationHandler === 'function' && props.animationHandler || props.animationHandler === 'fade' && fadeAnimationHandler || slideAnimationHandler;
+    _this.state = _objectSpread2(_objectSpread2({}, initState), _this.animationHandler(props, initState));
+    return _this;
+  }
+  _inherits(Carousel, _React$Component);
+  return _createClass(Carousel, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      if (!this.props.children) {
+        return;
+      }
+      this.setupCarousel();
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps, prevState) {
+      if (!prevProps.children && this.props.children && !this.state.initialized) {
+        this.setupCarousel();
+      }
+      if (!prevProps.autoFocus && this.props.autoFocus) {
+        this.forceFocus();
+      }
+      if (prevState.swiping && !this.state.swiping) {
+        // We stopped swiping, ensure we are heading to the new/current slide and not stuck
+
+        this.setState(_objectSpread2({}, this.props.stopSwipingHandler(this.props, this.state)));
+      }
+      if (prevProps.selectedItem !== this.props.selectedItem || prevProps.centerMode !== this.props.centerMode) {
+        this.updateSizes();
+        this.moveTo(this.props.selectedItem);
+      }
+      if (prevProps.autoPlay !== this.props.autoPlay) {
+        if (this.props.autoPlay) {
+          this.setupAutoPlay();
+        } else {
+          this.destroyAutoPlay();
+        }
+        this.setState({
+          autoPlay: this.props.autoPlay
+        });
+      }
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.destroyCarousel();
+    }
+  }, {
+    key: "setupCarousel",
+    value: function setupCarousel() {
+      var _this2 = this;
+      this.bindEvents();
+      if (this.state.autoPlay && React.Children.count(this.props.children) > 1) {
+        this.setupAutoPlay();
+      }
+      if (this.props.autoFocus) {
+        this.forceFocus();
+      }
+      this.setState({
+        initialized: true
+      }, function () {
+        var initialImage = _this2.getInitialImage();
+        if (initialImage && !initialImage.complete) {
+          // if it's a carousel of images, we set the mount state after the first image is loaded
+          initialImage.addEventListener('load', _this2.setMountState);
+        } else {
+          _this2.setMountState();
+        }
+      });
+    }
+  }, {
+    key: "destroyCarousel",
+    value: function destroyCarousel() {
+      if (this.state.initialized) {
+        this.unbindEvents();
+        this.destroyAutoPlay();
+      }
+    }
+  }, {
+    key: "setupAutoPlay",
+    value: function setupAutoPlay() {
+      this.autoPlay();
+      var carouselWrapper = this.carouselWrapperRef;
+      if (this.props.stopOnHover && carouselWrapper) {
+        carouselWrapper.addEventListener('mouseenter', this.stopOnHover);
+        carouselWrapper.addEventListener('mouseleave', this.startOnLeave);
+      }
+    }
+  }, {
+    key: "destroyAutoPlay",
+    value: function destroyAutoPlay() {
+      this.clearAutoPlay();
+      var carouselWrapper = this.carouselWrapperRef;
+      if (this.props.stopOnHover && carouselWrapper) {
+        carouselWrapper.removeEventListener('mouseenter', this.stopOnHover);
+        carouselWrapper.removeEventListener('mouseleave', this.startOnLeave);
+      }
+    }
+  }, {
+    key: "bindEvents",
+    value: function bindEvents() {
+      // as the widths are calculated, we need to resize
+      // the carousel when the window is resized
+      getWindow().addEventListener('resize', this.updateSizes);
+      // issue #2 - image loading smaller
+      getWindow().addEventListener('DOMContentLoaded', this.updateSizes);
+      if (this.props.useKeyboardArrows) {
+        getDocument().addEventListener('keydown', this.navigateWithKeyboard);
+      }
+    }
+  }, {
+    key: "unbindEvents",
+    value: function unbindEvents() {
+      // removing listeners
+      getWindow().removeEventListener('resize', this.updateSizes);
+      getWindow().removeEventListener('DOMContentLoaded', this.updateSizes);
+      var initialImage = this.getInitialImage();
+      if (initialImage) {
+        initialImage.removeEventListener('load', this.setMountState);
+      }
+      if (this.props.useKeyboardArrows) {
+        getDocument().removeEventListener('keydown', this.navigateWithKeyboard);
+      }
+    }
+  }, {
+    key: "forceFocus",
+    value: function forceFocus() {
+      var _this$carouselWrapper;
+      (_this$carouselWrapper = this.carouselWrapperRef) === null || _this$carouselWrapper === void 0 || _this$carouselWrapper.focus();
+    }
+  }, {
+    key: "renderItems",
+    value: function renderItems(isClone) {
+      var _this3 = this;
+      if (!this.props.children) {
+        return [];
+      }
+      return React.Children.map(this.props.children, function (item, index) {
+        var isSelected = index === _this3.state.selectedItem;
+        var isPrevious = index === _this3.state.previousItem;
+        var style = isSelected && _this3.state.selectedStyle || isPrevious && _this3.state.prevStyle || _this3.state.slideStyle || {};
+        if (_this3.props.centerMode && _this3.props.axis === 'horizontal') {
+          style = _objectSpread2(_objectSpread2({}, style), {}, {
+            minWidth: _this3.props.centerSlidePercentage + '%'
+          });
+        }
+        if (_this3.state.swiping && _this3.state.swipeMovementStarted) {
+          style = _objectSpread2(_objectSpread2({}, style), {}, {
+            pointerEvents: 'none'
+          });
+        }
+        var slideProps = {
+          ref: function ref(e) {
+            return _this3.setItemsRef(e, index);
+          },
+          key: 'itemKey' + index + (isClone ? 'clone' : ''),
+          className: klass.ITEM(true, index === _this3.state.selectedItem, index === _this3.state.previousItem),
+          onClick: _this3.handleClickItem.bind(_this3, index, item),
+          style: style
+        };
+        return /*#__PURE__*/React.createElement("li", _extends({}, slideProps, {
+          className: "jsx-2755164558" + " " + (slideProps && slideProps.className != null && slideProps.className || "")
+        }), _this3.props.renderItem(item, {
+          isSelected: index === _this3.state.selectedItem,
+          isPrevious: index === _this3.state.previousItem
+        }), /*#__PURE__*/React.createElement(_JSXStyle, {
+          id: "2755164558"
+        }, ".slide.jsx-2755164558{min-width:100%;margin:0;position:relative;text-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}img.jsx-2755164558{width:100%;vertical-align:top;border:0;}iframe.jsx-2755164558{display:inline-block;width:calc(100% - 80px);margin:0 40px 40px;border:0;}.legend.jsx-2755164558{-webkit-transition:opacity 0.35s ease-in-out;transition:opacity 0.35s ease-in-out;position:absolute;bottom:40px;left:50%;margin-left:-45%;width:90%;border-radius:10px;background:#000;color:#fff;padding:10px;font-size:12px;text-align:center;opacity:0.25;}.slide.jsx-2755164558 .legend.jsx-2755164558{opacity:1;}"));
+      });
+    }
+  }, {
+    key: "renderControls",
+    value: function renderControls() {
+      var _this4 = this;
+      var _this$props = this.props,
+        showIndicators = _this$props.showIndicators,
+        labels = _this$props.labels,
+        renderIndicator = _this$props.renderIndicator,
+        children = _this$props.children;
+      if (!showIndicators) {
+        return null;
+      }
+      return /*#__PURE__*/React.createElement("ul", {
+        className: "jsx-4140983776" + " " + "control-dots"
+      }, React.Children.map(children, function (_, index) {
+        return renderIndicator && renderIndicator(_this4.changeItem(index), index === _this4.state.selectedItem, index, labels.item);
+      }), /*#__PURE__*/React.createElement(_JSXStyle, {
+        id: "4140983776"
+      }, ".control-dots.jsx-4140983776{position:absolute;bottom:0;margin:10px 0;padding:0;text-align:center;width:100%;z-index:1;}"));
+    }
+  }, {
+    key: "renderStatus",
+    value: function renderStatus() {
+      if (!this.props.showStatus) {
+        return null;
+      }
+      return /*#__PURE__*/React.createElement("p", {
+        className: "jsx-2959489890" + " " + "carousel-status"
+      }, this.props.statusFormatter(this.state.selectedItem + 1, React.Children.count(this.props.children)), /*#__PURE__*/React.createElement(_JSXStyle, {
+        id: "2959489890"
+      }, ".carousel-status.jsx-2959489890{position:absolute;top:0;right:0;padding:5px;font-size:10px;text-shadow:1px 1px 1px rgba(0,0,0,0.9);color:#fff;}"));
+    }
+  }, {
+    key: "renderThumbs",
+    value: function renderThumbs() {
+      if (!this.props.showThumbs || !this.props.children || React.Children.count(this.props.children) === 0) {
+        return null;
+      }
+      return /*#__PURE__*/React.createElement(Thumbs, {
+        ref: this.setThumbsRef,
+        onSelectItem: this.handleClickThumb,
+        selectedItem: this.state.selectedItem,
+        transitionTime: this.props.transitionTime,
+        thumbWidth: this.props.thumbWidth,
+        labels: this.props.labels,
+        emulateTouch: this.props.emulateTouch
+      }, this.props.renderThumbs(this.props.children));
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this5 = this;
+      if (!this.props.children || React.Children.count(this.props.children) === 0) {
+        return null;
+      }
+      var isSwipeable = this.props.swipeable && React.Children.count(this.props.children) > 1;
+      var isHorizontal = this.props.axis === 'horizontal';
+      var canShowArrows = this.props.showArrows && React.Children.count(this.props.children) > 1;
+
+      // show left arrow?
+      var hasPrev = canShowArrows && (this.state.selectedItem > 0 || this.props.infiniteLoop) || false;
+      // show right arrow
+      var hasNext = canShowArrows && (this.state.selectedItem < React.Children.count(this.props.children) - 1 || this.props.infiniteLoop) || false;
+      var itemsClone = this.renderItems(true);
+      var firstClone = itemsClone.shift();
+      var lastClone = itemsClone.pop();
+      var swiperProps = {
+        className: klass.SLIDER(true, this.state.swiping),
+        onSwipeMove: this.onSwipeMove,
+        onSwipeStart: this.onSwipeStart,
+        onSwipeEnd: this.onSwipeEnd,
+        style: _objectSpread2({
+          margin: 0,
+          display: this.props.axis === 'horizontal' ? 'flex' : 'unset',
+          flexDirection: this.props.axis === 'horizontal' ? 'row' : 'column'
+        }, this.state.itemListStyle),
+        tolerance: this.props.swipeScrollTolerance
+      };
+      var containerStyles = {};
+      if (isHorizontal) {
+        swiperProps.onSwipeLeft = this.onSwipeForward;
+        swiperProps.onSwipeRight = this.onSwipeBackwards;
+        if (this.props.dynamicHeight) {
+          var itemHeight = this.getVariableItemHeight(this.state.selectedItem);
+          // swiperProps.style.height = itemHeight || 'auto';
+          containerStyles.height = itemHeight || 'auto';
+        }
+      } else {
+        swiperProps.onSwipeUp = this.props.verticalSwipe === 'natural' ? this.onSwipeBackwards : this.onSwipeForward;
+        swiperProps.onSwipeDown = this.props.verticalSwipe === 'natural' ? this.onSwipeForward : this.onSwipeBackwards;
+        swiperProps.style = _objectSpread2(_objectSpread2({}, swiperProps.style), {}, {
+          height: this.state.itemSize
+        });
+        containerStyles.height = this.state.itemSize;
+      }
+      return /*#__PURE__*/React.createElement("div", {
+        "aria-label": this.props.ariaLabel,
+        ref: this.setCarouselWrapperRef,
+        tabIndex: this.props.useKeyboardArrows ? 0 : undefined,
+        className: "jsx-535322850" + " " + (klass.ROOT(this.props.className) || "")
+      }, /*#__PURE__*/React.createElement("div", {
+        style: {
+          width: this.props.width
+        },
+        className: "jsx-535322850" + " " + (klass.CAROUSEL(true) || "")
+      }, this.renderControls(), this.props.renderArrowPrev(this.onClickPrev, hasPrev, this.props.labels.leftArrow), /*#__PURE__*/React.createElement("div", {
+        style: containerStyles,
+        className: "jsx-535322850" + " " + (klass.WRAPPER(true, this.props.axis) || "")
+      }, isSwipeable ? /*#__PURE__*/React.createElement(ReactSwipe, _extends({
+        tagName: "ul",
+        innerRef: this.setListRef
+      }, swiperProps, {
+        allowMouseEvents: this.props.emulateTouch
+      }), this.props.infiniteLoop && lastClone, this.renderItems(), this.props.infiniteLoop && firstClone) : /*#__PURE__*/React.createElement("ul", {
+        ref: function ref(node) {
+          return _this5.setListRef(node);
+        },
+        style: this.state.itemListStyle || {},
+        className: "jsx-535322850" + " " + (klass.SLIDER(true, this.state.swiping) || "")
+      }, this.props.infiniteLoop && lastClone, this.renderItems(), this.props.infiniteLoop && firstClone)), this.props.renderArrowNext(this.onClickNext, hasNext, this.props.labels.rightArrow), this.renderStatus()), this.renderThumbs(), /*#__PURE__*/React.createElement(_JSXStyle, {
+        id: "535322850"
+      }, ".carousel-root.jsx-535322850{outline:none;}.slider.jsx-535322850{margin:0 !important;padding:0;position:relative;list-style:none;width:100%;}.slider.jsx-535322850 .animated.jsx-535322850{-webkit-transition:all 0.35s ease-in-out;transition:all 0.35s ease-in-out;}.carousel.jsx-535322850{position:relative;width:100%;}.carousel.jsx-535322850 img.jsx-535322850{width:100%;display:inline-block;pointer-events:none;}.carousel.jsx-535322850 .carousel.jsx-535322850{position:relative;}.carousel-slider.jsx-535322850{position:relative;margin:0;overflow:hidden;}.slider-wrapper.jsx-535322850{overflow:hidden;margin:auto;width:100%;-webkit-transition:height 0.15s ease-in;transition:height 0.15s ease-in;}"));
+    }
+  }]);
+}(React.Component);
+// @ts-ignore
+_defineProperty$1(Carousel, "displayName", 'Carousel');
+_defineProperty$1(Carousel, "defaultProps", {
+  ariaLabel: undefined,
+  axis: 'horizontal',
+  centerSlidePercentage: 80,
+  interval: 3000,
+  labels: {
+    leftArrow: 'previous slide / item',
+    rightArrow: 'next slide / item',
+    item: 'slide item'
+  },
+  onClickItem: noop,
+  onClickThumb: noop,
+  onChange: noop,
+  onSwipeStart: function onSwipeStart() {},
+  onSwipeEnd: function onSwipeEnd() {},
+  onSwipeMove: function onSwipeMove() {
+    return false;
+  },
+  preventMovementUntilSwipeScrollTolerance: false,
+  renderArrowPrev: function renderArrowPrev(onClickHandler, hasPrev, label) {
+    return /*#__PURE__*/React.createElement(Arrow, {
+      direction: "prev",
+      onClickHandler: onClickHandler,
+      enabled: hasPrev,
+      label: label
+    });
+  },
+  renderArrowNext: function renderArrowNext(onClickHandler, hasNext, label) {
+    return /*#__PURE__*/React.createElement(Arrow, {
+      direction: "next",
+      onClickHandler: onClickHandler,
+      enabled: hasNext,
+      label: label
+    });
+  },
+  renderIndicator: function renderIndicator(onClickHandler, isSelected, index, label) {
+    return /*#__PURE__*/React.createElement(Indicator, {
+      onClickHandler: onClickHandler,
+      isSelected: isSelected,
+      index: index,
+      label: label
+    });
+  },
+  renderItem: function renderItem(item) {
+    return item;
+  },
+  renderThumbs: function renderThumbs(children) {
+    var images = React.Children.map(children, function (item) {
+      var img = item;
+
+      // if the item is not an image, try to find the first image in the item's children.
+      if (item.type !== 'img') {
+        img = React.Children.toArray(item.props.children).find(function (children) {
+          return children.type === 'img';
+        });
+      }
+      if (!img) {
+        return undefined;
+      }
+      return img;
+    });
+    if (images.filter(function (image) {
+      return image;
+    }).length === 0) {
+      console.warn("No images found! Can't build the thumb list without images. If you don't need thumbs, set showThumbs={false} in the Carousel. Note that it's not possible to get images rendered inside custom components. More info at https://github.com/leandrowd/react-responsive-carousel/blob/master/TROUBLESHOOTING.md");
+      return [];
+    }
+    return images;
+  },
+  statusFormatter: defaultStatusFormatter,
+  selectedItem: 0,
+  showArrows: true,
+  showIndicators: true,
+  showStatus: true,
+  showThumbs: true,
+  stopOnHover: true,
+  swipeScrollTolerance: 5,
+  swipeable: true,
+  transitionTime: 350,
+  verticalSwipe: 'standard',
+  width: '100%',
+  animationHandler: 'slide',
+  swipeAnimationHandler: slideSwipeAnimationHandler,
+  stopSwipingHandler: slideStopSwipingHandler
+});
+
 exports.AutoComplete = AutoComplete;
 exports.Avatar = Avatar;
 exports.Badge = Badge;
@@ -60326,6 +62921,7 @@ exports.ButtonDropdown = ButtonDropdown;
 exports.ButtonGroup = ButtonGroup;
 exports.Capacity = Capacity;
 exports.Card = Card;
+exports.Carousel = Carousel;
 exports.Checkbox = Checkbox;
 exports.CircularProgress = CircularProgressbarWithChildren;
 exports.CircularProgressBar = CircularProgressbar;
@@ -60384,6 +62980,7 @@ exports.Slider = Slider;
 exports.Snippet = Snippet;
 exports.Spacer = Spacer;
 exports.Spinner = Spinner;
+exports.Swipe = ReactSwipe;
 exports.Table = Table;
 exports.Tabs = Tabs;
 exports.Tag = Tag;