@luminati-io/uikit 3.8.2 → 3.9.0

package/dist/umd/uikit.development.js

@@ -28561,13 +28561,16 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-var Badge = function Badge(props) {
-  var className = props.className,
-    children = props.children,
-    shape = props.shape,
-    variant = props.variant,
-    icon = props.icon,
-    iconPlacement = props.iconPlacement;
+var Badge = function Badge(_ref) {
+  var className = _ref.className,
+    children = _ref.children,
+    _ref$shape = _ref.shape,
+    shape = _ref$shape === void 0 ? 'square' : _ref$shape,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'default' : _ref$variant,
+    icon = _ref.icon,
+    iconPlacement = _ref.iconPlacement,
+    onClick = _ref.onClick;
   var bgColor = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
     return {
       "default": _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.gray_3,
@@ -28594,16 +28597,13 @@ var Badge = function Badge(props) {
   }, icon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_3__.Icon, {
     name: icon,
     size: "xxs",
-    color: color
+    color: color,
+    onClick: onClick
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_6__.Label, {
     variant: "xs",
     color: color
   }, children));
 };
-Badge.defaultProps = {
-  shape: 'square',
-  variant: 'default'
-};
 Badge.propTypes = {
   shape: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['rounded', 'square']),
   variant: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['default', 'negative', 'positive', 'gold', 'blue']),
@@ -29059,25 +29059,22 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   Button: () => (/* binding */ Button)
 /* harmony export */ });
-/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/omit */ "./node_modules/lodash/omit.js");
-/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_omit__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "prop-types");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! styled-components */ "styled-components");
-/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../icon */ "./src/icon.js");
-/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
-/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
-/* harmony import */ var _loading_icon__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./loading_icon */ "./src/button/loading_icon.js");
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ "prop-types");
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! styled-components */ "styled-components");
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../icon */ "./src/icon.js");
+/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
+/* harmony import */ var _loading_icon__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./loading_icon */ "./src/button/loading_icon.js");
 // LICENSE_CODE ZON
 
 
 /*jslint react:true*/
-
-var _excluded = ["text", "variant", "size", "disabled", "loading", "loadingText"],
+var _excluded = ["text", "variant", "size", "disabled", "loading", "loadingText", "icon", "iconPlacement"],
   _excluded2 = ["isLeft", "isRight"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
@@ -29090,51 +29087,55 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
-var Button = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRef(function (props, ref) {
-  var text = props.text,
-    variant = props.variant,
-    size = props.size,
-    disabled = props.disabled,
-    loading = props.loading,
-    loadingText = props.loadingText,
-    rest = _objectWithoutProperties(props, _excluded);
-  var _getIconProps = (0,_utils__WEBPACK_IMPORTED_MODULE_7__.getIconProps)('Button', props),
+var Button = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (_ref, ref) {
+  var text = _ref.text,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'primary' : _ref$variant,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'md' : _ref$size,
+    disabled = _ref.disabled,
+    loading = _ref.loading,
+    _ref$loadingText = _ref.loadingText,
+    loadingText = _ref$loadingText === void 0 ? 'Loading...' : _ref$loadingText,
+    icon = _ref.icon,
+    _ref$iconPlacement = _ref.iconPlacement,
+    iconPlacement = _ref$iconPlacement === void 0 ? 'left' : _ref$iconPlacement,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _getIconProps = (0,_utils__WEBPACK_IMPORTED_MODULE_6__.getIconProps)('Button', {
+      size: size,
+      icon: icon,
+      iconPlacement: iconPlacement
+    }),
     isLeft = _getIconProps.isLeft,
     isRight = _getIconProps.isRight,
     iconProps = _objectWithoutProperties(_getIconProps, _excluded2);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(StyledButton, _extends({
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledButton, _extends({
     ref: ref
-  }, lodash_omit__WEBPACK_IMPORTED_MODULE_0___default()(rest, 'icon', 'iconPlacement'), {
+  }, rest, {
     disabled: loading || disabled,
     $variant: variant,
     $size: size,
     $iconPlacement: isLeft || loading ? 'left' : isRight ? 'right' : ''
-  }), loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_loading_icon__WEBPACK_IMPORTED_MODULE_8__.LoadingIcon, {
+  }), loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_loading_icon__WEBPACK_IMPORTED_MODULE_7__.LoadingIcon, {
     size: iconProps.size
-  }), isLeft && !loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_4__.Icon, iconProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_5__.Label, {
+  }), isLeft && !loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_3__.Icon, iconProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_4__.Label, {
     variant: size == 'xs' ? 'sm' : 'lg',
     no_wrap: true,
     "data-label": true
-  }, loading ? loadingText : text), isRight && !loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_4__.Icon, iconProps));
+  }, loading ? loadingText : text), isRight && !loading && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_3__.Icon, iconProps));
 });
 Button.displayName = 'Button';
-Button.defaultProps = {
-  variant: 'primary',
-  size: 'md',
-  iconPlacement: 'left',
-  loadingText: 'Loading...'
-};
 Button.propTypes = {
-  text: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node).isRequired,
-  variant: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['primary', 'secondary', 'negative', 'negative_secondary', 'positive', 'white']),
-  size: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['xs', 'sm', 'md', 'lg']),
-  icon: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_7__.iconNames),
-  iconPlacement: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['left', 'right']),
-  disabled: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
-  loading: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
-  loadingText: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)
+  text: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node).isRequired,
+  variant: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['primary', 'secondary', 'negative', 'negative_secondary', 'positive', 'white']),
+  size: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['xs', 'sm', 'md', 'lg']),
+  icon: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_6__.iconNames),
+  iconPlacement: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['left', 'right']),
+  disabled: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  loading: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  loadingText: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string)
 };
-var StyledButton = styled_components__WEBPACK_IMPORTED_MODULE_3___default().button.withConfig({
+var StyledButton = styled_components__WEBPACK_IMPORTED_MODULE_2___default().button.withConfig({
   displayName: "StyledButton",
   componentId: "sc-ckjtjy-0"
 })(["display:inline-flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer;&:disabled{cursor:not-allowed;}text-decoration:none;&:hover,&:visited,:focus{text-decoration:none;}", " ", " ", ""], function (props) {
@@ -29146,12 +29147,12 @@ var StyledButton = styled_components__WEBPACK_IMPORTED_MODULE_3___default().butt
     gap = 2;
     paddingLeft = paddingRight = 8;
   }
-  return (0,styled_components__WEBPACK_IMPORTED_MODULE_3__.css)(["gap:", ";padding-left:", ";padding-right:", ";"], (0,_utils__WEBPACK_IMPORTED_MODULE_7__.toPixel)(gap), (0,_utils__WEBPACK_IMPORTED_MODULE_7__.toPixel)(paddingLeft), (0,_utils__WEBPACK_IMPORTED_MODULE_7__.toPixel)(paddingRight));
+  return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["gap:", ";padding-left:", ";padding-right:", ";"], (0,_utils__WEBPACK_IMPORTED_MODULE_6__.toPixel)(gap), (0,_utils__WEBPACK_IMPORTED_MODULE_6__.toPixel)(paddingLeft), (0,_utils__WEBPACK_IMPORTED_MODULE_6__.toPixel)(paddingRight));
 }, function (props) {
-  var colors = (0,_util__WEBPACK_IMPORTED_MODULE_6__.getButtonColors)(props);
-  return (0,styled_components__WEBPACK_IMPORTED_MODULE_3__.css)(["background-color:", ";border:", ";[data-label]{color:", ";}[data-icon]{color:", ";}", " ", ""], colors.backColor, colors.border || '0 none', colors.color, colors.iconColor || colors.color, colors.hover && "&:hover {\n                background-color: ".concat(colors.hover.backColor, ";\n            }"), colors.active && "&:active {\n                background-color: ".concat(colors.active.backColor, ";\n                border: ").concat(colors.active.border, ";\n                box-shadow: ").concat(colors.active.boxShadow, ";\n                ").concat(colors.active.iconColor && "[data-icon] {\n                    color: ".concat(colors.active.iconColor, ";\n                }"), "\n            }"));
+  var colors = (0,_util__WEBPACK_IMPORTED_MODULE_5__.getButtonColors)(props);
+  return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["background-color:", ";border:", ";[data-label]{color:", ";}[data-icon]{color:", ";}", " ", ""], colors.backColor, colors.border || '0 none', colors.color, colors.iconColor || colors.color, colors.hover && "&:hover {\n                background-color: ".concat(colors.hover.backColor, ";\n            }"), colors.active && "&:active {\n                background-color: ".concat(colors.active.backColor, ";\n                border: ").concat(colors.active.border, ";\n                box-shadow: ").concat(colors.active.boxShadow, ";\n                ").concat(colors.active.iconColor && "[data-icon] {\n                    color: ".concat(colors.active.iconColor, ";\n                }"), "\n            }"));
 }, function (props) {
-  return (0,_util__WEBPACK_IMPORTED_MODULE_6__.getButtonSize)(props.$size);
+  return (0,_util__WEBPACK_IMPORTED_MODULE_5__.getButtonSize)(props.$size);
 });
 
 /***/ }),
@@ -29250,6 +29251,9 @@ __webpack_require__.r(__webpack_exports__);
 
 /*jslint react:true*/
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["animated", "showGridRows", "showGridColumns", "stacked"];
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -29390,21 +29394,32 @@ AreaChart.displayName = 'AreaChart';
 var Area = function Area(props) {
   var _splitProps = (0,_util__WEBPACK_IMPORTED_MODULE_2__.splitProps)(props, 'animated', 'showGridRows', 'showGridColumns', 'numTicks', 'xAxis', 'yAxis', 'formatValue', 'margin', 'stacked', 'showTooltip', 'tooltipContent', 'curveType', 'onPointerMove', 'onPointerOut', 'onPointerUp', 'onPointerDown', 'pointerEventsDataKey', 'children'),
     _splitProps2 = _slicedToArray(_splitProps, 2),
-    chartProps = _splitProps2[0],
-    restProps = _splitProps2[1];
+    _splitProps2$ = _splitProps2[0],
+    _splitProps2$$animate = _splitProps2$.animated,
+    animated = _splitProps2$$animate === void 0 ? true : _splitProps2$$animate,
+    _splitProps2$$showGri = _splitProps2$.showGridRows,
+    showGridRows = _splitProps2$$showGri === void 0 ? false : _splitProps2$$showGri,
+    _splitProps2$$showGri2 = _splitProps2$.showGridColumns,
+    showGridColumns = _splitProps2$$showGri2 === void 0 ? false : _splitProps2$$showGri2,
+    _splitProps2$$stacked = _splitProps2$.stacked,
+    stacked = _splitProps2$$stacked === void 0 ? false : _splitProps2$$stacked,
+    chartProps = _objectWithoutProperties(_splitProps2$, _excluded),
+    _splitProps2$2 = _splitProps2[1],
+    _splitProps2$2$classN = _splitProps2$2.className,
+    className = _splitProps2$2$classN === void 0 ? 'area-class' : _splitProps2$2$classN,
+    restProps = _splitProps2$2.restProps;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chart_container__WEBPACK_IMPORTED_MODULE_3__.ChartContainer, _extends({}, restProps, {
+    className: className,
     Chart: AreaChart,
-    chartProps: chartProps
+    chartProps: _objectSpread({
+      animated: animated,
+      showGridRows: showGridRows,
+      showGridColumns: showGridColumns,
+      stacked: stacked
+    }, chartProps)
   }));
 };
 Area.displayName = 'Chart.Area';
-Area.defaultProps = {
-  animated: true,
-  showGridRows: false,
-  showGridColumns: false,
-  stacked: false,
-  className: 'area-class'
-};
 Area.propTypes = {
   animated: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
   showGridRows: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
@@ -29482,7 +29497,8 @@ __webpack_require__.r(__webpack_exports__);
 
 /*jslint react:true*/
 var _excluded = ["id", "type"],
-  _excluded2 = ["pattern"];
+  _excluded2 = ["pattern"],
+  _excluded3 = ["animated", "showGridRows", "showGridColumns", "horizontal"];
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -29667,20 +29683,28 @@ BarChart.displayName = 'BarChart';
 var Bar = function Bar(props) {
   var _splitProps = (0,_util__WEBPACK_IMPORTED_MODULE_2__.splitProps)(props, 'animated', 'showGridRows', 'showGridColumns', 'numTicks', 'xAxis', 'yAxis', 'formatValue', 'margin', 'horizontal', 'stacked', 'showAnnotations', 'showTooltip', 'tooltipContent', 'snapTooltipToDatumX', 'snapTooltipToDatumY', 'showVerticalCrosshair', 'showHorizontalCrosshair', 'onPointerMove', 'onPointerOut', 'onPointerUp', 'onPointerDown', 'pointerEventsDataKey', 'children'),
     _splitProps2 = _slicedToArray(_splitProps, 2),
-    chartProps = _splitProps2[0],
+    _splitProps2$ = _splitProps2[0],
+    _splitProps2$$animate = _splitProps2$.animated,
+    animated = _splitProps2$$animate === void 0 ? true : _splitProps2$$animate,
+    _splitProps2$$showGri = _splitProps2$.showGridRows,
+    showGridRows = _splitProps2$$showGri === void 0 ? false : _splitProps2$$showGri,
+    _splitProps2$$showGri2 = _splitProps2$.showGridColumns,
+    showGridColumns = _splitProps2$$showGri2 === void 0 ? false : _splitProps2$$showGri2,
+    _splitProps2$$horizon = _splitProps2$.horizontal,
+    horizontal = _splitProps2$$horizon === void 0 ? false : _splitProps2$$horizon,
+    chartProps = _objectWithoutProperties(_splitProps2$, _excluded3),
     restProps = _splitProps2[1];
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chart_container__WEBPACK_IMPORTED_MODULE_4__.ChartContainer, _extends({}, restProps, {
     Chart: BarChart,
-    chartProps: chartProps
+    chartProps: _objectSpread({
+      animated: animated,
+      showGridRows: showGridRows,
+      showGridColumns: showGridColumns,
+      horizontal: horizontal
+    }, chartProps)
   }));
 };
 Bar.displayName = 'Chart.Bar';
-Bar.defaultProps = {
-  animated: true,
-  showGridRows: false,
-  showGridColumns: false,
-  horizontal: false
-};
 Bar.propTypes = {
   animated: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
   showGridRows: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
@@ -30054,22 +30078,25 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
-var ChartContainer = function ChartContainer(props) {
-  var header = props.header,
-    description = props.description,
-    actions = props.actions,
-    data = props.data,
-    palette = props.palette,
-    loading = props.loading,
-    Chart = props.Chart,
-    legendItem = props.legendItem,
-    chartProps = props.chartProps,
-    showLegend = props.showLegend,
-    variant = props.variant,
-    _width = props.width,
-    _height = props.height,
-    classNamePrefix = props.classNamePrefix,
-    rest = _objectWithoutProperties(props, _excluded);
+var defaultPalette = ['#AA99EC', '#3DB9CF', '#E58FB1', '#EBBC00', '#94BA2C', '#D09E72', '#0091FF', '#E5484D', '#12A594', '#FFB224'];
+var ChartContainer = function ChartContainer(_ref) {
+  var header = _ref.header,
+    description = _ref.description,
+    actions = _ref.actions,
+    data = _ref.data,
+    _ref$palette = _ref.palette,
+    palette = _ref$palette === void 0 ? defaultPalette : _ref$palette,
+    loading = _ref.loading,
+    Chart = _ref.Chart,
+    legendItem = _ref.legendItem,
+    chartProps = _ref.chartProps,
+    showLegend = _ref.showLegend,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'default' : _ref$variant,
+    _width = _ref.width,
+    _height = _ref.height,
+    classNamePrefix = _ref.classNamePrefix,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var outerWidth = _width ? Math.max(410, _width) : undefined;
   var outerHeight = Math.max(176, _height || 0);
   var noData = !(data && data.length);
@@ -30102,9 +30129,9 @@ var ChartContainer = function ChartContainer(props) {
     className: (0,_util__WEBPACK_IMPORTED_MODULE_5__.classNames)(classNamePrefix, {
       container: true
     })
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_visx_responsive_lib_components_ParentSize__WEBPACK_IMPORTED_MODULE_11__["default"], null, function (_ref) {
-    var width = _ref.width,
-      height = _ref.height;
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_visx_responsive_lib_components_ParentSize__WEBPACK_IMPORTED_MODULE_11__["default"], null, function (_ref2) {
+    var width = _ref2.width,
+      height = _ref2.height;
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Chart, _extends({}, chartProps, {
       data: data,
       palette: palette,
@@ -30121,10 +30148,6 @@ var ChartContainer = function ChartContainer(props) {
   }))));
 };
 ChartContainer.displayName = 'ChartContainer';
-ChartContainer.defaultProps = {
-  palette: ['#AA99EC', '#3DB9CF', '#E58FB1', '#EBBC00', '#94BA2C', '#D09E72', '#0091FF', '#E5484D', '#12A594', '#FFB224'],
-  variant: 'default'
-};
 ChartContainer.propTypes = {
   header: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
   description: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
@@ -30605,7 +30628,8 @@ __webpack_require__.r(__webpack_exports__);
 /*jslint react:true*/
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["label", "numTicks", "formatTick", "labelOffset"],
-  _excluded2 = ["label", "numTicks", "formatTick", "labelOffset"];
+  _excluded2 = ["label", "numTicks", "formatTick", "labelOffset"],
+  _excluded3 = ["animated", "showGridRows", "showGridColumns"];
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -30751,19 +30775,25 @@ LineChart.displayName = 'LineChart';
 var Line = function Line(props) {
   var _splitProps = (0,_util__WEBPACK_IMPORTED_MODULE_2__.splitProps)(props, 'animated', 'showGridRows', 'showGridColumns', 'numTicks', 'xAxis', 'yAxis', 'formatValue', 'margin', 'showTooltip', 'tooltipContent', 'curveType', 'onPointerMove', 'onPointerOut', 'onPointerUp', 'onPointerDown', 'pointerEventsDataKey', 'children'),
     _splitProps2 = _slicedToArray(_splitProps, 2),
-    chartProps = _splitProps2[0],
+    _splitProps2$ = _splitProps2[0],
+    _splitProps2$$animate = _splitProps2$.animated,
+    animated = _splitProps2$$animate === void 0 ? true : _splitProps2$$animate,
+    _splitProps2$$showGri = _splitProps2$.showGridRows,
+    showGridRows = _splitProps2$$showGri === void 0 ? true : _splitProps2$$showGri,
+    _splitProps2$$showGri2 = _splitProps2$.showGridColumns,
+    showGridColumns = _splitProps2$$showGri2 === void 0 ? true : _splitProps2$$showGri2,
+    chartProps = _objectWithoutProperties(_splitProps2$, _excluded3),
     restProps = _splitProps2[1];
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chart_container__WEBPACK_IMPORTED_MODULE_3__.ChartContainer, _extends({}, restProps, {
     Chart: LineChart,
-    chartProps: chartProps
+    chartProps: _objectSpread({
+      animated: animated,
+      showGridRows: showGridRows,
+      showGridColumns: showGridColumns
+    }, chartProps)
   }));
 };
 Line.displayName = 'Chart.Line';
-Line.defaultProps = {
-  animated: true,
-  showGridRows: true,
-  showGridColumns: true
-};
 Line.propTypes = {
   animated: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
   showGridRows: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
@@ -31277,12 +31307,13 @@ __webpack_require__.r(__webpack_exports__);
 
 // import 'prismjs/plugins/line-numbers/prism-line-numbers';
 
-var Code = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function (props, ref) {
-  var className = props.className,
-    text = props.text,
-    lang = props.lang,
-    themeProp = props.theme,
-    lineNumbers = props.lineNumbers;
+var Code = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function (_ref, ref) {
+  var className = _ref.className,
+    text = _ref.text,
+    lang = _ref.lang,
+    _ref$theme = _ref.theme,
+    themeProp = _ref$theme === void 0 ? 'white' : _ref$theme,
+    lineNumbers = _ref.lineNumbers;
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
     prismjs_components_prism_core__WEBPACK_IMPORTED_MODULE_1___default().highlightAll();
   }, [text, lang, lineNumbers]);
@@ -31295,9 +31326,6 @@ var Code = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(functi
   }, text));
 });
 Code.displayName = 'Code';
-Code.defaultProps = {
-  theme: 'white'
-};
 Code.propTypes = {
   text: (prop_types__WEBPACK_IMPORTED_MODULE_18___default().string),
   lang: prop_types__WEBPACK_IMPORTED_MODULE_18___default().oneOf(['js', 'javascript', 'css', 'markup', 'shell', 'java', 'csharp', 'vbnet', 'php', 'ruby', 'perl', 'python', 'json']),
@@ -31345,7 +31373,10 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /*jslint react:true*/
+var _excluded = ["className", "header", "code", "lang", "max_height", "theme", "lineNumbers", "copyButton", "onCopy"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
 
 
 
@@ -31353,19 +31384,23 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 
 
-var CodeBlock = function CodeBlock(props) {
-  var className = props.className,
-    header = props.header,
-    code = props.code,
-    lang = props.lang,
-    max_height = props.max_height,
-    themeProp = props.theme,
-    lineNumbers = props.lineNumbers,
-    copyButton = props.copyButton,
-    onCopy = props.onCopy;
+var CodeBlock = function CodeBlock(_ref) {
+  var className = _ref.className,
+    header = _ref.header,
+    code = _ref.code,
+    lang = _ref.lang,
+    _ref$max_height = _ref.max_height,
+    max_height = _ref$max_height === void 0 ? '500px' : _ref$max_height,
+    _ref$theme = _ref.theme,
+    themeProp = _ref$theme === void 0 ? 'black' : _ref$theme,
+    lineNumbers = _ref.lineNumbers,
+    copyButton = _ref.copyButton,
+    onCopy = _ref.onCopy,
+    rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(CodeBlockWrapper, _extends({
-    "data-testid": "code_block"
-  }, (0,_util__WEBPACK_IMPORTED_MODULE_5__.getCommonProps)(props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(CodeBlockHeader, {
+    "data-testid": "code_block",
+    className: className
+  }, (0,_util__WEBPACK_IMPORTED_MODULE_5__.getCommonProps)(rest)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(CodeBlockHeader, {
     className: (0,_util__WEBPACK_IMPORTED_MODULE_5__.classNames)(className, {
       header: true
     }),
@@ -31383,11 +31418,6 @@ var CodeBlock = function CodeBlock(props) {
     onCopy: onCopy
   }));
 };
-CodeBlock.displayName = 'CodeBlock';
-CodeBlock.defaultProps = {
-  max_height: '500px',
-  theme: 'black'
-};
 CodeBlock.propTypes = {
   header: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().node),
   code: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string),
@@ -31450,16 +31480,17 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-var CodeSnippet = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function (props, ref) {
-  var code = props.code,
-    lang = props.lang,
-    max_height = props.max_height,
-    className = props.className,
-    themeProp = props.theme,
-    lineNumbers = props.lineNumbers,
-    copyButton = props.copyButton,
-    loading = props.loading,
-    onCopy = props.onCopy;
+var CodeSnippet = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function (_ref, ref) {
+  var code = _ref.code,
+    lang = _ref.lang,
+    max_height = _ref.max_height,
+    className = _ref.className,
+    _ref$theme = _ref.theme,
+    themeProp = _ref$theme === void 0 ? 'black' : _ref$theme,
+    lineNumbers = _ref.lineNumbers,
+    copyButton = _ref.copyButton,
+    loading = _ref.loading,
+    onCopy = _ref.onCopy;
   var codeRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(CodeBlockBody, {
     ref: ref,
@@ -31482,9 +31513,6 @@ var CodeSnippet = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)
   }));
 });
 CodeSnippet.displayName = 'CodeSnippet';
-CodeSnippet.defaultProps = {
-  theme: 'black'
-};
 CodeSnippet.propTypes = {
   code: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string),
   lang: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string),
@@ -31763,27 +31791,24 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/omit */ "./node_modules/lodash/omit.js");
-/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_omit__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "prop-types");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! styled-components */ "styled-components");
-/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../constants */ "./src/constants.js");
-/* harmony import */ var _hoc__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../hoc */ "./src/hoc/index.js");
-/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../icon */ "./src/icon.js");
-/* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../menu */ "./src/menu/index.js");
-/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
-/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ "prop-types");
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! styled-components */ "styled-components");
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../constants */ "./src/constants.js");
+/* harmony import */ var _hoc__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../hoc */ "./src/hoc/index.js");
+/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../icon */ "./src/icon.js");
+/* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../menu */ "./src/menu/index.js");
+/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
 // LICENSE_CODE ZON
 
 
 /*jslint react:true*/
