@luminati-io/uikit 6.3.32 → 6.3.33

package/dist/umd/uikit.development.js

@@ -36309,8 +36309,8 @@ __webpack_require__.r(__webpack_exports__);
 /* 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 _typography__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
-/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../constants */ "./src/constants.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
 /* harmony import */ var _badge_icon__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./badge_icon */ "./src/badge/badge_icon.js");
 /* harmony import */ var _styled__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./styled */ "./src/badge/styled.js");
 // LICENSE_CODE ZON
@@ -36349,9 +36349,9 @@ var Badge = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef
     rest = _objectWithoutProperties(props, _excluded);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_styled__WEBPACK_IMPORTED_MODULE_6__.StyledBadge, _extends({
     ref: ref
-  }, (0,_util__WEBPACK_IMPORTED_MODULE_3__.pickAttrs)(rest), {
+  }, (0,_util__WEBPACK_IMPORTED_MODULE_4__.pickAttrs)(rest), {
     $prefixCls: classNamePrefix,
-    className: (0,_util__WEBPACK_IMPORTED_MODULE_3__.cn)(classNamePrefix, _defineProperty(_defineProperty({}, "-".concat(variant), true), "-".concat(shape), true), className, classNamePrefix)
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_4__.cn)(classNamePrefix, _defineProperty(_defineProperty({}, "-".concat(variant), true), "-".concat(shape), true), className, classNamePrefix)
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_badge_icon__WEBPACK_IMPORTED_MODULE_5__.BadgeIcon, {
     classNamePrefix: classNamePrefix,
     icon: icon,
@@ -36359,7 +36359,7 @@ var Badge = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef
     onClick: onIconClick
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_2__.Label, {
     variant: "xs",
-    className: (0,_util__WEBPACK_IMPORTED_MODULE_3__.cn)(classNamePrefix, {
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_4__.cn)(classNamePrefix, {
       '-content': true
     })
   }, text || children), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_badge_icon__WEBPACK_IMPORTED_MODULE_5__.BadgeIcon, {
@@ -36376,7 +36376,7 @@ Badge.propTypes = {
   classNamePrefix: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
   shape: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['rounded', 'square']),
   variant: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['generic', 'info', 'success', 'error', 'warning']),
-  icon: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_4__.iconNames), (prop_types__WEBPACK_IMPORTED_MODULE_0___default().elementType)]),
+  icon: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([_constants__WEBPACK_IMPORTED_MODULE_3__.PT_ICON_NAMES, (prop_types__WEBPACK_IMPORTED_MODULE_0___default().elementType)]),
   iconPlacement: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['left', 'right']),
   onIconClick: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func)
 };
@@ -36408,7 +36408,8 @@ __webpack_require__.r(__webpack_exports__);
 var BadgeIcon = function BadgeIcon(_ref) {
   var classNamePrefix = _ref.classNamePrefix,
     IconComp = _ref.icon,
-    iconPlacement = _ref.iconPlacement,
+    _ref$iconPlacement = _ref.iconPlacement,
+    iconPlacement = _ref$iconPlacement === void 0 ? 'left' : _ref$iconPlacement,
     isRight = _ref.isRight,
     onClick = _ref.onClick;
   if (IconComp && (!isRight && iconPlacement == 'left' || isRight && iconPlacement == 'right')) {
@@ -36973,9 +36974,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
 /* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../constants */ "./src/constants.js");
 /* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
-/* harmony import */ var _button_icon__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./button_icon */ "./src/button/button_icon.js");
-/* harmony import */ var _styled__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./styled */ "./src/button/styled.js");
+/* harmony import */ var _button_icon__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./button_icon */ "./src/button/button_icon.js");
+/* harmony import */ var _styled__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./styled */ "./src/button/styled.js");
 // LICENSE_CODE ZON
 
 
@@ -36995,7 +36995,6 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 
 
 
-
 var Button = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (props, ref) {
   var className = props.className,
     _props$classNamePrefi = props.classNamePrefix,
@@ -37016,7 +37015,7 @@ var Button = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRe
     rest = _objectWithoutProperties(props, _excluded);
   var buttonText = loading ? loadingText : text || children;
   var labelVariant = size == 'xs' ? 'sm' : variant == 'white' ? 'base' : 'lg';
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_styled__WEBPACK_IMPORTED_MODULE_7__.StyledButton, _extends({
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_styled__WEBPACK_IMPORTED_MODULE_6__.StyledButton, _extends({
     ref: ref
   }, rest, {
     className: (0,_util__WEBPACK_IMPORTED_MODULE_4__.cn)(classNamePrefix, _defineProperty(_defineProperty({}, "-".concat(variant), true), '-disabled', disabled), className, classNamePrefix),
@@ -37025,7 +37024,7 @@ var Button = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRe
     $leftIcon: loading || !!icon && iconPlacement == 'left',
     $rightIcon: !loading && !!icon && iconPlacement == 'right',
     $prefixCls: classNamePrefix
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_button_icon__WEBPACK_IMPORTED_MODULE_6__.ButtonIcon, {
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_button_icon__WEBPACK_IMPORTED_MODULE_5__.ButtonIcon, {
     classNamePrefix: classNamePrefix,
     size: size,
     loading: loading,
@@ -37038,7 +37037,7 @@ var Button = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRe
     variant: labelVariant,
     whiteSpace: "nowrap",
     "data-label": true
-  }, buttonText), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_button_icon__WEBPACK_IMPORTED_MODULE_6__.ButtonIcon, {
+  }, buttonText), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_button_icon__WEBPACK_IMPORTED_MODULE_5__.ButtonIcon, {
     classNamePrefix: classNamePrefix,
     size: size,
     loading: loading,
@@ -37053,7 +37052,7 @@ Button.propTypes = {
   classNamePrefix: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
   variant: _constants__WEBPACK_IMPORTED_MODULE_3__.PT_BUTTON_VARIANT,
   size: _constants__WEBPACK_IMPORTED_MODULE_3__.PT_BUTTON_SIZE,
-  icon: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_5__.iconNames), (prop_types__WEBPACK_IMPORTED_MODULE_0___default().elementType)]),
+  icon: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([_constants__WEBPACK_IMPORTED_MODULE_3__.PT_ICON_NAMES, (prop_types__WEBPACK_IMPORTED_MODULE_0___default().elementType)]),
   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),
@@ -37089,7 +37088,8 @@ var ButtonIcon = function ButtonIcon(_ref) {
     size = _ref.size,
     loading = _ref.loading,
     IconComp = _ref.icon,
-    iconPlacement = _ref.iconPlacement,
+    _ref$iconPlacement = _ref.iconPlacement,
+    iconPlacement = _ref$iconPlacement === void 0 ? 'left' : _ref$iconPlacement,
     isRight = _ref.isRight;
   var iconSize = {
     sm: 'xs',
@@ -37158,7 +37158,9 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   StyledButton: () => (/* binding */ StyledButton),
-/* harmony export */   height: () => (/* binding */ height)
+/* harmony export */   gap: () => (/* binding */ gap),
+/* harmony export */   height: () => (/* binding */ height),
+/* harmony export */   padding: () => (/* binding */ padding)
 /* harmony export */ });
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! styled-components */ "styled-components");
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_0__);
@@ -40012,15 +40014,14 @@ __webpack_require__.r(__webpack_exports__);
 /* 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 _button_styled__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../button/styled */ "./src/button/styled.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 _button_button_icon__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../button/button_icon */ "./src/button/button_icon.js");
+/* harmony import */ var _button_styled__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../button/styled */ "./src/button/styled.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
 // LICENSE_CODE ZON
 
 
 /*jslint react:true*/
-var _excluded = ["className", "classNamePrefix", "variant", "size", "items", "disabled", "onClick", "icon", "iconPlacement", "text", "children"],
-  _excluded2 = ["isLeft"];
+var _excluded = ["className", "classNamePrefix", "variant", "size", "items", "disabled", "onClick", "icon", "text", "children"];
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
@@ -40054,42 +40055,34 @@ var ComboButton = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forw
     disabled = props.disabled,
     onClick = props.onClick,
     icon = props.icon,
-    iconPlacement = props.iconPlacement,
     text = props.text,
     children = props.children,
     rest = _objectWithoutProperties(props, _excluded);
-  var _getIconProps = (0,_utils__WEBPACK_IMPORTED_MODULE_10__.getIconProps)('Button', {
-      size: size,
-      icon: icon,
-      iconPlacement: iconPlacement
-    }),
-    isLeft = _getIconProps.isLeft,
-    iconProps = _objectWithoutProperties(_getIconProps, _excluded2);
   var buttonText = text || children;
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledButtonWrapper, _extends({
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ComboButtonWrapper, _extends({
     ref: ref
   }, rest, {
-    className: (0,_util__WEBPACK_IMPORTED_MODULE_9__.cn)(null, null, className, classNamePrefix),
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_10__.cn)(null, null, className, classNamePrefix),
     disabled: disabled,
     $variant: variant,
     $size: size,
-    $iconPlacement: isLeft ? 'left' : ''
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledButton, {
-    className: (0,_util__WEBPACK_IMPORTED_MODULE_9__.cn)(classNamePrefix, {
+    $leftIcon: !!icon
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ComboButtonPrimaryBytton, {
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_10__.cn)(classNamePrefix, {
       '-primary_button': true,
       '-primary_button-disabled': disabled
     }),
     disabled: disabled,
     onClick: onClick,
     "data-testid": "combo_button_main"
-  }, /*#__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, _extends({
-    className: (0,_util__WEBPACK_IMPORTED_MODULE_9__.cn)(classNamePrefix, {
-      '-icon': true,
-      '-icon-left': isLeft
-    })
-  }, iconProps)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_7__.Label, {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ComboButtonContent, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_button_button_icon__WEBPACK_IMPORTED_MODULE_8__.ButtonIcon, {
+    classNamePrefix: classNamePrefix,
+    size: size,
+    icon: icon,
+    iconPlacement: "left"
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_7__.Label, {
     variant: size == 'xs' ? 'sm' : 'lg',
-    className: (0,_util__WEBPACK_IMPORTED_MODULE_9__.cn)(classNamePrefix, {
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_10__.cn)(classNamePrefix, {
       '-text': true
     }),
     no_wrap: true,
@@ -40107,7 +40100,7 @@ ComboButton.propTypes = {
   classNamePrefix: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
   variant: _constants__WEBPACK_IMPORTED_MODULE_3__.PT_BUTTON_VARIANT,
   size: _constants__WEBPACK_IMPORTED_MODULE_3__.PT_BUTTON_SIZE,
-  icon: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_10__.iconNames),
+  icon: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([_constants__WEBPACK_IMPORTED_MODULE_3__.PT_ICON_NAMES, (prop_types__WEBPACK_IMPORTED_MODULE_0___default().elementType)]),
   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)
 };
@@ -40127,7 +40120,7 @@ var ComboButtonMenu = function ComboButtonMenu(_ref) {
     onVisibleChange: setVisible,
     zIndex: _constants__WEBPACK_IMPORTED_MODULE_3__.Z_INDEX.combobutton,
     popover: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_menu__WEBPACK_IMPORTED_MODULE_6__.Menu, {
-      className: (0,_util__WEBPACK_IMPORTED_MODULE_9__.cn)(classNamePrefix, {
+      className: (0,_util__WEBPACK_IMPORTED_MODULE_10__.cn)(classNamePrefix, {
         '-menu': true
       }),
       size: size,
@@ -40138,7 +40131,7 @@ var ComboButtonMenu = function ComboButtonMenu(_ref) {
       unstyled: true
     })
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ComboButtonArrow, {
-    className: (0,_util__WEBPACK_IMPORTED_MODULE_9__.cn)(classNamePrefix, {
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_10__.cn)(classNamePrefix, {
       '-menu_button': true,
       '-menu_button-disabled': disabled
     }),
@@ -40149,38 +40142,38 @@ var ComboButtonMenu = function ComboButtonMenu(_ref) {
     size: "xs"
   })));
 };
-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;", " ", " height:", "px;"], function (props) {
-  var gap = 4;
-  var paddingLeft = 16;
-  var paddingRight = 16;
-  if (props.$iconPlacement == 'left') paddingLeft = 12;else if (props.$iconPlacement == 'right') paddingRight = 12;
-  if (props.$size == 'xs') {
-    gap = 2;
-    paddingLeft = paddingRight = 8;
-  }
-  return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["", "{gap:", ";padding-left:", ";padding-right:", ";}"], ComboButtonContent, (0,_util__WEBPACK_IMPORTED_MODULE_9__.px)(gap), (0,_util__WEBPACK_IMPORTED_MODULE_9__.px)(paddingLeft), (0,_util__WEBPACK_IMPORTED_MODULE_9__.px)(paddingRight));
-}, function (props) {
-  var colors = (0,_util__WEBPACK_IMPORTED_MODULE_9__.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 (_ref2) {
-  var $size = _ref2.$size;
-  return _button_styled__WEBPACK_IMPORTED_MODULE_8__.height[$size];
-});
-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_2___default().div.withConfig({
   displayName: "ComboButtonContent",
-  componentId: "sc-s9elw5-2"
+  componentId: "sc-s9elw5-0"
 })(["display:flex;align-items:center;height:100%;"]);
+var ComboButtonPrimaryBytton = styled_components__WEBPACK_IMPORTED_MODULE_2___default().button.withConfig({
+  displayName: "ComboButtonPrimaryBytton",
+  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 ComboButtonArrow = styled_components__WEBPACK_IMPORTED_MODULE_2___default().button.withConfig({
   displayName: "ComboButtonArrow",
-  componentId: "sc-s9elw5-3"
+  componentId: "sc-s9elw5-2"
 })(["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;}"]);
+var ComboButtonWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
+  displayName: "ComboButtonWrapper",
+  componentId: "sc-s9elw5-3"
+})(["display:inline-flex;align-items:stretch;justify-content:center;border-radius:4px;text-decoration:none;&:hover,&:visited,&:focus{text-decoration:none;}padding:0;", "{padding-left:", "px;padding-right:", "px;gap:", "px;}", " height:", "px;"], ComboButtonContent, function (_ref2) {
+  var $size = _ref2.$size,
+    $leftIcon = _ref2.$leftIcon;
+  return _button_styled__WEBPACK_IMPORTED_MODULE_9__.padding.left[$size][$leftIcon ? 1 : 0];
+}, function (_ref3) {
+  var $size = _ref3.$size;
+  return _button_styled__WEBPACK_IMPORTED_MODULE_9__.padding.right[$size][0];
+}, function (_ref4) {
+  var $size = _ref4.$size;
+  return _button_styled__WEBPACK_IMPORTED_MODULE_9__.gap[$size];
+}, function (props) {
+  var colors = (0,_util__WEBPACK_IMPORTED_MODULE_10__.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, ComboButtonPrimaryBytton, 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(ComboButtonPrimaryBytton, ":hover, ").concat(ComboButtonArrow, ":hover {\n          background-color: ").concat(colors.hover.backColor, ";\n        }\n      "));
+}, function (_ref5) {
+  var $size = _ref5.$size;
+  return _button_styled__WEBPACK_IMPORTED_MODULE_9__.height[$size];
+});
 
 /***/ }),
 
@@ -40217,6 +40210,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   INPUT_VERTICAL_PADDING: () => (/* binding */ INPUT_VERTICAL_PADDING),
 /* harmony export */   PT_BUTTON_SIZE: () => (/* binding */ PT_BUTTON_SIZE),
 /* harmony export */   PT_BUTTON_VARIANT: () => (/* binding */ PT_BUTTON_VARIANT),
+/* harmony export */   PT_COLOR_NAMES: () => (/* binding */ PT_COLOR_NAMES),
+/* harmony export */   PT_ICON_NAMES: () => (/* binding */ PT_ICON_NAMES),
 /* harmony export */   PT_INPUT_SHARED: () => (/* binding */ PT_INPUT_SHARED),
 /* harmony export */   PT_NECESSITY_INDICATOR: () => (/* binding */ PT_NECESSITY_INDICATOR),
 /* harmony export */   PT_TOAST_POSITION: () => (/* binding */ PT_TOAST_POSITION),
@@ -40226,10 +40221,14 @@ __webpack_require__.r(__webpack_exports__);
 /* 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__);
+/* harmony import */ var _icons__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @icons */ "./assets/icons/index.js");
+/* harmony import */ var _themes__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./themes */ "./src/themes/index.js");
 
 
 /*jslint react:true*/
 
+
+
 var PT_NECESSITY_INDICATOR = prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['none', 'asterisk', 'text']);
 var PT_TOOLTIP_PLACEMENT = prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['right', 'top', 'left', 'bottom', 'topLeft', 'topRight', 'bottomLeft', 'bottomRight', 'leftTop', 'leftBottom', 'rightTop', 'rightBottom']);
 var PT_TRIGGER = prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['hover', 'click', 'focus', 'contextMenu']);
@@ -40280,6 +40279,8 @@ var PT_INPUT_SHARED = {
 var PT_TOAST_POSITION = prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['top-left', 'top-center', 'top-right', 'bottom-left', 'bottom-center', 'bottom-right']);
 var PT_BUTTON_VARIANT = prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['primary', 'secondary', 'negative', 'negative_secondary', 'positive', 'white']);
 var PT_BUTTON_SIZE = prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['xs', 'sm', 'md', 'lg']);
+var PT_ICON_NAMES = prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(Object.keys(_icons__WEBPACK_IMPORTED_MODULE_1__["default"]));
+var PT_COLOR_NAMES = prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(Object.keys(_themes__WEBPACK_IMPORTED_MODULE_2__.lightTheme.color));
 
 /***/ }),
 
@@ -40314,6 +40315,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   ProgressBar: () => (/* reexport safe */ _progress__WEBPACK_IMPORTED_MODULE_15__.ProgressBar),
 /* harmony export */   RemovableTag: () => (/* reexport safe */ _tag__WEBPACK_IMPORTED_MODULE_18__.RemovableTag),
 /* harmony export */   Snackbar: () => (/* reexport safe */ _snackbar__WEBPACK_IMPORTED_MODULE_16__.Snackbar),
+/* harmony export */   StyledIconButton: () => (/* reexport safe */ _icon_button__WEBPACK_IMPORTED_MODULE_21__.StyledIconButton),
 /* harmony export */   Tab: () => (/* reexport safe */ _tab__WEBPACK_IMPORTED_MODULE_22__.Tab),
 /* harmony export */   Table: () => (/* reexport safe */ _table__WEBPACK_IMPORTED_MODULE_17__.Table),
 /* harmony export */   Tabs: () => (/* reexport safe */ _tab__WEBPACK_IMPORTED_MODULE_22__.Tabs),
@@ -41360,8 +41362,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! prop-types */ "prop-types");
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var _icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @icons */ "./assets/icons/index.js");
-/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./util */ "./src/util/index.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./utils */ "./src/utils.js");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./constants */ "./src/constants.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./util */ "./src/util/index.js");
 // LICENSE_CODE ZON
 
 
@@ -41388,7 +41390,7 @@ var Icon = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(
   if (!ic) return null;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledSvg, _extends({
     ref: ref
-  }, (0,_util__WEBPACK_IMPORTED_MODULE_4__.pickAttrs)(rest), {
+  }, (0,_util__WEBPACK_IMPORTED_MODULE_5__.pickAttrs)(rest), {
     $size: size,
     viewBox: ic.viewBox,
     $color: theme.color[color],
@@ -41400,8 +41402,8 @@ var Icon = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(
 });
 Icon.displayName = 'Icon';
 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),
+  name: _constants__WEBPACK_IMPORTED_MODULE_4__.PT_ICON_NAMES.isRequired,
+  color: _constants__WEBPACK_IMPORTED_MODULE_4__.PT_COLOR_NAMES,
   size: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(['xxs', 'xs', 'sm', 'md', 'lg', 'xl']),
   verticalAlign: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(['top', 'middle', 'bottom', 'baseline', 'text-top', 'text-bottom', 'super', 'sub'])
 };
@@ -41411,7 +41413,7 @@ var StyledSvg = styled_components__WEBPACK_IMPORTED_MODULE_1___default().svg.wit
 })(["color:", ";", " vertical-align:", ";"], function (props) {
   return props.$color;
 }, function (props) {
-  return (0,_util__WEBPACK_IMPORTED_MODULE_4__.getIconSize)(props.$size);
+  return (0,_util__WEBPACK_IMPORTED_MODULE_5__.getIconSize)(props.$size);
 }, function (props) {
   return props.$verticalAlign;
 });
@@ -41427,7 +41429,8 @@ var StyledSvg = styled_components__WEBPACK_IMPORTED_MODULE_1___default().svg.wit
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   IconButton: () => (/* binding */ IconButton)
+/* harmony export */   IconButton: () => (/* binding */ IconButton),
+/* harmony export */   StyledIconButton: () => (/* binding */ StyledIconButton)
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
@@ -41438,8 +41441,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _icons__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @icons */ "./assets/icons/index.js");
 /* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./constants */ "./src/constants.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 _tooltip__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./tooltip */ "./src/tooltip/index.js");
+/* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./tooltip */ "./src/tooltip/index.js");
 // LICENSE_CODE ZON
 
 
@@ -41455,7 +41457,6 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 
 
 
-
 var IconButton = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (_ref, ref) {
   var disabled = _ref.disabled,
     active = _ref.active,
@@ -41468,7 +41469,7 @@ var IconButton = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwa
   var ic = _icons__WEBPACK_IMPORTED_MODULE_3__["default"][icon];
   if (!ic) return null;
   var iconSize = size == 'lg' || size == 'md' ? 18 : 16;
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_7__.Tooltip, {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_6__.Tooltip, {
     tooltip: tooltip,
     placement: tooltipPlacement
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledIconButton, _extends({
@@ -41487,7 +41488,7 @@ var IconButton = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwa
 });
 IconButton.displayName = 'IconButton';
 IconButton.propTypes = {
-  icon: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_6__.iconNames).isRequired,
+  icon: _constants__WEBPACK_IMPORTED_MODULE_4__.PT_ICON_NAMES.isRequired,
   disabled: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),
   active: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),
   tooltip: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().node),
@@ -46123,13 +46124,15 @@ var InputWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.
   return $disabled ? color.border_disabled : $invalid ? color.border_error : $active ? color.border_primary : color.border;
 }, function (_ref38) {
   var $disabled = _ref38.$disabled,
+    $invalid = _ref38.$invalid,
     $active = _ref38.$active,
     color = _ref38.theme.color;
-  return $disabled ? color.border_disabled : $active ? color.border_primary : color.border_accent;
+  return $disabled ? color.border_disabled : $active ? $invalid ? color.border_error : color.border_primary : color.border_accent;
 }, function (_ref39) {
-  var $active = _ref39.$active,
+  var $invalid = _ref39.$invalid,
+    $active = _ref39.$active,
     shadow = _ref39.theme.shadow;
-  return $active ? shadow.primary : null;
+  return $active ? $invalid ? shadow.error : shadow.primary : null;
 });
 var HelperText = function HelperText(_ref40) {
   var classNamePrefix = _ref40.classNamePrefix,
@@ -46382,9 +46385,13 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _button__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../button */ "./src/button/index.js");
-/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../util */ "./src/util/index.js");
-/* harmony import */ var _textbox__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../textbox */ "./src/input/textbox.js");
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "styled-components");
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _button__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../button */ "./src/button/index.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../util */ "./src/util/index.js");
+/* harmony import */ var _textbox__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../textbox */ "./src/input/textbox.js");
+/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../typography */ "./src/typography/index.js");
+/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../icon */ "./src/icon.js");
 // LICENSE_CODE ZON
 
 
@@ -46397,23 +46404,26 @@ function _asyncToGenerator(n) { return function () { var t = this, e = arguments
 
 
 
-var ButtonAddInput = function ButtonAddInput(props) {
-  var className = props.className,
-    size = props.size,
-    disabled = props.disabled,
-    buttonText = props.buttonText,
-    onButtonClick = props.onButtonClick,
-    placeholder = props.placeholder,
-    inputValue = props.inputValue,
-    onInputValueChange = props.onInputValueChange,
-    onInputFocus = props.onInputFocus,
-    onInputBlur = props.onInputBlur,
-    onInputKeyDown = props.onInputKeyDown,
-    onInputShow = props.onInputShow,
-    error = props.error,
-    setError = props.setError,
-    showInput = props.showInput,
-    setShowInput = props.setShowInput;
+
+
+
+var ButtonAddInput = function ButtonAddInput(_ref) {
+  var className = _ref.className,
+    size = _ref.size,
+    disabled = _ref.disabled,
+    buttonText = _ref.buttonText,
+    onButtonClick = _ref.onButtonClick,
+    placeholder = _ref.placeholder,
+    inputValue = _ref.inputValue,
+    onInputValueChange = _ref.onInputValueChange,
+    onInputFocus = _ref.onInputFocus,
+    onInputBlur = _ref.onInputBlur,
+    onInputKeyDown = _ref.onInputKeyDown,
+    onInputShow = _ref.onInputShow,
+    invalid = _ref.invalid,
+    setError = _ref.setError,
+    showInput = _ref.showInput,
+    setShowInput = _ref.setShowInput;
   var onBlur = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (evt) {
     onInputBlur === null || onInputBlur === void 0 || onInputBlur(evt);
   }, [onInputBlur]);
@@ -46450,9 +46460,9 @@ var ButtonAddInput = function ButtonAddInput(props) {
     }))();
   }, [onButtonClick, onInputShow, setError, setShowInput]);
   if (showInput) {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_textbox__WEBPACK_IMPORTED_MODULE_3__.Textbox, {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_textbox__WEBPACK_IMPORTED_MODULE_4__.Textbox, {
       autoFocus: true,
-      className: (0,_util__WEBPACK_IMPORTED_MODULE_2__.cn)(className, {
+      className: (0,_util__WEBPACK_IMPORTED_MODULE_3__.cn)(className, {
         input: true
       }),
       size: size,
@@ -46467,12 +46477,15 @@ var ButtonAddInput = function ButtonAddInput(props) {
         onKeyDown: onInputKeyDown,
         'data-name': 'input'
       },
-      error: error
+      invalid: invalid,
+      rightInnerContent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(InputRightContent, {
+        text: buttonText
+      })
     });
   }
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_button__WEBPACK_IMPORTED_MODULE_1__.Button, {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_button__WEBPACK_IMPORTED_MODULE_2__.Button, {
     "data-action": "add",
-    className: (0,_util__WEBPACK_IMPORTED_MODULE_2__.cn)(className, {
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_3__.cn)(className, {
       button: true,
       'button--is-diabled': disabled
     }),
@@ -46484,6 +46497,21 @@ var ButtonAddInput = function ButtonAddInput(props) {
     onClick: _onButtonClick
   });
 };
+var InputRightContent = function InputRightContent(_ref3) {
+  var text = _ref3.text;
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(InputRightContentWrapper, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_5__.Label, {
+    variant: "xs",
+    color: "text_disabled"
+  }, text), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_6__.Icon, {
+    name: "KeyEnter",
+    size: "md",
+    color: "icon"
+  }));
+};
+var InputRightContentWrapper = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
+  displayName: "InputRightContentWrapper",
+  componentId: "sc-fon98s-0"
+})(["display:flex;align-items:center;gap:4px;"]);
 
 /***/ }),
 
@@ -46539,18 +46567,18 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-var ItemList = function ItemList(props) {
-  var className = props.className,
-    _props$value = props.value,
-    value = _props$value === void 0 ? [] : _props$value,
-    _props$defaultValue = props.defaultValue,
-    defaultValue = _props$defaultValue === void 0 ? [] : _props$defaultValue,
-    maxItems = props.maxItems,
-    onRemoveItem = props.onRemoveItem,
-    _props$itemRenderer = props.itemRenderer,
-    itemRenderer = _props$itemRenderer === void 0 ? DefaultItemRenderer : _props$itemRenderer,
-    isItemDisabled = props.isItemDisabled,
-    disabled = props.disabled;
+var ItemList = function ItemList(_ref) {
+  var className = _ref.className,
+    _ref$value = _ref.value,
+    value = _ref$value === void 0 ? [] : _ref$value,
+    _ref$defaultValue = _ref.defaultValue,
+    defaultValue = _ref$defaultValue === void 0 ? [] : _ref$defaultValue,
+    maxItems = _ref.maxItems,
+    onRemoveItem = _ref.onRemoveItem,
+    _ref$itemRenderer = _ref.itemRenderer,
+    itemRenderer = _ref$itemRenderer === void 0 ? DefaultItemRenderer : _ref$itemRenderer,
+    isItemDisabled = _ref.isItemDisabled,
+    disabled = _ref.disabled;
   var isEmpty = !(value !== null && value !== void 0 && value.length);
   var showRemove = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (val) {
     if (disabled || isEmpty) return false;
@@ -46589,11 +46617,11 @@ var ItemList = function ItemList(props) {
     color: "text"
   }, "".concat(extra, " more item").concat(extra > 1 ? 's' : '', " hidden"))));
 };