-
-var _excluded = ["text", "variant", "size", "items", "disabled", "onClick"],
+var _excluded = ["text", "variant", "size", "items", "disabled", "onClick", "icon", "iconPlacement"],
   _excluded2 = ["isLeft"],
   _excluded3 = ["popover"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -31799,61 +31824,65 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
-var ComboButton = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRef(function (props, ref) {
-  var text = props.text,
-    variant = props.variant,
-    size = props.size,
-    items = props.items,
-    disabled = props.disabled,
-    onClick = props.onClick,
-    rest = _objectWithoutProperties(props, _excluded);
-  var _getIconProps = (0,_utils__WEBPACK_IMPORTED_MODULE_10__.getIconProps)('Button', props),
+var ComboButton = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (_ref, ref) {
+  var text = _ref.text,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'primary' : _ref$variant,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'sm' : _ref$size,
+    items = _ref.items,
+    disabled = _ref.disabled,
+    onClick = _ref.onClick,
+    icon = _ref.icon,
+    iconPlacement = _ref.iconPlacement,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _getIconProps = (0,_utils__WEBPACK_IMPORTED_MODULE_9__.getIconProps)('Button', {
+      size: size,
+      icon: icon,
+      iconPlacement: iconPlacement
+    }),
     isLeft = _getIconProps.isLeft,
     iconProps = _objectWithoutProperties(_getIconProps, _excluded2);
-  var menuProps = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(function () {
+  var menuProps = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
     return {
       size: size == 'xs' ? 'sm' : 'md',
       items: items
     };
   }, [size, items]);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(StyledButtonWrapper, _extends({
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledButtonWrapper, _extends({
     ref: ref
-  }, lodash_omit__WEBPACK_IMPORTED_MODULE_0___default()(rest, 'icon', 'iconPlacement'), {
+  }, rest, {
     disabled: disabled,
     $variant: variant,
     $size: size,
     $iconPlacement: isLeft ? 'left' : ''
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(StyledButton, {
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledButton, {
     disabled: disabled,
     onClick: onClick,
     "data-testid": "combo_button_main"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(ComboButtonContent, null, isLeft && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_6__.Icon, iconProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_8__.Label, {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ComboButtonContent, null, isLeft && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_5__.Icon, iconProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_7__.Label, {
     variant: size == 'xs' ? 'sm' : 'lg',
     no_wrap: true,
     "data-label": true
-  }, text))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(ComboButtonMenuTrigger, {
+  }, text))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ComboButtonMenuTrigger, {
     disabled: disabled,
     popoverProps: menuProps
   }));
 });
 ComboButton.displayName = 'ComboButton';
-ComboButton.defaultProps = {
-  variant: 'primary',
-  size: 'sm'
-};
 ComboButton.propTypes = {
-  text: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string).isRequired,
-  variant: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['primary', 'secondary', 'negative', 'negative_secondary', 'positive', 'white']),
-  size: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['xs', 'sm', 'md', 'lg']),
-  icon: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_10__.iconNames),
-  items: prop_types__WEBPACK_IMPORTED_MODULE_1___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_1___default().any)).isRequired,
-  disabled: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
+  text: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string).isRequired,
+  variant: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['primary', 'secondary', 'negative', 'negative_secondary', 'positive', 'white']),
+  size: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['xs', 'sm', 'md', 'lg']),
+  icon: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_9__.iconNames),
+  items: prop_types__WEBPACK_IMPORTED_MODULE_0___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_0___default().any)).isRequired,
+  disabled: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool)
 };
 var ComboButtonMenu = function ComboButtonMenu(props) {
   var size = props.size,
     items = props.items,
     popover = props.popover;
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_menu__WEBPACK_IMPORTED_MODULE_7__.Menu, {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_menu__WEBPACK_IMPORTED_MODULE_6__.Menu, {
     size: size,
     items: items,
     onClick: popover.hide
@@ -31862,20 +31891,20 @@ var ComboButtonMenu = function ComboButtonMenu(props) {
 var ArrowIcon = function ArrowIcon(props) {
   var popover = props.popover,
     rest = _objectWithoutProperties(props, _excluded3);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(ComboButtonArrow, _extends({
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ComboButtonArrow, _extends({
     onClick: popover.toggle
   }, rest, {
     "data-testid": "combo_button_menu_button"
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_6__.Icon, {
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_5__.Icon, {
     name: "ChevronDown",
     size: "xs"
   }));
 };
-var ComboButtonMenuTrigger = (0,_hoc__WEBPACK_IMPORTED_MODULE_5__.withPopover)(ArrowIcon, ComboButtonMenu, {
+var ComboButtonMenuTrigger = (0,_hoc__WEBPACK_IMPORTED_MODULE_4__.withPopover)(ArrowIcon, ComboButtonMenu, {
   placement: 'bottom-end',
-  zIndex: _constants__WEBPACK_IMPORTED_MODULE_4__.Z_INDEX.combobutton
+  zIndex: _constants__WEBPACK_IMPORTED_MODULE_3__.Z_INDEX.combobutton
 });
-var StyledButtonWrapper = styled_components__WEBPACK_IMPORTED_MODULE_3___default().div.withConfig({
+var StyledButtonWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "StyledButtonWrapper",
   componentId: "sc-s9elw5-0"
 })(["display:inline-flex;align-items:stretch;justify-content:center;border-radius:4px;text-decoration:none;&:hover,&:visited,:focus{text-decoration:none;}padding:0;", " ", " ", ""], function (props) {
@@ -31887,22 +31916,22 @@ var StyledButtonWrapper = styled_components__WEBPACK_IMPORTED_MODULE_3___default
     gap = 2;
     paddingLeft = paddingRight = 8;
   }
-  return (0,styled_components__WEBPACK_IMPORTED_MODULE_3__.css)(["", "{gap:", ";padding-left:", ";padding-right:", ";}"], ComboButtonContent, (0,_utils__WEBPACK_IMPORTED_MODULE_10__.toPixel)(gap), (0,_utils__WEBPACK_IMPORTED_MODULE_10__.toPixel)(paddingLeft), (0,_utils__WEBPACK_IMPORTED_MODULE_10__.toPixel)(paddingRight));
+  return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["", "{gap:", ";padding-left:", ";padding-right:", ";}"], ComboButtonContent, (0,_utils__WEBPACK_IMPORTED_MODULE_9__.toPixel)(gap), (0,_utils__WEBPACK_IMPORTED_MODULE_9__.toPixel)(paddingLeft), (0,_utils__WEBPACK_IMPORTED_MODULE_9__.toPixel)(paddingRight));
 }, function (props) {
-  var colors = (0,_util__WEBPACK_IMPORTED_MODULE_9__.getButtonColors)(props);
-  return (0,styled_components__WEBPACK_IMPORTED_MODULE_3__.css)(["background-color:", ";", "{color:", ";border-top:", ";border-right:0 none;border-bottom:", ";border-left:", ";[data-icon]{color:", ";}", "}", "{border-top:", ";border-right:", ";border-bottom:", ";border-left:", ";[data-icon]{color:", ";}", "}", ""], colors.backColor, StyledButton, colors.color, colors.border || '0 none', colors.border || '0 none', colors.border || '0 none', colors.iconColor || colors.color, colors.active && "&:active {\n          background-color: ".concat(colors.active.backColor, ";\n          border-top: ").concat(colors.active.border, ";\n          border-bottom: ").concat(colors.active.border, ";\n          border-left: ").concat(colors.active.border, ";\n          box-shadow: ").concat(colors.active.boxShadow, ";\n          ").concat(colors.active.iconColor && "[data-icon] {\n            color: ".concat(colors.active.iconColor, ";\n          }"), "\n        }"), ComboButtonArrow, colors.border || '0 none', colors.border || '0 none', colors.border || '0 none', colors.separator || colors.border || '0 none', colors.iconColor || colors.color, colors.active && "&:active {\n          background-color: ".concat(colors.active.backColor, ";\n          border: ").concat(colors.active.border, ";\n          box-shadow: ").concat(colors.active.boxShadow, ";\n          ").concat(colors.active.iconColor && "[data-icon] {\n            color: ".concat(colors.active.iconColor, ";\n          }"), "\n        }"), colors.hover && "\n        ".concat(StyledButton, ":hover, ").concat(ComboButtonArrow, ":hover {\n          background-color: ").concat(colors.hover.backColor, ";\n        }\n      "));
+  var colors = (0,_util__WEBPACK_IMPORTED_MODULE_8__.getButtonColors)(props);
+  return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["background-color:", ";", "{color:", ";border-top:", ";border-right:0 none;border-bottom:", ";border-left:", ";[data-icon]{color:", ";}", "}", "{border-top:", ";border-right:", ";border-bottom:", ";border-left:", ";[data-icon]{color:", ";}", "}", ""], colors.backColor, StyledButton, colors.color, colors.border || '0 none', colors.border || '0 none', colors.border || '0 none', colors.iconColor || colors.color, colors.active && "&:active {\n          background-color: ".concat(colors.active.backColor, ";\n          border-top: ").concat(colors.active.border, ";\n          border-bottom: ").concat(colors.active.border, ";\n          border-left: ").concat(colors.active.border, ";\n          box-shadow: ").concat(colors.active.boxShadow, ";\n          ").concat(colors.active.iconColor && "[data-icon] {\n            color: ".concat(colors.active.iconColor, ";\n          }"), "\n        }"), ComboButtonArrow, colors.border || '0 none', colors.border || '0 none', colors.border || '0 none', colors.separator || colors.border || '0 none', colors.iconColor || colors.color, colors.active && "&:active {\n          background-color: ".concat(colors.active.backColor, ";\n          border: ").concat(colors.active.border, ";\n          box-shadow: ").concat(colors.active.boxShadow, ";\n          ").concat(colors.active.iconColor && "[data-icon] {\n            color: ".concat(colors.active.iconColor, ";\n          }"), "\n        }"), colors.hover && "\n        ".concat(StyledButton, ":hover, ").concat(ComboButtonArrow, ":hover {\n          background-color: ").concat(colors.hover.backColor, ";\n        }\n      "));
 }, function (props) {
-  return (0,_util__WEBPACK_IMPORTED_MODULE_9__.getButtonSize)(props.$size);
+  return (0,_util__WEBPACK_IMPORTED_MODULE_8__.getButtonSize)(props.$size);
 });
-var StyledButton = styled_components__WEBPACK_IMPORTED_MODULE_3___default().button.withConfig({
+var StyledButton = styled_components__WEBPACK_IMPORTED_MODULE_2___default().button.withConfig({
   displayName: "StyledButton",
   componentId: "sc-s9elw5-1"
 })(["cursor:pointer;&:disabled{cursor:not-allowed;}display:flex;align-items:center;height:100%;border:none;border-top-left-radius:4px;border-bottom-left-radius:4px;background:none;padding:0;"]);
-var ComboButtonContent = styled_components__WEBPACK_IMPORTED_MODULE_3___default().div.withConfig({
+var ComboButtonContent = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "ComboButtonContent",
   componentId: "sc-s9elw5-2"
 })(["display:flex;align-items:center;height:100%;"]);
-var ComboButtonArrow = styled_components__WEBPACK_IMPORTED_MODULE_3___default().button.withConfig({
+var ComboButtonArrow = styled_components__WEBPACK_IMPORTED_MODULE_2___default().button.withConfig({
   displayName: "ComboButtonArrow",
   componentId: "sc-s9elw5-3"
 })(["display:flex;align-items:center;justify-content:center;width:32px;height:100%;border:none;border-top-right-radius:4px;border-bottom-right-radius:4px;background:none;cursor:pointer;&:disabled{cursor:not-allowed;}"]);
@@ -31971,64 +32000,64 @@ var Z_INDEX = {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   Badge: () => (/* reexport safe */ _badge__WEBPACK_IMPORTED_MODULE_10__.Badge),
-/* harmony export */   Breadcrumbs: () => (/* reexport safe */ _breadcrumbs__WEBPACK_IMPORTED_MODULE_12__.Breadcrumbs),
-/* harmony export */   Button: () => (/* reexport safe */ _button__WEBPACK_IMPORTED_MODULE_11__.Button),
+/* harmony export */   Badge: () => (/* reexport safe */ _badge__WEBPACK_IMPORTED_MODULE_9__.Badge),
+/* harmony export */   Breadcrumbs: () => (/* reexport safe */ _breadcrumbs__WEBPACK_IMPORTED_MODULE_11__.Breadcrumbs),
+/* harmony export */   Button: () => (/* reexport safe */ _button__WEBPACK_IMPORTED_MODULE_10__.Button),
 /* harmony export */   Chart: () => (/* reexport safe */ _chart__WEBPACK_IMPORTED_MODULE_0__["default"]),
-/* harmony export */   ClickableTag: () => (/* reexport safe */ _tag__WEBPACK_IMPORTED_MODULE_20__.ClickableTag),
-/* harmony export */   Code: () => (/* reexport safe */ _code__WEBPACK_IMPORTED_MODULE_13__.Code),
-/* harmony export */   CodeBlock: () => (/* reexport safe */ _code__WEBPACK_IMPORTED_MODULE_13__.CodeBlock),
-/* harmony export */   CodeSnippet: () => (/* reexport safe */ _code__WEBPACK_IMPORTED_MODULE_13__.CodeSnippet),
+/* harmony export */   ClickableTag: () => (/* reexport safe */ _tag__WEBPACK_IMPORTED_MODULE_19__.ClickableTag),
+/* harmony export */   Code: () => (/* reexport safe */ _code__WEBPACK_IMPORTED_MODULE_12__.Code),
+/* harmony export */   CodeBlock: () => (/* reexport safe */ _code__WEBPACK_IMPORTED_MODULE_12__.CodeBlock),
+/* harmony export */   CodeSnippet: () => (/* reexport safe */ _code__WEBPACK_IMPORTED_MODULE_12__.CodeSnippet),
 /* harmony export */   ComboButton: () => (/* reexport safe */ _combo_button__WEBPACK_IMPORTED_MODULE_1__["default"]),
-/* harmony export */   Icon: () => (/* reexport safe */ _icon__WEBPACK_IMPORTED_MODULE_22__.Icon),
-/* harmony export */   IconButton: () => (/* reexport safe */ _icon_button__WEBPACK_IMPORTED_MODULE_23__.IconButton),
-/* harmony export */   InfoChip: () => (/* reexport safe */ _infochip__WEBPACK_IMPORTED_MODULE_2__["default"]),
-/* harmony export */   Input: () => (/* reexport module object */ _input__WEBPACK_IMPORTED_MODULE_3__),
-/* harmony export */   Layout: () => (/* reexport module object */ _layout__WEBPACK_IMPORTED_MODULE_4__),
-/* harmony export */   Link: () => (/* reexport safe */ _link__WEBPACK_IMPORTED_MODULE_15__.Link),
-/* harmony export */   Menu: () => (/* reexport safe */ _menu__WEBPACK_IMPORTED_MODULE_16__.Menu),
-/* harmony export */   Modal: () => (/* reexport module object */ _modal__WEBPACK_IMPORTED_MODULE_5__),
-/* harmony export */   Progress: () => (/* reexport safe */ _progress__WEBPACK_IMPORTED_MODULE_17__.Progress),
-/* harmony export */   ProgressBar: () => (/* reexport safe */ _progress__WEBPACK_IMPORTED_MODULE_17__.ProgressBar),
-/* harmony export */   RemovableTag: () => (/* reexport safe */ _tag__WEBPACK_IMPORTED_MODULE_20__.RemovableTag),
-/* harmony export */   Snackbar: () => (/* reexport safe */ _snackbar__WEBPACK_IMPORTED_MODULE_18__.Snackbar),
-/* harmony export */   Tab: () => (/* reexport safe */ _tab__WEBPACK_IMPORTED_MODULE_8__["default"]),
-/* harmony export */   Table: () => (/* reexport safe */ _table__WEBPACK_IMPORTED_MODULE_19__.Table),
-/* harmony export */   TagGroup: () => (/* reexport safe */ _tag__WEBPACK_IMPORTED_MODULE_20__.TagGroup),
-/* harmony export */   Toast: () => (/* reexport safe */ _toast__WEBPACK_IMPORTED_MODULE_21__.Toast),
-/* harmony export */   Toaster: () => (/* reexport safe */ _toast__WEBPACK_IMPORTED_MODULE_21__.Toaster),
+/* harmony export */   Icon: () => (/* reexport safe */ _icon__WEBPACK_IMPORTED_MODULE_21__.Icon),
+/* harmony export */   IconButton: () => (/* reexport safe */ _icon_button__WEBPACK_IMPORTED_MODULE_22__.IconButton),
+/* harmony export */   InfoChip: () => (/* reexport safe */ _infochip__WEBPACK_IMPORTED_MODULE_23__.InfoChip),
+/* harmony export */   Input: () => (/* reexport module object */ _input__WEBPACK_IMPORTED_MODULE_2__),
+/* harmony export */   Layout: () => (/* reexport module object */ _layout__WEBPACK_IMPORTED_MODULE_3__),
+/* harmony export */   Link: () => (/* reexport safe */ _link__WEBPACK_IMPORTED_MODULE_14__.Link),
+/* harmony export */   Menu: () => (/* reexport safe */ _menu__WEBPACK_IMPORTED_MODULE_15__.Menu),
+/* harmony export */   Modal: () => (/* reexport module object */ _modal__WEBPACK_IMPORTED_MODULE_4__),
+/* harmony export */   Progress: () => (/* reexport safe */ _progress__WEBPACK_IMPORTED_MODULE_16__.Progress),
+/* harmony export */   ProgressBar: () => (/* reexport safe */ _progress__WEBPACK_IMPORTED_MODULE_16__.ProgressBar),
+/* harmony export */   RemovableTag: () => (/* reexport safe */ _tag__WEBPACK_IMPORTED_MODULE_19__.RemovableTag),
+/* harmony export */   Snackbar: () => (/* reexport safe */ _snackbar__WEBPACK_IMPORTED_MODULE_17__.Snackbar),
+/* harmony export */   Tab: () => (/* reexport safe */ _tab__WEBPACK_IMPORTED_MODULE_7__["default"]),
+/* harmony export */   Table: () => (/* reexport safe */ _table__WEBPACK_IMPORTED_MODULE_18__.Table),
+/* harmony export */   TagGroup: () => (/* reexport safe */ _tag__WEBPACK_IMPORTED_MODULE_19__.TagGroup),
+/* harmony export */   Toast: () => (/* reexport safe */ _toast__WEBPACK_IMPORTED_MODULE_20__.Toast),
+/* harmony export */   Toaster: () => (/* reexport safe */ _toast__WEBPACK_IMPORTED_MODULE_20__.Toaster),
 /* harmony export */   Tooltip: () => (/* reexport safe */ _tooltip__WEBPACK_IMPORTED_MODULE_24__.Tooltip),
-/* harmony export */   Typography: () => (/* reexport module object */ _typography__WEBPACK_IMPORTED_MODULE_9__),
-/* harmony export */   theme: () => (/* reexport safe */ _theme__WEBPACK_IMPORTED_MODULE_6__["default"]),
-/* harmony export */   translation: () => (/* reexport safe */ _translation__WEBPACK_IMPORTED_MODULE_7__["default"]),
-/* harmony export */   useToaster: () => (/* reexport safe */ _toast__WEBPACK_IMPORTED_MODULE_21__.useToaster),
-/* harmony export */   withPopover: () => (/* reexport safe */ _hoc__WEBPACK_IMPORTED_MODULE_14__.withPopover),
+/* harmony export */   Typography: () => (/* reexport module object */ _typography__WEBPACK_IMPORTED_MODULE_8__),
+/* harmony export */   theme: () => (/* reexport safe */ _theme__WEBPACK_IMPORTED_MODULE_5__["default"]),
+/* harmony export */   translation: () => (/* reexport safe */ _translation__WEBPACK_IMPORTED_MODULE_6__["default"]),
+/* harmony export */   useToaster: () => (/* reexport safe */ _toast__WEBPACK_IMPORTED_MODULE_20__.useToaster),
+/* harmony export */   withPopover: () => (/* reexport safe */ _hoc__WEBPACK_IMPORTED_MODULE_13__.withPopover),
 /* harmony export */   withTooltip: () => (/* reexport safe */ _tooltip__WEBPACK_IMPORTED_MODULE_24__.withTooltip)
 /* harmony export */ });
 /* harmony import */ var _chart__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./chart */ "./src/chart/index.js");
 /* harmony import */ var _combo_button__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./combo_button */ "./src/combo_button/index.js");
-/* harmony import */ var _infochip__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./infochip */ "./src/infochip.js");
-/* harmony import */ var _input__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./input */ "./src/input/index.js");
-/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./layout */ "./src/layout/index.js");
-/* harmony import */ var _modal__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./modal */ "./src/modal/index.js");
-/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./theme */ "./src/theme.js");
-/* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./translation */ "./src/translation.js");
-/* harmony import */ var _tab__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./tab */ "./src/tab/index.js");
-/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./typography */ "./src/typography/index.js");
-/* harmony import */ var _badge__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./badge */ "./src/badge.js");
-/* harmony import */ var _button__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./button */ "./src/button/index.js");
-/* harmony import */ var _breadcrumbs__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./breadcrumbs */ "./src/breadcrumbs/index.js");
-/* harmony import */ var _code__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./code */ "./src/code/index.js");
-/* harmony import */ var _hoc__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./hoc */ "./src/hoc/index.js");
-/* harmony import */ var _link__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./link */ "./src/link/index.js");
-/* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./menu */ "./src/menu/index.js");
-/* harmony import */ var _progress__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./progress */ "./src/progress/index.js");
-/* harmony import */ var _snackbar__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./snackbar */ "./src/snackbar/index.js");
-/* harmony import */ var _table__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./table */ "./src/table/index.js");
-/* harmony import */ var _tag__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./tag */ "./src/tag/index.js");
-/* harmony import */ var _toast__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./toast */ "./src/toast/index.js");
-/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./icon */ "./src/icon.js");
-/* harmony import */ var _icon_button__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./icon_button */ "./src/icon_button.js");
+/* harmony import */ var _input__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./input */ "./src/input/index.js");
+/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./layout */ "./src/layout/index.js");
+/* harmony import */ var _modal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./modal */ "./src/modal/index.js");
+/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./theme */ "./src/theme.js");
+/* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./translation */ "./src/translation.js");
+/* harmony import */ var _tab__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./tab */ "./src/tab/index.js");
+/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./typography */ "./src/typography/index.js");
+/* harmony import */ var _badge__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./badge */ "./src/badge.js");
+/* harmony import */ var _button__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./button */ "./src/button/index.js");
+/* harmony import */ var _breadcrumbs__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./breadcrumbs */ "./src/breadcrumbs/index.js");
+/* harmony import */ var _code__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./code */ "./src/code/index.js");
+/* harmony import */ var _hoc__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./hoc */ "./src/hoc/index.js");
+/* harmony import */ var _link__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./link */ "./src/link/index.js");
+/* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./menu */ "./src/menu/index.js");
+/* harmony import */ var _progress__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./progress */ "./src/progress/index.js");
+/* harmony import */ var _snackbar__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./snackbar */ "./src/snackbar/index.js");
+/* harmony import */ var _table__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./table */ "./src/table/index.js");
+/* harmony import */ var _tag__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./tag */ "./src/tag/index.js");
+/* harmony import */ var _toast__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./toast */ "./src/toast/index.js");
+/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./icon */ "./src/icon.js");
+/* harmony import */ var _icon_button__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./icon_button */ "./src/icon_button.js");
+/* harmony import */ var _infochip__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./infochip */ "./src/infochip.js");
 /* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./tooltip */ "./src/tooltip.js");
 // LICENSE_CODE ZON
 
@@ -32648,7 +32677,10 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /*jslint react:true*/
+var _excluded = ["name", "size", "color", "verticalAlign"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
 
 
 
@@ -32656,16 +32688,18 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 
 
-var Icon = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
-  var name = props.name,
-    size = props.size,
-    color = props.color,
-    verticalAlign = props.verticalAlign;
+var Icon = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (_ref, ref) {
+  var name = _ref.name,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'md' : _ref$size,
+    color = _ref.color,
+    verticalAlign = _ref.verticalAlign,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var ic = _icons__WEBPACK_IMPORTED_MODULE_3__["default"][name];
   if (!ic) return null;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledSvg, _extends({
     ref: ref
-  }, (0,_util__WEBPACK_IMPORTED_MODULE_4__.getCommonProps)(props), {
+  }, (0,_util__WEBPACK_IMPORTED_MODULE_4__.getCommonProps)(rest), {
     $size: size,
     viewBox: ic.viewBox,
     $color: _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color[color],
@@ -32676,9 +32710,6 @@ var Icon = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(
   }));
 });
 Icon.displayName = 'Icon';
-Icon.defaultProps = {
-  size: 'md'
-};
 Icon.propTypes = {
   name: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_5__.iconNames).isRequired,
   color: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_5__.colorNames),
@@ -32736,16 +32767,17 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
-var IconButton = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
-  var variant = props.variant,
-    disabled = props.disabled,
-    active = props.active,
-    icon = props.icon,
-    tooltip = props.tooltip,
-    placement = props.tooltipPlacement,
-    size = props.size,
-    noBackColor = props.noBackColor,
-    rest = _objectWithoutProperties(props, _excluded);
+var IconButton = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (_ref, ref) {
+  var variant = _ref.variant,
+    disabled = _ref.disabled,
+    active = _ref.active,
+    icon = _ref.icon,
+    tooltip = _ref.tooltip,
+    placement = _ref.tooltipPlacement,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'md' : _ref$size,
+    noBackColor = _ref.noBackColor,
+    rest = _objectWithoutProperties(_ref, _excluded);
   size = calcSize(variant, size);
   noBackColor = variant == 'ghost' || noBackColor;
   var ic = _icons__WEBPACK_IMPORTED_MODULE_3__["default"][icon];
@@ -32770,9 +32802,6 @@ var IconButton = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwa
   }))));
 });
 IconButton.displayName = 'IconButton';
-IconButton.defaultProps = {
-  size: 'md'
-};
 IconButton.propTypes = {
   icon: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_5__.iconNames).isRequired,
   disabled: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),
@@ -32841,7 +32870,7 @@ var calcSize = function calcSize(variant, size) {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */   InfoChip: () => (/* binding */ InfoChip)
 /* harmony export */ });
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ "prop-types");
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);
@@ -32859,7 +32888,10 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /*jslint react:true*/
+var _excluded = ["variant", "text", "icon"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
 
 
 
@@ -32879,10 +32911,12 @@ var InfoChipWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_
 })(["background-color:", ";border-radius:24px;width:fit-content;min-height:24px;height:24px;"], function (props) {
   return props.color && _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color[props.color];
 });