-var DefaultItemRenderer = function DefaultItemRenderer(props) {
-  var className = props.className,
-    value = props.value,
-    onRemove = props.onRemove,
-    showRemove = props.showRemove;
+var DefaultItemRenderer = function DefaultItemRenderer(_ref2) {
+  var className = _ref2.className,
+    value = _ref2.value,
+    onRemove = _ref2.onRemove,
+    showRemove = _ref2.showRemove;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ItemWithHover, {
     className: className,
     role: "listitem"
@@ -46602,7 +46630,8 @@ var DefaultItemRenderer = function DefaultItemRenderer(props) {
     color: "text"
   }, value), showRemove && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon_button__WEBPACK_IMPORTED_MODULE_6__.IconButton, {
     "data-action": "remove",
-    title: "Remove",
+    tooltip: "Remove",
+    tooltipPlacement: "topRight",
     onClick: onRemove,
     size: "xs",
     icon: "CloseSmall"
@@ -46615,8 +46644,11 @@ var Item = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConf
 var ItemWithHover = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(Item).withConfig({
   displayName: "ItemWithHover",
   componentId: "sc-1cige3y-1"
-})(["&:hover{background:", ";}"], function (_ref) {
-  var color = _ref.theme.color;
+})(["&:hover{background:", ";", "{background:", ";}}"], function (_ref3) {
+  var color = _ref3.theme.color;
+  return color.bg_fill;
+}, _icon_button__WEBPACK_IMPORTED_MODULE_6__.StyledIconButton, function (_ref4) {
+  var color = _ref4.theme.color;
   return color.bg_fill;
 });
 
@@ -46649,7 +46681,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 = ["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"];
+var _excluded = ["id", "className", "size", "label", "labelIcon", "labelTooltip", "required", "necessityIndicator", "disabled", "buttonText", "onButtonClick", "placeholder", "value", "onFocus", "onBlur", "onValidate", "onRemoveItem", "onChange", "maxItems", "itemRenderer", "isItemDisabled", "defaultInputValue", "defaultValue"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 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(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
@@ -46675,34 +46707,32 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 
 
 
-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 TextboxList = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
+  var id = props.id,
+    className = props.className,
+    size = props.size,
+    label = props.label,
+    labelIcon = props.labelIcon,
+    labelTooltip = props.labelTooltip,
+    required = props.required,
+    necessityIndicator = props.necessityIndicator,
+    disabled = props.disabled,
+    _props$buttonText = props.buttonText,
+    buttonText = _props$buttonText === void 0 ? 'Add' : _props$buttonText,
+    onButtonClick = props.onButtonClick,
+    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 _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(''),
     _useState2 = _slicedToArray(_useState, 2),
     inputValue = _useState2[0],
@@ -46798,6 +46828,8 @@ var TextboxList = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forw
     }))();
   }, [value, onRemoveItem, onChange]);
   var labelId = (0,_hooks__WEBPACK_IMPORTED_MODULE_2__.useLabelId)(id);
+  var invalid = (0,_util__WEBPACK_IMPORTED_MODULE_4__.firstDefined)(rest.invalid, !!error);
+  var helperText = (0,_util__WEBPACK_IMPORTED_MODULE_4__.firstDefined)(rest.helperText, error);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_3__.Flex, _extends({
     ref: ref,
     id: id,
@@ -46838,11 +46870,11 @@ var TextboxList = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forw
     onInputBlur: onInputBlur,
     onInputKeyDown: onInputKeyDown,
     onInputShow: initInputValue,
-    error: error,
+    invalid: invalid,
     setError: setError
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_6__.HelperText, {
-    invalid: invalid !== null && invalid !== void 0 ? invalid : !!error
-  }, helperText !== null && helperText !== void 0 ? helperText : error));
+    invalid: invalid
+  }, helperText));
 });
 TextboxList.displayName = 'TextboxList';
 TextboxList.propTypes = {
@@ -47270,8 +47302,8 @@ __webpack_require__.r(__webpack_exports__);
 /* 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 _typography__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
-/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../constants */ "./src/constants.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
 /* harmony import */ var _link_icon__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./link_icon */ "./src/link/link_icon.js");
 /* harmony import */ var _styled__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./styled */ "./src/link/styled.js");
 // LICENSE_CODE ZON
@@ -47324,7 +47356,7 @@ var Link = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(
     rel: rel,
     newTab: newTab
   })), {}, {
-    className: (0,_util__WEBPACK_IMPORTED_MODULE_3__.cn)(classNamePrefix, _defineProperty(_defineProperty(_defineProperty({}, "-".concat(variant), true), '-disabled', disabled), '-underline', variant != 'inline' && underline), className, classNamePrefix)
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_4__.cn)(classNamePrefix, _defineProperty(_defineProperty(_defineProperty({}, "-".concat(variant), true), '-disabled', disabled), '-underline', variant != 'inline' && underline), className, classNamePrefix)
   });
   if (variant == 'inline') {
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_styled__WEBPACK_IMPORTED_MODULE_6__.InlineLink, _extends({
@@ -47343,7 +47375,7 @@ var Link = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(
     icon: icon,
     iconPlacement: iconPlacement
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_2__.Label, {
-    className: (0,_util__WEBPACK_IMPORTED_MODULE_3__.cn)(classNamePrefix, {
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_4__.cn)(classNamePrefix, {
       '-text': true
     }),
     variant: {
@@ -47366,7 +47398,7 @@ Link.propTypes = {
   classNamePrefix: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
   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().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_4__.iconNames), (prop_types__WEBPACK_IMPORTED_MODULE_0___default().elementType)]),
+  icon: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([_constants__WEBPACK_IMPORTED_MODULE_3__.PT_ICON_NAMES, (prop_types__WEBPACK_IMPORTED_MODULE_0___default().elementType)]),
   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),
@@ -47419,7 +47451,8 @@ var LinkIcon = function LinkIcon(_ref) {
   var classNamePrefix = _ref.classNamePrefix,
     size = _ref.size,
     IconComp = _ref.icon,
-    iconPlacement = _ref.iconPlacement,
+    _ref$iconPlacement = _ref.iconPlacement,
+    iconPlacement = _ref$iconPlacement === void 0 ? 'left' : _ref$iconPlacement,
     isRight = _ref.isRight;
   var iconSize = {
     lg: 'sm',
@@ -47606,20 +47639,19 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../icon */ "./src/icon.js");
 /* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../tooltip */ "./src/tooltip/index.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 _util__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
-/* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./menu */ "./src/menu/menu.js");
-/* harmony import */ var _menu_item_divider__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./menu_item_divider */ "./src/menu/menu_item_divider.js");
-/* harmony import */ var _menu_item_group__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./menu_item_group */ "./src/menu/menu_item_group.js");
-/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./shared */ "./src/menu/shared.js");
-/* harmony import */ var _menu_item_popup__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./menu_item_popup */ "./src/menu/menu_item_popup.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
+/* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./menu */ "./src/menu/menu.js");
+/* harmony import */ var _menu_item_divider__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./menu_item_divider */ "./src/menu/menu_item_divider.js");
+/* harmony import */ var _menu_item_group__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./menu_item_group */ "./src/menu/menu_item_group.js");
+/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./shared */ "./src/menu/shared.js");
+/* harmony import */ var _menu_item_popup__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./menu_item_popup */ "./src/menu/menu_item_popup.js");
+/* harmony import */ var _menu_item_icon__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./menu_item_icon */ "./src/menu/menu_item_icon.js");
 // LICENSE_CODE ZON
 
 
 /*jslint react:true*/
 var _excluded = ["type", "text", "secondaryText", "tertiaryText", "description", "size", "children", "variant", "tag", "disabled", "selected", "subMenu", "tooltip", "isFirstItem", "icon", "iconPlacement"],
-  _excluded2 = ["isLeft"],
-  _excluded3 = ["subItems", "popupPlacement", "popupClassName", "popupTrigger", "popupStyle"];
+  _excluded2 = ["subItems", "popupPlacement", "popupClassName", "popupTrigger", "popupStyle"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
@@ -47637,28 +47669,29 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 
 
 
-var MenuItem = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.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_1___default().createElement(_menu_item_divider__WEBPACK_IMPORTED_MODULE_10__["default"], {
+var MenuItem = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (props, ref) {
+  var _props$type = props.type,
+    type = _props$type === void 0 ? 'item' : _props$type,
+    text = props.text,
+    secondaryText = props.secondaryText,
+    tertiaryText = props.tertiaryText,
+    description = props.description,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'md' : _props$size,
+    children = props.children,
+    _props$variant = props.variant,
+    variant = _props$variant === void 0 ? 'default' : _props$variant,
+    tag = props.tag,
+    disabled = props.disabled,
+    selected = props.selected,
+    subMenu = props.subMenu,
+    tooltip = props.tooltip,
+    isFirstItem = props.isFirstItem,
+    icon = props.icon,
+    _props$iconPlacement = props.iconPlacement,
+    iconPlacement = _props$iconPlacement === void 0 ? 'left' : _props$iconPlacement,
+    rest = _objectWithoutProperties(props, _excluded);
+  if (type == 'divider') return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_menu_item_divider__WEBPACK_IMPORTED_MODULE_9__["default"], {
     ref: ref
   });
   var subItems = buildSubItems(children, {
@@ -47666,22 +47699,14 @@ var MenuItem = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(fu
   });
   var isSubMenu = subMenu || subItems;
   if (type == 'group') {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_menu_item_group__WEBPACK_IMPORTED_MODULE_11__.MenuItemGroup, _extends({
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_menu_item_group__WEBPACK_IMPORTED_MODULE_10__.MenuItemGroup, _extends({
       ref: ref,
       text: text,
       isFirstItem: isFirstItem
     }, rest), subItems);
   }
-  var _getIconProps = (0,_utils__WEBPACK_IMPORTED_MODULE_7__.getIconProps)('MenuItem', {
-      size: size,
-      icon: icon,
-      iconPlacement: iconPlacement
-    }),
-    isLeft = _getIconProps.isLeft,
-    iconProps = _objectWithoutProperties(_getIconProps, _excluded2);
-  var iconColor = disabled ? 'icon_disabled' : variant == 'negative' ? 'icon_error' : 'icon';
   var labelColor = disabled ? 'text_disabled' : variant == 'negative' ? 'text_error' : 'text';
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_12__.MenuItemContainer, {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_11__.MenuItemContainer, {
     ref: ref,
     as: tag,
     role: "menuitem"
@@ -47692,9 +47717,13 @@ var MenuItem = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(fu
     size: size,
     role: "button",
     subItems: subItems
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(MenuItemLeft, null, isLeft && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_4__.Icon, _extends({}, iconProps, {
-    color: iconColor
-  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(MenuItemRight, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(MenuItemText, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(PrimaryText, {
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(MenuItemLeft, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_menu_item_icon__WEBPACK_IMPORTED_MODULE_13__.MenuItemIcon, {
+    size: size,
+    icon: icon,
+    iconPlacement: iconPlacement,
+    disabled: disabled,
+    variant: variant
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(MenuItemRight, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(MenuItemText, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(PrimaryText, {
     $size: size,
     color: labelColor
   }, text), !isSubMenu && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null, !!tertiaryText && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_6__.Label, {
@@ -47715,8 +47744,8 @@ MenuItem.propTypes = {
   description: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
   type: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['item', 'divider', 'group']),
   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_7__.iconNames),
-  // XXX alexanderse: PT.arrayOf(PT.shape(MenuItem.propTypes)) cause parse err
+  icon: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([_constants__WEBPACK_IMPORTED_MODULE_3__.PT_ICON_NAMES, (prop_types__WEBPACK_IMPORTED_MODULE_0___default().elementType)]),
+  // XXX alexanderse: PT.arrayOf(PT.shape(MenuItem.propTypes)) parse err
   children: prop_types__WEBPACK_IMPORTED_MODULE_0___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_0___default().object)),
   variant: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['default', 'negative']),
   disabled: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
@@ -47728,18 +47757,18 @@ MenuItem.propTypes = {
   popupTrigger: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([_constants__WEBPACK_IMPORTED_MODULE_3__.PT_TRIGGER, prop_types__WEBPACK_IMPORTED_MODULE_0___default().arrayOf(_constants__WEBPACK_IMPORTED_MODULE_3__.PT_TRIGGER)]),
   popupStyle: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().object)
 };
-var MenuItemComp = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (_ref2, ref) {
-  var subItems = _ref2.subItems,
-    popupPlacement = _ref2.popupPlacement,
-    popupClassName = _ref2.popupClassName,
-    popupTrigger = _ref2.popupTrigger,
-    popupStyle = _ref2.popupStyle,
-    rest = _objectWithoutProperties(_ref2, _excluded3);
+var MenuItemComp = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (props, ref) {
+  var subItems = props.subItems,
+    popupPlacement = props.popupPlacement,
+    popupClassName = props.popupClassName,
+    popupTrigger = props.popupTrigger,
+    popupStyle = props.popupStyle,
+    rest = _objectWithoutProperties(props, _excluded2);
   var button = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(MenuItemButton, _extends({
     ref: ref
   }, rest));
   if (subItems) {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_menu_item_popup__WEBPACK_IMPORTED_MODULE_13__.MenuItemPopup, {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_menu_item_popup__WEBPACK_IMPORTED_MODULE_12__.MenuItemPopup, {
       subItems: subItems,
       popupPlacement: popupPlacement,
       popupTrigger: popupTrigger,
@@ -47758,15 +47787,15 @@ var sizes = {
 var MenuItemButton = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "MenuItemButton",
   componentId: "sc-vtiffr-0"
-})(["display:flex;flex-direction:row;align-items:center;justify-content:flex-start;text-decoration:none;background:0 none;border:0 none;padding:0 12px;box-sizing:border-box;width:100%;min-width:168px;max-width:540px;height:", ";gap:4px;cursor:", ";&:hover{background-color:", ";}&:hover,:visited,:focus{text-decoration:none;}&:active{background-color:", ";}"], function (props) {
-  return (0,_util__WEBPACK_IMPORTED_MODULE_8__.px)(sizes[props.size] || sizes.md);
+})(["display:flex;flex-direction:row;align-items:center;justify-content:flex-start;text-decoration:none;background:0 none;border:0 none;padding:0 12px;box-sizing:border-box;width:100%;min-width:168px;max-width:540px;height:", ";gap:4px;cursor:", ";&:hover{background-color:", ";}&:hover,&:visited,&:focus{text-decoration:none;}&:active{background-color:", ";}"], function (props) {
+  return (0,_util__WEBPACK_IMPORTED_MODULE_7__.px)(sizes[props.size] || sizes.md);
 }, function (props) {
   return props['aria-disabled'] ? 'not-allowed' : 'pointer';
-}, function (_ref3) {
-  var color = _ref3.theme.color;
+}, function (_ref) {
+  var color = _ref.theme.color;
   return color.bg_fill_secondary;
-}, function (_ref4) {
-  var color = _ref4.theme.color;
+}, function (_ref2) {
+  var color = _ref2.theme.color;
   return color.bg_fill_primary_secondary;
 });
 var MenuItemLeft = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
@@ -47781,9 +47810,9 @@ var MenuItemText = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.
   displayName: "MenuItemText",
   componentId: "sc-vtiffr-3"
 })(["display:flex;align-items:center;justify-content:flex-start;width:100%;gap:8px;"]);
-var SecondaryIcon = function SecondaryIcon(_ref5) {
-  var subMenu = _ref5.subMenu,
-    selected = _ref5.selected;
+var SecondaryIcon = function SecondaryIcon(_ref3) {
+  var subMenu = _ref3.subMenu,
+    selected = _ref3.selected;
   if (subMenu) return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(RightIcon, {
     name: "ChevronRight",
     color: "icon"
@@ -47827,7 +47856,7 @@ var Description = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_typo
 })(["width:100%;overflow-x:clip;text-overflow:ellipsis;"]);
 var buildSubItems = function buildSubItems(children, itemProps) {
   return Array.isArray(children) && children.length > 0 ? children.map(function (item, ind) {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_menu__WEBPACK_IMPORTED_MODULE_9__.Menu.Item, _extends({
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_menu__WEBPACK_IMPORTED_MODULE_8__.Menu.Item, _extends({
       key: item.key
     }, item, itemProps, {
       isFirstItem: ind == 0
@@ -47932,6 +47961,64 @@ var GroupTitle = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(_typog
 
 /***/ }),
 
+/***/ "./src/menu/menu_item_icon.js":
+/*!************************************!*\
+  !*** ./src/menu/menu_item_icon.js ***!
+  \************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   MenuItemIcon: () => (/* binding */ MenuItemIcon)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../icon */ "./src/icon.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+
+
+
+var MenuItemIcon = function MenuItemIcon(_ref) {
+  var classNamePrefix = _ref.classNamePrefix,
+    size = _ref.size,
+    IconComp = _ref.icon,
+    _ref$iconPlacement = _ref.iconPlacement,
+    iconPlacement = _ref$iconPlacement === void 0 ? 'left' : _ref$iconPlacement,
+    isRight = _ref.isRight,
+    disabled = _ref.disabled,
+    variant = _ref.variant;
+  var iconSize = size == 'sm' ? 'xs' : 'sm';
+  var iconColor = disabled ? 'icon_disabled' : variant == 'negative' ? 'icon_error' : 'icon';
+  if (IconComp && (!isRight && iconPlacement == 'left' || isRight && iconPlacement == 'right')) {
+    var className = (0,_util__WEBPACK_IMPORTED_MODULE_2__.cn)(classNamePrefix, {
+      '-icon': true,
+      '-icon-left': iconPlacement == 'left',
+      '-icon-right': iconPlacement == 'right'
+    });
+    if (typeof IconComp == 'string') {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_1__.Icon, {
+        className: className,
+        size: iconSize,
+        color: iconColor,
+        name: IconComp
+      });
+    }
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(IconComp, {
+      className: className,
+      size: iconSize,
+      color: iconColor
+    });
+  }
+  return null;
+};
+
+/***/ }),
+
 /***/ "./src/menu/menu_item_popup.js":
 /*!*************************************!*\
   !*** ./src/menu/menu_item_popup.js ***!
@@ -53336,7 +53423,7 @@ var TableRow = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.with
   var color = _ref4.theme.color;
   return color.table_cell_hover;
 });
-var RowWrapper = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().memo(function (props) {
+var RowWrapper = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().memo(/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
   var _provided$draggablePr;
   var children = props.children,
     _props$wrapperProps = props.wrapperProps,
@@ -53348,20 +53435,20 @@ var RowWrapper = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().memo(
     measureContentSize = wrapperProps.measureContentSize,
     registerChild = wrapperProps.registerChild,
     rest = _objectWithoutProperties(wrapperProps, _excluded);
-  var _wrapperProps = _objectSpread(_objectSpread(_objectSpread({}, rest), provided.draggableProps), {}, {
+  var divProps = _objectSpread(_objectSpread(_objectSpread({}, rest), provided.draggableProps), {}, {
     style: _objectSpread(_objectSpread({}, style), (_provided$draggablePr = provided.draggableProps) === null || _provided$draggablePr === void 0 ? void 0 : _provided$draggablePr.style)
   });
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect)(function () {
     return measureContentSize === null || measureContentSize === void 0 ? void 0 : measureContentSize();
   }, []);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", _extends({
-    ref: registerChild
-  }, _wrapperProps), children, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", _extends({
+    ref: (0,_util__WEBPACK_IMPORTED_MODULE_2__.mergeRefs)(ref, registerChild)
+  }, divProps), children, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", _extends({
     style: {
       visibility: 'hidden'
     }
   }, provided.dragHandleProps)));
-});
+}));
 RowWrapper.displayName = 'RowWrapper';
 
 /***/ }),
@@ -54357,7 +54444,8 @@ var TableBody = function TableBody(_ref4) {
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(Body, {
     rows: rows,
     renderRow: renderRowCb,
-    measurerCache: cache
+    measurerCache: cache,
+    onScroll: onScroll
   }));
   if (draggableRows) {
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_dnd__WEBPACK_IMPORTED_MODULE_12__.TableDndContext, {
@@ -54558,9 +54646,10 @@ __webpack_require__.r(__webpack_exports__);
 /* 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 _dnd_kit_sortable__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @dnd-kit/sortable */ "./node_modules/@dnd-kit/sortable/dist/sortable.esm.js");
-/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./context */ "./src/table/context.js");
-/* harmony import */ var _dnd__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./dnd */ "./src/table/dnd.js");
-/* harmony import */ var _row_hover_actions__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./row_hover_actions */ "./src/table/row_hover_actions.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
+/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./context */ "./src/table/context.js");
+/* harmony import */ var _dnd__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./dnd */ "./src/table/dnd.js");
+/* harmony import */ var _row_hover_actions__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./row_hover_actions */ "./src/table/row_hover_actions.js");
 // LICENSE_CODE ZON
 
 
@@ -54584,6 +54673,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 
 
 
+
 var RowRenderer = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().memo(function (props) {
   var row = props.row,
     cache = props.cache,
@@ -54595,7 +54685,8 @@ var RowRenderer = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().memo
     draggableRows = props.draggableRows,
     id = props.id,
     _render = props.render;
-  // padding is needed to see the divider between rows when new rows are added
+  // padding is needed to see the divider between rows
+  // when new rows are added
   var _style = _objectSpread(_objectSpread({}, style), {}, {
     padding: '0.3px 0'
   });
@@ -54608,7 +54699,7 @@ var RowRenderer = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().memo
     var measure = _ref.measure,
       registerChild = _ref.registerChild;
     if (draggableRows) {
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_dnd__WEBPACK_IMPORTED_MODULE_5__.DraggableWrapper, {
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_dnd__WEBPACK_IMPORTED_MODULE_6__.DraggableWrapper, {
         key: id,
         row: row,
         render: function render(wrapperProps, dragHandleProps) {
@@ -54632,7 +54723,7 @@ var RowRenderer = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().memo
   });
 });
 RowRenderer.displayName = 'RowRenderer';
-var rowRenderer = function rowRenderer(rows, cache, renderRow, rowHoverEvents) {
+var listRowRenderer = function listRowRenderer(rows, cache, renderRow, rowHoverEvents) {
   var RendererWrapper = function RendererWrapper(_ref2) {
     var key = _ref2.key,
       index = _ref2.index,
@@ -54689,63 +54780,71 @@ var listRefHandler = function listRefHandler(setListDOMRef) {
 var VirtualizedBodyComp = function VirtualizedBodyComp(_ref4) {
   var rows = _ref4.rows,
     measurerCache = _ref4.measurerCache,
-    renderRow = _ref4.renderRow;
-  var _useTableContext = (0,_context__WEBPACK_IMPORTED_MODULE_4__.useTableContext)(),
-    maxHeight = _useTableContext.scrollHeight,
+    renderRow = _ref4.renderRow,
+    onScroll = _ref4.onScroll;
+  var _useTableContext = (0,_context__WEBPACK_IMPORTED_MODULE_5__.useTableContext)(),
     draggableRows = _useTableContext.draggableRows;
   var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),
     _useState2 = _slicedToArray(_useState, 2),
-    listDOMRef = _useState2[0],
-    setListDOMRef = _useState2[1];
-  var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(0),
+    scrollRef = _useState2[0],
+    setScrollRef = _useState2[1];
+  var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(),
     _useState4 = _slicedToArray(_useState3, 2),
-    _height = _useState4[0],
-    setHeight = _useState4[1];
-  var _useRowHoverActions = (0,_row_hover_actions__WEBPACK_IMPORTED_MODULE_6__.useRowHoverActions)(),
+    listDOMRef = _useState4[0],
+    setListDOMRef = _useState4[1];
+  var _useRowHoverActions = (0,_row_hover_actions__WEBPACK_IMPORTED_MODULE_7__.useRowHoverActions)(),
     renderHoverActions = _useRowHoverActions.renderHoverActions,
     rowHoverEvents = _useRowHoverActions.rowHoverEvents;
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
     if (listDOMRef) listDOMRef.style.overflow = 'unset';
-    setHeight(rows.reduce(function (acc, row, index) {
-      return acc += measurerCache.current.getHeight(index, 0);
-    }, 0));
-  }, [listDOMRef, rows]);
-  var items = (0,_dnd__WEBPACK_IMPORTED_MODULE_5__.useSortableItems)(rows, renderRow, rowHoverEvents);
+  }, [listDOMRef]);
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
+    var _scrollRef$Grid;
+    var scrollingContainer = scrollRef === null || scrollRef === void 0 || (_scrollRef$Grid = scrollRef.Grid) === null || _scrollRef$Grid === void 0 ? void 0 : _scrollRef$Grid._scrollingContainer;
+    if (scrollingContainer && onScroll) {
+      scrollingContainer.addEventListener('scroll', onScroll);
+      return function () {
+        scrollingContainer.removeEventListener('scroll', onScroll);
+      };
+    }
+  }, [scrollRef, onScroll]);
+  var mergedRefs = (0,_util__WEBPACK_IMPORTED_MODULE_4__.mergeRefs)(setScrollRef, listRefHandler(setListDOMRef));
   if (draggableRows) {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_dnd_kit_sortable__WEBPACK_IMPORTED_MODULE_3__.SortableContext, {
-      items: items,
-      strategy: _dnd_kit_sortable__WEBPACK_IMPORTED_MODULE_3__.verticalListSortingStrategy
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-      style: {
-        height: _height,
-        maxHeight: maxHeight,
-        width: '100%'
-      }
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_virtualized__WEBPACK_IMPORTED_MODULE_1__.AutoSizer, null, function (_ref5) {
-      var width = _ref5.width,
-        height = _ref5.height;
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledList, {
-        width: width,
-        height: height,
-        overscanRowCount: 5,
-        estimatedRowSize: 30,
-        rowHeight: measurerCache.current.rowHeight,
-        rowCount: items.length,
-        deferredMeasurementCache: measurerCache.current,
-        ref: listRefHandler(setListDOMRef),
-        rowRenderer: dndRowRenderer(items, measurerCache, renderRow, rowHoverEvents)
-      });
-    }))), renderHoverActions());
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(DndAutoSizerList, {
+      ref: mergedRefs,
+      rows: rows,
+      renderRow: renderRow,
+      rowHoverEvents: rowHoverEvents,
+      measurerCache: measurerCache
+    }), renderHoverActions());
   }
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(AutoSizerList, {
+    ref: mergedRefs,
+    rows: rows,
+    measurerCache: measurerCache,
+    rowRenderer: listRowRenderer(rows, measurerCache, renderRow, rowHoverEvents)
+  }), renderHoverActions());
+};
+var AutoSizerList = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
+  var rows = props.rows,
+    rowRenderer = props.rowRenderer,
+    measurerCache = props.measurerCache;
+  var _useTableContext2 = (0,_context__WEBPACK_IMPORTED_MODULE_5__.useTableContext)(),
+    scrollHeight = _useTableContext2.scrollHeight;
+  var totalHeight = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
+    var sum = 0;
+    for (var index = 0; index < rows.length; index += 1) sum += measurerCache.current.getHeight(index, 0);
+    return sum;
+  }, [rows]);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
     style: {
-      height: _height,
-      maxHeight: maxHeight,
+      height: totalHeight,
+      maxHeight: scrollHeight,
       width: '100%'
     }
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_virtualized__WEBPACK_IMPORTED_MODULE_1__.AutoSizer, null, function (_ref6) {
-    var width = _ref6.width,
-      height = _ref6.height;
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_virtualized__WEBPACK_IMPORTED_MODULE_1__.AutoSizer, null, function (_ref5) {
+    var width = _ref5.width,
+      height = _ref5.height;
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledList, {
       width: width,
       height: height,
@@ -54754,18 +54853,36 @@ var VirtualizedBodyComp = function VirtualizedBodyComp(_ref4) {
       rowHeight: measurerCache.current.rowHeight,
       rowCount: rows.length,
       deferredMeasurementCache: measurerCache.current,
-      ref: listRefHandler(setListDOMRef),
-      rowRenderer: rowRenderer(rows, measurerCache, renderRow, rowHoverEvents)
+      ref: ref,
+      rowRenderer: rowRenderer
     });
-  })), renderHoverActions());
-};
+  }));
+});
+AutoSizerList.displayName = 'AutoSizerList';
+var DndAutoSizerList = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
+  var rows = props.rows,
+    renderRow = props.renderRow,
+    rowHoverEvents = props.rowHoverEvents,
+    measurerCache = props.measurerCache;
+  var items = (0,_dnd__WEBPACK_IMPORTED_MODULE_6__.useSortableItems)(rows, renderRow, rowHoverEvents);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_dnd_kit_sortable__WEBPACK_IMPORTED_MODULE_3__.SortableContext, {
+    items: items,
+    strategy: _dnd_kit_sortable__WEBPACK_IMPORTED_MODULE_3__.verticalListSortingStrategy
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(AutoSizerList, {
+    ref: ref,
+    measurerCache: measurerCache,
+    rowRenderer: dndRowRenderer(items, measurerCache, renderRow, rowHoverEvents),
+    rows: items
+  }));
+});
+DndAutoSizerList.displayName = 'DndAutoSizerList';
 var VirtualizedBody = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().memo(VirtualizedBodyComp);
 VirtualizedBody.displayName = 'VirtualizedBody';
 var StyledList = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(react_virtualized__WEBPACK_IMPORTED_MODULE_1__.List).withConfig({
   displayName: "StyledList",
   componentId: "sc-1mdy9tq-0"
-})(["", ""], function (_ref7) {
-  var scrollbars = _ref7.theme.scrollbars;
+})(["", ""], function (_ref6) {
+  var scrollbars = _ref6.theme.scrollbars;
   return scrollbars.thin;
 });
 