-var InfoChip = function InfoChip(props) {
-  var variant = props.variant,
-    text = props.text,
-    icon = props.icon;
+var InfoChip = function InfoChip(_ref) {
+  var _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'default' : _ref$variant,
+    text = _ref.text,
+    icon = _ref.icon,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var bgColors = {
     "default": 'gray_3',
     success: 'green_3',
@@ -32899,7 +32933,7 @@ var InfoChip = function InfoChip(props) {
     info: 'blue_11'
   };
   var color = colors[variant] || colors["default"];
-  var commonProps = (0,_util__WEBPACK_IMPORTED_MODULE_7__.getCommonProps)(props);
+  var commonProps = (0,_util__WEBPACK_IMPORTED_MODULE_7__.getCommonProps)(rest);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(InfoChipWrapper, _extends({
     color: bgColor
   }, commonProps), icon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_3__.Icon, {
@@ -32911,16 +32945,11 @@ var InfoChip = function InfoChip(props) {
     color: color
   }, text));
 };
-InfoChip.displayName = 'InfoChip';
-InfoChip.defaultProps = {
-  variant: 'default'
-};
 InfoChip.propTypes = {
   variant: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['default', 'success', 'alert', 'warning', 'info']),
   text: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
   icon: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_8__.iconNames)
 };
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (InfoChip);
 
 /***/ }),
 
@@ -32966,19 +32995,20 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
-var Checkbox = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (props, ref) {
-  var id = props.id,
-    checked = props.checked,
-    onChange = props.onChange,
-    onClick = props.onClick,
-    label = props.label,
-    disabled = props.disabled,
-    tooltip = props.tooltip,
-    indeterminate = props.indeterminate,
-    verticalAlign = props.verticalAlign,
-    className = props.className,
-    classNamePrefix = props.classNamePrefix,
-    rest = _objectWithoutProperties(props, _excluded);
+var Checkbox = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (_ref, ref) {
+  var id = _ref.id,
+    checked = _ref.checked,
+    onChange = _ref.onChange,
+    onClick = _ref.onClick,
+    label = _ref.label,
+    disabled = _ref.disabled,
+    tooltip = _ref.tooltip,
+    indeterminate = _ref.indeterminate,
+    _ref$verticalAlign = _ref.verticalAlign,
+    verticalAlign = _ref$verticalAlign === void 0 ? 'top' : _ref$verticalAlign,
+    className = _ref.className,
+    classNamePrefix = _ref.classNamePrefix,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var labelId = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useLabelId)(id);
   var handleClick = function handleClick(evt) {
     if (disabled) return;
@@ -33028,9 +33058,6 @@ Checkbox.propTypes = {
   verticalAlign: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['top', 'middle', 'bottom']),
   classNamePrefix: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string)
 };
-Checkbox.defaultProps = {
-  verticalAlign: 'top'
-};
 var CheckboxWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "CheckboxWrapper",
   componentId: "sc-623yyg-0"
@@ -33176,24 +33203,26 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
-var CheckboxList = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRef(function (props, forwardRef) {
-  var id = props.id,
-    styles = props.styles,
-    size = props.size,
-    async = props.async,
-    creatable = props.creatable,
-    isOptionDisabled = props.isOptionDisabled,
-    className = props.className,
-    label = props.label,
-    labelIcon = props.labelIcon,
-    labelTooltip = props.labelTooltip,
-    required = props.required,
-    necessityIndicator = props.necessityIndicator,
-    invalid = props.invalid,
-    helperText = props.helperText,
-    placeholder = props.placeholder,
-    disabled = props.disabled,
-    rest = _objectWithoutProperties(props, _excluded);
+var CheckboxList = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRef(function (_ref, forwardRef) {
+  var id = _ref.id,
+    styles = _ref.styles,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'sm' : _ref$size,
+    async = _ref.async,
+    creatable = _ref.creatable,
+    isOptionDisabled = _ref.isOptionDisabled,
+    className = _ref.className,
+    label = _ref.label,
+    labelIcon = _ref.labelIcon,
+    labelTooltip = _ref.labelTooltip,
+    required = _ref.required,
+    necessityIndicator = _ref.necessityIndicator,
+    invalid = _ref.invalid,
+    helperText = _ref.helperText,
+    _ref$placeholder = _ref.placeholder,
+    placeholder = _ref$placeholder === void 0 ? 'Search...' : _ref$placeholder,
+    disabled = _ref.disabled,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var labelId = (0,_hooks__WEBPACK_IMPORTED_MODULE_6__.useLabelId)(id);
   var t = (0,_translation__WEBPACK_IMPORTED_MODULE_8__.useTranslate)();
   var SelectComp = getComponent({
@@ -33235,7 +33264,7 @@ var CheckboxList = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().for
     isDisabled: disabled,
     required: required,
     styles: _styles,
-    components: (0,_build_components__WEBPACK_IMPORTED_MODULE_11__.buildComponents)(props),
+    components: (0,_build_components__WEBPACK_IMPORTED_MODULE_11__.buildComponents)(rest),
     className: (0,_util__WEBPACK_IMPORTED_MODULE_9__.classNames)(className, {
       container: true
     }),
@@ -33262,10 +33291,6 @@ CheckboxList.propTypes = {
   size: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['sm', 'md', 'lg']),
   virtualized: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
 };
-CheckboxList.defaultProps = {
-  size: 'sm',
-  placeholder: 'Search...'
-};
 var getComponent = function getComponent(opt) {
   if (opt.async) return opt.creatable ? react_select_async_creatable__WEBPACK_IMPORTED_MODULE_5__["default"] : react_select_async__WEBPACK_IMPORTED_MODULE_4__["default"];
   return opt.creatable ? react_select_creatable__WEBPACK_IMPORTED_MODULE_3__["default"] : react_select__WEBPACK_IMPORTED_MODULE_13__["default"];
@@ -33568,6 +33593,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /*jslint react:true*/
 
+var _excluded = ["size", "format", "placeholder", "options", "formatOptionLabel"];
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -33575,6 +33601,8 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
 
 
 
@@ -33587,17 +33615,31 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 
 
-var CompareTo = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRef(function (props, ref) {
-  var formatOptionLabel = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (opt) {
+var CompareTo = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRef(function (_ref, ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'md' : _ref$size,
+    _ref$format = _ref.format,
+    fmt = _ref$format === void 0 ? 'dd/MM/yyyy' : _ref$format,
+    _ref$placeholder = _ref.placeholder,
+    placeholder = _ref$placeholder === void 0 ? 'Compare to' : _ref$placeholder,
+    _ref$options = _ref.options,
+    options = _ref$options === void 0 ? [] : _ref$options,
+    formatOptionLabel = _ref.formatOptionLabel,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _formatOptionLabel = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (opt) {
     if (opt && lodash_isObject__WEBPACK_IMPORTED_MODULE_0___default()(opt)) {
-      var text = opt.value != 'custom' ? opt.label : (0,date_fns_format__WEBPACK_IMPORTED_MODULE_12__["default"])(opt.from, props.format);
-      return "".concat(props.placeholder, " ").concat(text);
+      var text = opt.value != 'custom' ? opt.label : (0,date_fns_format__WEBPACK_IMPORTED_MODULE_12__["default"])(opt.from, fmt);
+      return "".concat(placeholder, " ").concat(text);
     }
     return '';
-  }, [props.format, props.placeholder]);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_dropdown__WEBPACK_IMPORTED_MODULE_10__.Dropdown, _extends({}, props, {
-    options: props.options || [],
-    formatOptionLabel: props.formatOptionLabel || formatOptionLabel,
+  }, [fmt, placeholder]);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_dropdown__WEBPACK_IMPORTED_MODULE_10__.Dropdown, _extends({
+    ref: ref
+  }, rest, {
+    size: size,
+    placeholder: placeholder,
+    options: options,
+    formatOptionLabel: formatOptionLabel || _formatOptionLabel,
     components: {
       MenuList: CompareToMenuList,
       NoOptionsMessage: function NoOptionsMessage() {
@@ -33608,11 +33650,6 @@ var CompareTo = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwar
   }));
 });
 CompareTo.displayName = 'CompareTo';
-CompareTo.defaultProps = {
-  format: 'dd/MM/yyyy',
-  size: 'md',
-  placeholder: 'Compare to'
-};
 CompareTo.propTypes = {
   value: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().any),
   options: prop_types__WEBPACK_IMPORTED_MODULE_1___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_1___default().any)),
@@ -33722,16 +33759,17 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /*jslint react:true*/
-var _excluded = ["mode", "selected", "onChange", "renderPopover", "popover"];
+var _excluded = ["onChange", "disabledDays", "isRange", "defaultMonth", "month", "onMonthChange", "renderPopover", "format", "size", "value"],
+  _excluded2 = ["mode", "selected", "onChange", "renderPopover", "popover"];
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
 
 
 
@@ -33742,15 +33780,25 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 
 
-var DatePicker = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (props, ref) {
-  var onChange = props.onChange,
-    disabledDays = props.disabledDays,
-    isRange = props.isRange,
-    defaultMonth = props.defaultMonth,
-    month = props.month,
-    onMonthChange = props.onMonthChange,
-    renderPopover = props.renderPopover;
-  var value = useValue(props);
+var DatePicker = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (_ref, ref) {
+  var onChange = _ref.onChange,
+    disabledDays = _ref.disabledDays,
+    _ref$isRange = _ref.isRange,
+    isRange = _ref$isRange === void 0 ? false : _ref$isRange,
+    defaultMonth = _ref.defaultMonth,
+    month = _ref.month,
+    onMonthChange = _ref.onMonthChange,
+    renderPopover = _ref.renderPopover,
+    _ref$format = _ref.format,
+    fmt = _ref$format === void 0 ? 'dd/MM/yyyy' : _ref$format,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'md' : _ref$size,
+    _value = _ref.value,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var value = useValue({
+    isRange: isRange,
+    value: _value
+  });
   var popoverProps = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
     return {
       selected: value,
@@ -33766,17 +33814,14 @@ var DatePicker = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwa
   }, [value, disabledDays, onChange, isRange, defaultMonth, month, onMonthChange, renderPopover]);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Picker, _extends({
     ref: ref
-  }, props, {
+  }, rest, {
+    format: fmt,
     value: value,
-    popoverProps: popoverProps
+    popoverProps: popoverProps,
+    size: size
   }));
 });
 DatePicker.displayName = 'DatePicker';
-DatePicker.defaultProps = {
-  format: 'dd/MM/yyyy',
-  size: 'md',
-  isRange: false
-};
 DatePicker.propTypes = {
   value: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_0___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number), prop_types__WEBPACK_IMPORTED_MODULE_0___default().instanceOf(Date), (prop_types__WEBPACK_IMPORTED_MODULE_0___default().object)]),
   format: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
@@ -33845,7 +33890,7 @@ var PickerPopover = function PickerPopover(props) {
     onChange = props.onChange,
     renderPopover = props.renderPopover,
     popover = props.popover,
-    rest = _objectWithoutProperties(props, _excluded);
+    rest = _objectWithoutProperties(props, _excluded2);
   var handleDayClick = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (day, activeModifiers) {
     if (activeModifiers.disabled) return;
     var val = day;
@@ -33865,8 +33910,8 @@ var PickerPopover = function PickerPopover(props) {
     }
     onChange(val);
   }, [mode, selected]);
-  var render = typeof renderPopover == 'function' ? renderPopover : function (_ref) {
-    var picker = _ref.picker;
+  var render = typeof renderPopover == 'function' ? renderPopover : function (_ref2) {
+    var picker = _ref2.picker;
     return picker;
   };
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(DayPickerWrapper, {
@@ -33923,21 +33968,21 @@ Day.displayName = 'Day';
 var DayWrapper = styled_components__WEBPACK_IMPORTED_MODULE_3___default().div.withConfig({
   displayName: "DayWrapper",
   componentId: "sc-1gurvxq-2"
-})(["padding:0;background-color:", ";border-top-left-radius:", ";border-bottom-left-radius:", ";border-top-right-radius:", ";border-bottom-right-radius:", ";.rdp-day{display:flex;flex-direction:column;justify-content:center;align-items:center;width:32px;height:32px;box-sizing:border-box;border-radius:", ";border:1px solid ", ";background-color:", ";cursor:pointer;font-family:", ";font-style:normal;font-weight:", ";font-size:", ";line-height:", ";color:", ";&:hover:not(:disabled){border:1px solid ", ";}&:disabled{color:", ";cursor:not-allowed;}}.rdp-day_today{color:", ";font-weight:", ";}.rdp-day_selected{background-color:", ";border:1px solid ", ";color:", ";}.rdp-day_range_middle{background-color:", ";border:1px solid ", ";color:", ";&.rdp-day_today{color:", ";}}"], function (_ref2) {
-  var $mod = _ref2.$mod;
-  return $mod.selected ? _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.blue_3 : _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.white;
-}, function (_ref3) {
+})(["padding:0;background-color:", ";border-top-left-radius:", ";border-bottom-left-radius:", ";border-top-right-radius:", ";border-bottom-right-radius:", ";.rdp-day{display:flex;flex-direction:column;justify-content:center;align-items:center;width:32px;height:32px;box-sizing:border-box;border-radius:", ";border:1px solid ", ";background-color:", ";cursor:pointer;font-family:", ";font-style:normal;font-weight:", ";font-size:", ";line-height:", ";color:", ";&:hover:not(:disabled){border:1px solid ", ";}&:disabled{color:", ";cursor:not-allowed;}}.rdp-day_today{color:", ";font-weight:", ";}.rdp-day_selected{background-color:", ";border:1px solid ", ";color:", ";}.rdp-day_range_middle{background-color:", ";border:1px solid ", ";color:", ";&.rdp-day_today{color:", ";}}"], function (_ref3) {
   var $mod = _ref3.$mod;
-  return $mod.range_middle || $mod.range_end && !$mod.range_start ? '0' : borderRadius;
+  return $mod.selected ? _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.blue_3 : _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.white;
 }, function (_ref4) {
   var $mod = _ref4.$mod;
   return $mod.range_middle || $mod.range_end && !$mod.range_start ? '0' : borderRadius;
 }, function (_ref5) {
   var $mod = _ref5.$mod;
-  return $mod.range_middle || $mod.range_start && !$mod.range_end ? '0' : borderRadius;
+  return $mod.range_middle || $mod.range_end && !$mod.range_start ? '0' : borderRadius;
 }, function (_ref6) {
   var $mod = _ref6.$mod;
   return $mod.range_middle || $mod.range_start && !$mod.range_end ? '0' : borderRadius;
+}, function (_ref7) {
+  var $mod = _ref7.$mod;
+  return $mod.range_middle || $mod.range_start && !$mod.range_end ? '0' : borderRadius;
 }, borderRadius, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.white, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.white, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].font_family.sans, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].font_weight.regular, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].font_size.xs, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].line_height.none, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.gray_11_50, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.blue_10, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.gray_7, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.blue_11, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].font_weight.semibold, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.blue_10, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.blue_10, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.white, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.blue_3, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.blue_3, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.gray_11_50, _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.blue_11);
 var getDateText = function getDateText(props) {
   var value = props.value,
@@ -34026,13 +34071,23 @@ var addItem = function addItem(matrix, i, j, item) {
   var newMatrix = matrix.toSpliced(i, 1, newRow);
   return newMatrix;
 };
-var DragDrop = function DragDrop(props) {
-  var value = props.value,
-    onChange = props.onChange,
-    items = props.items,
-    _props$sections = props.sections,
-    sections = _props$sections === void 0 ? [] : _props$sections,
-    direction = props.direction;
+var noop = function noop() {
+  return 0;
+};
+var DragDrop = function DragDrop(_ref) {
+  var _ref$value = _ref.value,
+    value = _ref$value === void 0 ? [[]] : _ref$value,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? noop : _ref$onChange,
+    _ref$items = _ref.items,
+    items = _ref$items === void 0 ? [] : _ref$items,
+    _ref$sections = _ref.sections,
+    sections = _ref$sections === void 0 ? [] : _ref$sections,
+    _ref$direction = _ref.direction,
+    direction = _ref$direction === void 0 ? 'row' : _ref$direction,
+    CustomDrop = _ref.CustomDrop,
+    CustomDrag = _ref.CustomDrag,
+    EmptyComp = _ref.EmptyComp;
   var onDragEnd = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (arg) {
     var source = arg.source,
       destination = arg.destination;
@@ -34079,21 +34134,12 @@ var DragDrop = function DragDrop(props) {
       isFirst: i == 0,
       isLast: i == value.length - 1,
       containerDirection: direction,
-      Comp: props.CustomDrop,
-      DragComp: props.CustomDrag,
-      EmptyComp: props.EmptyComp
+      Comp: CustomDrop,
+      DragComp: CustomDrag,
+      EmptyComp: EmptyComp
     });
   })));
 };
-DragDrop.displayName = 'DragDrop';
-DragDrop.defaultProps = {
-  value: [[]],
-  items: [],
-  onChange: function onChange() {
-    return 0;
-  },
-  direction: 'row'
-};
 DragDrop.propTypes = {
   value: prop_types__WEBPACK_IMPORTED_MODULE_0___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_0___default().array)),
   items: prop_types__WEBPACK_IMPORTED_MODULE_0___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_0___default().object)),
@@ -34459,7 +34505,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /*jslint react:true*/
-var _excluded = ["id", "label", "labelIcon", "labelTooltip", "required", "necessityIndicator", "placeholder", "multiselect", "creatable", "clearable", "disabled", "invalid", "helperText", "className", "classNamePrefix", "hideSelectedOptions", "isOptionDisabled", "async", "searchable", "closeMenuOnSelect"];
+var _excluded = ["id", "label", "labelIcon", "labelTooltip", "required", "necessityIndicator", "placeholder", "multiselect", "creatable", "clearable", "disabled", "invalid", "helperText", "className", "classNamePrefix", "hideSelectedOptions", "isOptionDisabled", "async", "searchable", "closeMenuOnSelect", "size", "menuPlacement", "menuPortalTarget", "styles"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
@@ -34486,7 +34532,7 @@ var defaultIsOptionDisabled = function defaultIsOptionDisabled(opt) {
   return opt.disabled;
 };
 var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (props, forwardRef) {
-  var _splitProps = (0,_util__WEBPACK_IMPORTED_MODULE_8__.splitProps)(props, 'autoFocus', 'blurInputOnSelect', 'filterOption', 'formatOptionLabel', 'value', 'defaultValue', 'options', 'onChange', 'onFocus', 'onBlur', 'menuPortalTarget', 'onChangeCapture', 'menuPlacement', 'onInputChange', 'getOptionValue', 'getOptionLabel', 'isOptionSelected', 'isLoading', 'loadOptions', 'defaultOptions', 'cacheOptions', 'onCreateOption', 'formatCreateLabel', 'isValidNewOption', 'getNewOptionData', 'onMenuOpen', 'onMenuClose', 'openMenuOnFocus', 'menuIsOpen'),
+  var _splitProps = (0,_util__WEBPACK_IMPORTED_MODULE_8__.splitProps)(props, 'autoFocus', 'blurInputOnSelect', 'filterOption', 'formatOptionLabel', 'value', 'defaultValue', 'options', 'onChange', 'onFocus', 'onBlur', 'onChangeCapture', 'onInputChange', 'getOptionValue', 'getOptionLabel', 'isOptionSelected', 'isLoading', 'loadOptions', 'defaultOptions', 'cacheOptions', 'onCreateOption', 'formatCreateLabel', 'isValidNewOption', 'getNewOptionData', 'onMenuOpen', 'onMenuClose', 'openMenuOnFocus', 'menuIsOpen'),
     _splitProps2 = _slicedToArray(_splitProps, 2),
     selectProps = _splitProps2[0],
     restProps = _splitProps2[1];
@@ -34499,7 +34545,8 @@ var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forward
     placeholder = restProps.placeholder,
     multiselect = restProps.multiselect,
     creatable = restProps.creatable,
-    clearable = restProps.clearable,
+    _restProps$clearable = restProps.clearable,
+    clearable = _restProps$clearable === void 0 ? false : _restProps$clearable,
     disabled = restProps.disabled,
     invalid = restProps.invalid,
     helperText = restProps.helperText,
@@ -34510,10 +34557,20 @@ var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forward
     async = restProps.async,
     searchable = restProps.searchable,
     closeMenuOnSelect = restProps.closeMenuOnSelect,
+    _restProps$size = restProps.size,
+    size = _restProps$size === void 0 ? 'sm' : _restProps$size,
+    _restProps$menuPlacem = restProps.menuPlacement,
+    menuPlacement = _restProps$menuPlacem === void 0 ? 'auto' : _restProps$menuPlacem,
+    menuPortalTarget = restProps.menuPortalTarget,
+    _styles = restProps.styles,
     rest = _objectWithoutProperties(restProps, _excluded);
   var labelId = (0,_hooks__WEBPACK_IMPORTED_MODULE_5__.useLabelId)(id);
   var t = (0,_translation__WEBPACK_IMPORTED_MODULE_7__.useTranslate)();
-  var styles = (0,_use_styles__WEBPACK_IMPORTED_MODULE_11__.useStyles)(props);
+  var styles = (0,_use_styles__WEBPACK_IMPORTED_MODULE_11__.useStyles)({
+    styles: _styles,
+    size: size,
+    menuPortalTarget: menuPortalTarget
+  });
   var SelectComp = getComponent({
     async: async,
     creatable: creatable
@@ -34551,7 +34608,9 @@ var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forward
     classNamePrefix: classNamePrefix,
     closeMenuOnSelect: (0,_util__WEBPACK_IMPORTED_MODULE_8__.firstDefined)(closeMenuOnSelect, !multiselect),
     hideSelectedOptions: (0,_util__WEBPACK_IMPORTED_MODULE_8__.firstDefined)(props.autosize === false ? false : undefined, hideSelectedOptions),
-    isOptionDisabled: (0,_util__WEBPACK_IMPORTED_MODULE_8__.firstDefined)(isOptionDisabled, defaultIsOptionDisabled)
+    isOptionDisabled: (0,_util__WEBPACK_IMPORTED_MODULE_8__.firstDefined)(isOptionDisabled, defaultIsOptionDisabled),
+    menuPlacement: menuPlacement,
+    menuPortalTarget: menuPortalTarget
   })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_9__.HelperText, {
     invalid: invalid
   }, helperText));
@@ -34609,11 +34668,6 @@ Dropdown.propTypes = {
   menuIsOpen: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   closeMenuOnSelect: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool)
 };
-Dropdown.defaultProps = {
-  size: 'sm',
-  clearable: false,
-  menuPlacement: 'auto'
-};
 var getComponent = function getComponent(opt) {
   if (opt.async) return opt.creatable ? react_select_async_creatable__WEBPACK_IMPORTED_MODULE_4__["default"] : react_select_async__WEBPACK_IMPORTED_MODULE_3__["default"];
   return opt.creatable ? react_select_creatable__WEBPACK_IMPORTED_MODULE_2__["default"] : react_select__WEBPACK_IMPORTED_MODULE_12__["default"];
@@ -35198,16 +35252,24 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 
 
-var FileUploader = function FileUploader(props) {
-  var label = props.label,
-    antiVirusScanText = props.antiVirusScanText,
-    accept = props.accept,
-    multi = props.multi,
-    files = props.files,
-    fileInfoFormatter = props.fileInfoFormatter,
-    onFileUpload = props.onFileUpload,
-    onFileDelete = props.onFileDelete,
-    showDropzone = props.showDropzone;
+var defaultFileInfoFormatter = function defaultFileInfoFormatter() {
+  var file = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return file.name || '';
+};
+var FileUploader = function FileUploader(_ref) {
+  var label = _ref.label,
+    _ref$antiVirusScanTex = _ref.antiVirusScanText,
+    antiVirusScanText = _ref$antiVirusScanTex === void 0 ? 'Scanning for viruses...' : _ref$antiVirusScanTex,
+    accept = _ref.accept,
+    multi = _ref.multi,
+    _ref$files = _ref.files,
+    files = _ref$files === void 0 ? [] : _ref$files,
+    _ref$fileInfoFormatte = _ref.fileInfoFormatter,
+    fileInfoFormatter = _ref$fileInfoFormatte === void 0 ? defaultFileInfoFormatter : _ref$fileInfoFormatte,
+    onFileUpload = _ref.onFileUpload,
+    onFileDelete = _ref.onFileDelete,
+    _ref$showDropzone = _ref.showDropzone,
+    showDropzone = _ref$showDropzone === void 0 ? true : _ref$showDropzone;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_2__.Flex, {
     flex_direction: "column",
     gap: "03"
@@ -35225,7 +35287,6 @@ var FileUploader = function FileUploader(props) {
     }, file));
   }));
 };
-FileUploader.displayName = 'FileUploader';
 FileUploader.propTypes = {
   label: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
   antiVirusScanText: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
@@ -35248,15 +35309,6 @@ FileUploader.propTypes = {
   onFileUpload: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
   onFileDelete: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func)
 };
-FileUploader.defaultProps = {
-  files: [],
-  fileInfoFormatter: function fileInfoFormatter() {
-    var file = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    return file.name;
-  },
-  showDropzone: true,
-  antiVirusScanText: 'Scanning for viruses...'
-};
 
 /***/ }),
 
@@ -35481,10 +35533,7 @@ var UploadItemBody = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(_l
   componentId: "sc-1ua6zh3-2"
 })(["flex-grow:1;"]);
 var UploadItem = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().memo(function (props) {
-  var type = props.type,
-    createTime = props.createTime,
-    size = props.size,
-    name = props.name,
+  var size = props.size,
     id = props.id,
     status = props.status,
     error = props.error,
@@ -35533,7 +35582,6 @@ UploadItem.propTypes = {
   icon: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().any),
   antiVirusScanText: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string)
 };
-UploadItem.defaultProps = {};
 
 /***/ }),
 