@@ -58205,57 +58322,6 @@ var withUserStyles = function withUserStyles(styles, custom) {
 
 /***/ }),
 
-/***/ "./src/utils.js":
-/*!**********************!*\
-  !*** ./src/utils.js ***!
-  \**********************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   colorNames: () => (/* binding */ colorNames),
-/* harmony export */   getIconProps: () => (/* binding */ getIconProps),
-/* harmony export */   iconNames: () => (/* binding */ iconNames)
-/* harmony export */ });
-/* harmony import */ var _icons__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @icons */ "./assets/icons/index.js");
-/* harmony import */ var _themes__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./themes */ "./src/themes/index.js");
-// LICENSE_CODE ZON
-
-
-/*jslint react:true*/
-
-
-var colorNames = Object.keys(_themes__WEBPACK_IMPORTED_MODULE_1__.lightTheme.color);
-var iconNames = Object.keys(_icons__WEBPACK_IMPORTED_MODULE_0__["default"]);
-var getIconProps = function getIconProps(comp, opt) {
-  var size = opt.size,
-    icon = opt.icon,
-    _opt$iconPlacement = opt.iconPlacement,
-    iconPlacement = _opt$iconPlacement === void 0 ? 'left' : _opt$iconPlacement;
-  var isLeft = !!icon && iconPlacement == 'left';
-  var isRight = !!icon && iconPlacement == 'right';
-  var iconSize = function iconSize() {
-    if (comp == 'Link') return {
-      lg: 'sm',
-      sm: 'xxs'
-    }[size] || 'xs';
-    if (comp == 'Button') return {
-      sm: 'xs',
-      xs: 'xxs'
-    }[size] || 'sm';
-    if (comp == 'MenuItem') return size == 'sm' ? 'xs' : 'sm';
-  };
-  return {
-    isLeft: isLeft,
-    isRight: isRight,
-    name: icon,
-    size: iconSize()
-  };
-};
-
-/***/ }),
-
 /***/ "./node_modules/balanced-match/index.js":
 /*!**********************************************!*\
   !*** ./node_modules/balanced-match/index.js ***!
@@ -83199,12 +83265,13 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectSpread2 */ "./node_modules/@babel/runtime/helpers/esm/objectSpread2.js");
 /* harmony import */ var _babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/esm/objectWithoutProperties */ "./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js");
 /* harmony import */ var _rc_component_trigger__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @rc-component/trigger */ "./node_modules/@rc-component/trigger/es/index.js");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var _placements__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./placements */ "./node_modules/rc-tooltip/es/placements.js");
-/* harmony import */ var _Popup__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Popup */ "./node_modules/rc-tooltip/es/Popup.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
-/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
+/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var _placements__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./placements */ "./node_modules/rc-tooltip/es/placements.js");
+/* harmony import */ var _Popup__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./Popup */ "./node_modules/rc-tooltip/es/Popup.js");
+/* harmony import */ var rc_util_es_hooks_useId__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! rc-util/es/hooks/useId */ "./node_modules/rc-util/es/hooks/useId.js");
 
 
 