@@ -36658,8 +36706,8 @@ __webpack_require__.r(__webpack_exports__);
 
 /*jslint react:true*/
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["className", "classNamePrefix", "value", "onChange", "disabled", "options", "variant", "size", "label", "labelIcon", "labelTooltip", "helperText", "invalid", "required", "necessityIndicator"],
-  _excluded2 = ["classNamePrefix", "value", "checked", "onClick", "label", "disabled", "size", "tooltip", "interactive_tooltip", "verticalAlign"];
+var _excluded = ["id", "className", "classNamePrefix", "value", "onChange", "disabled", "options", "variant", "size", "label", "labelIcon", "labelTooltip", "helperText", "invalid", "required", "necessityIndicator"],
+  _excluded2 = ["id", "classNamePrefix", "value", "checked", "onClick", "label", "disabled", "size", "tooltip", "tooltipProps", "verticalAlign"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
@@ -36676,24 +36724,27 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
-var RadioGroup = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (props, ref) {
-  var className = props.className,
-    classNamePrefix = props.classNamePrefix,
-    value = props.value,
-    onChange = props.onChange,
-    disabled = props.disabled,
-    options = props.options,
-    variant = props.variant,
-    size = props.size,
-    label = props.label,
-    labelIcon = props.labelIcon,
-    labelTooltip = props.labelTooltip,
-    helperText = props.helperText,
-    invalid = props.invalid,
-    required = props.required,
-    necessityIndicator = props.necessityIndicator,
-    rest = _objectWithoutProperties(props, _excluded);
-  var labelId = (0,_hooks__WEBPACK_IMPORTED_MODULE_2__.useLabelId)(props.id);
+var RadioGroup = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (_ref, ref) {
+  var id = _ref.id,
+    className = _ref.className,
+    classNamePrefix = _ref.classNamePrefix,
+    value = _ref.value,
+    onChange = _ref.onChange,
+    disabled = _ref.disabled,
+    options = _ref.options,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'row' : _ref$variant,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'sm' : _ref$size,
+    label = _ref.label,
+    labelIcon = _ref.labelIcon,
+    labelTooltip = _ref.labelTooltip,
+    helperText = _ref.helperText,
+    invalid = _ref.invalid,
+    required = _ref.required,
+    necessityIndicator = _ref.necessityIndicator,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var labelId = (0,_hooks__WEBPACK_IMPORTED_MODULE_2__.useLabelId)(id);
   var handleChange = function handleChange(val, opt, evt) {
     if (!disabled) onChange === null || onChange === void 0 || onChange(val, opt, evt);
   };
@@ -36703,7 +36754,7 @@ var RadioGroup = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwa
       container: true
     }, className),
     flex_direction: "column",
-    gap: _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing['03']
+    gap: "03"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_8__.InputLabel, {
     classNamePrefix: classNamePrefix,
     id: labelId,
@@ -36715,6 +36766,7 @@ var RadioGroup = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwa
     variant: "lg"
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_common__WEBPACK_IMPORTED_MODULE_9__.GroupWrapper, _extends({
     ref: ref,
+    id: id,
     className: (0,_util__WEBPACK_IMPORTED_MODULE_7__.classNames)(classNamePrefix, _defineProperty({
       radioGroup: true
     }, "radioGroup--".concat(variant), true)),
@@ -36760,31 +36812,30 @@ RadioGroup.propTypes = {
   })),
   classNamePrefix: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string)
 };
-RadioGroup.defaultProps = {
-  variant: 'row',
-  size: 'sm'
-};
-var Radio = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (props, ref) {
-  var classNamePrefix = props.classNamePrefix,
-    value = props.value,
-    checked = props.checked,
-    onClick = props.onClick,
-    label = props.label,
-    disabled = props.disabled,
-    size = props.size,
-    tooltip = props.tooltip,
-    interactive_tooltip = props.interactive_tooltip,
-    verticalAlign = props.verticalAlign,
-    rest = _objectWithoutProperties(props, _excluded2);
-  var labelId = (0,_hooks__WEBPACK_IMPORTED_MODULE_2__.useLabelId)(props.id);
+var Radio = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (_ref2, ref) {
+  var id = _ref2.id,
+    classNamePrefix = _ref2.classNamePrefix,
+    value = _ref2.value,
+    checked = _ref2.checked,
+    onClick = _ref2.onClick,
+    label = _ref2.label,
+    disabled = _ref2.disabled,
+    _ref2$size = _ref2.size,
+    size = _ref2$size === void 0 ? 'md' : _ref2$size,
+    tooltip = _ref2.tooltip,
+    tooltipProps = _ref2.tooltipProps,
+    _ref2$verticalAlign = _ref2.verticalAlign,
+    verticalAlign = _ref2$verticalAlign === void 0 ? 'top' : _ref2$verticalAlign,
+    rest = _objectWithoutProperties(_ref2, _excluded2);
+  var labelId = (0,_hooks__WEBPACK_IMPORTED_MODULE_2__.useLabelId)(id);
   var handleClick = function handleClick(evt) {
     if (!disabled) onClick === null || onClick === void 0 || onClick(value, evt);
   };
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_5__.Tooltip, {
-    tooltip: tooltip,
-    interactive: interactive_tooltip
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_common__WEBPACK_IMPORTED_MODULE_9__.RadioWrapper, _extends({
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_5__.Tooltip, _extends({}, tooltipProps, {
+    tooltip: tooltip
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_common__WEBPACK_IMPORTED_MODULE_9__.RadioWrapper, _extends({
     ref: ref,
+    id: id,
     className: (0,_util__WEBPACK_IMPORTED_MODULE_7__.classNames)(classNamePrefix, _defineProperty(_defineProperty({
       radio: true
     }, 'radio--is-selected', checked), 'radio--is-disabled', disabled))
@@ -36822,10 +36873,6 @@ Radio.propTypes = {
   verticalAlign: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['top', 'middle', 'bottom']),
   size: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['sm', 'md'])
 };
-Radio.defaultProps = {
-  verticalAlign: 'top',
-  size: 'md'
-};
 
 /***/ }),
 
@@ -36857,7 +36904,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /*jslint react:true*/
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["options", "classNamePrefix", "rounded"];
+var _excluded = ["options", "classNamePrefix", "rounded", "disabled", "size"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -36920,25 +36967,29 @@ var RadioTabLabel = function RadioTabLabel(props) {
   }, description)));
 };
 var radioTabPrefix = 'radioTab';
-var RadioTab = function RadioTab(props) {
-  var options = props.options,
-    classNamePrefix = props.classNamePrefix,
-    rounded = props.rounded,
-    rest = _objectWithoutProperties(props, _excluded);
+var RadioTab = function RadioTab(_ref2) {
+  var options = _ref2.options,
+    classNamePrefix = _ref2.classNamePrefix,
+    rounded = _ref2.rounded,
+    disabled = _ref2.disabled,
+    _ref2$size = _ref2.size,
+    size = _ref2$size === void 0 ? 'sm' : _ref2$size,
+    rest = _objectWithoutProperties(_ref2, _excluded);
   var cnPrefix = classNamePrefix ? "".concat(classNamePrefix, "_").concat(radioTabPrefix) : radioTabPrefix;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(RadioTabStyled, _extends({}, rest, {
     $rounded: rounded,
+    size: size,
+    disabled: disabled,
     classNamePrefix: cnPrefix,
     options: options.map(function (o) {
       return _objectSpread(_objectSpread({}, o), {}, {
         label: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(RadioTabLabel, _extends({}, o, {
-          disabled: props.disabled || o.disabled
+          disabled: disabled || o.disabled
         }))
       });
     })
   }));
 };
-RadioTab.displayName = 'RadioTab';
 RadioTab.propTypes = {
   value: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().any),
   onChange: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
@@ -36963,9 +37014,6 @@ RadioTab.propTypes = {
   })),
   classNamePrefix: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string)
 };
-RadioTab.defaultProps = {
-  size: 'sm'
-};
 
 /***/ }),
 
@@ -37159,16 +37207,18 @@ var Field = styled_components__WEBPACK_IMPORTED_MODULE_2___default().input.withC
   displayName: "Field",
   componentId: "sc-r60v1b-0"
 })(["width:100%;box-sizing:border-box;padding:0;outline:none;border:0;flex-grow:1;background:inherit;font-family:", ";font-style:normal;font-weight:", ";font-size:", ";line-height:", ";color:", ";::placeholder{color:", ";}"], _theme__WEBPACK_IMPORTED_MODULE_6__["default"].font_family.sans, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].font_weight.regular, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].font_size.sm, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].line_height.none, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_11_50, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_8);
-var InputLabel = function InputLabel(props) {
-  var className = props.className,
-    classNamePrefix = props.classNamePrefix,
-    id = props.id,
-    label = props.label,
-    labelIcon = props.labelIcon,
-    labelTooltip = props.labelTooltip,
-    required = props.required,
-    necessityIndicator = props.necessityIndicator,
-    variant = props.variant;
+var InputLabel = function InputLabel(_ref) {
+  var className = _ref.className,
+    classNamePrefix = _ref.classNamePrefix,
+    id = _ref.id,
+    label = _ref.label,
+    labelIcon = _ref.labelIcon,
+    labelTooltip = _ref.labelTooltip,
+    required = _ref.required,
+    _ref$necessityIndicat = _ref.necessityIndicator,
+    necessityIndicator = _ref$necessityIndicat === void 0 ? 'asterisk' : _ref$necessityIndicat,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'sm' : _ref$variant;
   var t = (0,_translation__WEBPACK_IMPORTED_MODULE_8__.useReactTranslate)();
   if (!label) return null;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(LabelWrapper, {
@@ -37198,10 +37248,6 @@ var InputLabel = function InputLabel(props) {
     color: "gray_9"
   })));
 };
-InputLabel.displayName = 'InputLabel';
-InputLabel.defaultProps = {
-  necessityIndicator: 'asterisk'
-};
 InputLabel.propTypes = {
   label: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
   labelIcon: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
@@ -37210,9 +37256,6 @@ InputLabel.propTypes = {
   necessityIndicator: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['asterisk', 'text']),
   variant: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['sm', 'lg'])
 };
-InputLabel.defaultProps = {
-  variant: 'sm'
-};
 var LabelWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "LabelWrapper",
   componentId: "sc-r60v1b-1"
@@ -37255,7 +37298,8 @@ var InputWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.
   displayName: "InputWrapper",
   componentId: "sc-r60v1b-7"
 })(["position:relative;width:100%;border:1px solid;border-radius:4px;box-sizing:border-box;font-family:", ";padding:", "px ", "px;overflow:auto;display:flex;gap:8px;align-items:", ";border-left-width:1px;border-right-width:1px;border-top-left-radius:", ";border-bottom-left-radius:", ";border-top-right-radius:", ";border-bottom-right-radius:", ";", " ", ""], _theme__WEBPACK_IMPORTED_MODULE_6__["default"].font_family.sans, inputVerticalPadding, inputHorizontalPadding, function (props) {
-  return props.$verticalAlign;
+  var _props$$verticalAlign;
+  return (_props$$verticalAlign = props.$verticalAlign) !== null && _props$$verticalAlign !== void 0 ? _props$$verticalAlign : 'normal';
 }, function (props) {
   return props.$leftOuterContent ? '0' : '4px';
 }, function (props) {
@@ -37284,10 +37328,6 @@ var InputWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.
   }
   return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["cursor:", ";background-color:", ";border-color:", ";color:", ";box-shadow:", ";"], cursor, backgroundColor, borderColor, color, boxShadow);
 });
-InputWrapper.displayName = 'InputWrapper';
-InputWrapper.defaultProps = {
-  $verticalAlign: 'normal'
-};
 var HelperText = function HelperText(props) {
   var children = props.children,
     invalid = props.invalid;
@@ -37771,7 +37811,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /*jslint node:true, react:true*/
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["className", "size", "label", "labelIcon", "labelTooltip", "required", "necessityIndicator", "disabled", "buttonText", "onButtonClick", "invalid", "helperText", "placeholder", "value", "onFocus", "onBlur", "onValidate", "onRemoveItem", "onChange", "maxItems", "itemRenderer", "isItemDisabled", "defaultInputValue", "defaultValue"];
+var _excluded = ["id", "className", "size", "label", "labelIcon", "labelTooltip", "required", "necessityIndicator", "disabled", "buttonText", "onButtonClick", "invalid", "helperText", "placeholder", "value", "onFocus", "onBlur", "onValidate", "onRemoveItem", "onChange", "maxItems", "itemRenderer", "isItemDisabled", "defaultInputValue", "defaultValue"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator["return"] && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, "catch": function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
@@ -37796,32 +37836,34 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
-var TextboxList = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
-  var className = props.className,
-    size = props.size,
-    label = props.label,
-    labelIcon = props.labelIcon,
-    labelTooltip = props.labelTooltip,
-    required = props.required,
-    necessityIndicator = props.necessityIndicator,
-    disabled = props.disabled,
-    buttonText = props.buttonText,
-    onButtonClick = props.onButtonClick,
-    invalid = props.invalid,
-    helperText = props.helperText,
-    placeholder = props.placeholder,
-    value = props.value,
-    onFocus = props.onFocus,
-    onBlur = props.onBlur,
-    onValidate = props.onValidate,
-    onRemoveItem = props.onRemoveItem,
-    onChange = props.onChange,
-    maxItems = props.maxItems,
-    itemRenderer = props.itemRenderer,
-    isItemDisabled = props.isItemDisabled,
-    defaultInputValue = props.defaultInputValue,
-    defaultValue = props.defaultValue,
-    rest = _objectWithoutProperties(props, _excluded);
+var TextboxList = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (_ref, ref) {
+  var id = _ref.id,
+    className = _ref.className,
+    size = _ref.size,
+    label = _ref.label,
+    labelIcon = _ref.labelIcon,
+    labelTooltip = _ref.labelTooltip,
+    required = _ref.required,
+    necessityIndicator = _ref.necessityIndicator,
+    disabled = _ref.disabled,
+    _ref$buttonText = _ref.buttonText,
+    buttonText = _ref$buttonText === void 0 ? 'Add' : _ref$buttonText,
+    onButtonClick = _ref.onButtonClick,
+    invalid = _ref.invalid,
+    helperText = _ref.helperText,
+    placeholder = _ref.placeholder,
+    value = _ref.value,
+    onFocus = _ref.onFocus,
+    onBlur = _ref.onBlur,
+    onValidate = _ref.onValidate,
+    onRemoveItem = _ref.onRemoveItem,
+    onChange = _ref.onChange,
+    maxItems = _ref.maxItems,
+    itemRenderer = _ref.itemRenderer,
+    isItemDisabled = _ref.isItemDisabled,
+    defaultInputValue = _ref.defaultInputValue,
+    defaultValue = _ref.defaultValue,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(''),
     _useState2 = _slicedToArray(_useState, 2),
     inputValue = _useState2[0],
@@ -37882,9 +37924,7 @@ var TextboxList = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forw
     onBlur === null || onBlur === void 0 || onBlur(evt);
   }, [onBlur, addItem]);
   var onInputKeyDown = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (evt) {
-    if (evt.key === 'Enter') {
-      addItem(false);
-    }
+    if (evt.key === 'Enter') addItem(false);
   }, [addItem]);
   var _onRemoveItem = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (val) {
     void _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
@@ -37918,9 +37958,10 @@ var TextboxList = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forw
       }, _callee2);
     }))();
   }, [value, onRemoveItem, onChange]);
-  var labelId = (0,_hooks__WEBPACK_IMPORTED_MODULE_2__.useLabelId)(props.id);
+  var labelId = (0,_hooks__WEBPACK_IMPORTED_MODULE_2__.useLabelId)(id);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_3__.Flex, _extends({
     ref: ref,
+    id: id,
     "data-testid": "textbox-list",
     className: className
   }, (0,_util__WEBPACK_IMPORTED_MODULE_4__.getCommonProps)(rest), {
@@ -37965,9 +38006,6 @@ var TextboxList = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forw
   }, helperText !== null && helperText !== void 0 ? helperText : error));
 });
 TextboxList.displayName = 'TextboxList';
-TextboxList.defaultProps = {
-  buttonText: 'Add'
-};
 TextboxList.propTypes = {
   disabled: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
   required: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
@@ -38032,19 +38070,23 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
-var Toggle = function Toggle(props) {
-  var id = props.id,
-    value = props.value,
-    label = props.label,
-    disabled = props.disabled,
-    size = props.size,
-    onChange = props.onChange,
-    rest = _objectWithoutProperties(props, _excluded);
+var Toggle = function Toggle(_ref) {
+  var id = _ref.id,
+    value = _ref.value,
+    label = _ref.label,
+    disabled = _ref.disabled,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'sm' : _ref$size,
+    onChange = _ref.onChange,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var handleChange = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (evt) {
     var checked = evt.target.checked;
     onChange === null || onChange === void 0 || onChange(checked, evt);
   }, [onChange]);
-  var color = getLabelColor(props);
+  var color = getLabelColor({
+    disabled: disabled,
+    value: value
+  });
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ToggleLabel, _extends({}, (0,_util__WEBPACK_IMPORTED_MODULE_5__.getCommonProps)(rest), {
     $size: size
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ToggleInput, {
@@ -38060,10 +38102,6 @@ var Toggle = function Toggle(props) {
     no_wrap: true
   }, label));
 };
-Toggle.displayName = 'Toggle';
-Toggle.defaultProps = {
-  size: 'sm'
-};
 Toggle.propTypes = {
   value: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   label: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
@@ -38248,18 +38286,19 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
-var Flex = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
-  var inline = props.inline,
-    align_items = props.align_items,
-    align_content = props.align_content,
-    justify_items = props.justify_items,
-    justify_content = props.justify_content,
-    flex_wrap = props.flex_wrap,
-    flex_direction = props.flex_direction,
-    gap = props.gap,
-    row_gap = props.row_gap,
-    column_gap = props.column_gap,
-    rest = _objectWithoutProperties(props, _excluded);
+var Flex = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (_ref, ref) {
+  var inline = _ref.inline,
+    align_items = _ref.align_items,
+    align_content = _ref.align_content,
+    justify_items = _ref.justify_items,
+    justify_content = _ref.justify_content,
+    flex_wrap = _ref.flex_wrap,
+    _ref$flex_direction = _ref.flex_direction,
+    flex_direction = _ref$flex_direction === void 0 ? 'row' : _ref$flex_direction,
+    gap = _ref.gap,
+    row_gap = _ref.row_gap,
+    column_gap = _ref.column_gap,
+    rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledFlex, _extends({
     ref: ref,
     $inline: inline,
@@ -38275,9 +38314,6 @@ var Flex = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(
   }, rest));
 });
 Flex.displayName = 'Flex';
-Flex.defaultProps = {
-  flex_direction: 'row'
-};
 Flex.propTypes = {
   inline: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),
   align_items: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(['stretch', 'flex-start', 'flex-end', 'center', 'baseline', 'start', 'end', 'self-start', 'self-end']),
@@ -38367,33 +38403,31 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   Link: () => (/* binding */ Link)
 /* harmony export */ });
-/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/omit */ "./node_modules/lodash/omit.js");
-/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_omit__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "prop-types");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! styled-components */ "styled-components");
-/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../icon */ "./src/icon.js");
-/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
-/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ "prop-types");
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! styled-components */ "styled-components");
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../icon */ "./src/icon.js");
+/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
+/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
 // LICENSE_CODE ZON
 
 
 /*jslint react:true*/
-
-var _excluded = ["isLeft", "isRight"];
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
+var _excluded = ["text", "variant", "size", "underline", "icon", "iconPlacement", "as", "href", "target", "rel", "newTab"],
+  _excluded2 = ["isLeft", "isRight"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
 
 
 
@@ -38401,24 +38435,44 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 
 
 
-var _theme$color = _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color,
+var _theme$color = _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color,
   blue_10 = _theme$color.blue_10,
   blue_11 = _theme$color.blue_11,
   gray_11_50 = _theme$color.gray_11_50;
-var knownProps = ['text', 'variant', 'size', 'underline', 'icon', 'iconPlacement', 'newTab'];
-var Link = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRef(function (props, ref) {
-  var text = props.text,
-    variant = props.variant,
-    size = props.size,
-    underline = props.underline;
-  var linkProps = _objectSpread(_objectSpread({}, lodash_omit__WEBPACK_IMPORTED_MODULE_0___default()(props, knownProps)), getLinkProps(props));
-  if (variant == 'inline') return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(InlineLink, _extends({
+var Link = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (_ref, ref) {
+  var text = _ref.text,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'primary' : _ref$variant,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'md' : _ref$size,
+    underline = _ref.underline,
+    icon = _ref.icon,
+    _ref$iconPlacement = _ref.iconPlacement,
+    iconPlacement = _ref$iconPlacement === void 0 ? 'left' : _ref$iconPlacement,
+    as = _ref.as,
+    href = _ref.href,
+    target = _ref.target,
+    rel = _ref.rel,
+    newTab = _ref.newTab,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var linkProps = _objectSpread(_objectSpread({}, rest), getLinkProps({
+    as: as,
+    href: href,
+    target: target,
+    rel: rel,
+    newTab: newTab
+  }));
+  if (variant == 'inline') return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(InlineLink, _extends({
     ref: ref
   }, linkProps), text);
-  var _getIconProps = (0,_utils__WEBPACK_IMPORTED_MODULE_7__.getIconProps)('Link', props),
+  var _getIconProps = (0,_utils__WEBPACK_IMPORTED_MODULE_6__.getIconProps)('Link', {
+      size: size,
+      icon: icon,
+      iconPlacement: iconPlacement
+    }),
     isLeft = _getIconProps.isLeft,
     isRight = _getIconProps.isRight,
-    iconProps = _objectWithoutProperties(_getIconProps, _excluded);
+    iconProps = _objectWithoutProperties(_getIconProps, _excluded2);
   var labelProps = {
     variant: {
       lg: 'lg',
@@ -38428,29 +38482,24 @@ var Link = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRef(
     no_wrap: true,
     'data-label': true
   };
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(StyledLink, _extends({
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledLink, _extends({
     ref: ref
   }, linkProps, {
     $variant: variant,
     $underline: underline,
     $size: size
-  }), isLeft && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_4__.Icon, iconProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_6__.Label, labelProps), isRight && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_4__.Icon, iconProps));
+  }), isLeft && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_3__.Icon, iconProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_5__.Label, labelProps), isRight && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_3__.Icon, iconProps));
 });
 Link.displayName = 'Link';
-Link.defaultProps = {
-  variant: 'primary',
-  size: 'md',
-  iconPlacement: 'left'
-};
 Link.propTypes = {
-  text: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node).isRequired,
-  variant: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['primary', 'secondary', 'inline']),
-  size: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['sm', 'md', 'lg']),
-  icon: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_7__.iconNames),
-  iconPlacement: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['left', 'right']),
-  href: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
-  newTab: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
-  underline: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
+  text: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node).isRequired,
+  variant: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['primary', 'secondary', 'inline']),
+  size: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['sm', 'md', 'lg']),
+  icon: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_6__.iconNames),
+  iconPlacement: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['left', 'right']),
+  href: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
+  newTab: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  underline: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool)
 };
 var getLinkProps = function getLinkProps(opt) {
   var as = opt.as,
@@ -38470,11 +38519,11 @@ var getLinkProps = function getLinkProps(opt) {
   });
   return p;
 };
-var StyledLink = styled_components__WEBPACK_IMPORTED_MODULE_3___default().a.withConfig({
+var StyledLink = styled_components__WEBPACK_IMPORTED_MODULE_2___default().a.withConfig({
   displayName: "StyledLink",
   componentId: "sc-1ilmd36-0"
 })(["display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:0 none;border:0 none;padding:0;gap:", ";color:", ";[data-label]{text-decoration:", ";}cursor:pointer;&:disabled{cursor:not-allowed;}&:hover:not(:disabled){color:", ";[data-label]{text-decoration:", ";}}&:hover,:visited,:focus{text-decoration:none;}"], function (props) {
-  return (0,_utils__WEBPACK_IMPORTED_MODULE_7__.toPixel)(props.$size == 'lg' ? 8 : 4);
+  return (0,_utils__WEBPACK_IMPORTED_MODULE_6__.toPixel)(props.$size == 'lg' ? 8 : 4);
 }, function (props) {
   return props.$variant == 'primary' ? blue_11 : gray_11_50;
 }, function (props) {
@@ -38484,7 +38533,7 @@ var StyledLink = styled_components__WEBPACK_IMPORTED_MODULE_3___default().a.with
 }, function (props) {
   return props.$underline || props.$variant == 'primary' ? 'underline' : 'none';
 });
-var InlineLink = styled_components__WEBPACK_IMPORTED_MODULE_3___default().a.withConfig({
+var InlineLink = styled_components__WEBPACK_IMPORTED_MODULE_2___default().a.withConfig({
   displayName: "InlineLink",
   componentId: "sc-1ilmd36-1"
 })(["justify-content:center;text-decoration:underline;background:0 none;border:0 none;padding:0;cursor:pointer;&:disabled{cursor:not-allowed;}&:hover,:visited,:focus{text-decoration:underline;}"]);
@@ -38542,11 +38591,12 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
-var Menu = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (props, ref) {
-  var items = props.items,
-    size = props.size,
-    noShadow = props.noShadow,
-    rest = _objectWithoutProperties(props, _excluded);
+var Menu = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (_ref, ref) {
+  var items = _ref.items,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'md' : _ref$size,
+    noShadow = _ref.noShadow,
+    rest = _objectWithoutProperties(_ref, _excluded);
   if (!items || !items.length) return null;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_2__.MenuContainer, _extends({
     ref: ref
@@ -38564,9 +38614,6 @@ var Menu = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(
   }));
 });
 Menu.displayName = 'Menu';
-Menu.defaultProps = {
-  size: 'md'
-};
 Menu.propTypes = {
   size: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['sm', 'md', 'lg']),
   items: prop_types__WEBPACK_IMPORTED_MODULE_0___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_0___default().any)).isRequired
@@ -38608,7 +38655,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /*jslint react:true*/
 
-var _excluded = ["type", "text", "secondaryText", "tertiaryText", "description", "size", "children", "variant", "tag", "disabled", "selected", "subMenu", "tooltip", "isFirstItem"],
+var _excluded = ["type", "text", "secondaryText", "tertiaryText", "description", "size", "children", "variant", "tag", "disabled", "selected", "subMenu", "tooltip", "isFirstItem", "icon", "iconPlacement"],
   _excluded2 = ["isLeft"],
   _excluded3 = ["subItems", "children"],
   _excluded4 = ["popover", "onClick"];
@@ -38628,22 +38675,27 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
-var MenuItem = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_2__.forwardRef)(function (props, ref) {
-  var type = props.type,
-    text = props.text,
-    secondaryText = props.secondaryText,
-    tertiaryText = props.tertiaryText,
-    description = props.description,
-    size = props.size,
-    children = props.children,
-    variant = props.variant,
-    tag = props.tag,
-    disabled = props.disabled,
-    selected = props.selected,
-    subMenu = props.subMenu,
-    tooltip = props.tooltip,
-    isFirstItem = props.isFirstItem,
-    rest = _objectWithoutProperties(props, _excluded);
+var MenuItem = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_2__.forwardRef)(function (_ref, ref) {
+  var _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'item' : _ref$type,
+    text = _ref.text,
+    secondaryText = _ref.secondaryText,
+    tertiaryText = _ref.tertiaryText,
+    description = _ref.description,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'md' : _ref$size,
+    children = _ref.children,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'default' : _ref$variant,
+    tag = _ref.tag,
+    disabled = _ref.disabled,
+    selected = _ref.selected,
+    subMenu = _ref.subMenu,
+    tooltip = _ref.tooltip,
+    isFirstItem = _ref.isFirstItem,
+    icon = _ref.icon,
+    iconPlacement = _ref.iconPlacement,
+    rest = _objectWithoutProperties(_ref, _excluded);
   if (type == 'divider') return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_menu_item_divider__WEBPACK_IMPORTED_MODULE_11__["default"], {
     ref: ref
   });
@@ -38658,7 +38710,11 @@ var MenuItem = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_2__.forwardRef)(fu
       isFirstItem: isFirstItem
     }, rest), subItems);
   }