@@ -83215,6 +83282,7 @@ var _excluded = ["overlayClassName", "trigger", "mouseEnterDelay", "mouseLeaveDe
 
 
 
+
 var Tooltip = function Tooltip(props, ref) {
   var overlayClassName = props.overlayClassName,
     _props$trigger = props.trigger,
@@ -83249,8 +83317,9 @@ var Tooltip = function Tooltip(props, ref) {
     tooltipClassNames = props.classNames,
     tooltipStyles = props.styles,
     restProps = (0,_babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_2__["default"])(props, _excluded);
-  var triggerRef = (0,react__WEBPACK_IMPORTED_MODULE_4__.useRef)(null);
-  (0,react__WEBPACK_IMPORTED_MODULE_4__.useImperativeHandle)(ref, function () {
+  var mergedId = (0,rc_util_es_hooks_useId__WEBPACK_IMPORTED_MODULE_8__["default"])(id);
+  var triggerRef = (0,react__WEBPACK_IMPORTED_MODULE_5__.useRef)(null);
+  (0,react__WEBPACK_IMPORTED_MODULE_5__.useImperativeHandle)(ref, function () {
     return triggerRef.current;
   });
   var extraProps = (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])({}, restProps);
@@ -83258,20 +83327,28 @@ var Tooltip = function Tooltip(props, ref) {
     extraProps.popupVisible = props.visible;
   }
   var getPopupElement = function getPopupElement() {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__.createElement(_Popup__WEBPACK_IMPORTED_MODULE_6__["default"], {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__.createElement(_Popup__WEBPACK_IMPORTED_MODULE_7__["default"], {
       key: "content",
       prefixCls: prefixCls,
-      id: id,
+      id: mergedId,
       bodyClassName: tooltipClassNames === null || tooltipClassNames === void 0 ? void 0 : tooltipClassNames.body,
       overlayInnerStyle: (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])({}, overlayInnerStyle), tooltipStyles === null || tooltipStyles === void 0 ? void 0 : tooltipStyles.body)
     }, overlay);
   };
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_4__.createElement(_rc_component_trigger__WEBPACK_IMPORTED_MODULE_3__["default"], (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({
-    popupClassName: classnames__WEBPACK_IMPORTED_MODULE_7___default()(overlayClassName, tooltipClassNames === null || tooltipClassNames === void 0 ? void 0 : tooltipClassNames.root),
+  var getChildren = function getChildren() {
+    var child = react__WEBPACK_IMPORTED_MODULE_5__.Children.only(children);
+    var originalProps = (child === null || child === void 0 ? void 0 : child.props) || {};
+    var childProps = (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])({}, originalProps), {}, {
+      'aria-describedby': overlay ? mergedId : null
+    });
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__.cloneElement(children, childProps);
+  };
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5__.createElement(_rc_component_trigger__WEBPACK_IMPORTED_MODULE_3__["default"], (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__["default"])({
+    popupClassName: classnames__WEBPACK_IMPORTED_MODULE_4___default()(overlayClassName, tooltipClassNames === null || tooltipClassNames === void 0 ? void 0 : tooltipClassNames.root),
     prefixCls: prefixCls,
     popup: getPopupElement,
     action: trigger,
-    builtinPlacements: _placements__WEBPACK_IMPORTED_MODULE_5__.placements,
+    builtinPlacements: _placements__WEBPACK_IMPORTED_MODULE_6__.placements,
     popupPlacement: placement,
     ref: triggerRef,
     popupAlign: align,
@@ -83287,9 +83364,9 @@ var Tooltip = function Tooltip(props, ref) {
     popupStyle: (0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])((0,_babel_runtime_helpers_esm_objectSpread2__WEBPACK_IMPORTED_MODULE_1__["default"])({}, overlayStyle), tooltipStyles === null || tooltipStyles === void 0 ? void 0 : tooltipStyles.root),
     mouseEnterDelay: mouseEnterDelay,
     arrow: showArrow
-  }, extraProps), children);
+  }, extraProps), getChildren());
 };
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (/*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_4__.forwardRef)(Tooltip));
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (/*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_5__.forwardRef)(Tooltip));
 
 /***/ }),
 
@@ -124975,8 +125052,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /**
  * A wrapper class around [date-fns](http://date-fns.org) sharing the same
- * options. Methods of this class can be overridden using the
- * {@link PropsBase.dateLib} prop.
+ * options.
  *
  * @since 9.2.0
  * @example
@@ -125038,9 +125114,7 @@ class DateLib {
          * @returns The new date with the days added.
          */
         this.addDays = (date, amount) => {
-            return this.overrides?.addDays
-                ? this.overrides.addDays(date, amount)
-                : (0,date_fns__WEBPACK_IMPORTED_MODULE_3__.addDays)(date, amount);
+            return this.overrides?.addDays?.(date, amount) ?? (0,date_fns__WEBPACK_IMPORTED_MODULE_3__.addDays)(date, amount);
         };
         /**
          * Adds the specified number of months to the given date.
@@ -125050,9 +125124,7 @@ class DateLib {
          * @returns The new date with the months added.
          */
         this.addMonths = (date, amount) => {
-            return this.overrides?.addMonths
-                ? this.overrides.addMonths(date, amount)
-                : (0,date_fns__WEBPACK_IMPORTED_MODULE_4__.addMonths)(date, amount);
+            return this.overrides?.addMonths?.(date, amount) ?? (0,date_fns__WEBPACK_IMPORTED_MODULE_4__.addMonths)(date, amount);
         };
         /**
          * Adds the specified number of weeks to the given date.
@@ -125062,9 +125134,7 @@ class DateLib {
          * @returns The new date with the weeks added.
          */
         this.addWeeks = (date, amount) => {
-            return this.overrides?.addWeeks
-                ? this.overrides.addWeeks(date, amount)
-                : (0,date_fns__WEBPACK_IMPORTED_MODULE_5__.addWeeks)(date, amount);
+            return this.overrides?.addWeeks?.(date, amount) ?? (0,date_fns__WEBPACK_IMPORTED_MODULE_5__.addWeeks)(date, amount);
         };
         /**
          * Adds the specified number of years to the given date.
@@ -125074,9 +125144,7 @@ class DateLib {
          * @returns The new date with the years added.
          */
         this.addYears = (date, amount) => {
-            return this.overrides?.addYears
-                ? this.overrides.addYears(date, amount)
-                : (0,date_fns__WEBPACK_IMPORTED_MODULE_6__.addYears)(date, amount);
+            return this.overrides?.addYears?.(date, amount) ?? (0,date_fns__WEBPACK_IMPORTED_MODULE_6__.addYears)(date, amount);
         };
         /**
          * Returns the number of calendar days between the given dates.
@@ -125086,9 +125154,8 @@ class DateLib {
          * @returns The number of calendar days between the dates.
          */
         this.differenceInCalendarDays = (dateLeft, dateRight) => {
-            return this.overrides?.differenceInCalendarDays
-                ? this.overrides.differenceInCalendarDays(dateLeft, dateRight)
-                : (0,date_fns__WEBPACK_IMPORTED_MODULE_7__.differenceInCalendarDays)(dateLeft, dateRight);
+            return (this.overrides?.differenceInCalendarDays?.(dateLeft, dateRight) ??
+                (0,date_fns__WEBPACK_IMPORTED_MODULE_7__.differenceInCalendarDays)(dateLeft, dateRight));
         };
         /**
          * Returns the number of calendar months between the given dates.
@@ -125098,9 +125165,8 @@ class DateLib {
          * @returns The number of calendar months between the dates.
          */
         this.differenceInCalendarMonths = (dateLeft, dateRight) => {
-            return this.overrides?.differenceInCalendarMonths
-                ? this.overrides.differenceInCalendarMonths(dateLeft, dateRight)
-                : (0,date_fns__WEBPACK_IMPORTED_MODULE_8__.differenceInCalendarMonths)(dateLeft, dateRight);
+            return (this.overrides?.differenceInCalendarMonths?.(dateLeft, dateRight) ??
+                (0,date_fns__WEBPACK_IMPORTED_MODULE_8__.differenceInCalendarMonths)(dateLeft, dateRight));
         };
         /**
          * Returns the months between the given dates.
@@ -125108,9 +125174,8 @@ class DateLib {
          * @param interval The interval to get the months for.
          */
         this.eachMonthOfInterval = (interval) => {
-            return this.overrides?.eachMonthOfInterval
-                ? this.overrides.eachMonthOfInterval(interval)
-                : (0,date_fns__WEBPACK_IMPORTED_MODULE_9__.eachMonthOfInterval)(interval);
+            return (this.overrides?.eachMonthOfInterval?.(interval) ??
+                (0,date_fns__WEBPACK_IMPORTED_MODULE_9__.eachMonthOfInterval)(interval));
         };
         /**
          * Returns the end of the broadcast week for the given date.
@@ -125118,10 +125183,9 @@ class DateLib {
          * @param date The original date.
          * @returns The end of the broadcast week.
          */
-        this.endOfBroadcastWeek = (date) => {
-            return this.overrides?.endOfBroadcastWeek
-                ? this.overrides.endOfBroadcastWeek(date, this)
-                : (0,_helpers_endOfBroadcastWeek_js__WEBPACK_IMPORTED_MODULE_1__.endOfBroadcastWeek)(date, this);
+        this.endOfBroadcastWeek = (date, dateLib) => {
+            return (this.overrides?.endOfBroadcastWeek?.(date, dateLib) ??
+                (0,_helpers_endOfBroadcastWeek_js__WEBPACK_IMPORTED_MODULE_1__.endOfBroadcastWeek)(date, this));
         };
         /**
          * Returns the end of the ISO week for the given date.
@@ -125130,9 +125194,7 @@ class DateLib {
          * @returns The end of the ISO week.
          */
         this.endOfISOWeek = (date) => {
-            return this.overrides?.endOfISOWeek
-                ? this.overrides.endOfISOWeek(date)
-                : (0,date_fns__WEBPACK_IMPORTED_MODULE_10__.endOfISOWeek)(date);
+            return this.overrides?.endOfISOWeek?.(date) ?? (0,date_fns__WEBPACK_IMPORTED_MODULE_10__.endOfISOWeek)(date);
         };
         /**
          * Returns the end of the month for the given date.
@@ -125141,9 +125203,7 @@ class DateLib {
          * @returns The end of the month.
          */
         this.endOfMonth = (date) => {
-            return this.overrides?.endOfMonth
-                ? this.overrides.endOfMonth(date)
-                : (0,date_fns__WEBPACK_IMPORTED_MODULE_11__.endOfMonth)(date);
+            return this.overrides?.endOfMonth?.(date) ?? (0,date_fns__WEBPACK_IMPORTED_MODULE_11__.endOfMonth)(date);
         };
         /**
          * Returns the end of the week for the given date.
@@ -125151,10 +125211,9 @@ class DateLib {
          * @param date The original date.
          * @returns The end of the week.
          */
-        this.endOfWeek = (date) => {
-            return this.overrides?.endOfWeek
-                ? this.overrides.endOfWeek(date, this.options)
-                : (0,date_fns__WEBPACK_IMPORTED_MODULE_12__.endOfWeek)(date, this.options);
+        this.endOfWeek = (date, options) => {
+            return (this.overrides?.endOfWeek?.(date, options ?? this.options) ??
+                (0,date_fns__WEBPACK_IMPORTED_MODULE_12__.endOfWeek)(date, options ?? this.options));
         };
         /**
          * Returns the end of the year for the given date.
@@ -125163,9 +125222,7 @@ class DateLib {
          * @returns The end of the year.
          */
         this.endOfYear = (date) => {
-            return this.overrides?.endOfYear
-                ? this.overrides.endOfYear(date)
-                : (0,date_fns__WEBPACK_IMPORTED_MODULE_13__.endOfYear)(date);
+            return this.overrides?.endOfYear?.(date) ?? (0,date_fns__WEBPACK_IMPORTED_MODULE_13__.endOfYear)(date);
         };
         /**
          * Formats the given date using the specified format string.
@@ -125174,10 +125231,9 @@ class DateLib {
          * @param formatStr The format string.
          * @returns The formatted date string.
          */
-        this.format = (date, formatStr) => {
-            const formatted = this.overrides?.format
-                ? this.overrides.format(date, formatStr, this.options)
-                : (0,date_fns__WEBPACK_IMPORTED_MODULE_14__.format)(date, formatStr, this.options);
+        this.format = (date, formatStr, options) => {
+            const formatted = this.overrides?.format?.(date, formatStr, options ?? this.options) ??
+                (0,date_fns__WEBPACK_IMPORTED_MODULE_14__.format)(date, formatStr, options ?? this.options);
             if (this.options.numerals && this.options.numerals !== "latn") {
                 return this.replaceDigits(formatted);
             }
@@ -125190,9 +125246,7 @@ class DateLib {
          * @returns The ISO week number.
          */
         this.getISOWeek = (date) => {
-            return this.overrides?.getISOWeek
-                ? this.overrides.getISOWeek(date)
-                : (0,date_fns__WEBPACK_IMPORTED_MODULE_15__.getISOWeek)(date);
+            return this.overrides?.getISOWeek?.(date) ?? (0,date_fns__WEBPACK_IMPORTED_MODULE_15__.getISOWeek)(date);
         };
         /**
          * Returns the month of the given date.
@@ -125201,9 +125255,7 @@ class DateLib {
          * @returns The month.
          */
         this.getMonth = (date) => {
-            return this.overrides?.getMonth
-                ? this.overrides.getMonth(date, this.options)
-                : (0,date_fns__WEBPACK_IMPORTED_MODULE_16__.getMonth)(date, this.options);
+            return this.overrides?.getMonth?.(date) ?? (0,date_fns__WEBPACK_IMPORTED_MODULE_16__.getMonth)(date);
         };
         /**
          * Returns the year of the given date.
@@ -125212,9 +125264,7 @@ class DateLib {
          * @returns The year.
          */
         this.getYear = (date) => {
-            return this.overrides?.getYear
-                ? this.overrides.getYear(date, this.options)
-                : (0,date_fns__WEBPACK_IMPORTED_MODULE_17__.getYear)(date, this.options);
+            return this.overrides?.getYear?.(date) ?? (0,date_fns__WEBPACK_IMPORTED_MODULE_17__.getYear)(date);
         };
         /**
          * Returns the local week number for the given date.
@@ -125222,10 +125272,9 @@ class DateLib {
          * @param date The date to get the week number for.
          * @returns The week number.
          */
-        this.getWeek = (date) => {
-            return this.overrides?.getWeek
-                ? this.overrides.getWeek(date, this.options)
-                : (0,date_fns__WEBPACK_IMPORTED_MODULE_18__.getWeek)(date, this.options);
+        this.getWeek = (date, options) => {
+            return (this.overrides?.getWeek?.(date, options ?? this.options) ??
+                (0,date_fns__WEBPACK_IMPORTED_MODULE_18__.getWeek)(date, options ?? this.options));
         };
         /**
          * Checks if the first date is after the second date.
@@ -125235,9 +125284,8 @@ class DateLib {
          * @returns True if the first date is after the second date.
          */
         this.isAfter = (date, dateToCompare) => {
-            return this.overrides?.isAfter
-                ? this.overrides.isAfter(date, dateToCompare)
-                : (0,date_fns__WEBPACK_IMPORTED_MODULE_19__.isAfter)(date, dateToCompare);
+            return (this.overrides?.isAfter?.(date, dateToCompare) ??
+                (0,date_fns__WEBPACK_IMPORTED_MODULE_19__.isAfter)(date, dateToCompare));
         };
         /**
          * Checks if the first date is before the second date.
@@ -125247,9 +125295,8 @@ class DateLib {
          * @returns True if the first date is before the second date.
          */
         this.isBefore = (date, dateToCompare) => {
-            return this.overrides?.isBefore
-                ? this.overrides.isBefore(date, dateToCompare)
-                : (0,date_fns__WEBPACK_IMPORTED_MODULE_20__.isBefore)(date, dateToCompare);
+            return (this.overrides?.isBefore?.(date, dateToCompare) ??
+                (0,date_fns__WEBPACK_IMPORTED_MODULE_20__.isBefore)(date, dateToCompare));
         };
         /**
          * Checks if the given value is a Date object.
@@ -125258,9 +125305,7 @@ class DateLib {
          * @returns True if the value is a Date object.
          */
         this.isDate = (value) => {
-            return this.overrides?.isDate
-                ? this.overrides.isDate(value)
-                : (0,date_fns__WEBPACK_IMPORTED_MODULE_21__.isDate)(value);
+            return this.overrides?.isDate?.(value) ?? (0,date_fns__WEBPACK_IMPORTED_MODULE_21__.isDate)(value);
         };
         /**
          * Checks if the given dates are on the same day.
@@ -125270,9 +125315,8 @@ class DateLib {
          * @returns True if the dates are on the same day.
          */
         this.isSameDay = (dateLeft, dateRight) => {
-            return this.overrides?.isSameDay
-                ? this.overrides.isSameDay(dateLeft, dateRight)
-                : (0,date_fns__WEBPACK_IMPORTED_MODULE_22__.isSameDay)(dateLeft, dateRight);
+            return (this.overrides?.isSameDay?.(dateLeft, dateRight) ??
+                (0,date_fns__WEBPACK_IMPORTED_MODULE_22__.isSameDay)(dateLeft, dateRight));
         };
         /**
          * Checks if the given dates are in the same month.
@@ -125282,9 +125326,8 @@ class DateLib {
          * @returns True if the dates are in the same month.
          */
         this.isSameMonth = (dateLeft, dateRight) => {
-            return this.overrides?.isSameMonth
-                ? this.overrides.isSameMonth(dateLeft, dateRight)
-                : (0,date_fns__WEBPACK_IMPORTED_MODULE_23__.isSameMonth)(dateLeft, dateRight);
+            return (this.overrides?.isSameMonth?.(dateLeft, dateRight) ??
+                (0,date_fns__WEBPACK_IMPORTED_MODULE_23__.isSameMonth)(dateLeft, dateRight));
         };
         /**
          * Checks if the given dates are in the same year.
@@ -125294,9 +125337,8 @@ class DateLib {
          * @returns True if the dates are in the same year.
          */
         this.isSameYear = (dateLeft, dateRight) => {
-            return this.overrides?.isSameYear
-                ? this.overrides.isSameYear(dateLeft, dateRight)
-                : (0,date_fns__WEBPACK_IMPORTED_MODULE_24__.isSameYear)(dateLeft, dateRight);
+            return (this.overrides?.isSameYear?.(dateLeft, dateRight) ??
+                (0,date_fns__WEBPACK_IMPORTED_MODULE_24__.isSameYear)(dateLeft, dateRight));
         };
         /**
          * Returns the latest date in the given array of dates.
@@ -125305,7 +125347,7 @@ class DateLib {
          * @returns The latest date.
          */
         this.max = (dates) => {
-            return this.overrides?.max ? this.overrides.max(dates) : (0,date_fns__WEBPACK_IMPORTED_MODULE_25__.max)(dates);
+            return this.overrides?.max?.(dates) ?? (0,date_fns__WEBPACK_IMPORTED_MODULE_25__.max)(dates);
         };
         /**
          * Returns the earliest date in the given array of dates.
@@ -125314,7 +125356,7 @@ class DateLib {
          * @returns The earliest date.
          */
         this.min = (dates) => {
-            return this.overrides?.min ? this.overrides.min(dates) : (0,date_fns__WEBPACK_IMPORTED_MODULE_26__.min)(dates);
+            return this.overrides?.min?.(dates) ?? (0,date_fns__WEBPACK_IMPORTED_MODULE_26__.min)(dates);
         };
         /**
          * Sets the month of the given date.
@@ -125324,9 +125366,7 @@ class DateLib {
          * @returns The new date with the month set.
          */
         this.setMonth = (date, month) => {
-            return this.overrides?.setMonth
-                ? this.overrides.setMonth(date, month)
-                : (0,date_fns__WEBPACK_IMPORTED_MODULE_27__.setMonth)(date, month);
+            return this.overrides?.setMonth?.(date, month) ?? (0,date_fns__WEBPACK_IMPORTED_MODULE_27__.setMonth)(date, month);
         };
         /**
          * Sets the year of the given date.
@@ -125336,9 +125376,7 @@ class DateLib {
          * @returns The new date with the year set.
          */
         this.setYear = (date, year) => {
-            return this.overrides?.setYear
-                ? this.overrides.setYear(date, year)
-                : (0,date_fns__WEBPACK_IMPORTED_MODULE_28__.setYear)(date, year);
+            return this.overrides?.setYear?.(date, year) ?? (0,date_fns__WEBPACK_IMPORTED_MODULE_28__.setYear)(date, year);
         };
         /**
          * Returns the start of the broadcast week for the given date.
@@ -125346,10 +125384,9 @@ class DateLib {
          * @param date The original date.
          * @returns The start of the broadcast week.
          */
-        this.startOfBroadcastWeek = (date) => {
-            return this.overrides?.startOfBroadcastWeek
-                ? this.overrides.startOfBroadcastWeek(date, this)
-                : (0,_helpers_startOfBroadcastWeek_js__WEBPACK_IMPORTED_MODULE_2__.startOfBroadcastWeek)(date, this);
+        this.startOfBroadcastWeek = (date, dateLib) => {
+            return (this.overrides?.startOfBroadcastWeek?.(date, dateLib ?? this) ??
+                (0,_helpers_startOfBroadcastWeek_js__WEBPACK_IMPORTED_MODULE_2__.startOfBroadcastWeek)(date, dateLib ?? this));
         };
         /**
          * Returns the start of the day for the given date.
@@ -125358,9 +125395,7 @@ class DateLib {
          * @returns The start of the day.
          */
         this.startOfDay = (date) => {
-            return this.overrides?.startOfDay
-                ? this.overrides.startOfDay(date)
-                : (0,date_fns__WEBPACK_IMPORTED_MODULE_29__.startOfDay)(date);
+            return this.overrides?.startOfDay?.(date) ?? (0,date_fns__WEBPACK_IMPORTED_MODULE_29__.startOfDay)(date);
         };
         /**
          * Returns the start of the ISO week for the given date.
@@ -125369,9 +125404,7 @@ class DateLib {
          * @returns The start of the ISO week.
          */
         this.startOfISOWeek = (date) => {
-            return this.overrides?.startOfISOWeek
-                ? this.overrides.startOfISOWeek(date)
-                : (0,date_fns__WEBPACK_IMPORTED_MODULE_30__.startOfISOWeek)(date);
+            return this.overrides?.startOfISOWeek?.(date) ?? (0,date_fns__WEBPACK_IMPORTED_MODULE_30__.startOfISOWeek)(date);
         };
         /**
          * Returns the start of the month for the given date.
@@ -125380,9 +125413,7 @@ class DateLib {
          * @returns The start of the month.
          */
         this.startOfMonth = (date) => {
-            return this.overrides?.startOfMonth
-                ? this.overrides.startOfMonth(date)
-                : (0,date_fns__WEBPACK_IMPORTED_MODULE_31__.startOfMonth)(date);
+            return this.overrides?.startOfMonth?.(date) ?? (0,date_fns__WEBPACK_IMPORTED_MODULE_31__.startOfMonth)(date);
         };
         /**
          * Returns the start of the week for the given date.
@@ -125391,9 +125422,7 @@ class DateLib {
          * @returns The start of the week.
          */
         this.startOfWeek = (date) => {
-            return this.overrides?.startOfWeek
-                ? this.overrides.startOfWeek(date, this.options)
-                : (0,date_fns__WEBPACK_IMPORTED_MODULE_32__.startOfWeek)(date, this.options);
+            return (this.overrides?.startOfWeek?.(date) ?? (0,date_fns__WEBPACK_IMPORTED_MODULE_32__.startOfWeek)(date, this.options));
         };
         /**
          * Returns the start of the year for the given date.
@@ -125402,9 +125431,7 @@ class DateLib {
          * @returns The start of the year.
          */
         this.startOfYear = (date) => {
-            return this.overrides?.startOfYear
-                ? this.overrides.startOfYear(date)
-                : (0,date_fns__WEBPACK_IMPORTED_MODULE_33__.startOfYear)(date);
+            return this.overrides?.startOfYear?.(date) ?? (0,date_fns__WEBPACK_IMPORTED_MODULE_33__.startOfYear)(date);
         };
         this.options = { locale: date_fns_locale__WEBPACK_IMPORTED_MODULE_34__.enUS, ...options };
         this.overrides = overrides;
@@ -126997,12 +127024,12 @@ function getInitialMonth(props, dateLib) {
     const { month, defaultMonth, today = dateLib.today(), numberOfMonths = 1, endMonth, startMonth } = props;
     let initialMonth = month || defaultMonth || today;
     const { differenceInCalendarMonths, addMonths, startOfMonth } = dateLib;
-    // Fix the initialMonth if is after the to-date
+    // Fix the initialMonth if is after the endMonth
     if (endMonth && differenceInCalendarMonths(endMonth, initialMonth) < 0) {
         const offset = -1 * (numberOfMonths - 1);
         initialMonth = addMonths(endMonth, offset);
     }
-    // Fix the initialMonth if is before the from-date
+    // Fix the initialMonth if is before the startMonth
     if (startMonth && differenceInCalendarMonths(initialMonth, startMonth) < 0) {
         initialMonth = startMonth;
     }
@@ -128304,7 +128331,9 @@ function useCalendar(props, dateLib) {
     const [navStart, navEnd] = (0,_helpers_getNavMonth_js__WEBPACK_IMPORTED_MODULE_6__.getNavMonths)(props, dateLib);
     const { startOfMonth, endOfMonth } = dateLib;
     const initialMonth = (0,_helpers_getInitialMonth_js__WEBPACK_IMPORTED_MODULE_4__.getInitialMonth)(props, dateLib);
-    const [firstMonth, setFirstMonth] = (0,_helpers_useControlledValue_js__WEBPACK_IMPORTED_MODULE_10__.useControlledValue)(initialMonth, props.month ? startOfMonth(props.month) : undefined);
+    const [firstMonth, setFirstMonth] = (0,_helpers_useControlledValue_js__WEBPACK_IMPORTED_MODULE_10__.useControlledValue)(initialMonth, 
+    // initialMonth is always computed from props.month if provided
+    props.month ? initialMonth : undefined);
     (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
         const newInitialMonth = (0,_helpers_getInitialMonth_js__WEBPACK_IMPORTED_MODULE_4__.getInitialMonth)(props, dateLib);
         setFirstMonth(newInitialMonth);
@@ -134260,22 +134289,22 @@ function toDate(argument, context) {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   CheckmarkIcon: () => (/* binding */ w),
-/* harmony export */   ErrorIcon: () => (/* binding */ _),
+/* harmony export */   CheckmarkIcon: () => (/* binding */ _),
+/* harmony export */   ErrorIcon: () => (/* binding */ k),
 /* harmony export */   LoaderIcon: () => (/* binding */ V),
-/* harmony export */   ToastBar: () => (/* binding */ F),
+/* harmony export */   ToastBar: () => (/* binding */ C),
 /* harmony export */   ToastIcon: () => (/* binding */ M),
-/* harmony export */   Toaster: () => (/* binding */ Ie),
-/* harmony export */   "default": () => (/* binding */ _t),
-/* harmony export */   resolveValue: () => (/* binding */ T),
-/* harmony export */   toast: () => (/* binding */ n),
-/* harmony export */   useToaster: () => (/* binding */ D),
-/* harmony export */   useToasterStore: () => (/* binding */ I)
+/* harmony export */   Toaster: () => (/* binding */ De),
+/* harmony export */   "default": () => (/* binding */ kt),
+/* harmony export */   resolveValue: () => (/* binding */ f),
+/* harmony export */   toast: () => (/* binding */ c),
+/* harmony export */   useToaster: () => (/* binding */ O),
+/* harmony export */   useToasterStore: () => (/* binding */ D)
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var goober__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! goober */ "./node_modules/goober/dist/goober.modern.js");
 "use client";
-var W=e=>typeof e=="function",T=(e,t)=>W(e)?e(t):e;var U=(()=>{let e=0;return()=>(++e).toString()})(),b=(()=>{let e;return()=>{if(e===void 0&&typeof window<"u"){let t=matchMedia("(prefers-reduced-motion: reduce)");e=!t||t.matches}return e}})();var Q=20;var S=new Map,X=1e3,$=e=>{if(S.has(e))return;let t=setTimeout(()=>{S.delete(e),u({type:4,toastId:e})},X);S.set(e,t)},J=e=>{let t=S.get(e);t&&clearTimeout(t)},v=(e,t)=>{switch(t.type){case 0:return{...e,toasts:[t.toast,...e.toasts].slice(0,Q)};case 1:return t.toast.id&&J(t.toast.id),{...e,toasts:e.toasts.map(r=>r.id===t.toast.id?{...r,...t.toast}:r)};case 2:let{toast:o}=t;return e.toasts.find(r=>r.id===o.id)?v(e,{type:1,toast:o}):v(e,{type:0,toast:o});case 3:let{toastId:s}=t;return s?$(s):e.toasts.forEach(r=>{$(r.id)}),{...e,toasts:e.toasts.map(r=>r.id===s||s===void 0?{...r,visible:!1}:r)};case 4:return t.toastId===void 0?{...e,toasts:[]}:{...e,toasts:e.toasts.filter(r=>r.id!==t.toastId)};case 5:return{...e,pausedAt:t.time};case 6:let a=t.time-(e.pausedAt||0);return{...e,pausedAt:void 0,toasts:e.toasts.map(r=>({...r,pauseDuration:r.pauseDuration+a}))}}},A=[],P={toasts:[],pausedAt:void 0},u=e=>{P=v(P,e),A.forEach(t=>{t(P)})},Y={blank:4e3,error:4e3,success:2e3,loading:1/0,custom:4e3},I=(e={})=>{let[t,o]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(P);(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(()=>(A.push(o),()=>{let a=A.indexOf(o);a>-1&&A.splice(a,1)}),[t]);let s=t.toasts.map(a=>{var r,c;return{...e,...e[a.type],...a,duration:a.duration||((r=e[a.type])==null?void 0:r.duration)||(e==null?void 0:e.duration)||Y[a.type],style:{...e.style,...(c=e[a.type])==null?void 0:c.style,...a.style}}});return{...t,toasts:s}};var G=(e,t="blank",o)=>({createdAt:Date.now(),visible:!0,type:t,ariaProps:{role:"status","aria-live":"polite"},message:e,pauseDuration:0,...o,id:(o==null?void 0:o.id)||U()}),h=e=>(t,o)=>{let s=G(t,e,o);return u({type:2,toast:s}),s.id},n=(e,t)=>h("blank")(e,t);n.error=h("error");n.success=h("success");n.loading=h("loading");n.custom=h("custom");n.dismiss=e=>{u({type:3,toastId:e})};n.remove=e=>u({type:4,toastId:e});n.promise=(e,t,o)=>{let s=n.loading(t.loading,{...o,...o==null?void 0:o.loading});return e.then(a=>(n.success(T(t.success,a),{id:s,...o,...o==null?void 0:o.success}),a)).catch(a=>{n.error(T(t.error,a),{id:s,...o,...o==null?void 0:o.error})}),e};var Z=(e,t)=>{u({type:1,toast:{id:e,height:t}})},ee=()=>{u({type:5,time:Date.now()})},D=e=>{let{toasts:t,pausedAt:o}=I(e);(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(()=>{if(o)return;let r=Date.now(),c=t.map(i=>{if(i.duration===1/0)return;let d=(i.duration||0)+i.pauseDuration-(r-i.createdAt);if(d<0){i.visible&&n.dismiss(i.id);return}return setTimeout(()=>n.dismiss(i.id),d)});return()=>{c.forEach(i=>i&&clearTimeout(i))}},[t,o]);let s=(0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(()=>{o&&u({type:6,time:Date.now()})},[o]),a=(0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((r,c)=>{let{reverseOrder:i=!1,gutter:d=8,defaultPosition:p}=c||{},g=t.filter(m=>(m.position||p)===(r.position||p)&&m.height),E=g.findIndex(m=>m.id===r.id),x=g.filter((m,R)=>R<E&&m.visible).length;return g.filter(m=>m.visible).slice(...i?[x+1]:[0,x]).reduce((m,R)=>m+(R.height||0)+d,0)},[t]);return{toasts:t,handlers:{updateHeight:Z,startPause:ee,endPause:s,calculateOffset:a}}};var oe=(0,goober__WEBPACK_IMPORTED_MODULE_1__.keyframes)`
+var W=e=>typeof e=="function",f=(e,t)=>W(e)?e(t):e;var F=(()=>{let e=0;return()=>(++e).toString()})(),S=(()=>{let e;return()=>{if(e===void 0&&typeof window<"u"){let t=matchMedia("(prefers-reduced-motion: reduce)");e=!t||t.matches}return e}})();var J=20;var U=(e,t)=>{switch(t.type){case 0:return{...e,toasts:[t.toast,...e.toasts].slice(0,J)};case 1:return{...e,toasts:e.toasts.map(r=>r.id===t.toast.id?{...r,...t.toast}:r)};case 2:let{toast:o}=t;return U(e,{type:e.toasts.find(r=>r.id===o.id)?1:0,toast:o});case 3:let{toastId:a}=t;return{...e,toasts:e.toasts.map(r=>r.id===a||a===void 0?{...r,dismissed:!0,visible:!1}:r)};case 4:return t.toastId===void 0?{...e,toasts:[]}:{...e,toasts:e.toasts.filter(r=>r.id!==t.toastId)};case 5:return{...e,pausedAt:t.time};case 6:let s=t.time-(e.pausedAt||0);return{...e,pausedAt:void 0,toasts:e.toasts.map(r=>({...r,pauseDuration:r.pauseDuration+s}))}}},A=[],P={toasts:[],pausedAt:void 0},u=e=>{P=U(P,e),A.forEach(t=>{t(P)})},Q={blank:4e3,error:4e3,success:2e3,loading:1/0,custom:4e3},D=(e={})=>{let[t,o]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(P);(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(()=>(A.push(o),()=>{let s=A.indexOf(o);s>-1&&A.splice(s,1)}),[t]);let a=t.toasts.map(s=>{var r,n,i;return{...e,...e[s.type],...s,removeDelay:s.removeDelay||((r=e[s.type])==null?void 0:r.removeDelay)||(e==null?void 0:e.removeDelay),duration:s.duration||((n=e[s.type])==null?void 0:n.duration)||(e==null?void 0:e.duration)||Q[s.type],style:{...e.style,...(i=e[s.type])==null?void 0:i.style,...s.style}}});return{...t,toasts:a}};var Y=(e,t="blank",o)=>({createdAt:Date.now(),visible:!0,dismissed:!1,type:t,ariaProps:{role:"status","aria-live":"polite"},message:e,pauseDuration:0,...o,id:(o==null?void 0:o.id)||F()}),h=e=>(t,o)=>{let a=Y(t,e,o);return u({type:2,toast:a}),a.id},c=(e,t)=>h("blank")(e,t);c.error=h("error");c.success=h("success");c.loading=h("loading");c.custom=h("custom");c.dismiss=e=>{u({type:3,toastId:e})};c.remove=e=>u({type:4,toastId:e});c.promise=(e,t,o)=>{let a=c.loading(t.loading,{...o,...o==null?void 0:o.loading});return typeof e=="function"&&(e=e()),e.then(s=>{let r=t.success?f(t.success,s):void 0;return r?c.success(r,{id:a,...o,...o==null?void 0:o.success}):c.dismiss(a),s}).catch(s=>{let r=t.error?f(t.error,s):void 0;r?c.error(r,{id:a,...o,...o==null?void 0:o.error}):c.dismiss(a)}),e};var q=(e,t)=>{u({type:1,toast:{id:e,height:t}})},G=()=>{u({type:5,time:Date.now()})},x=new Map,K=1e3,Z=(e,t=K)=>{if(x.has(e))return;let o=setTimeout(()=>{x.delete(e),u({type:4,toastId:e})},t);x.set(e,o)},O=e=>{let{toasts:t,pausedAt:o}=D(e);(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(()=>{if(o)return;let r=Date.now(),n=t.map(i=>{if(i.duration===1/0)return;let d=(i.duration||0)+i.pauseDuration-(r-i.createdAt);if(d<0){i.visible&&c.dismiss(i.id);return}return setTimeout(()=>c.dismiss(i.id),d)});return()=>{n.forEach(i=>i&&clearTimeout(i))}},[t,o]);let a=(0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(()=>{o&&u({type:6,time:Date.now()})},[o]),s=(0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((r,n)=>{let{reverseOrder:i=!1,gutter:d=8,defaultPosition:p}=n||{},g=t.filter(m=>(m.position||p)===(r.position||p)&&m.height),E=g.findIndex(m=>m.id===r.id),b=g.filter((m,R)=>R<E&&m.visible).length;return g.filter(m=>m.visible).slice(...i?[b+1]:[0,b]).reduce((m,R)=>m+(R.height||0)+d,0)},[t]);return (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(()=>{t.forEach(r=>{if(r.dismissed)Z(r.id,r.removeDelay);else{let n=x.get(r.id);n&&(clearTimeout(n),x.delete(r.id))}})},[t]),{toasts:t,handlers:{updateHeight:q,startPause:G,endPause:a,calculateOffset:s}}};var te=(0,goober__WEBPACK_IMPORTED_MODULE_1__.keyframes)`
 from {
   transform: scale(0) rotate(45deg);
 	opacity: 0;
@@ -134283,7 +134312,7 @@ from {
 to {
  transform: scale(1) rotate(45deg);
   opacity: 1;
-}`,re=(0,goober__WEBPACK_IMPORTED_MODULE_1__.keyframes)`
+}`,oe=(0,goober__WEBPACK_IMPORTED_MODULE_1__.keyframes)`
 from {
   transform: scale(0);
   opacity: 0;
@@ -134291,7 +134320,7 @@ from {
 to {
   transform: scale(1);
   opacity: 1;
-}`,se=(0,goober__WEBPACK_IMPORTED_MODULE_1__.keyframes)`
+}`,re=(0,goober__WEBPACK_IMPORTED_MODULE_1__.keyframes)`
 from {
   transform: scale(0) rotate(90deg);
 	opacity: 0;
@@ -134299,7 +134328,7 @@ from {
 to {
   transform: scale(1) rotate(90deg);
 	opacity: 1;
-}`,_=(0,goober__WEBPACK_IMPORTED_MODULE_1__.styled)("div")`
+}`,k=(0,goober__WEBPACK_IMPORTED_MODULE_1__.styled)("div")`
   width: 20px;
   opacity: 0;
   height: 20px;
@@ -134308,14 +134337,14 @@ to {
   position: relative;
   transform: rotate(45deg);
 
-  animation: ${oe} 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)
+  animation: ${te} 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)
     forwards;
   animation-delay: 100ms;
 
   &:after,
   &:before {
     content: '';
-    animation: ${re} 0.15s ease-out forwards;
+    animation: ${oe} 0.15s ease-out forwards;
     animation-delay: 150ms;
     position: absolute;
     border-radius: 3px;
@@ -134328,11 +134357,11 @@ to {
   }
 
   &:before {
-    animation: ${se} 0.15s ease-out forwards;
+    animation: ${re} 0.15s ease-out forwards;
     animation-delay: 180ms;
     transform: rotate(90deg);
   }
-`;var ne=(0,goober__WEBPACK_IMPORTED_MODULE_1__.keyframes)`
+`;var ie=(0,goober__WEBPACK_IMPORTED_MODULE_1__.keyframes)`
   from {
     transform: rotate(0deg);
   }
@@ -134347,8 +134376,8 @@ to {
   border-radius: 100%;
   border-color: ${e=>e.secondary||"#e0e0e0"};
   border-right-color: ${e=>e.primary||"#616161"};
-  animation: ${ne} 1s linear infinite;
-`;var pe=(0,goober__WEBPACK_IMPORTED_MODULE_1__.keyframes)`
+  animation: ${ie} 1s linear infinite;
+`;var ce=(0,goober__WEBPACK_IMPORTED_MODULE_1__.keyframes)`
 from {
   transform: scale(0) rotate(45deg);
 	opacity: 0;
@@ -134356,7 +134385,7 @@ from {
 to {
   transform: scale(1) rotate(45deg);
 	opacity: 1;
-}`,de=(0,goober__WEBPACK_IMPORTED_MODULE_1__.keyframes)`
+}`,pe=(0,goober__WEBPACK_IMPORTED_MODULE_1__.keyframes)`
 0% {
 	height: 0;
 	width: 0;
@@ -134370,7 +134399,7 @@ to {
 100% {
   opacity: 1;
   height: 10px;
-}`,w=(0,goober__WEBPACK_IMPORTED_MODULE_1__.styled)("div")`
+}`,_=(0,goober__WEBPACK_IMPORTED_MODULE_1__.styled)("div")`
   width: 20px;
   opacity: 0;
   height: 20px;
@@ -134379,13 +134408,13 @@ to {
   position: relative;
   transform: rotate(45deg);
 
-  animation: ${pe} 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)
+  animation: ${ce} 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)
     forwards;
   animation-delay: 100ms;
   &:after {
     content: '';
     box-sizing: border-box;
-    animation: ${de} 0.2s ease-out forwards;
+    animation: ${pe} 0.2s ease-out forwards;
     opacity: 0;
     animation-delay: 200ms;
     position: absolute;
@@ -134397,16 +134426,16 @@ to {
     height: 10px;
     width: 6px;
   }
-`;var ue=(0,goober__WEBPACK_IMPORTED_MODULE_1__.styled)("div")`
+`;var me=(0,goober__WEBPACK_IMPORTED_MODULE_1__.styled)("div")`
   position: absolute;
-`,le=(0,goober__WEBPACK_IMPORTED_MODULE_1__.styled)("div")`
+`,ue=(0,goober__WEBPACK_IMPORTED_MODULE_1__.styled)("div")`
   position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
   min-width: 20px;
   min-height: 20px;
-`,Te=(0,goober__WEBPACK_IMPORTED_MODULE_1__.keyframes)`
+`,le=(0,goober__WEBPACK_IMPORTED_MODULE_1__.keyframes)`
 from {
   transform: scale(0.6);
   opacity: 0.4;
@@ -134419,15 +134448,15 @@ to {
   transform: scale(0.6);
   opacity: 0.4;
   min-width: 20px;
-  animation: ${Te} 0.3s 0.12s cubic-bezier(0.175, 0.885, 0.32, 1.275)
+  animation: ${le} 0.3s 0.12s cubic-bezier(0.175, 0.885, 0.32, 1.275)
     forwards;
-`,M=({toast:e})=>{let{icon:t,type:o,iconTheme:s}=e;return t!==void 0?typeof t=="string"?react__WEBPACK_IMPORTED_MODULE_0__.createElement(fe,null,t):t:o==="blank"?null:react__WEBPACK_IMPORTED_MODULE_0__.createElement(le,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(V,{...s}),o!=="loading"&&react__WEBPACK_IMPORTED_MODULE_0__.createElement(ue,null,o==="error"?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_,{...s}):react__WEBPACK_IMPORTED_MODULE_0__.createElement(w,{...s})))};var ye=e=>`
+`,M=({toast:e})=>{let{icon:t,type:o,iconTheme:a}=e;return t!==void 0?typeof t=="string"?react__WEBPACK_IMPORTED_MODULE_0__.createElement(fe,null,t):t:o==="blank"?null:react__WEBPACK_IMPORTED_MODULE_0__.createElement(ue,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(V,{...a}),o!=="loading"&&react__WEBPACK_IMPORTED_MODULE_0__.createElement(me,null,o==="error"?react__WEBPACK_IMPORTED_MODULE_0__.createElement(k,{...a}):react__WEBPACK_IMPORTED_MODULE_0__.createElement(_,{...a})))};var Te=e=>`
 0% {transform: translate3d(0,${e*-200}%,0) scale(.6); opacity:.5;}
 100% {transform: translate3d(0,0,0) scale(1); opacity:1;}
-`,ge=e=>`
+`,ye=e=>`
 0% {transform: translate3d(0,0,-1px) scale(1); opacity:1;}
 100% {transform: translate3d(0,${e*-150}%,-1px) scale(.6); opacity:0;}
-`,he="0%{opacity:0;} 100%{opacity:1;}",xe="0%{opacity:1;} 100%{opacity:0;}",be=(0,goober__WEBPACK_IMPORTED_MODULE_1__.styled)("div")`
+`,ge="0%{opacity:0;} 100%{opacity:1;}",he="0%{opacity:1;} 100%{opacity:0;}",xe=(0,goober__WEBPACK_IMPORTED_MODULE_1__.styled)("div")`
   display: flex;
   align-items: center;
   background: #fff;
@@ -134439,19 +134468,19 @@ to {
   pointer-events: auto;
   padding: 8px 10px;
   border-radius: 8px;
-`,Se=(0,goober__WEBPACK_IMPORTED_MODULE_1__.styled)("div")`
+`,be=(0,goober__WEBPACK_IMPORTED_MODULE_1__.styled)("div")`
   display: flex;
   justify-content: center;
   margin: 4px 10px;
   color: inherit;
   flex: 1 1 auto;
   white-space: pre-line;
-`,Ae=(e,t)=>{let s=e.includes("top")?1:-1,[a,r]=b()?[he,xe]:[ye(s),ge(s)];return{animation:t?`${(0,goober__WEBPACK_IMPORTED_MODULE_1__.keyframes)(a)} 0.35s cubic-bezier(.21,1.02,.73,1) forwards`:`${(0,goober__WEBPACK_IMPORTED_MODULE_1__.keyframes)(r)} 0.4s forwards cubic-bezier(.06,.71,.55,1)`}},F=react__WEBPACK_IMPORTED_MODULE_0__.memo(({toast:e,position:t,style:o,children:s})=>{let a=e.height?Ae(e.position||t||"top-center",e.visible):{opacity:0},r=react__WEBPACK_IMPORTED_MODULE_0__.createElement(M,{toast:e}),c=react__WEBPACK_IMPORTED_MODULE_0__.createElement(Se,{...e.ariaProps},T(e.message,e));return react__WEBPACK_IMPORTED_MODULE_0__.createElement(be,{className:e.className,style:{...a,...o,...e.style}},typeof s=="function"?s({icon:r,message:c}):react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,r,c))});(0,goober__WEBPACK_IMPORTED_MODULE_1__.setup)(react__WEBPACK_IMPORTED_MODULE_0__.createElement);var Ee=({id:e,className:t,style:o,onHeightUpdate:s,children:a})=>{let r=react__WEBPACK_IMPORTED_MODULE_0__.useCallback(c=>{if(c){let i=()=>{let d=c.getBoundingClientRect().height;s(e,d)};i(),new MutationObserver(i).observe(c,{subtree:!0,childList:!0,characterData:!0})}},[e,s]);return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{ref:r,className:t,style:o},a)},Re=(e,t)=>{let o=e.includes("top"),s=o?{top:0}:{bottom:0},a=e.includes("center")?{justifyContent:"center"}:e.includes("right")?{justifyContent:"flex-end"}:{};return{left:0,right:0,display:"flex",position:"absolute",transition:b()?void 0:"all 230ms cubic-bezier(.21,1.02,.73,1)",transform:`translateY(${t*(o?1:-1)}px)`,...s,...a}},ve=(0,goober__WEBPACK_IMPORTED_MODULE_1__.css)`
+`,Se=(e,t)=>{let a=e.includes("top")?1:-1,[s,r]=S()?[ge,he]:[Te(a),ye(a)];return{animation:t?`${(0,goober__WEBPACK_IMPORTED_MODULE_1__.keyframes)(s)} 0.35s cubic-bezier(.21,1.02,.73,1) forwards`:`${(0,goober__WEBPACK_IMPORTED_MODULE_1__.keyframes)(r)} 0.4s forwards cubic-bezier(.06,.71,.55,1)`}},C=react__WEBPACK_IMPORTED_MODULE_0__.memo(({toast:e,position:t,style:o,children:a})=>{let s=e.height?Se(e.position||t||"top-center",e.visible):{opacity:0},r=react__WEBPACK_IMPORTED_MODULE_0__.createElement(M,{toast:e}),n=react__WEBPACK_IMPORTED_MODULE_0__.createElement(be,{...e.ariaProps},f(e.message,e));return react__WEBPACK_IMPORTED_MODULE_0__.createElement(xe,{className:e.className,style:{...s,...o,...e.style}},typeof a=="function"?a({icon:r,message:n}):react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,r,n))});(0,goober__WEBPACK_IMPORTED_MODULE_1__.setup)(react__WEBPACK_IMPORTED_MODULE_0__.createElement);var ve=({id:e,className:t,style:o,onHeightUpdate:a,children:s})=>{let r=react__WEBPACK_IMPORTED_MODULE_0__.useCallback(n=>{if(n){let i=()=>{let d=n.getBoundingClientRect().height;a(e,d)};i(),new MutationObserver(i).observe(n,{subtree:!0,childList:!0,characterData:!0})}},[e,a]);return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{ref:r,className:t,style:o},s)},Ee=(e,t)=>{let o=e.includes("top"),a=o?{top:0}:{bottom:0},s=e.includes("center")?{justifyContent:"center"}:e.includes("right")?{justifyContent:"flex-end"}:{};return{left:0,right:0,display:"flex",position:"absolute",transition:S()?void 0:"all 230ms cubic-bezier(.21,1.02,.73,1)",transform:`translateY(${t*(o?1:-1)}px)`,...a,...s}},Re=(0,goober__WEBPACK_IMPORTED_MODULE_1__.css)`
   z-index: 9999;
   > * {
     pointer-events: auto;
   }
-`,O=16,Ie=({reverseOrder:e,position:t="top-center",toastOptions:o,gutter:s,children:a,containerStyle:r,containerClassName:c})=>{let{toasts:i,handlers:d}=D(o);return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{style:{position:"fixed",zIndex:9999,top:O,left:O,right:O,bottom:O,pointerEvents:"none",...r},className:c,onMouseEnter:d.startPause,onMouseLeave:d.endPause},i.map(p=>{let g=p.position||t,E=d.calculateOffset(p,{reverseOrder:e,gutter:s,defaultPosition:t}),x=Re(g,E);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Ee,{id:p.id,key:p.id,onHeightUpdate:d.updateHeight,className:p.visible?ve:"",style:x},p.type==="custom"?T(p.message,p):a?a(p):react__WEBPACK_IMPORTED_MODULE_0__.createElement(F,{toast:p,position:g}))}))};var _t=n;
+`,v=16,De=({reverseOrder:e,position:t="top-center",toastOptions:o,gutter:a,children:s,containerStyle:r,containerClassName:n})=>{let{toasts:i,handlers:d}=O(o);return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{id:"_rht_toaster",style:{position:"fixed",zIndex:9999,top:v,left:v,right:v,bottom:v,pointerEvents:"none",...r},className:n,onMouseEnter:d.startPause,onMouseLeave:d.endPause},i.map(p=>{let g=p.position||t,E=d.calculateOffset(p,{reverseOrder:e,gutter:a,defaultPosition:t}),b=Ee(g,E);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(ve,{id:p.id,key:p.id,onHeightUpdate:d.updateHeight,className:p.visible?Re:"",style:b},p.type==="custom"?f(p.message,p):s?s(p):react__WEBPACK_IMPORTED_MODULE_0__.createElement(C,{toast:p,position:g}))}))};var kt=c;
 //# sourceMappingURL=index.mjs.map
 
 /***/ }),
@@ -135622,6 +135651,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   ProgressBar: () => (/* reexport safe */ _core__WEBPACK_IMPORTED_MODULE_0__.ProgressBar),
 /* harmony export */   RemovableTag: () => (/* reexport safe */ _core__WEBPACK_IMPORTED_MODULE_0__.RemovableTag),
 /* harmony export */   Snackbar: () => (/* reexport safe */ _core__WEBPACK_IMPORTED_MODULE_0__.Snackbar),
+/* harmony export */   StyledIconButton: () => (/* reexport safe */ _core__WEBPACK_IMPORTED_MODULE_0__.StyledIconButton),
 /* harmony export */   Tab: () => (/* reexport safe */ _core__WEBPACK_IMPORTED_MODULE_0__.Tab),
 /* harmony export */   Table: () => (/* reexport safe */ _core__WEBPACK_IMPORTED_MODULE_0__.Table),
 /* harmony export */   Tabs: () => (/* reexport safe */ _core__WEBPACK_IMPORTED_MODULE_0__.Tabs),