-  var _getIconProps = (0,_utils__WEBPACK_IMPORTED_MODULE_9__.getIconProps)('MenuItem', props),
+  var _getIconProps = (0,_utils__WEBPACK_IMPORTED_MODULE_9__.getIconProps)('MenuItem', {
+      size: size,
+      icon: icon,
+      iconPlacement: iconPlacement
+    }),
     isLeft = _getIconProps.isLeft,
     iconProps = _objectWithoutProperties(_getIconProps, _excluded2);
   var iconColor = disabled ? 'gray_6' : variant == 'negative' ? 'red_10' : 'gray_9';
@@ -38670,7 +38726,7 @@ var MenuItem = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_2__.forwardRef)(fu
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_7__.Tooltip, {
     tooltip: tooltip,
     noWrap: true
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(MenuItemComp, _extends({}, lodash_omit__WEBPACK_IMPORTED_MODULE_0___default()(rest, 'icon', 'iconPlacement'), {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(MenuItemComp, _extends({}, rest, {
     "aria-disabled": disabled ? true : undefined,
     size: size,
     role: "button",
@@ -38691,11 +38747,6 @@ var MenuItem = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_2__.forwardRef)(fu
   }))));
 });
 MenuItem.displayName = 'MenuItem';
-MenuItem.defaultProps = {
-  type: 'item',
-  size: 'md',
-  variant: 'default'
-};
 MenuItem.propTypes = {
   text: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
   secondaryText: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
@@ -38900,11 +38951,11 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
-var MenuItemGroup = function MenuItemGroup(props) {
-  var text = props.text,
-    children = props.children,
-    isFirstItem = props.isFirstItem,
-    rest = _objectWithoutProperties(props, _excluded);
+var MenuItemGroup = function MenuItemGroup(_ref) {
+  var text = _ref.text,
+    children = _ref.children,
+    isFirstItem = _ref.isFirstItem,
+    rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, !isFirstItem && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_menu_item_divider__WEBPACK_IMPORTED_MODULE_3__["default"], null), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_4__.MenuItemContainer, _extends({
     role: "presentation"
   }, rest), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(GroupTitle, {
@@ -38917,7 +38968,6 @@ var MenuItemGroup = function MenuItemGroup(props) {
     role: "group"
   }, children)));
 };
-MenuItemGroup.displayName = 'MenuItemGroup';
 var GroupTitle = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(_typography__WEBPACK_IMPORTED_MODULE_2__.Label).withConfig({
   displayName: "GroupTitle",
   componentId: "sc-q9wnng-0"
@@ -39029,18 +39079,20 @@ var StyledFooterWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default
   displayName: "StyledFooterWrapper",
   componentId: "sc-1nggvo0-3"
 })([""]);
-var ModalBase = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (props, ref) {
-  var className = props.className,
-    header = props.header,
-    content = props.content,
-    footer = props.footer,
-    size = props.size,
-    shadow = props.shadow,
-    _props$borders = props.borders,
-    borders = _props$borders === void 0 ? {
+var ModalBase = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (_ref, ref) {
+  var className = _ref.className,
+    header = _ref.header,
+    content = _ref.content,
+    footer = _ref.footer,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'md' : _ref$size,
+    _ref$shadow = _ref.shadow,
+    shadow = _ref$shadow === void 0 ? 'md' : _ref$shadow,
+    _ref$borders = _ref.borders,
+    borders = _ref$borders === void 0 ? {
       bottom: true
-    } : _props$borders,
-    rest = _objectWithoutProperties(props, _excluded);
+    } : _ref$borders,
+    rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledWrapper, _extends({
     ref: ref,
     className: className
@@ -39070,10 +39122,6 @@ ModalBase.propTypes = {
   content: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
   footer: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node)
 };
-ModalBase.defaultProps = {
-  size: 'md',
-  shadow: 'md'
-};
 
 /***/ }),
 
@@ -39291,8 +39339,10 @@ ModalHeader.propTypes = {
   cancelDisabled: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool)
 };
 var ModalFooter = function ModalFooter(_ref3) {
-  var okLabel = _ref3.okLabel,
-    cancelLabel = _ref3.cancelLabel,
+  var _ref3$okLabel = _ref3.okLabel,
+    okLabel = _ref3$okLabel === void 0 ? 'OK' : _ref3$okLabel,
+    _ref3$cancelLabel = _ref3.cancelLabel,
+    cancelLabel = _ref3$cancelLabel === void 0 ? 'Cancel' : _ref3$cancelLabel,
     onOk = _ref3.onOk,
     onCancel = _ref3.onCancel,
     okDisabled = _ref3.okDisabled,
@@ -39322,10 +39372,6 @@ ModalFooter.propTypes = {
   okDisabled: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   cancelDisabled: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool)
 };
-ModalFooter.defaultProps = {
-  okLabel: 'OK',
-  cancelLabel: 'Cancel'
-};
 
 /***/ }),
 
@@ -39673,14 +39719,16 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 var color = _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color;
-var Snackbar = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (props, ref) {
-  var variant = props.variant,
-    type = props.type,
-    showIcon = props.showIcon,
-    header = props.header,
-    children = props.children,
-    action = props.action,
-    rest = _objectWithoutProperties(props, _excluded);
+var Snackbar = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (_ref, ref) {
+  var _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'vertical' : _ref$variant,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'info' : _ref$type,
+    showIcon = _ref.showIcon,
+    header = _ref.header,
+    children = _ref.children,
+    action = _ref.action,
+    rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Wrapper, _extends({
     ref: ref,
     $type: type
@@ -39693,10 +39741,6 @@ var Snackbar = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forward
   }, children), !!action && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_snackbar_action__WEBPACK_IMPORTED_MODULE_5__.SnackbarAction, action)));
 });
 Snackbar.displayName = 'Snackbar';
-Snackbar.defaultProps = {
-  variant: 'vertical',
-  type: 'info'
-};
 Snackbar.propTypes = {
   variant: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['vertical', 'horizontal']),
   type: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['info', 'success', 'error', 'warning', 'generic']),
@@ -39884,12 +39928,13 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
-var Group = function Group(props) {
-  var children = props.children,
-    className = props.className,
-    variant = props.variant,
-    onKeyDown = props.onKeyDown,
-    rest = _objectWithoutProperties(props, _excluded);
+var Group = function Group(_ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'main' : _ref$variant,
+    onKeyDown = _ref.onKeyDown,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var ref = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.createRef)(null);
   var handleKeyDown = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (e) {
     if (e.key == 'ArrowRight' || e.key == 'ArrowLeft') {
@@ -39928,9 +39973,6 @@ var Group = function Group(props) {
     });
   }));
 };
-Group.defaultProps = {
-  variant: 'main'
-};
 Group.propTypes = {
   variant: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['main', 'underline', 'contain', 'vertical'])
 };
@@ -40002,21 +40044,26 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /*jslint react:true*/
+var _excluded = ["className", "variant", "text", "selected", "disabled", "leftContent", "rightContent"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
 
 
 
 
 
 
-var Tab = function Tab(props) {
-  var className = props.className,
-    variant = props.variant,
-    text = props.text,
-    selected = props.selected,
-    disabled = props.disabled,
-    leftContent = props.leftContent,
-    rightContent = props.rightContent;
+var Tab = function Tab(_ref) {
+  var className = _ref.className,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'main' : _ref$variant,
+    text = _ref.text,
+    selected = _ref.selected,
+    disabled = _ref.disabled,
+    leftContent = _ref.leftContent,
+    rightContent = _ref.rightContent,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var Wrap = variant == 'vertical' ? Left : react__WEBPACK_IMPORTED_MODULE_1__.Fragment;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(TabContainer, _extends({
     role: "tab",
@@ -40026,13 +40073,10 @@ var Tab = function Tab(props) {
     tabIndex: selected ? 0 : -1,
     "aria-disabled": disabled ? 'true' : undefined,
     disabled: !!disabled
-  }, (0,_util__WEBPACK_IMPORTED_MODULE_5__.getCommonProps)(props)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Wrap, null, leftContent, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Text, {
+  }, (0,_util__WEBPACK_IMPORTED_MODULE_5__.getCommonProps)(rest)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Wrap, null, leftContent, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Text, {
     $variant: variant
   }, text)), rightContent);
 };
-Tab.defaultProps = {
-  variant: 'main'
-};
 Tab.propTypes = {
   variant: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['main', 'underline', 'contain', 'vertical']),
   text: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node).isRequired,
@@ -40089,35 +40133,32 @@ var Text = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_typography_
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__),
+/* harmony export */   Provider: () => (/* binding */ Provider),
 /* harmony export */   defaultContextValue: () => (/* binding */ defaultContextValue),
 /* harmony export */   useTableContext: () => (/* binding */ useTableContext)
 /* harmony export */ });
-/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/omit */ "./node_modules/lodash/omit.js");
-/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_omit__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "prop-types");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var react_table__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! react-table */ "react-table");
-/* harmony import */ var react_table__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_table__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../layout */ "./src/layout/index.js");
-/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
-/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
-/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
-/* harmony import */ var _editable_columns__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./editable_columns */ "./src/table/editable_columns.js");
-/* harmony import */ var _pinned_columns__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./pinned_columns */ "./src/table/pinned_columns.js");
-/* harmony import */ var _expandable_rows__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./expandable_rows */ "./src/table/expandable_rows.js");
-/* harmony import */ var _select_rows__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./select_rows */ "./src/table/select_rows.js");
-/* harmony import */ var _row_menu__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./row_menu */ "./src/table/row_menu.js");
-/* harmony import */ var _order_logic__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./order_logic */ "./src/table/order_logic.js");
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ "prop-types");
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var react_table__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-table */ "react-table");
+/* harmony import */ var react_table__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_table__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../layout */ "./src/layout/index.js");
+/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
+/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
+/* harmony import */ var _editable_columns__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./editable_columns */ "./src/table/editable_columns.js");
+/* harmony import */ var _pinned_columns__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./pinned_columns */ "./src/table/pinned_columns.js");
+/* harmony import */ var _expandable_rows__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./expandable_rows */ "./src/table/expandable_rows.js");
+/* harmony import */ var _select_rows__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./select_rows */ "./src/table/select_rows.js");
+/* harmony import */ var _row_menu__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./row_menu */ "./src/table/row_menu.js");
+/* harmony import */ var _order_logic__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./order_logic */ "./src/table/order_logic.js");
 // LICENSE_CODE ZON
 
 
 /*jslint react:true*/
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-
-var _excluded = ["columns", "data", "pageSize", "pageSizes", "children", "stateManager", "hooks", "NoDataComp", "LoadingComp", "ExpandHandleComp", "noDataText", "loadingText", "isLoading", "onPageChange", "manualPagination", "totalCount", "paginateExpandedRows", "getHeaderProps", "getColumnProps", "getRowProps", "getCellProps", "getFooterProps", "selectedRowIds", "canOrderColumns", "rowActions", "columnSort", "onColumnSortChanged", "isCellEditable", "onStartEdit", "draggableRows", "onRowDragStart", "onRowDragEnd", "hoverActions", "hoverActionsDirection", "virtualized"];
+var _excluded = ["columns", "data", "pageSize", "pageSizes", "children", "stateManager", "hooks", "NoDataComp", "LoadingComp", "ExpandHandleComp", "noDataText", "loadingText", "isLoading", "onPageChange", "manualPagination", "totalCount", "paginateExpandedRows", "getHeaderProps", "getColumnProps", "getRowProps", "getCellProps", "getFooterProps", "selectedRowIds", "canOrderColumns", "rowActions", "columnSort", "onColumnSortChanged", "isCellEditable", "onStartEdit", "draggableRows", "onRowDragStart", "onRowDragEnd", "hoverActions", "hoverActionsDirection", "virtualized", "hiddenColumns", "pinnedColumns", "columnOrder", "initialState", "expandColumnId", "fullWidth", "rowDensity"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -40152,94 +40193,123 @@ var assign = Object.assign;
 var defaultPropGetter = function defaultPropGetter() {
   return {};
 };
+var defaultIsCellEditable = function defaultIsCellEditable(_ref) {
+  var column = _ref.column;
+  return column.canEdit;
+};
 var defaultContextValue = {};
-var TableContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createContext(defaultContextValue);
+var TableContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createContext(defaultContextValue);
 TableContext.displayName = 'TableContext';
-var Cell = function Cell(props) {
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_6__.Paragraph, {
+var Cell = function Cell(_ref2) {
+  var value = _ref2.value;
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_5__.Paragraph, {
     variant: "sm",
     color: "gray-11-50"
-  }, String(props.value));
+  }, String(value));
 };
-var Provider = function Provider(props) {
+var Provider = function Provider(_ref3) {
   var _columns$;
-  var defaultColumn = (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(function () {
+  var columns = _ref3.columns,
+    _ref3$data = _ref3.data,
+    data = _ref3$data === void 0 ? [] : _ref3$data,
+    pageSize = _ref3.pageSize,
+    _ref3$pageSizes = _ref3.pageSizes,
+    pageSizes = _ref3$pageSizes === void 0 ? [5, 10, 20, 30] : _ref3$pageSizes,
+    children = _ref3.children,
+    stateManager = _ref3.stateManager,
+    _ref3$hooks = _ref3.hooks,
+    hooks = _ref3$hooks === void 0 ? [] : _ref3$hooks,
+    NoDataComp = _ref3.NoDataComp,
+    LoadingComp = _ref3.LoadingComp,
+    _ref3$ExpandHandleCom = _ref3.ExpandHandleComp,
+    ExpandHandleComp = _ref3$ExpandHandleCom === void 0 ? _expandable_rows__WEBPACK_IMPORTED_MODULE_9__.ExpandHandle : _ref3$ExpandHandleCom,
+    _ref3$noDataText = _ref3.noDataText,
+    noDataText = _ref3$noDataText === void 0 ? 'No data' : _ref3$noDataText,
+    _ref3$loadingText = _ref3.loadingText,
+    loadingText = _ref3$loadingText === void 0 ? 'Loading...' : _ref3$loadingText,
+    _ref3$isLoading = _ref3.isLoading,
+    isLoading = _ref3$isLoading === void 0 ? false : _ref3$isLoading,
+    onPageChange = _ref3.onPageChange,
+    _ref3$manualPaginatio = _ref3.manualPagination,
+    manualPagination = _ref3$manualPaginatio === void 0 ? false : _ref3$manualPaginatio,
+    totalCount = _ref3.totalCount,
+    _ref3$paginateExpande = _ref3.paginateExpandedRows,
+    paginateExpandedRows = _ref3$paginateExpande === void 0 ? false : _ref3$paginateExpande,
+    _ref3$getHeaderProps = _ref3.getHeaderProps,
+    getHeaderProps = _ref3$getHeaderProps === void 0 ? defaultPropGetter : _ref3$getHeaderProps,
+    _ref3$getColumnProps = _ref3.getColumnProps,
+    getColumnProps = _ref3$getColumnProps === void 0 ? defaultPropGetter : _ref3$getColumnProps,
+    _ref3$getRowProps = _ref3.getRowProps,
+    getRowProps = _ref3$getRowProps === void 0 ? defaultPropGetter : _ref3$getRowProps,
+    _ref3$getCellProps = _ref3.getCellProps,
+    getCellProps = _ref3$getCellProps === void 0 ? defaultPropGetter : _ref3$getCellProps,
+    _ref3$getFooterProps = _ref3.getFooterProps,
+    getFooterProps = _ref3$getFooterProps === void 0 ? defaultPropGetter : _ref3$getFooterProps,
+    selectedRowIds = _ref3.selectedRowIds,
+    _ref3$canOrderColumns = _ref3.canOrderColumns,
+    canOrderColumns = _ref3$canOrderColumns === void 0 ? false : _ref3$canOrderColumns,
+    rowActions = _ref3.rowActions,
+    _ref3$columnSort = _ref3.columnSort,
+    columnSort = _ref3$columnSort === void 0 ? {} : _ref3$columnSort,
+    onColumnSortChanged = _ref3.onColumnSortChanged,
+    _ref3$isCellEditable = _ref3.isCellEditable,
+    isCellEditable = _ref3$isCellEditable === void 0 ? defaultIsCellEditable : _ref3$isCellEditable,
+    onStartEdit = _ref3.onStartEdit,
+    _ref3$draggableRows = _ref3.draggableRows,
+    draggableRows = _ref3$draggableRows === void 0 ? false : _ref3$draggableRows,
+    onRowDragStart = _ref3.onRowDragStart,
+    onRowDragEnd = _ref3.onRowDragEnd,
+    hoverActions = _ref3.hoverActions,
+    _ref3$hoverActionsDir = _ref3.hoverActionsDirection,
+    hoverActionsDirection = _ref3$hoverActionsDir === void 0 ? 'row' : _ref3$hoverActionsDir,
+    _ref3$virtualized = _ref3.virtualized,
+    virtualized = _ref3$virtualized === void 0 ? false : _ref3$virtualized,
+    _hiddenColumns = _ref3.hiddenColumns,
+    _pinnedColumns = _ref3.pinnedColumns,
+    _columnOrder = _ref3.columnOrder,
+    _initialState = _ref3.initialState,
+    _expandColumnId = _ref3.expandColumnId,
+    fullWidth = _ref3.fullWidth,
+    _ref3$rowDensity = _ref3.rowDensity,
+    rowDensity = _ref3$rowDensity === void 0 ? 'busy_bee' : _ref3$rowDensity,
+    rest = _objectWithoutProperties(_ref3, _excluded);
+  var defaultColumn = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
     return {
       minWidth: 100,
       Cell: Cell
     };
   }, []);
-  var columns = props.columns,
-    data = props.data,
-    pageSize = props.pageSize,
-    pageSizes = props.pageSizes,
-    children = props.children,
-    stateManager = props.stateManager,
-    hooks = props.hooks,
-    NoDataComp = props.NoDataComp,
-    LoadingComp = props.LoadingComp,
-    ExpandHandleComp = props.ExpandHandleComp,
-    noDataText = props.noDataText,
-    loadingText = props.loadingText,
-    isLoading = props.isLoading,
-    onPageChange = props.onPageChange,
-    manualPagination = props.manualPagination,
-    totalCount = props.totalCount,
-    paginateExpandedRows = props.paginateExpandedRows,
-    _props$getHeaderProps = props.getHeaderProps,
-    getHeaderProps = _props$getHeaderProps === void 0 ? defaultPropGetter : _props$getHeaderProps,
-    _props$getColumnProps = props.getColumnProps,
-    getColumnProps = _props$getColumnProps === void 0 ? defaultPropGetter : _props$getColumnProps,
-    _props$getRowProps = props.getRowProps,
-    getRowProps = _props$getRowProps === void 0 ? defaultPropGetter : _props$getRowProps,
-    _props$getCellProps = props.getCellProps,
-    getCellProps = _props$getCellProps === void 0 ? defaultPropGetter : _props$getCellProps,
-    _props$getFooterProps = props.getFooterProps,
-    getFooterProps = _props$getFooterProps === void 0 ? defaultPropGetter : _props$getFooterProps,
-    selectedRowIds = props.selectedRowIds,
-    canOrderColumns = props.canOrderColumns,
-    rowActions = props.rowActions,
-    columnSort = props.columnSort,
-    onColumnSortChanged = props.onColumnSortChanged,
-    isCellEditable = props.isCellEditable,
-    onStartEdit = props.onStartEdit,
-    draggableRows = props.draggableRows,
-    onRowDragStart = props.onRowDragStart,
-    onRowDragEnd = props.onRowDragEnd,
-    hoverActions = props.hoverActions,
-    hoverActionsDirection = props.hoverActionsDirection,
-    virtualized = props.virtualized,
-    rest = _objectWithoutProperties(props, _excluded);
-  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(0),
+  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(undefined),
     _useState2 = _slicedToArray(_useState, 2),
     pageCount = _useState2[0],
     setPageCount = _useState2[1];
-  var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_2__.useState)(false),
+  var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false),
     _useState4 = _slicedToArray(_useState3, 2),
     isDraggingRow = _useState4[0],
     setIsDraggingRow = _useState4[1];
-  var hiddenColumns = (0,_util__WEBPACK_IMPORTED_MODULE_7__.firstDefined)(stateManager === null || stateManager === void 0 ? void 0 : stateManager.get('hiddenColumns'), props.hiddenColumns);
-  var pinnedColumns = (0,_util__WEBPACK_IMPORTED_MODULE_7__.firstDefined)(stateManager === null || stateManager === void 0 ? void 0 : stateManager.get('pinnedColumns'), props.pinnedColumns);
-  var columnOrder = (0,_util__WEBPACK_IMPORTED_MODULE_7__.firstDefined)(stateManager === null || stateManager === void 0 ? void 0 : stateManager.get('columnOrder'), props.columnOrder);
-  var initialState = assign({}, props.initialState, pageSize && {
-    pageSize: pageSize
-  }, hiddenColumns && {
-    hiddenColumns: hiddenColumns
-  }, pinnedColumns && {
-    pinnedColumns: pinnedColumns
-  }, columnOrder && {
-    columnOrder: columnOrder
-  }, selectedRowIds && {
-    selectedRowIds: selectedRowIds
-  });
-  var table = react_table__WEBPACK_IMPORTED_MODULE_3__.useTable.apply(void 0, [_objectSpread({
+  var hiddenColumns = (0,_util__WEBPACK_IMPORTED_MODULE_6__.firstDefined)(stateManager === null || stateManager === void 0 ? void 0 : stateManager.get('hiddenColumns'), _hiddenColumns);
+  var pinnedColumns = (0,_util__WEBPACK_IMPORTED_MODULE_6__.firstDefined)(stateManager === null || stateManager === void 0 ? void 0 : stateManager.get('pinnedColumns'), _pinnedColumns);
+  var columnOrder = (0,_util__WEBPACK_IMPORTED_MODULE_6__.firstDefined)(stateManager === null || stateManager === void 0 ? void 0 : stateManager.get('columnOrder'), _columnOrder);
+  var initialState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
+    return assign({}, _initialState, pageSize && {
+      pageSize: pageSize
+    }, hiddenColumns && {
+      hiddenColumns: hiddenColumns
+    }, pinnedColumns && {
+      pinnedColumns: pinnedColumns
+    }, columnOrder && {
+      columnOrder: columnOrder
+    }, selectedRowIds && {
+      selectedRowIds: selectedRowIds
+    });
+  }, [_initialState, pageSize, hiddenColumns, pinnedColumns, columnOrder, selectedRowIds]);
+  var table = react_table__WEBPACK_IMPORTED_MODULE_2__.useTable.apply(void 0, [Object.assign(_objectSpread({
     columns: columns,
     data: data,
     defaultColumn: defaultColumn,
     initialState: initialState,
     pageSizes: pageSizes,
     manualPagination: manualPagination,
-    pageCount: pageCount,
     totalCount: totalCount,
     paginateExpandedRows: paginateExpandedRows,
     isLoading: isLoading,
@@ -40248,15 +40318,19 @@ var Provider = function Provider(props) {
     getRowProps: getRowProps,
     getCellProps: getCellProps,
     getFooterProps: getFooterProps,
-    ExpandHandleComp: ExpandHandleComp
-  }, lodash_omit__WEBPACK_IMPORTED_MODULE_0___default()(rest, 'initialState', 'hiddenColumns', 'pinnedColumns', 'columnOrder', 'expandColumnId')), useCanHideColumns, react_table__WEBPACK_IMPORTED_MODULE_3__.useExpanded, _expandable_rows__WEBPACK_IMPORTED_MODULE_10__.useExpandHandle, react_table__WEBPACK_IMPORTED_MODULE_3__.usePagination, props.fullWidth ? react_table__WEBPACK_IMPORTED_MODULE_3__.useFlexLayout : react_table__WEBPACK_IMPORTED_MODULE_3__.useBlockLayout, react_table__WEBPACK_IMPORTED_MODULE_3__.useResizeColumns, react_table__WEBPACK_IMPORTED_MODULE_3__.useColumnOrder, _pinned_columns__WEBPACK_IMPORTED_MODULE_9__.usePinnedColumns, _editable_columns__WEBPACK_IMPORTED_MODULE_8__.useEditableColumns, react_table__WEBPACK_IMPORTED_MODULE_3__.useRowSelect, _select_rows__WEBPACK_IMPORTED_MODULE_11__.useSelectRows].concat(_toConsumableArray(rowActions !== null && rowActions !== void 0 && rowActions.length ? [_row_menu__WEBPACK_IMPORTED_MODULE_12__.useRowMenu] : []), _toConsumableArray(hooks)));
+    ExpandHandleComp: ExpandHandleComp,
+    fullWidth: fullWidth,
+    rowDensity: rowDensity
+  }, rest), manualPagination && {
+    pageCount: pageCount
+  }), useCanHideColumns, react_table__WEBPACK_IMPORTED_MODULE_2__.useExpanded, _expandable_rows__WEBPACK_IMPORTED_MODULE_9__.useExpandHandle, react_table__WEBPACK_IMPORTED_MODULE_2__.usePagination, fullWidth ? react_table__WEBPACK_IMPORTED_MODULE_2__.useFlexLayout : react_table__WEBPACK_IMPORTED_MODULE_2__.useBlockLayout, react_table__WEBPACK_IMPORTED_MODULE_2__.useResizeColumns, react_table__WEBPACK_IMPORTED_MODULE_2__.useColumnOrder, _pinned_columns__WEBPACK_IMPORTED_MODULE_8__.usePinnedColumns, _editable_columns__WEBPACK_IMPORTED_MODULE_7__.useEditableColumns, react_table__WEBPACK_IMPORTED_MODULE_2__.useRowSelect, _select_rows__WEBPACK_IMPORTED_MODULE_10__.useSelectRows].concat(_toConsumableArray(rowActions !== null && rowActions !== void 0 && rowActions.length ? [_row_menu__WEBPACK_IMPORTED_MODULE_11__.useRowMenu] : []), _toConsumableArray(hooks)));
   var _table$state = table.state,
     pageIndex = _table$state.pageIndex,
     _pageSize = _table$state.pageSize;
-  (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {
+  (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
     stateManager === null || stateManager === void 0 || stateManager.onStateChange(table.state);
   }, [table.state]);
-  (0,react__WEBPACK_IMPORTED_MODULE_2__.useEffect)(function () {
+  (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(function () {
     if (!manualPagination) return;
     setPageCount(calcPageCount(totalCount, _pageSize));
     onPageChange === null || onPageChange === void 0 || onPageChange({
@@ -40266,8 +40340,8 @@ var Provider = function Provider(props) {
   }, [manualPagination, totalCount, pageIndex, _pageSize]);
   var _LoadingComp = useComp(loadingText, LoadingComp);
   var _NoDataComp = useComp(noDataText, NoDataComp);
-  var orderLogic = (0,_order_logic__WEBPACK_IMPORTED_MODULE_13__.useOrderLogic)(table);
-  var expandColumnId = (0,_util__WEBPACK_IMPORTED_MODULE_7__.firstDefined)(props.expandColumnId, (_columns$ = columns[0]) === null || _columns$ === void 0 ? void 0 : _columns$.id);
+  var orderLogic = (0,_order_logic__WEBPACK_IMPORTED_MODULE_12__.useOrderLogic)(table);
+  var expandColumnId = (0,_util__WEBPACK_IMPORTED_MODULE_6__.firstDefined)(_expandColumnId, (_columns$ = columns[0]) === null || _columns$ === void 0 ? void 0 : _columns$.id);
   var value = _objectSpread(_objectSpread({
     columnSort: columnSort,
     onColumnSortChanged: onColumnSortChanged,
@@ -40289,107 +40363,81 @@ var Provider = function Provider(props) {
     hoverActionsDirection: hoverActionsDirection,
     virtualized: virtualized
   });
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(TableContext.Provider, {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(TableContext.Provider, {
     value: value
   }, children);
 };
 Provider.displayName = 'Table.Provider';
-Provider.defaultProps = {
-  data: [],
-  columnSort: {},
-  pageSizes: [5, 10, 20, 30],
-  hooks: [],
-  ExpandHandleComp: _expandable_rows__WEBPACK_IMPORTED_MODULE_10__.ExpandHandle,
-  noDataText: 'No data',
-  loadingText: 'Loading...',
-  isLoading: false,
-  manualPagination: false,
-  paginateExpandedRows: false,
-  getHeaderProps: defaultPropGetter,
-  getColumnProps: defaultPropGetter,
-  getRowProps: defaultPropGetter,
-  getCellProps: defaultPropGetter,
-  getFooterProps: defaultPropGetter,
-  rowDensity: 'busy_bee',
-  canOrderColumns: false,
-  isCellEditable: function isCellEditable(_ref) {
-    var column = _ref.column;
-    return column.canEdit;
-  },
-  draggableRows: false,
-  hoverActionsDirection: 'row',
-  virtualized: false
-};
 Provider.propTypes = {
-  columns: prop_types__WEBPACK_IMPORTED_MODULE_1___default().arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_1___default().shape({
-    id: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string).isRequired,
-    accessor: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_1___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)]),
-    type: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['string', 'number']),
-    Header: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_1___default().node), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)]),
-    Cell: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
-    Footer: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_1___default().node), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)]),
-    canSort: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
-    disableHiding: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
-    width: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number),
-    minWidth: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number),
-    maxWidth: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number),
-    disableResizing: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
-    disablePinning: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
-    canEdit: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
-    className: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)
+  columns: prop_types__WEBPACK_IMPORTED_MODULE_0___default().arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_0___default().shape({
+    id: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string).isRequired,
+    accessor: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_0___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func)]),
+    type: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['string', 'number']),
+    Header: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_0___default().node), (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func)]),
+    Cell: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+    Footer: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_0___default().node), (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func)]),
+    canSort: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+    disableHiding: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+    width: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number),
+    minWidth: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number),
+    maxWidth: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number),
+    disableResizing: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+    disablePinning: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+    canEdit: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+    className: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string)
   })),
-  data: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().array),
-  columnSort: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().object),
-  onColumnSortChanged: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
-  pageSize: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number),
-  pageSizes: prop_types__WEBPACK_IMPORTED_MODULE_1___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_1___default().number)),
-  manualPagination: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
-  totalCount: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number),
-  paginateExpandedRows: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
-  onPageChange: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
-  isLoading: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
-  hiddenColumns: prop_types__WEBPACK_IMPORTED_MODULE_1___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)),
-  pinnedColumns: prop_types__WEBPACK_IMPORTED_MODULE_1___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)),
-  fullWidth: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
-  disableHiding: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
-  disableResizing: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
-  disablePinning: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
-  canEdit: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
-  isCellEditable: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
-  onStartEdit: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
-  hideHeader: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
-  hideFooter: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
-  getHeaderProps: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
-  getColumnProps: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
-  getRowProps: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
-  getCellProps: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
-  getFooterProps: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
-  noDataText: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_1___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)]),
-  loadingText: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_1___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)]),
-  renderRowSubComponent: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
-  rowDensity: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['busy_bee', 'diamond_hand', 'white_spaced']),
-  onRowClick: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
-  stickyHeader: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().object)]),
-  scrollTarget: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().any),
-  className: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
-  onSelectRows: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
-  canOrderColumns: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
-  rowActions: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().array),
-  scrollable: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
-  scrollHeight: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
-  expandColumnId: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
-  draggableRows: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
-  onRowDragStart: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
-  onRowDragEnd: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
-  hoverActions: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_1___default().object)), (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)]),
-  hoverActionsDirection: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['row', 'column']),
-  virtualized: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
+  data: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().array),
+  columnSort: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().object),
+  onColumnSortChanged: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  pageSize: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number),
+  pageSizes: prop_types__WEBPACK_IMPORTED_MODULE_0___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_0___default().number)),
+  manualPagination: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  totalCount: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number),
+  paginateExpandedRows: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  onPageChange: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  isLoading: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  hiddenColumns: prop_types__WEBPACK_IMPORTED_MODULE_0___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_0___default().string)),
+  pinnedColumns: prop_types__WEBPACK_IMPORTED_MODULE_0___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_0___default().string)),
+  fullWidth: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  disableHiding: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  disableResizing: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  disablePinning: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  canEdit: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  isCellEditable: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  onStartEdit: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  hideHeader: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  hideFooter: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  getHeaderProps: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  getColumnProps: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  getRowProps: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  getCellProps: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  getFooterProps: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  noDataText: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_0___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node), (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func)]),
+  loadingText: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_0___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node), (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func)]),
+  renderRowSubComponent: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  rowDensity: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['busy_bee', 'diamond_hand', 'white_spaced']),
+  onRowClick: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  stickyHeader: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool), (prop_types__WEBPACK_IMPORTED_MODULE_0___default().object)]),
+  scrollTarget: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().any),
+  className: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
+  onSelectRows: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  canOrderColumns: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  rowActions: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().array),
+  scrollable: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  scrollHeight: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
+  expandColumnId: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
+  draggableRows: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  onRowDragStart: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  onRowDragEnd: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  hoverActions: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_0___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_0___default().object)), (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func)]),
+  hoverActionsDirection: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['row', 'column']),
+  virtualized: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool)
 };
 var calcPageCount = function calcPageCount(totalCount, pageSize) {
   return Math.ceil(totalCount / pageSize);
 };
 var useTableContext = function useTableContext() {
-  return (0,react__WEBPACK_IMPORTED_MODULE_2__.useContext)(TableContext);
+  return (0,react__WEBPACK_IMPORTED_MODULE_1__.useContext)(TableContext);
 };
 
 // can hide columns
@@ -40399,29 +40447,28 @@ var useCanHideColumns = function useCanHideColumns(hooks) {
     var disableHiding = instance.disableHiding,
       flatHeaders = instance.flatHeaders;
     flatHeaders.forEach(function (header) {
-      header.canHide = (0,_util__WEBPACK_IMPORTED_MODULE_7__.firstDefined)(header.disableHiding === true ? false : undefined, disableHiding === true ? false : undefined, true);
+      header.canHide = (0,_util__WEBPACK_IMPORTED_MODULE_6__.firstDefined)(header.disableHiding === true ? false : undefined, disableHiding === true ? false : undefined, true);
     });
   });
 };
 useCanHideColumns.pluginName = 'useCanHideColumns';
 var useComp = function useComp(text, Comp) {
-  return (0,react__WEBPACK_IMPORTED_MODULE_2__.useMemo)(function () {
+  return (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
     if (Comp) return Comp;
     if (!text || typeof text != 'string' || text.trim() == '') return text;
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(EmptyBody, null, text);
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(EmptyBody, null, text);
   }, [text, Comp]);
 };
-var EmptyBody = function EmptyBody(_ref2) {
-  var children = _ref2.children;
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_4__.Flex, {
+var EmptyBody = function EmptyBody(_ref4) {
+  var children = _ref4.children;
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_3__.Flex, {
     align_items: "center",
     width: "100%",
-    padding: "".concat(_theme__WEBPACK_IMPORTED_MODULE_5__["default"].spacing['04'], " ").concat(_theme__WEBPACK_IMPORTED_MODULE_5__["default"].spacing['05'])
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_6__.Label, {
+    padding: "".concat(_theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing['04'], " ").concat(_theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing['05'])
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_5__.Label, {
     color: "gray_11_50"
   }, children));
 };
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Provider);
 
 /***/ }),
 
@@ -40434,7 +40481,7 @@ var EmptyBody = function EmptyBody(_ref2) {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */   CustomizeButton: () => (/* binding */ CustomizeButton)
 /* harmony export */ });
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ "prop-types");
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);
@@ -40511,9 +40558,6 @@ var CustomizeButton = function CustomizeButton(props) {
   });
 };
 CustomizeButton.displayName = 'Table.CustomizeButton';
-CustomizeButton.defaultProps = {
-  maxMenuHeight: 300
-};
 CustomizeButton.propTypes = {
   searchable: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   maxMenuHeight: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number)
@@ -40522,9 +40566,9 @@ var PopoverContainer = styled_components__WEBPACK_IMPORTED_MODULE_2___default().
   displayName: "PopoverContainer",
   componentId: "sc-1uptv2h-0"
 })(["box-shadow:", ";background:white;border-radius:4px;padding:4px 0;min-width:168px;max-width:540px;"], _theme__WEBPACK_IMPORTED_MODULE_7__["default"].box_shadow.md);
-var Search = function Search(props) {
-  var search = props.search,
-    setSearch = props.setSearch;
+var Search = function Search(_ref) {
+  var search = _ref.search,
+    setSearch = _ref.setSearch;
   var clearButton = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon_button__WEBPACK_IMPORTED_MODULE_5__.IconButton, {
     variant: "ghost",
     icon: "Close",
@@ -40550,7 +40594,6 @@ var Search = function Search(props) {
     onChange: setSearch
   }));
 };
-Search.displayName = 'Search';
 var ItemsWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "ItemsWrapper",
   componentId: "sc-1uptv2h-1"
@@ -40559,13 +40602,14 @@ var ItemsWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.
     return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["max-height:", ";overflow-y:auto;", ""], (0,_utils__WEBPACK_IMPORTED_MODULE_10__.toPixel)(props.$maxMenuHeight), _theme__WEBPACK_IMPORTED_MODULE_7__["default"].scrollbars.thin);
   }
 });
-var CustomizeButtonPopover = function CustomizeButtonPopover(props) {
-  var searchable = props.searchable,
-    search = props.search,
-    setSearch = props.setSearch,
-    maxMenuHeight = props.maxMenuHeight,
-    items = props.items,
-    orderProps = props.orderProps;
+var CustomizeButtonPopover = function CustomizeButtonPopover(_ref2) {
+  var searchable = _ref2.searchable,
+    search = _ref2.search,
+    setSearch = _ref2.setSearch,
+    _ref2$maxMenuHeight = _ref2.maxMenuHeight,
+    maxMenuHeight = _ref2$maxMenuHeight === void 0 ? 300 : _ref2$maxMenuHeight,
+    items = _ref2.items,
+    orderProps = _ref2.orderProps;
   var maxHeight = Number.parseInt(maxMenuHeight);
   var _maxMenuHeight = orderProps && (!maxHeight || maxHeight < 600) ? 600 : maxMenuHeight;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(PopoverContainer, null, searchable && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Search, {
@@ -40579,28 +40623,28 @@ var CustomizeButtonPopover = function CustomizeButtonPopover(props) {
     items: items
   })));
 };
-CustomizeButtonPopover.displayName = 'CustomizeButtonPopover';
-var CustomizeButtonWithPopover = (0,_hoc__WEBPACK_IMPORTED_MODULE_3__.withPopover)(function (p) {
+var CustomizeButtonWithPopover = (0,_hoc__WEBPACK_IMPORTED_MODULE_3__.withPopover)(function (_ref3) {
+  var popover = _ref3.popover;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon_button__WEBPACK_IMPORTED_MODULE_5__.IconButton, {
-    onClick: p.popover.toggle,
+    onClick: popover.toggle,
     tooltip: "Customize columns",
     icon: "Customize"
   });
 }, CustomizeButtonPopover, {
   placement: 'bottom'
 });
-var CustomizeButtonStaticItems = function CustomizeButtonStaticItems(_ref) {
-  var items = _ref.items;
+var CustomizeButtonStaticItems = function CustomizeButtonStaticItems(_ref4) {
+  var items = _ref4.items;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null, items.map(function (c) {
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(CustomizeButtonItem, _extends({
       key: c.id
     }, c));
   }));
 };
-var CustomizeButtonDraggableItems = function CustomizeButtonDraggableItems(props) {
-  var items = props.items,
-    orders = props.orders,
-    moveColumn = props.moveColumn;
+var CustomizeButtonDraggableItems = function CustomizeButtonDraggableItems(_ref5) {
+  var items = _ref5.items,
+    orders = _ref5.orders,
+    moveColumn = _ref5.moveColumn;
   var sections = (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
     var _orders$pinned;
     return [((_orders$pinned = orders.pinned) === null || _orders$pinned === void 0 ? void 0 : _orders$pinned.length) && {
@@ -40656,25 +40700,25 @@ var CustomizeButtonDraggableItems = function CustomizeButtonDraggableItems(props
     CustomDrag: CustomizeButtonDraggableItem
   });
 };
-var CustomizeButtonDraggableItem = function CustomizeButtonDraggableItem(props) {
-  var Dragger = props.Dragger,
-    isDragging = props.isDragging,
-    itemProps = _objectWithoutProperties(props, _excluded);
+var CustomizeButtonDraggableItem = function CustomizeButtonDraggableItem(_ref6) {
+  var Dragger = _ref6.Dragger,
+    isDragging = _ref6.isDragging,
+    itemProps = _objectWithoutProperties(_ref6, _excluded);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_input__WEBPACK_IMPORTED_MODULE_6__.DragDrop.DraggableItem, {
     Dragger: Dragger,
     isDragging: isDragging
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(CustomizeButtonItem, itemProps));
 };
-var CustomizeButtonItem = function CustomizeButtonItem(props) {
-  var id = props.id,
-    name = props.name,
-    canPin = props.canPin,
-    isPinned = props.isPinned,
-    togglePinned = props.togglePinned,
-    canHide = props.canHide,
-    isVisible = props.isVisible,
-    toggleHidden = props.toggleHidden,
-    className = props.className;
+var CustomizeButtonItem = function CustomizeButtonItem(_ref7) {
+  var id = _ref7.id,
+    name = _ref7.name,
+    canPin = _ref7.canPin,
+    isPinned = _ref7.isPinned,
+    togglePinned = _ref7.togglePinned,
+    canHide = _ref7.canHide,
+    isVisible = _ref7.isVisible,
+    toggleHidden = _ref7.toggleHidden,
+    className = _ref7.className;
   var handlePinned = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function () {
     togglePinned(!isPinned);
   }, [isPinned, togglePinned]);
@@ -40696,24 +40740,25 @@ var CustomizeButtonItem = function CustomizeButtonItem(props) {
     tooltip: "".concat(isVisible ? 'Hide' : 'Show', " column")
   }));
 };
-CustomizeButtonItem.displayName = 'CustomizeButtonItem';
 var CustomizeButtonItemWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "CustomizeButtonItemWrapper",
   componentId: "sc-1uptv2h-2"
 })(["margin:0;padding:8px 16px;display:flex;align-items:center;gap:4px;min-width:230px;div[data-label]{margin-right:auto;}&:hover{background-color:", ";}"], _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color.gray_2);
-var CustomizeButtonItemAction = function CustomizeButtonItemAction(props) {
+var CustomizeButtonItemAction = function CustomizeButtonItemAction(_ref8) {
+  var onClick = _ref8.onClick,
+    tooltip = _ref8.tooltip,
+    icon = _ref8.icon;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(CustomizeButtonItemActionWrapper, {
-    onClick: props.onClick
+    onClick: onClick
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_8__.Tooltip, {
-    tooltip: props.tooltip,
+    tooltip: tooltip,
     tooltipPlacement: "top"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_4__.Icon, {
-    name: props.icon,
+    name: icon,
     size: "xs",
     color: "gray_9"
   })));
 };
-CustomizeButtonItemAction.displayName = 'CustomizeButtonItemAction';
 var CustomizeButtonItemActionWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "CustomizeButtonItemActionWrapper",
   componentId: "sc-1uptv2h-3"
@@ -40724,7 +40769,6 @@ var searchColumn = function searchColumn(search) {
     return !search || name.toLowerCase().includes(search.toLowerCase());
   };
 };
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CustomizeButton);
 
 /***/ }),
 
@@ -41607,9 +41651,9 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-_table__WEBPACK_IMPORTED_MODULE_3__.Table.CustomizeButton = _customize_button__WEBPACK_IMPORTED_MODULE_2__["default"];
+_table__WEBPACK_IMPORTED_MODULE_3__.Table.CustomizeButton = _customize_button__WEBPACK_IMPORTED_MODULE_2__.CustomizeButton;
 _table__WEBPACK_IMPORTED_MODULE_3__.Table.Pagination = _pagination__WEBPACK_IMPORTED_MODULE_4__["default"];
-_table__WEBPACK_IMPORTED_MODULE_3__.Table.Provider = _context__WEBPACK_IMPORTED_MODULE_1__["default"];
+_table__WEBPACK_IMPORTED_MODULE_3__.Table.Provider = _context__WEBPACK_IMPORTED_MODULE_1__.Provider;
 _table__WEBPACK_IMPORTED_MODULE_3__.Table.withPlugins = _plugin__WEBPACK_IMPORTED_MODULE_5__.withPlugins;
 _table__WEBPACK_IMPORTED_MODULE_3__.Table.plugins = _plugin__WEBPACK_IMPORTED_MODULE_5__.plugins;
 
@@ -41796,7 +41840,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /*jslint react:true*/
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["state", "totalCount", "manualPagination"];
+var _excluded = ["state", "totalCount", "manualPagination", "rows", "pageSizes"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -41819,23 +41863,25 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
-var Pagination = function Pagination(props) {
-  var className = props.className,
-    onDownload = props.onDownload,
-    _props$downloadToolti = props.downloadTooltip,
-    downloadTooltip = _props$downloadToolti === void 0 ? 'Download' : _props$downloadToolti;
+var Pagination = function Pagination(_ref) {
+  var className = _ref.className,
+    onDownload = _ref.onDownload,
+    _ref$downloadTooltip = _ref.downloadTooltip,
+    downloadTooltip = _ref$downloadTooltip === void 0 ? 'Download' : _ref$downloadTooltip;
   var _useTableContext = (0,_context__WEBPACK_IMPORTED_MODULE_8__.useTableContext)(),
     state = _useTableContext.state,
     totalCount = _useTableContext.totalCount,
     manualPagination = _useTableContext.manualPagination,
+    rows = _useTableContext.rows,
+    pageSizes = _useTableContext.pageSizes,
     rest = _objectWithoutProperties(_useTableContext, _excluded);
-  var rows = rest.rows,
-    pageSizes = rest.pageSizes;
   var minPageSize = Math.min.apply(Math, _toConsumableArray(pageSizes));
   var total = manualPagination ? totalCount : rows.length;
   if (total <= minPageSize) return null;
   var childProps = _objectSpread(_objectSpread(_objectSpread({}, state), rest), {}, {
-    total: total
+    total: total,
+    rows: rows,
+    pageSizes: pageSizes
   });
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(PaginationWrapper, {
     className: className
@@ -41846,7 +41892,6 @@ var Pagination = function Pagination(props) {
     variant: "icon"
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(PaginationControls, childProps)));
 };
-Pagination.displayName = 'Table.Pagination';
 Pagination.propTypes = {
   onDownload: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
   downloadTooltip: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string)
@@ -41859,12 +41904,12 @@ var PaginationControlsWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___d
   displayName: "PaginationControlsWrapper",
   componentId: "sc-1rdn0jh-1"
 })(["margin-left:auto;display:flex;flex-direction:row;align-items:center;gap:12px;"]);
-var PaginationControls = function PaginationControls(props) {
-  var pageIndex = props.pageIndex,
-    pageSize = props.pageSize,
-    pageSizes = props.pageSizes,
-    setPageSize = props.setPageSize,
-    total = props.total;
+var PaginationControls = function PaginationControls(_ref2) {
+  var pageIndex = _ref2.pageIndex,
+    pageSize = _ref2.pageSize,
+    pageSizes = _ref2.pageSizes,
+    setPageSize = _ref2.setPageSize,
+    total = _ref2.total;
   var handleChange = function handleChange(option) {
     return setPageSize(+option.value);
   };
@@ -41901,15 +41946,14 @@ var PaginationControls = function PaginationControls(props) {
     color: "gray_11_50"
   }, total)));
 };
-PaginationControls.displayName = 'PaginationControls';
-var PaginationItems = function PaginationItems(props) {
-  var pageIndex = props.pageIndex,
-    canPreviousPage = props.canPreviousPage,
-    previousPage = props.previousPage,
-    canNextPage = props.canNextPage,
-    nextPage = props.nextPage,
-    gotoPage = props.gotoPage,
-    pageCount = props.pageCount;
+var PaginationItems = function PaginationItems(_ref3) {
+  var pageIndex = _ref3.pageIndex,
+    canPreviousPage = _ref3.canPreviousPage,
+    previousPage = _ref3.previousPage,
+    canNextPage = _ref3.canNextPage,
+    nextPage = _ref3.nextPage,
+    gotoPage = _ref3.gotoPage,
+    pageCount = _ref3.pageCount;
   var pages = usePages({
     pageIndex: pageIndex,
     gotoPage: gotoPage,
@@ -41917,38 +41961,42 @@ var PaginationItems = function PaginationItems(props) {
   });
   if (!pages) return null;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(PaginationItemsWrapper, null, canPreviousPage && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(PageLink, {
-    onClick: previousPage,
+    onClick: function onClick() {
+      return previousPage();
+    },
     text: "Prev"
   }), pages, canNextPage && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(PageLink, {
-    onClick: nextPage,
+    onClick: function onClick() {
+      return nextPage();
+    },
     text: "Next"
   }));
 };
-PaginationItems.displayName = 'PaginationItems';
 var PaginationItemsWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "PaginationItemsWrapper",
   componentId: "sc-1rdn0jh-2"
 })(["display:flex;flex-direction:row;align-items:center;gap:8px;"]);
-var PageLink = function PageLink(props) {
+var PageLink = function PageLink(_ref4) {
+  var onClick = _ref4.onClick,
+    text = _ref4.text;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_link__WEBPACK_IMPORTED_MODULE_6__.Link, {
     as: "div",
     variant: "secondary",
     size: "sm",
-    onClick: props.onClick,
-    text: String(props.text),
+    onClick: onClick,
+    text: String(text),
     style: {
       cursor: 'pointer'
     }
   });
 };
-PageLink.displayName = 'PageLink';
-var PageLabel = function PageLabel(props) {
+var PageLabel = function PageLabel(_ref5) {
+  var text = _ref5.text;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_7__.Label, {
     variant: "sm",
     color: "gray_11_50"
-  }, props.text);
+  }, text);
 };
-PageLabel.displayName = 'PageLabel';
 var usePages = function usePages(opt) {
   return (0,react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(function () {
     var pageIndex = opt.pageIndex,
@@ -42243,7 +42291,7 @@ var withPlugins = function withPlugins() {
     return acc.concat.apply(acc, _toConsumableArray(((_plugin$hooks = plugin.hooks) === null || _plugin$hooks === void 0 ? void 0 : _plugin$hooks.call(plugin)) || []));
   }, []);
   var ProviderWithPlugins = function ProviderWithPlugins(props) {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_context__WEBPACK_IMPORTED_MODULE_1__["default"], _extends({}, pluginProps, props, {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_context__WEBPACK_IMPORTED_MODULE_1__.Provider, _extends({}, pluginProps, props, {
       hooks: hooks
     }));
   };
@@ -42873,20 +42921,21 @@ __webpack_require__.r(__webpack_exports__);
 /*jslint react:true*/
 
 
-var SortIcon = function SortIcon(props) {
+var SortIcon = function SortIcon(_ref) {
+  var _ref$visible = _ref.visible,
+    visible = _ref$visible === void 0 ? true : _ref$visible,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'blue_10' : _ref$color,
+    reverse = _ref.reverse;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_1__.Icon, {
     size: "xs",
-    name: props.reverse ? 'SortDesc' : 'SortAsc',
-    color: props.color || 'blue_10',
+    name: reverse ? 'SortDesc' : 'SortAsc',
+    color: color,
     style: {
-      visibility: props.visible ? 'visible' : 'hidden'
+      visibility: visible ? 'visible' : 'hidden'
     }
   });
 };
-SortIcon.displayName = 'SortIcon';
-SortIcon.defaultProps = {
-  visible: true
-};
 
 /***/ }),
 
@@ -43225,12 +43274,12 @@ var Table = function Table(props) {
   var context = (0,_context__WEBPACK_IMPORTED_MODULE_7__.useTableContext)();
   // not under context
   if (context === _context__WEBPACK_IMPORTED_MODULE_7__.defaultContextValue) {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_context__WEBPACK_IMPORTED_MODULE_7__["default"], props, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(InnerTable, props));
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_context__WEBPACK_IMPORTED_MODULE_7__.Provider, props, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(InnerTable, props));
   }
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(InnerTable, props);
 };
 Table.displayName = 'Table';
-Table.propTypes = lodash_cloneDeep__WEBPACK_IMPORTED_MODULE_1___default()(_context__WEBPACK_IMPORTED_MODULE_7__["default"].propTypes);
+Table.propTypes = lodash_cloneDeep__WEBPACK_IMPORTED_MODULE_1___default()(_context__WEBPACK_IMPORTED_MODULE_7__.Provider.propTypes);
 var InnerTable = function InnerTable(props) {
   var _useTableContext = (0,_context__WEBPACK_IMPORTED_MODULE_7__.useTableContext)(),
     getTableProps = _useTableContext.getTableProps,
@@ -44309,14 +44358,15 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 var color = _theme__WEBPACK_IMPORTED_MODULE_7__["default"].color;
-var Toast = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (props, ref) {
-  var type = props.type,
-    children = props.children,
-    onClose = props.onClose,
-    dismissible = props.dismissible,
-    notDismissible = props.notDismissible,
-    classNamePrefix = props.classNamePrefix,
-    rest = _objectWithoutProperties(props, _excluded);
+var Toast = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (_ref, ref) {
+  var type = _ref.type,
+    children = _ref.children,
+    onClose = _ref.onClose,
+    dismissible = _ref.dismissible,
+    notDismissible = _ref.notDismissible,
+    _ref$classNamePrefix = _ref.classNamePrefix,
+    classNamePrefix = _ref$classNamePrefix === void 0 ? '' : _ref$classNamePrefix,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _dismissible = dismissible || type == 'error' || type == 'warning';
   var _notDismissible = notDismissible;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Wrapper, _extends({
@@ -44338,9 +44388,6 @@ var Toast = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef
   }));
 });
 Toast.displayName = 'Toast';
-Toast.defaultProps = {
-  classNamePrefix: ''
-};
 Toast.propTypes = {
   type: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['success', 'error', 'warning', 'info', 'generic']),
   onClose: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
@@ -44384,10 +44431,10 @@ var ToastIcon = function ToastIcon(props) {
     size: "xs"
   });
 };
-var RemoveButton = function RemoveButton(props) {
-  var onClick = props.onClick,
-    dismissible = props.dismissible,
-    classNamePrefix = props.classNamePrefix;
+var RemoveButton = function RemoveButton(_ref2) {
+  var onClick = _ref2.onClick,
+    dismissible = _ref2.dismissible,
+    classNamePrefix = _ref2.classNamePrefix;
   if (!dismissible) return null;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledRemoveButton, {
     variant: "icon",
@@ -44396,7 +44443,6 @@ var RemoveButton = function RemoveButton(props) {
     className: classNamePrefix + 'dismissButton'
   });
 };
-RemoveButton.defaultProps = {};
 RemoveButton.propTypes = {
   classNamePrefix: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
   onClick: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
@@ -44454,21 +44500,19 @@ var ToastAnimatedComp = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default(
   displayName: "ToastAnimatedComp",
   componentId: "sc-1whlqk5-0"
 })(["display:flex;align-items:center;will-change:transform;max-width:350px;", ";"], function (props) {
-  var $position = props.$position,
+  var _props$$position = props.$position,
+    $position = _props$$position === void 0 ? 'bottom-left' : _props$$position,
     $visible = props.$visible;
   var top = $position.includes('top');
   var factor = top ? 1 : -1;
   return $visible ? (0,styled_components__WEBPACK_IMPORTED_MODULE_4__.css)(["animation:", "  0.35s  cubic-bezier(.21,1.02,.73,1)  forwards;"], enterAnimation(factor)) : (0,styled_components__WEBPACK_IMPORTED_MODULE_4__.css)(["animation:", "  0.4s  forwards  cubic-bezier(.06,.71,.55,1)"], exitAnimation(factor));
 }));
-ToastAnimatedComp.defaultProps = {
-  $position: 'bottom-left'
-};
 ToastAnimatedComp.propTypes = {
   $position: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_5__.toastPositions),
   $visible: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
 };
-var ToastComp = function ToastComp(props) {
-  var toast = props.toast;
+var ToastComp = function ToastComp(_ref) {
+  var toast = _ref.toast;
   var id = toast.id,
     type = toast.type,
     onClose = toast.onClose,
@@ -44550,13 +44594,17 @@ __webpack_require__.r(__webpack_exports__);
 var defaultContainerStyle = {
   inset: 24
 };
-var Toaster = function Toaster(props) {
-  var position = props.position,
-    maxToasts = props.maxToasts,
-    idPrefix = props.idPrefix,
-    classNamePrefix = props.classNamePrefix,
-    containerStyle = props.containerStyle,
-    children = props.children;
+var Toaster = function Toaster(_ref) {
+  var _ref$position = _ref.position,
+    position = _ref$position === void 0 ? 'bottom-left' : _ref$position,
+    _ref$maxToasts = _ref.maxToasts,
+    maxToasts = _ref$maxToasts === void 0 ? 2 : _ref$maxToasts,
+    _ref$idPrefix = _ref.idPrefix,
+    idPrefix = _ref$idPrefix === void 0 ? 'toast' : _ref$idPrefix,
+    _ref$classNamePrefix = _ref.classNamePrefix,
+    classNamePrefix = _ref$classNamePrefix === void 0 ? 'toast' : _ref$classNamePrefix,
+    containerStyle = _ref.containerStyle,
+    children = _ref.children;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_context__WEBPACK_IMPORTED_MODULE_4__.ToastContext.Provider, {
     value: {
       maxToasts: maxToasts,
@@ -44572,12 +44620,6 @@ var Toaster = function Toaster(props) {
     containerStyle: containerStyle || defaultContainerStyle
   }, _toast_item__WEBPACK_IMPORTED_MODULE_5__.ToastItem));
 };
-Toaster.defaultProps = {
-  position: 'bottom-left',
-  maxToasts: 2,
-  idPrefix: 'toast',
-  classNamePrefix: 'toast'
-};
 Toaster.propTypes = {
   position: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_3__.toastPositions),
   maxToasts: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number)
@@ -44781,15 +44823,18 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 
 var CLOSE_DELAY = 200;
-var Tooltip = function Tooltip(props) {
-  var children = props.children,
-    tooltip = props.tooltip,
-    placement = props.placement,
-    noWrap = props.noWrap,
-    interactive = props.interactive,
-    trigger = props.trigger,
-    className = props.className,
-    variant = props.variant;
+var Tooltip = function Tooltip(_ref) {
+  var children = _ref.children,
+    tooltip = _ref.tooltip,
+    _ref$placement = _ref.placement,
+    placement = _ref$placement === void 0 ? 'top' : _ref$placement,
+    noWrap = _ref.noWrap,
+    interactive = _ref.interactive,
+    _ref$trigger = _ref.trigger,
+    trigger = _ref$trigger === void 0 ? 'hover' : _ref$trigger,
+    className = _ref.className,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'black' : _ref$variant;
   var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(null),
     _useState2 = _slicedToArray(_useState, 2),
     referenceElement = _useState2[0],
@@ -44875,11 +44920,6 @@ var Tooltip = function Tooltip(props) {
     className: className
   }, triggerProps), children), tooltipNode);
 };
-Tooltip.defaultProps = {
-  placement: 'top',
-  trigger: 'hover',
-  variant: 'black'
-};
 Tooltip.propTypes = {
   tooltip: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
   placement: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(_util__WEBPACK_IMPORTED_MODULE_5__.tooltipPlacement),
@@ -45120,32 +45160,36 @@ __webpack_require__.r(__webpack_exports__);
 
 /*jslint react:true*/
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["variant", "children"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
 
 
 
 
 
 
-var Header = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
+var Header = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (_ref, ref) {
+  var _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'xl' : _ref$variant,
+    children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var t = (0,_translation__WEBPACK_IMPORTED_MODULE_2__.useReactTranslate)();
-  var typographyProps = _objectSpread(_objectSpread({}, (0,_get_typography_props__WEBPACK_IMPORTED_MODULE_4__.getTypographyProps)(props)), {}, {
+  var typographyProps = _objectSpread(_objectSpread({}, (0,_get_typography_props__WEBPACK_IMPORTED_MODULE_4__.getTypographyProps)(rest)), {}, {
     font_weight: 'semibold',
-    font_size: props.variant == '2xl' ? 'xl' : 'lg'
+    font_size: variant == '2xl' ? 'xl' : 'lg'
   });
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_5__["default"], _extends({
     ref: ref
-  }, typographyProps), t(props.children));
+  }, typographyProps), t(children));
 });
 Header.displayName = 'Header';
-Header.defaultProps = {
-  variant: 'xl'
-};
 Header.propTypes = {
   variant: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['xl', '2xl']),
   whiteSpace: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(_constant__WEBPACK_IMPORTED_MODULE_3__.WHITE_SPACES)
@@ -45178,33 +45222,37 @@ __webpack_require__.r(__webpack_exports__);
 
 /*jslint react:true*/
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["variant", "children"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
 
 
 
 
 
 
-var Hyperlink = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
+var Hyperlink = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (_ref, ref) {
+  var _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'lg' : _ref$variant,
+    children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var t = (0,_translation__WEBPACK_IMPORTED_MODULE_2__.useReactTranslate)();
-  var typographyProps = _objectSpread(_objectSpread({}, (0,_get_typography_props__WEBPACK_IMPORTED_MODULE_4__.getTypographyProps)(props)), {}, {
-    font_size: props.variant == 'lg' ? 'md' : 'xs',
+  var typographyProps = _objectSpread(_objectSpread({}, (0,_get_typography_props__WEBPACK_IMPORTED_MODULE_4__.getTypographyProps)(rest)), {}, {
+    font_size: variant == 'lg' ? 'md' : 'xs',
     line_height: 'none',
     underline: true
   });
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_5__["default"], _extends({
     ref: ref
-  }, typographyProps), t(props.children));
+  }, typographyProps), t(children));
 });
 Hyperlink.displayName = 'Hyperlink';
-Hyperlink.defaultProps = {
-  variant: 'lg'
-};
 Hyperlink.propTypes = {
   variant: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['xs', 'lg']),
   whiteSpace: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(_constant__WEBPACK_IMPORTED_MODULE_3__.WHITE_SPACES)
@@ -45270,40 +45318,44 @@ __webpack_require__.r(__webpack_exports__);
 
 /*jslint react:true*/
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["variant", "children"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
 
 
 
 
 
 
-var Label = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
+var Label = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (_ref, ref) {
+  var _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'base' : _ref$variant,
+    children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var t = (0,_translation__WEBPACK_IMPORTED_MODULE_2__.useReactTranslate)();
-  var typographyProps = _objectSpread(_objectSpread({}, (0,_get_typography_props__WEBPACK_IMPORTED_MODULE_4__.getTypographyProps)(props)), {}, {
+  var typographyProps = _objectSpread(_objectSpread({}, (0,_get_typography_props__WEBPACK_IMPORTED_MODULE_4__.getTypographyProps)(rest)), {}, {
     font_size: {
       xxs: 'xxs',
       xs: 'xs',
       sm: 'sm',
       sm_medium: 'sm'
-    }[props.variant] || 'md',
+    }[variant] || 'md',
     font_weight: {
       lg: 'semibold',
       sm_medium: 'medium'
-    }[props.variant] || 'regular'
+    }[variant] || 'regular'
   });
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_5__["default"], _extends({
     ref: ref
-  }, typographyProps), t(props.children));
+  }, typographyProps), t(children));
 });
 Label.displayName = 'Label';
-Label.defaultProps = {
-  variant: 'base'
-};
 Label.propTypes = {
   variant: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['xxs', 'xs', 'sm', 'sm_medium', 'base', 'lg']),
   whiteSpace: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(_constant__WEBPACK_IMPORTED_MODULE_3__.WHITE_SPACES)
@@ -45336,39 +45388,43 @@ __webpack_require__.r(__webpack_exports__);
 
 /*jslint react:true*/
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["variant", "children"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
 
 
 
 
 
 
-var Paragraph = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
+var Paragraph = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (_ref, ref) {
+  var _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'lg_snug' : _ref$variant,
+    children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var t = (0,_translation__WEBPACK_IMPORTED_MODULE_2__.useReactTranslate)();
-  var typographyProps = _objectSpread(_objectSpread({}, (0,_get_typography_props__WEBPACK_IMPORTED_MODULE_4__.getTypographyProps)(props)), {}, {
+  var typographyProps = _objectSpread(_objectSpread({}, (0,_get_typography_props__WEBPACK_IMPORTED_MODULE_4__.getTypographyProps)(rest)), {}, {
     font_size: {
       xxs: 'xxs',
       xs: 'xs',
       sm: 'sm'
-    }[props.variant] || 'md',
+    }[variant] || 'md',
     line_height: {
       xs: 'loose',
       'lg_loose': 'loose'
-    }[props.variant] || 'snug'
+    }[variant] || 'snug'
   });
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_5__["default"], _extends({
     ref: ref
-  }, typographyProps), t(props.children));
+  }, typographyProps), t(children));
 });
 Paragraph.displayName = 'Paragraph';
-Paragraph.defaultProps = {
-  variant: 'lg_snug'
-};
 Paragraph.propTypes = {
   variant: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['xxs', 'xs', 'sm', 'lg_snug', 'lg_loose']),
   whiteSpace: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(_constant__WEBPACK_IMPORTED_MODULE_3__.WHITE_SPACES)
@@ -45400,20 +45456,26 @@ __webpack_require__.r(__webpack_exports__);
 
 /*jslint react:true*/
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["children", "variant"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
 
 
 
 
 
-var Style = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
-  var children = props.children;
-  var typographyProps = _objectSpread(_objectSpread({}, (0,_get_typography_props__WEBPACK_IMPORTED_MODULE_3__.getTypographyProps)(props)), {}, {
+var Style = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'italic_lg' : _ref$variant,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var typographyProps = _objectSpread(_objectSpread({}, (0,_get_typography_props__WEBPACK_IMPORTED_MODULE_3__.getTypographyProps)(rest)), {}, {
     font_size: {
       italic_sm: 'sm',
       italic_xs: 'xs',
@@ -45423,20 +45485,17 @@ var Style = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef
       capitals: 'xs',
       capitals_xs: 'xs',
       capitals_xxs: 'xxs'
-    }[props.variant] || 'md',
-    line_height: ['italic_lg', 'italic_sm'].includes(props.variant) ? 'snug' : 'none',
-    font_family: ['code', 'code_sm', 'code_xxs'].includes(props.variant) ? 'mono' : 'sans',
-    italic: ['italic_lg', 'italic_sm', 'italic_xs'].includes(props.variant),
-    uppercase: ['capitals', 'capitals_xs', 'capitals_xxs'].includes(props.variant)
+    }[variant] || 'md',
+    line_height: ['italic_lg', 'italic_sm'].includes(variant) ? 'snug' : 'none',
+    font_family: ['code', 'code_sm', 'code_xxs'].includes(variant) ? 'mono' : 'sans',
+    italic: ['italic_lg', 'italic_sm', 'italic_xs'].includes(variant),
+    uppercase: ['capitals', 'capitals_xs', 'capitals_xxs'].includes(variant)
   });
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_4__["default"], _extends({
     ref: ref
   }, typographyProps), children);
 });
 Style.displayName = 'Style';
-Style.defaultProps = {
-  variant: 'italic_lg'
-};
 Style.propTypes = {
   variant: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['italic_lg', 'italic_sm', 'italic_xs', 'code_sm', 'code_xxs', 'capitals_xs', 'capitals_xxs']),
   whiteSpace: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(_constant__WEBPACK_IMPORTED_MODULE_2__.WHITE_SPACES)
@@ -81462,7 +81521,8 @@ const areBoundsEqual = (a, b) => keys.every(key => a[key] === b[key]);
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
 "use strict";
-/** @license React v16.14.0
+/**
+ * @license React
  * react-jsx-runtime.development.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
@@ -81482,54 +81542,21 @@ var React = __webpack_require__(/*! react */ "react");
 // ATTENTION
 // When adding new symbols to this file,
 // Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
-// The Symbol used to tag the ReactElement-like types. If there is no native Symbol
-// nor polyfill, then a plain number is used for performance.
-var REACT_ELEMENT_TYPE = 0xeac7;
-var REACT_PORTAL_TYPE = 0xeaca;
-exports.Fragment = 0xeacb;
-var REACT_STRICT_MODE_TYPE = 0xeacc;
-var REACT_PROFILER_TYPE = 0xead2;
-var REACT_PROVIDER_TYPE = 0xeacd;
-var REACT_CONTEXT_TYPE = 0xeace;
-var REACT_FORWARD_REF_TYPE = 0xead0;
-var REACT_SUSPENSE_TYPE = 0xead1;
-var REACT_SUSPENSE_LIST_TYPE = 0xead8;
-var REACT_MEMO_TYPE = 0xead3;
-var REACT_LAZY_TYPE = 0xead4;
-var REACT_BLOCK_TYPE = 0xead9;
-var REACT_SERVER_BLOCK_TYPE = 0xeada;
-var REACT_FUNDAMENTAL_TYPE = 0xead5;
-var REACT_SCOPE_TYPE = 0xead7;
-var REACT_OPAQUE_ID_TYPE = 0xeae0;
-var REACT_DEBUG_TRACING_MODE_TYPE = 0xeae1;
-var REACT_OFFSCREEN_TYPE = 0xeae2;
-var REACT_LEGACY_HIDDEN_TYPE = 0xeae3;
-
-if (typeof Symbol === 'function' && Symbol.for) {
-  var symbolFor = Symbol.for;
-  REACT_ELEMENT_TYPE = symbolFor('react.element');
-  REACT_PORTAL_TYPE = symbolFor('react.portal');
-  exports.Fragment = symbolFor('react.fragment');
-  REACT_STRICT_MODE_TYPE = symbolFor('react.strict_mode');
-  REACT_PROFILER_TYPE = symbolFor('react.profiler');
-  REACT_PROVIDER_TYPE = symbolFor('react.provider');
-  REACT_CONTEXT_TYPE = symbolFor('react.context');
-  REACT_FORWARD_REF_TYPE = symbolFor('react.forward_ref');
-  REACT_SUSPENSE_TYPE = symbolFor('react.suspense');
-  REACT_SUSPENSE_LIST_TYPE = symbolFor('react.suspense_list');
-  REACT_MEMO_TYPE = symbolFor('react.memo');
-  REACT_LAZY_TYPE = symbolFor('react.lazy');
-  REACT_BLOCK_TYPE = symbolFor('react.block');
-  REACT_SERVER_BLOCK_TYPE = symbolFor('react.server.block');
-  REACT_FUNDAMENTAL_TYPE = symbolFor('react.fundamental');
-  REACT_SCOPE_TYPE = symbolFor('react.scope');
-  REACT_OPAQUE_ID_TYPE = symbolFor('react.opaque.id');
-  REACT_DEBUG_TRACING_MODE_TYPE = symbolFor('react.debug_trace_mode');
-  REACT_OFFSCREEN_TYPE = symbolFor('react.offscreen');
-  REACT_LEGACY_HIDDEN_TYPE = symbolFor('react.legacy_hidden');
-}
-
-var MAYBE_ITERATOR_SYMBOL = typeof Symbol === 'function' && Symbol.iterator;
+// The Symbol used to tag the ReactElement-like types.
+var REACT_ELEMENT_TYPE = Symbol.for('react.element');
+var REACT_PORTAL_TYPE = Symbol.for('react.portal');
+var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
+var REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
+var REACT_PROFILER_TYPE = Symbol.for('react.profiler');
+var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
+var REACT_CONTEXT_TYPE = Symbol.for('react.context');
+var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
+var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
+var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
+var REACT_MEMO_TYPE = Symbol.for('react.memo');
+var REACT_LAZY_TYPE = Symbol.for('react.lazy');
+var REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
+var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
 var FAUX_ITERATOR_SYMBOL = '@@iterator';
 function getIteratorFn(maybeIterable) {
   if (maybeIterable === null || typeof maybeIterable !== 'object') {
@@ -81549,11 +81576,13 @@ var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FI
 
 function error(format) {
   {
-    for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
-      args[_key2 - 1] = arguments[_key2];
-    }
+    {
+      for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+        args[_key2 - 1] = arguments[_key2];
+      }
 
-    printWarning('error', format, args);
+      printWarning('error', format, args);
+    }
   }
 }
 
@@ -81562,23 +81591,16 @@ function printWarning(level, format, args) {
   // update consoleWithStackDev.www.js as well.
   {
     var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
-    var stack = '';
-
-    if (currentlyValidatingElement) {
-      var name = getComponentName(currentlyValidatingElement.type);
-      var owner = currentlyValidatingElement._owner;
-      stack += describeComponentFrame(name, currentlyValidatingElement._source, owner && getComponentName(owner.type));
-    }
-
-    stack += ReactDebugCurrentFrame.getStackAddendum();
+    var stack = ReactDebugCurrentFrame.getStackAddendum();
 
     if (stack !== '') {
       format += '%s';
       args = args.concat([stack]);
-    }
+    } // eslint-disable-next-line react-internal/safe-string-coercion
+
 
     var argsWithFormat = args.map(function (item) {
-      return '' + item;
+      return String(item);
     }); // Careful: RN currently depends on this prefix
 
     argsWithFormat.unshift('Warning: ' + format); // We intentionally don't use spread (or .apply) directly because it
@@ -81589,9 +81611,23 @@ function printWarning(level, format, args) {
   }
 }
 
-// Filter certain DOM attributes (e.g. src, href) if their values are empty strings.
+// -----------------------------------------------------------------------------
 
 var enableScopeAPI = false; // Experimental Create Event Handle API.
+var enableCacheElement = false;
+var enableTransitionTracing = false; // No known bugs, but needs performance testing
+
+var enableLegacyHidden = false; // Enables unstable_avoidThisFallback feature in Fiber
+// stuff. Intended to enable React core members to more easily debug scheduling
+// issues in DEV builds.
+
+var enableDebugTracing = false; // Track which Fiber(s) schedule render work.
+
+var REACT_MODULE_REFERENCE;
+
+{
+  REACT_MODULE_REFERENCE = Symbol.for('react.module.reference');
+}
 
 function isValidElementType(type) {
   if (typeof type === 'string' || typeof type === 'function') {
@@ -81599,12 +81635,16 @@ function isValidElementType(type) {
   } // Note: typeof might be other than 'symbol' or 'number' (e.g. if it's a polyfill).
 
 
-  if (type === exports.Fragment || type === REACT_PROFILER_TYPE || type === REACT_DEBUG_TRACING_MODE_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || type === REACT_LEGACY_HIDDEN_TYPE || enableScopeAPI ) {
+  if (type === REACT_FRAGMENT_TYPE || type === REACT_PROFILER_TYPE || enableDebugTracing  || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || enableLegacyHidden  || type === REACT_OFFSCREEN_TYPE || enableScopeAPI  || enableCacheElement  || enableTransitionTracing ) {
     return true;
   }
 
   if (typeof type === 'object' && type !== null) {
-    if (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_BLOCK_TYPE || type[0] === REACT_SERVER_BLOCK_TYPE) {
+    if (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || // This needs to include all possible module reference object
+    // types supported by any Flight configuration anywhere since
+    // we don't know which Flight build this will end up being used
+    // with.
+    type.$$typeof === REACT_MODULE_REFERENCE || type.getModuleId !== undefined) {
       return true;
     }
   }
@@ -81612,51 +81652,24 @@ function isValidElementType(type) {
   return false;
 }
 
+function getWrappedName(outerType, innerType, wrapperName) {
+  var displayName = outerType.displayName;
 
-var BEFORE_SLASH_RE = /^(.*)[\\\/]/;
-function describeComponentFrame (name, source, ownerName) {
-  var sourceInfo = '';
-
-  if (source) {
-    var path = source.fileName;
-    var fileName = path.replace(BEFORE_SLASH_RE, '');
-
-    {
-      // In DEV, include code for a common special case:
-      // prefer "folder/index.js" instead of just "index.js".
-      if (/^index\./.test(fileName)) {
-        var match = path.match(BEFORE_SLASH_RE);
-
-        if (match) {
-          var pathBeforeSlash = match[1];
-
-          if (pathBeforeSlash) {
-            var folderName = pathBeforeSlash.replace(BEFORE_SLASH_RE, '');
-            fileName = folderName + '/' + fileName;
-          }
-        }
-      }
-    }
-
-    sourceInfo = ' (at ' + fileName + ':' + source.lineNumber + ')';
-  } else if (ownerName) {
-    sourceInfo = ' (created by ' + ownerName + ')';
+  if (displayName) {
+    return displayName;
   }
 
-  return '\n    in ' + (name || 'Unknown') + sourceInfo;
-}
+  var functionName = innerType.displayName || innerType.name || '';
+  return functionName !== '' ? wrapperName + "(" + functionName + ")" : wrapperName;
+} // Keep in sync with react-reconciler/getComponentNameFromFiber
 
-var Resolved = 1;
-function refineResolvedLazyComponent(lazyComponent) {
-  return lazyComponent._status === Resolved ? lazyComponent._result : null;
-}
 
-function getWrappedName(outerType, innerType, wrapperName) {
-  var functionName = innerType.displayName || innerType.name || '';
-  return outerType.displayName || (functionName !== '' ? wrapperName + "(" + functionName + ")" : wrapperName);
-}
+function getContextName(type) {
+  return type.displayName || 'Context';
+} // Note that the reconciler package should generally prefer to use getComponentNameFromFiber() instead.
 
-function getComponentName(type) {
+
+function getComponentNameFromType(type) {
   if (type == null) {
     // Host root, text node or just invalid type.
     return null;
@@ -81664,7 +81677,7 @@ function getComponentName(type) {
 
   {
     if (typeof type.tag === 'number') {
-      error('Received an unexpected object in getComponentName(). ' + 'This is likely a bug in React. Please file an issue.');
+      error('Received an unexpected object in getComponentNameFromType(). ' + 'This is likely a bug in React. Please file an issue.');
     }
   }
 
@@ -81677,14 +81690,14 @@ function getComponentName(type) {
   }
 
   switch (type) {
-    case exports.Fragment:
+    case REACT_FRAGMENT_TYPE:
       return 'Fragment';
 
     case REACT_PORTAL_TYPE:
       return 'Portal';
 
     case REACT_PROFILER_TYPE:
-      return "Profiler";
+      return 'Profiler';
 
     case REACT_STRICT_MODE_TYPE:
       return 'StrictMode';
@@ -81694,56 +81707,414 @@ function getComponentName(type) {
 
     case REACT_SUSPENSE_LIST_TYPE:
       return 'SuspenseList';
+
   }
 
   if (typeof type === 'object') {
     switch (type.$$typeof) {
       case REACT_CONTEXT_TYPE:
-        return 'Context.Consumer';
+        var context = type;
+        return getContextName(context) + '.Consumer';
 
       case REACT_PROVIDER_TYPE:
-        return 'Context.Provider';
+        var provider = type;
+        return getContextName(provider._context) + '.Provider';
 
       case REACT_FORWARD_REF_TYPE:
         return getWrappedName(type, type.render, 'ForwardRef');
 
       case REACT_MEMO_TYPE:
-        return getComponentName(type.type);
+        var outerName = type.displayName || null;
+
+        if (outerName !== null) {
+          return outerName;
+        }
 
-      case REACT_BLOCK_TYPE:
-        return getComponentName(type.render);
+        return getComponentNameFromType(type.type) || 'Memo';
 
       case REACT_LAZY_TYPE:
         {
-          var thenable = type;
-          var resolvedThenable = refineResolvedLazyComponent(thenable);
+          var lazyComponent = type;
+          var payload = lazyComponent._payload;
+          var init = lazyComponent._init;
+
+          try {
+            return getComponentNameFromType(init(payload));
+          } catch (x) {
+            return null;
+          }
+        }
+
+      // eslint-disable-next-line no-fallthrough
+    }
+  }
+
+  return null;
+}
+
+var assign = Object.assign;
+
+// Helpers to patch console.logs to avoid logging during side-effect free
+// replaying on render function. This currently only patches the object
+// lazily which won't cover if the log function was extracted eagerly.
+// We could also eagerly patch the method.
+var disabledDepth = 0;
+var prevLog;
+var prevInfo;
+var prevWarn;
+var prevError;
+var prevGroup;
+var prevGroupCollapsed;
+var prevGroupEnd;
+
+function disabledLog() {}
+
+disabledLog.__reactDisabledLog = true;
+function disableLogs() {
+  {
+    if (disabledDepth === 0) {
+      /* eslint-disable react-internal/no-production-logging */
+      prevLog = console.log;
+      prevInfo = console.info;
+      prevWarn = console.warn;
+      prevError = console.error;
+      prevGroup = console.group;
+      prevGroupCollapsed = console.groupCollapsed;
+      prevGroupEnd = console.groupEnd; // https://github.com/facebook/react/issues/19099
+
+      var props = {
+        configurable: true,
+        enumerable: true,
+        value: disabledLog,
+        writable: true
+      }; // $FlowFixMe Flow thinks console is immutable.
+
+      Object.defineProperties(console, {
+        info: props,
+        log: props,
+        warn: props,
+        error: props,
+        group: props,
+        groupCollapsed: props,
+        groupEnd: props
+      });
+      /* eslint-enable react-internal/no-production-logging */
+    }
+
+    disabledDepth++;
+  }
+}
+function reenableLogs() {
+  {
+    disabledDepth--;
+
+    if (disabledDepth === 0) {
+      /* eslint-disable react-internal/no-production-logging */
+      var props = {
+        configurable: true,
+        enumerable: true,
+        writable: true
+      }; // $FlowFixMe Flow thinks console is immutable.
+
+      Object.defineProperties(console, {
+        log: assign({}, props, {
+          value: prevLog
+        }),
+        info: assign({}, props, {
+          value: prevInfo
+        }),
+        warn: assign({}, props, {
+          value: prevWarn
+        }),
+        error: assign({}, props, {
+          value: prevError
+        }),
+        group: assign({}, props, {
+          value: prevGroup
+        }),
+        groupCollapsed: assign({}, props, {
+          value: prevGroupCollapsed
+        }),
+        groupEnd: assign({}, props, {
+          value: prevGroupEnd
+        })
+      });
+      /* eslint-enable react-internal/no-production-logging */
+    }
+
+    if (disabledDepth < 0) {
+      error('disabledDepth fell below zero. ' + 'This is a bug in React. Please file an issue.');
+    }
+  }
+}
 
-          if (resolvedThenable) {
-            return getComponentName(resolvedThenable);
+var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
+var prefix;
+function describeBuiltInComponentFrame(name, source, ownerFn) {
+  {
+    if (prefix === undefined) {
+      // Extract the VM specific prefix used by each line.
+      try {
+        throw Error();
+      } catch (x) {
+        var match = x.stack.trim().match(/\n( *(at )?)/);
+        prefix = match && match[1] || '';
+      }
+    } // We use the prefix to ensure our stacks line up with native stack frames.
+
+
+    return '\n' + prefix + name;
+  }
+}
+var reentry = false;
+var componentFrameCache;
+
+{
+  var PossiblyWeakMap = typeof WeakMap === 'function' ? WeakMap : Map;
+  componentFrameCache = new PossiblyWeakMap();
+}
+
+function describeNativeComponentFrame(fn, construct) {
+  // If something asked for a stack inside a fake render, it should get ignored.
+  if ( !fn || reentry) {
+    return '';
+  }
+
+  {
+    var frame = componentFrameCache.get(fn);
+
+    if (frame !== undefined) {
+      return frame;
+    }
+  }
+
+  var control;
+  reentry = true;
+  var previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe It does accept undefined.
+
+  Error.prepareStackTrace = undefined;
+  var previousDispatcher;
+
+  {
+    previousDispatcher = ReactCurrentDispatcher.current; // Set the dispatcher in DEV because this might be call in the render function
+    // for warnings.
+
+    ReactCurrentDispatcher.current = null;
+    disableLogs();
+  }
+
+  try {
+    // This should throw.
+    if (construct) {
+      // Something should be setting the props in the constructor.
+      var Fake = function () {
+        throw Error();
+      }; // $FlowFixMe
+
+
+      Object.defineProperty(Fake.prototype, 'props', {
+        set: function () {
+          // We use a throwing setter instead of frozen or non-writable props
+          // because that won't throw in a non-strict mode function.
+          throw Error();
+        }
+      });
+
+      if (typeof Reflect === 'object' && Reflect.construct) {
+        // We construct a different control for this case to include any extra
+        // frames added by the construct call.
+        try {
+          Reflect.construct(Fake, []);
+        } catch (x) {
+          control = x;
+        }
+
+        Reflect.construct(fn, [], Fake);
+      } else {
+        try {
+          Fake.call();
+        } catch (x) {
+          control = x;
+        }
+
+        fn.call(Fake.prototype);
+      }
+    } else {
+      try {
+        throw Error();
+      } catch (x) {
+        control = x;
+      }
+
+      fn();
+    }
+  } catch (sample) {
+    // This is inlined manually because closure doesn't do it for us.
+    if (sample && control && typeof sample.stack === 'string') {
+      // This extracts the first frame from the sample that isn't also in the control.
+      // Skipping one frame that we assume is the frame that calls the two.
+      var sampleLines = sample.stack.split('\n');
+      var controlLines = control.stack.split('\n');
+      var s = sampleLines.length - 1;
+      var c = controlLines.length - 1;
+
+      while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
+        // We expect at least one stack frame to be shared.
+        // Typically this will be the root most one. However, stack frames may be
+        // cut off due to maximum stack limits. In this case, one maybe cut off
+        // earlier than the other. We assume that the sample is longer or the same
+        // and there for cut off earlier. So we should find the root most frame in
+        // the sample somewhere in the control.
+        c--;
+      }
+
+      for (; s >= 1 && c >= 0; s--, c--) {
+        // Next we find the first one that isn't the same which should be the
+        // frame that called our sample function and the control.
+        if (sampleLines[s] !== controlLines[c]) {
+          // In V8, the first line is describing the message but other VMs don't.
+          // If we're about to return the first line, and the control is also on the same
+          // line, that's a pretty good indicator that our sample threw at same line as
+          // the control. I.e. before we entered the sample frame. So we ignore this result.
+          // This can happen if you passed a class to function component, or non-function.
+          if (s !== 1 || c !== 1) {
+            do {
+              s--;
+              c--; // We may still have similar intermediate frames from the construct call.
+              // The next one that isn't the same should be our match though.
+
+              if (c < 0 || sampleLines[s] !== controlLines[c]) {
+                // V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
+                var _frame = '\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled "<anonymous>"
+                // but we have a user-provided "displayName"
+                // splice it in to make the stack more readable.
+
+
+                if (fn.displayName && _frame.includes('<anonymous>')) {
+                  _frame = _frame.replace('<anonymous>', fn.displayName);
+                }
+
+                {
+                  if (typeof fn === 'function') {
+                    componentFrameCache.set(fn, _frame);
+                  }
+                } // Return the line we found.
+
+
+                return _frame;
+              }
+            } while (s >= 1 && c >= 0);
           }
 
           break;
         }
+      }
+    }
+  } finally {
+    reentry = false;
+
+    {
+      ReactCurrentDispatcher.current = previousDispatcher;
+      reenableLogs();
+    }
+
+    Error.prepareStackTrace = previousPrepareStackTrace;
+  } // Fallback to just using the name if we couldn't make it throw.
+
+
+  var name = fn ? fn.displayName || fn.name : '';
+  var syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';
+
+  {
+    if (typeof fn === 'function') {
+      componentFrameCache.set(fn, syntheticFrame);
     }
   }
 
-  return null;
+  return syntheticFrame;
+}
+function describeFunctionComponentFrame(fn, source, ownerFn) {
+  {
+    return describeNativeComponentFrame(fn, false);
+  }
+}
+
+function shouldConstruct(Component) {
+  var prototype = Component.prototype;
+  return !!(prototype && prototype.isReactComponent);
+}
+
+function describeUnknownElementTypeFrameInDEV(type, source, ownerFn) {
+
+  if (type == null) {
+    return '';
+  }
+
+  if (typeof type === 'function') {
+    {
+      return describeNativeComponentFrame(type, shouldConstruct(type));
+    }
+  }
+
+  if (typeof type === 'string') {
+    return describeBuiltInComponentFrame(type);
+  }
+
+  switch (type) {
+    case REACT_SUSPENSE_TYPE:
+      return describeBuiltInComponentFrame('Suspense');
+
+    case REACT_SUSPENSE_LIST_TYPE:
+      return describeBuiltInComponentFrame('SuspenseList');
+  }
+
+  if (typeof type === 'object') {
+    switch (type.$$typeof) {
+      case REACT_FORWARD_REF_TYPE:
+        return describeFunctionComponentFrame(type.render);
+
+      case REACT_MEMO_TYPE:
+        // Memo may contain any component type so we recursively resolve it.
+        return describeUnknownElementTypeFrameInDEV(type.type, source, ownerFn);
+
+      case REACT_LAZY_TYPE:
+        {
+          var lazyComponent = type;
+          var payload = lazyComponent._payload;
+          var init = lazyComponent._init;
+
+          try {
+            // Lazy may contain any component type so we recursively resolve it.
+            return describeUnknownElementTypeFrameInDEV(init(payload), source, ownerFn);
+          } catch (x) {}
+        }
+    }
+  }
+
+  return '';
 }
 
+var hasOwnProperty = Object.prototype.hasOwnProperty;
+
 var loggedTypeFailures = {};
 var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
-var currentlyValidatingElement = null;
 
 function setCurrentlyValidatingElement(element) {
   {
-    currentlyValidatingElement = element;
+    if (element) {
+      var owner = element._owner;
+      var stack = describeUnknownElementTypeFrameInDEV(element.type, element._source, owner ? owner.type : null);
+      ReactDebugCurrentFrame.setExtraStackFrame(stack);
+    } else {
+      ReactDebugCurrentFrame.setExtraStackFrame(null);
+    }
   }
 }
 
 function checkPropTypes(typeSpecs, values, location, componentName, element) {
   {
     // $FlowFixMe This is okay but Flow doesn't know it.
-    var has = Function.call.bind(Object.prototype.hasOwnProperty);
+    var has = Function.call.bind(hasOwnProperty);
 
     for (var typeSpecName in typeSpecs) {
       if (has(typeSpecs, typeSpecName)) {
@@ -81755,6 +82126,7 @@ function checkPropTypes(typeSpecs, values, location, componentName, element) {
           // 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') {
+            // eslint-disable-next-line react-internal/prod-error-codes
             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;
@@ -81788,8 +82160,80 @@ function checkPropTypes(typeSpecs, values, location, componentName, element) {
   }
 }
 
+var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
+
+function isArray(a) {
+  return isArrayImpl(a);
+}
+
+/*
+ * The `'' + value` pattern (used in in perf-sensitive code) throws for Symbol
+ * and Temporal.* types. See https://github.com/facebook/react/pull/22064.
+ *
+ * The functions in this module will throw an easier-to-understand,
+ * easier-to-debug exception with a clear errors message message explaining the
+ * problem. (Instead of a confusing exception thrown inside the implementation
+ * of the `value` object).
+ */
+// $FlowFixMe only called in DEV, so void return is not possible.
+function typeName(value) {
+  {
+    // toStringTag is needed for namespaced types like Temporal.Instant
+    var hasToStringTag = typeof Symbol === 'function' && Symbol.toStringTag;
+    var type = hasToStringTag && value[Symbol.toStringTag] || value.constructor.name || 'Object';
+    return type;
+  }
+} // $FlowFixMe only called in DEV, so void return is not possible.
+
+
+function willCoercionThrow(value) {
+  {
+    try {
+      testStringCoercion(value);
+      return false;
+    } catch (e) {
+      return true;
+    }
+  }
+}
+
+function testStringCoercion(value) {
+  // If you ended up here by following an exception call stack, here's what's
+  // happened: you supplied an object or symbol value to React (as a prop, key,
+  // DOM attribute, CSS property, string ref, etc.) and when React tried to
+  // coerce it to a string using `'' + value`, an exception was thrown.
+  //
+  // The most common types that will cause this exception are `Symbol` instances
+  // and Temporal objects like `Temporal.Instant`. But any object that has a
+  // `valueOf` or `[Symbol.toPrimitive]` method that throws will also cause this
+  // exception. (Library authors do this to prevent users from using built-in
+  // numeric operators like `+` or comparison operators like `>=` because custom
+  // methods are needed to perform accurate arithmetic or comparison.)
+  //
+  // To fix the problem, coerce this object or symbol value to a string before
+  // passing it to React. The most reliable way is usually `String(value)`.
+  //
+  // To find which value is throwing, check the browser or debugger console.
+  // Before this exception was thrown, there should be `console.error` output
+  // that shows the type (Symbol, Temporal.PlainDate, etc.) that caused the
+  // problem and how that type was used: key, atrribute, input value prop, etc.
+  // In most cases, this console output also shows the component and its
+  // ancestor components where the exception happened.
+  //
+  // eslint-disable-next-line react-internal/safe-string-coercion
+  return '' + value;
+}
+function checkKeyStringCoercion(value) {
+  {
+    if (willCoercionThrow(value)) {
+      error('The provided key is an unsupported type %s.' + ' This value must be coerced to a string before before using it here.', typeName(value));
+
+      return testStringCoercion(value); // throw (to help callers find troubleshooting comments)
+    }
+  }
+}
+
 var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
-var hasOwnProperty = Object.prototype.hasOwnProperty;
 var RESERVED_PROPS = {
   key: true,
   ref: true,
@@ -81835,10 +82279,10 @@ function hasValidKey(config) {
 function warnIfStringRefCannotBeAutoConverted(config, self) {
   {
     if (typeof config.ref === 'string' && ReactCurrentOwner.current && self && ReactCurrentOwner.current.stateNode !== self) {
-      var componentName = getComponentName(ReactCurrentOwner.current.type);
+      var componentName = getComponentNameFromType(ReactCurrentOwner.current.type);
 
       if (!didWarnAboutStringRefs[componentName]) {
-        error('Component "%s" contains the string ref "%s". ' + 'Support for string refs will be removed in a future major release. ' + 'This case cannot be automatically converted to an arrow function. ' + 'We ask you to manually fix this case by using useRef() or createRef() instead. ' + 'Learn more about using refs safely here: ' + 'https://reactjs.org/link/strict-mode-string-ref', getComponentName(ReactCurrentOwner.current.type), config.ref);
+        error('Component "%s" contains the string ref "%s". ' + 'Support for string refs will be removed in a future major release. ' + 'This case cannot be automatically converted to an arrow function. ' + 'We ask you to manually fix this case by using useRef() or createRef() instead. ' + 'Learn more about using refs safely here: ' + 'https://reactjs.org/link/strict-mode-string-ref', getComponentNameFromType(ReactCurrentOwner.current.type), config.ref);
 
         didWarnAboutStringRefs[componentName] = true;
       }
@@ -81977,10 +82421,18 @@ function jsxDEV(type, config, maybeKey, source, self) {
     // key is explicitly declared to be undefined or not.
 
     if (maybeKey !== undefined) {
+      {
+        checkKeyStringCoercion(maybeKey);
+      }
+
       key = '' + maybeKey;
     }
 
     if (hasValidKey(config)) {
+      {
+        checkKeyStringCoercion(config.key);
+      }
+
       key = '' + config.key;
     }
 
@@ -82027,7 +82479,15 @@ var ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner;
 var ReactDebugCurrentFrame$1 = ReactSharedInternals.ReactDebugCurrentFrame;
 
 function setCurrentlyValidatingElement$1(element) {
-  currentlyValidatingElement = element;
+  {
+    if (element) {
+      var owner = element._owner;
+      var stack = describeUnknownElementTypeFrameInDEV(element.type, element._source, owner ? owner.type : null);
+      ReactDebugCurrentFrame$1.setExtraStackFrame(stack);
+    } else {
+      ReactDebugCurrentFrame$1.setExtraStackFrame(null);
+    }
+  }
 }
 
 var propTypesMisspellWarningShown;
@@ -82043,6 +82503,7 @@ var propTypesMisspellWarningShown;
  * @final
  */
 
+
 function isValidElement(object) {
   {
     return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
@@ -82052,7 +82513,7 @@ function isValidElement(object) {
 function getDeclarationErrorAddendum() {
   {
     if (ReactCurrentOwner$1.current) {
-      var name = getComponentName(ReactCurrentOwner$1.current.type);
+      var name = getComponentNameFromType(ReactCurrentOwner$1.current.type);
 
       if (name) {
         return '\n\nCheck the render method of `' + name + '`.';
@@ -82132,7 +82593,7 @@ function validateExplicitKey(element, parentType) {
 
     if (element && element._owner && element._owner !== ReactCurrentOwner$1.current) {
       // Give the component that originally created this child.
-      childOwner = " It was passed a child from " + getComponentName(element._owner.type) + ".";
+      childOwner = " It was passed a child from " + getComponentNameFromType(element._owner.type) + ".";
     }
 
     setCurrentlyValidatingElement$1(element);
@@ -82159,7 +82620,7 @@ function validateChildKeys(node, parentType) {
       return;
     }
 
-    if (Array.isArray(node)) {
+    if (isArray(node)) {
       for (var i = 0; i < node.length; i++) {
         var child = node[i];
 
@@ -82222,12 +82683,12 @@ function validatePropTypes(element) {
 
     if (propTypes) {
       // Intentionally inside to avoid triggering lazy initializers:
-      var name = getComponentName(type);
+      var name = getComponentNameFromType(type);
       checkPropTypes(propTypes, element.props, 'prop', name, element);
     } else if (type.PropTypes !== undefined && !propTypesMisspellWarningShown) {
       propTypesMisspellWarningShown = true; // Intentionally inside to avoid triggering lazy initializers:
 
-      var _name = getComponentName(type);
+      var _name = getComponentNameFromType(type);
 
       error('Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?', _name || 'Unknown');
     }
@@ -82270,6 +82731,7 @@ function validateFragmentProps(fragment) {
   }
 }
 
+var didWarnAboutKeySpread = {};
 function jsxWithValidation(type, props, key, isStaticChildren, source, self) {
   {
     var validType = isValidElementType(type); // We warn in this case but don't throw. We expect the element creation to
@@ -82294,10 +82756,10 @@ function jsxWithValidation(type, props, key, isStaticChildren, source, self) {
 
       if (type === null) {
         typeString = 'null';
-      } else if (Array.isArray(type)) {
+      } else if (isArray(type)) {
         typeString = 'array';
       } else if (type !== undefined && type.$$typeof === REACT_ELEMENT_TYPE) {
-        typeString = "<" + (getComponentName(type.type) || 'Unknown') + " />";
+        typeString = "<" + (getComponentNameFromType(type.type) || 'Unknown') + " />";
         info = ' Did you accidentally export a JSX literal instead of a component?';
       } else {
         typeString = typeof type;
@@ -82323,7 +82785,7 @@ function jsxWithValidation(type, props, key, isStaticChildren, source, self) {
 
       if (children !== undefined) {
         if (isStaticChildren) {
-          if (Array.isArray(children)) {
+          if (isArray(children)) {
             for (var i = 0; i < children.length; i++) {
               validateChildKeys(children[i], type);
             }
@@ -82340,7 +82802,25 @@ function jsxWithValidation(type, props, key, isStaticChildren, source, self) {
       }
     }
 
-    if (type === exports.Fragment) {
+    {
+      if (hasOwnProperty.call(props, 'key')) {
+        var componentName = getComponentNameFromType(type);
+        var keys = Object.keys(props).filter(function (k) {
+          return k !== 'key';
+        });
+        var beforeExample = keys.length > 0 ? '{key: someKey, ' + keys.join(': ..., ') + ': ...}' : '{key: someKey}';
+
+        if (!didWarnAboutKeySpread[componentName + beforeExample]) {
+          var afterExample = keys.length > 0 ? '{' + keys.join(': ..., ') + ': ...}' : '{}';
+
+          error('A props object containing a "key" prop is being spread into JSX:\n' + '  let props = %s;\n' + '  <%s {...props} />\n' + 'React keys must be passed directly to JSX without using spread:\n' + '  let props = %s;\n' + '  <%s key={someKey} {...props} />', beforeExample, componentName, afterExample, componentName);
+
+          didWarnAboutKeySpread[componentName + beforeExample] = true;
+        }
+      }
+    }
+
+    if (type === REACT_FRAGMENT_TYPE) {
       validateFragmentProps(element);
     } else {
       validatePropTypes(element);
@@ -82369,6 +82849,7 @@ var jsx =  jsxWithValidationDynamic ; // we may want to special case jsxs intern
 
 var jsxs =  jsxWithValidationStatic ;
 
+exports.Fragment = REACT_FRAGMENT_TYPE;
 exports.jsx = jsx;
 exports.jsxs = jsxs;
   })();