magneto365.ui 2.74.0 → 2.75.0

package/dist/cjs/index.js

@@ -269,7 +269,7 @@ var useMediaQuery = function (defaultValue, options) {
     return component;
 };
 
-var styles$30 = {"magneto-ui-icon":"mg_icon_magneto-ui-icon_tp25u","magneto-ui-hover":"mg_icon_magneto-ui-hover_tp25u","magneto-ui-rotate":"mg_icon_magneto-ui-rotate_tp25u"};
+var styles$33 = {"magneto-ui-icon":"mg_icon_magneto-ui-icon_tp25u","magneto-ui-hover":"mg_icon_magneto-ui-hover_tp25u","magneto-ui-rotate":"mg_icon_magneto-ui-rotate_tp25u"};
 
 function formatNumber(num) {
     if (typeof num !== 'number')
@@ -316,8 +316,8 @@ var classNames = {
     }
 };
 
-var cx$1l = classNames.bind(styles$30);
-var Component$3a = function (_a) {
+var cx$1l = classNames.bind(styles$33);
+var Component$3d = function (_a) {
     var fallbackIcon = _a.fallbackIcon, _b = _a.showDefaultFallback, showDefaultFallback = _b === void 0 ? true : _b, icon = _a.icon, _c = _a.hover, hover = _c === void 0 ? false : _c, size = _a.size, className = _a.className, alt = _a.alt, isRotate = _a.isRotate;
     var _d = React.useState(false), imageError = _d[0], setImageError = _d[1];
     var handleError = function () {
@@ -333,9 +333,9 @@ var Component$3a = function (_a) {
 /**
  * Atom UI component of Icon for general purpose
  */
-var IconItem = Component$3a;
+var IconItem = Component$3d;
 
-var styles$2$ = {"avatarComponent":"mg_avatar_avatarComponent_1upgt","magneto-ui-default-avatar":"mg_avatar_magneto-ui-default-avatar_1upgt"};
+var styles$32 = {"avatarComponent":"mg_avatar_avatarComponent_1upgt","magneto-ui-default-avatar":"mg_avatar_magneto-ui-default-avatar_1upgt"};
 
 var Add = "https://static.magneto365.com/lib/assets/f738cef7b76c444f.svg";
 
@@ -547,8 +547,6 @@ var MouseCircleBlackOutline = "https://static.magneto365.com/lib/assets/857856a2
 
 var NoLogo = "https://static.magneto365.com/lib/assets/59640db832ea39ed.svg";
 
-var Notification$1 = "https://static.magneto365.com/lib/assets/5eba6f5b4b3b6b4a.svg";
-
 var People = "https://static.magneto365.com/lib/assets/2e770553beadad6c.svg";
 
 var PeopleBlueBold = "https://static.magneto365.com/lib/assets/05c8ddb27d9e1481.svg";
@@ -663,33 +661,33 @@ var Youtube = "https://static.magneto365.com/lib/assets/f78dbede1bdf3dd0.svg";
 
 var YoutubeSolid = "https://static.magneto365.com/lib/assets/cdcc07646d43bd9d.svg";
 
-var Component$39 = function (_a) {
+var Component$3c = function (_a) {
     var userImage = _a.userImage, fallbackImage = _a.fallbackImage, onClick = _a.onClick;
     var _b = React.useState(false), imageError = _b[0], setImageError = _b[1];
     var handleError = function () {
         setImageError(true);
     };
-    return (React__default["default"].createElement("div", { className: styles$2$.avatarComponent, onClick: onClick },
+    return (React__default["default"].createElement("div", { className: styles$32.avatarComponent, onClick: onClick },
         userImage && !imageError && React__default["default"].createElement("img", { src: userImage, alt: "User Avatar", loading: "lazy", onError: handleError }),
-        (!userImage || imageError) && (React__default["default"].createElement("div", { className: styles$2$['magneto-ui-default-avatar'] },
+        (!userImage || imageError) && (React__default["default"].createElement("div", { className: styles$32['magneto-ui-default-avatar'] },
             React__default["default"].createElement(IconItem, { icon: fallbackImage || User, hover: false })))));
 };
 /**
  * UI Atom component of Avatar
  */
-var Avatar = Component$39;
+var Avatar = Component$3c;
 
-var styles$2_ = {"badge-count":"mg_badge_badge-count_15t5z","badge-count__animation":"mg_badge_badge-count_animation_15t5z","pulse":"mg_badge_pulse_15t5z"};
+var styles$31 = {"badge-count":"mg_badge_badge-count_15t5z","badge-count__animation":"mg_badge_badge-count_animation_15t5z","pulse":"mg_badge_pulse_15t5z"};
 
-var Component$38 = function (_a) {
+var Component$3b = function (_a) {
     var _b = _a.number, number = _b === void 0 ? undefined : _b, className = _a.className;
-    return (React__default["default"].createElement("p", { className: "".concat(styles$2_['badge-count'], " ").concat(className) },
-        React__default["default"].createElement("span", { className: styles$2_['badge-count__animation'] }),
+    return (React__default["default"].createElement("p", { className: "".concat(styles$31['badge-count'], " ").concat(className) },
+        React__default["default"].createElement("span", { className: styles$31['badge-count__animation'] }),
         number && number));
 };
-var Badge = Component$38;
+var Badge = Component$3b;
 
-var styles$2Z = {"magneto-ui-chart-bar":"mg_bar_chart_magneto-ui-chart-bar_1jzzq","magneto-ui-chart-bar__point":"mg_bar_chart_magneto-ui-chart-bar_point_1jzzq","magneto-ui-chart-bar__popover":"mg_bar_chart_magneto-ui-chart-bar_popover_1jzzq","popover-left":"mg_bar_chart_popover-left_1jzzq","popover-right":"mg_bar_chart_popover-right_1jzzq"};
+var styles$30 = {"magneto-ui-chart-bar":"mg_bar_chart_magneto-ui-chart-bar_1jzzq","magneto-ui-chart-bar__point":"mg_bar_chart_magneto-ui-chart-bar_point_1jzzq","magneto-ui-chart-bar__popover":"mg_bar_chart_magneto-ui-chart-bar_popover_1jzzq","popover-left":"mg_bar_chart_popover-left_1jzzq","popover-right":"mg_bar_chart_popover-right_1jzzq"};
 
 var numberToCurrency = function (currency, withSymbol) {
     if (withSymbol === void 0) { withSymbol = true; }
@@ -705,7 +703,7 @@ var EPositions;
     EPositions["center"] = "center";
 })(EPositions || (EPositions = {}));
 
-var Component$37 = function (_a) {
+var Component$3a = function (_a) {
     var range = _a.bin, percentage = _a.heightPercentage, jobText = _a.jobText, point = _a.point, _b = _a.maxHeight, maxHeight = _b === void 0 ? 400 : _b, _c = _a.maxPercentage, maxPercentage = _c === void 0 ? 1 : _c;
     var barRef = React.useRef(null);
     var _d = React.useState(false), isHover = _d[0], setIsHover = _d[1];
@@ -727,17 +725,17 @@ var Component$37 = function (_a) {
         }
     }, [isHover]);
     var popoverContent = React.useMemo(function () {
-        return isHover && (React__default["default"].createElement("div", { className: "".concat(styles$2Z['magneto-ui-chart-bar__popover'], " ").concat(styles$2Z["popover-".concat(popoverPosition)]) },
+        return isHover && (React__default["default"].createElement("div", { className: "".concat(styles$30['magneto-ui-chart-bar__popover'], " ").concat(styles$30["popover-".concat(popoverPosition)]) },
             React__default["default"].createElement("div", null, "".concat(numberToCurrency(minRange), " - ").concat(numberToCurrency(maxRange))),
             React__default["default"].createElement("div", null, "".concat(Math.round(percentage * 100), "% ").concat(jobText))));
     }, [isHover, jobText, maxRange, minRange, percentage, popoverPosition]);
     return (React__default["default"].createElement("div", { style: {
             height: Math.max((percentage / maxPercentage) * maxHeight, 1)
-        }, ref: barRef, className: styles$2Z['magneto-ui-chart-bar'], onMouseEnter: function () { return setIsHover(true); }, onMouseLeave: function () { return setIsHover(false); } },
-        React__default["default"].createElement("div", { className: styles$2Z['magneto-ui-chart-bar__point'], style: { backgroundColor: point } }),
+        }, ref: barRef, className: styles$30['magneto-ui-chart-bar'], onMouseEnter: function () { return setIsHover(true); }, onMouseLeave: function () { return setIsHover(false); } },
+        React__default["default"].createElement("div", { className: styles$30['magneto-ui-chart-bar__point'], style: { backgroundColor: point } }),
         popoverContent));
 };
-var BarChart = Component$37;
+var BarChart = Component$3a;
 
 var BAR_LOADER_PREFIX = '--bar-loader';
 
@@ -1570,9 +1568,9 @@ var CNM = /** @class */ (function () {
     return CNM;
 }());
 
-var styles$2Y = {"magneto-ui-bar-loader":"mg_bar_loader_magneto-ui-bar-loader_1f3jh","magneto-ui-bar-loader__bar":"mg_bar_loader_magneto-ui-bar-loader_bar_1f3jh","magneto-ui-bar-loader__bar--animated":"mg_bar_loader_magneto-ui-bar-loader_bar--animated_1f3jh","progress":"mg_bar_loader_progress_1f3jh","magneto-ui-bar-loader__bar--completed":"mg_bar_loader_magneto-ui-bar-loader_bar--completed_1f3jh"};
+var styles$2$ = {"magneto-ui-bar-loader":"mg_bar_loader_magneto-ui-bar-loader_1f3jh","magneto-ui-bar-loader__bar":"mg_bar_loader_magneto-ui-bar-loader_bar_1f3jh","magneto-ui-bar-loader__bar--animated":"mg_bar_loader_magneto-ui-bar-loader_bar--animated_1f3jh","progress":"mg_bar_loader_progress_1f3jh","magneto-ui-bar-loader__bar--completed":"mg_bar_loader_magneto-ui-bar-loader_bar--completed_1f3jh"};
 
-var Component$36 = function (_a) {
+var Component$39 = function (_a) {
     var className = _a.className, color = _a.color, percent = _a.percent;
     var validateCompleted = React.useCallback(function (value) {
         if (!value)
@@ -1592,27 +1590,27 @@ var Component$36 = function (_a) {
         var _a;
         return (_a = {}, _a["".concat(BAR_LOADER_PREFIX, "-completed")] = "".concat(validateCompleted(percent), "%"), _a);
     }, [percent, validateCompleted]);
-    return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2Y, cls: [className] }) },
-        React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2Y, cls: ['bar-loader'] }), style: __assign(__assign({}, barColor), barCompleted) },
+    return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2$, cls: [className] }) },
+        React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2$, cls: ['bar-loader'] }), style: __assign(__assign({}, barColor), barCompleted) },
             React__default["default"].createElement("div", { className: CNM.get({
-                    styles: styles$2Y,
+                    styles: styles$2$,
                     cls: ['bar-loader__bar', percent !== undefined ? 'bar-loader__bar--completed' : 'bar-loader__bar--animated']
                 }) }))));
 };
 /**
  * UI Atom component of Bar Loader
  */
-var BarLoader = Component$36;
+var BarLoader = Component$39;
 
-var styles$2X = {"breadcrumbComponent":"mg_breadcrumb_breadcrumbComponent_vlbg8","magneto-ui-bc":"mg_breadcrumb_magneto-ui-bc_vlbg8","magneto-ui-bc-active":"mg_breadcrumb_magneto-ui-bc-active_vlbg8","no-transform":"mg_breadcrumb_no-transform_vlbg8"};
+var styles$2_ = {"breadcrumbComponent":"mg_breadcrumb_breadcrumbComponent_vlbg8","magneto-ui-bc":"mg_breadcrumb_magneto-ui-bc_vlbg8","magneto-ui-bc-active":"mg_breadcrumb_magneto-ui-bc-active_vlbg8","no-transform":"mg_breadcrumb_no-transform_vlbg8"};
 
-var Component$35 = function (_a) {
+var Component$38 = function (_a) {
     var breadcrumbText = _a.breadcrumbText, breadcrumbCustomText = _a.breadcrumbCustomText, queryParams = _a.queryParams, _b = _a.haveRedirect, haveRedirect = _b === void 0 ? true : _b, _c = _a.detailTitle, detailTitle = _c === void 0 ? '' : _c, breadCrumbFromServer = _a.breadCrumbFromServer, urlFromServer = _a.urlFromServer;
     var breadcrumbs = breadcrumbCustomText ? breadcrumbCustomText : breadcrumbText || '';
     var breadcrumbSplitText = breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.split('/');
     var lastIndexBC = (breadcrumbSplitText === null || breadcrumbSplitText === void 0 ? void 0 : breadcrumbSplitText.length) - 1;
     var haveDetailTitle = detailTitle !== '';
-    var detailTileStyle = detailTitle ? styles$2X['no-transform'] : '';
+    var detailTileStyle = detailTitle ? styles$2_['no-transform'] : '';
     var regexBase4 = /[0-9a-f]{8} [0-9a-f]{4} [0-9a-f]{4} [0-9a-f]{4} [0-9a-f]{12}/g;
     // This removes the base64 from the vacancy breadcrumbs
     var title = breadcrumbSplitText[lastIndexBC].replace(/-/g, ' ').replace(regexBase4, '');
@@ -1624,9 +1622,9 @@ var Component$35 = function (_a) {
                         "/ ",
                         href)));
             }),
-            React__default["default"].createElement("p", { className: "".concat(styles$2X['magneto-ui-bc-active'], " ").concat(detailTileStyle) },
+            React__default["default"].createElement("p", { className: "".concat(styles$2_['magneto-ui-bc-active'], " ").concat(detailTileStyle) },
                 "/ ",
-                haveDetailTitle ? detailTitle : title))) : (React__default["default"].createElement(React__default["default"].Fragment, null, breadcrumbSplitText.map(function (bc, i) { return (React__default["default"].createElement("p", { className: "".concat(lastIndexBC == i ? styles$2X['magneto-ui-bc-active'] : '', " ").concat(styles$2X['magneto-ui-bc']), key: i },
+                haveDetailTitle ? detailTitle : title))) : (React__default["default"].createElement(React__default["default"].Fragment, null, breadcrumbSplitText.map(function (bc, i) { return (React__default["default"].createElement("p", { className: "".concat(lastIndexBC == i ? styles$2_['magneto-ui-bc-active'] : '', " ").concat(styles$2_['magneto-ui-bc']), key: i },
             i > 0 && '/',
             " ",
             bc)); })));
@@ -1642,30 +1640,30 @@ var Component$35 = function (_a) {
         queryParams,
         lastIndexBC
     ]);
-    return React__default["default"].createElement("div", { className: styles$2X.breadcrumbComponent }, breadCrumbsRender);
+    return React__default["default"].createElement("div", { className: styles$2_.breadcrumbComponent }, breadCrumbsRender);
 };
 /**
  * Atom UI of breadcrumb
  */
-var Breadcrumb = Component$35;
+var Breadcrumb = Component$38;
 
-var styles$2W = {"magneto-ui-button":"mg_button_magneto-ui-button_2zrcl","magneto-ui-button__mobile-text":"mg_button_magneto-ui-button_mobile-text_2zrcl","magneto-ui-button__icon":"mg_button_magneto-ui-button_icon_2zrcl","hover-effect":"mg_button_hover-effect_2zrcl"};
+var styles$2Z = {"magneto-ui-button":"mg_button_magneto-ui-button_2zrcl","magneto-ui-button__mobile-text":"mg_button_magneto-ui-button_mobile-text_2zrcl","magneto-ui-button__icon":"mg_button_magneto-ui-button_icon_2zrcl","hover-effect":"mg_button_hover-effect_2zrcl"};
 
-var Component$34 = function (_a) {
+var Component$37 = function (_a) {
     var buttonText = _a.buttonText, buttonTitle = _a.buttonTitle, addHover = _a.addHover, onClick = _a.onClick, suffixIcon = _a.suffixIcon, prefixIcon = _a.prefixIcon, className = _a.className, _b = _a.iconSize, iconSize = _b === void 0 ? 20 : _b;
-    return (React__default["default"].createElement("button", { className: "".concat(className, " ").concat(styles$2W['magneto-ui-button'], " ").concat(addHover ? styles$2W['hover-effect'] : '', " "), type: "button", onClick: onClick, title: buttonTitle },
-        typeof suffixIcon === 'string' ? (React__default["default"].createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: addHover, className: styles$2W['magneto-ui-button__icon'] })) : (suffixIcon),
-        buttonText && React__default["default"].createElement("p", { className: styles$2W['magneto-ui-button__mobile-text'] }, buttonText),
-        typeof prefixIcon === 'string' ? (React__default["default"].createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: addHover, className: styles$2W['magneto-ui-button__icon'] })) : (prefixIcon)));
+    return (React__default["default"].createElement("button", { className: "".concat(className, " ").concat(styles$2Z['magneto-ui-button'], " ").concat(addHover ? styles$2Z['hover-effect'] : '', " "), type: "button", onClick: onClick, title: buttonTitle },
+        typeof suffixIcon === 'string' ? (React__default["default"].createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: addHover, className: styles$2Z['magneto-ui-button__icon'] })) : (suffixIcon),
+        buttonText && React__default["default"].createElement("p", { className: styles$2Z['magneto-ui-button__mobile-text'] }, buttonText),
+        typeof prefixIcon === 'string' ? (React__default["default"].createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: addHover, className: styles$2Z['magneto-ui-button__icon'] })) : (prefixIcon)));
 };
 /**
  * UI Atom Component of Save Button
  */
-var Button = Component$34;
+var Button = Component$37;
 
-var styles$2V = {"button-link":"mg_button_link_button-link_1iyy1","button-link__text":"mg_button_link_button-link_text_1iyy1"};
+var styles$2Y = {"button-link":"mg_button_link_button-link_1iyy1","button-link__text":"mg_button_link_button-link_text_1iyy1"};
 
-var Component$33 = function (_a) {
+var Component$36 = function (_a) {
     var buttonText = _a.buttonText, onClick = _a.onClick, suffixIcon = _a.suffixIcon, prefixIcon = _a.prefixIcon, className = _a.className, _b = _a.iconSize, iconSize = _b === void 0 ? 20 : _b, href = _a.href, rel = _a.rel, target = _a.target;
     var handleClick = React.useCallback(function (event) {
         if (onClick) {
@@ -1673,26 +1671,26 @@ var Component$33 = function (_a) {
             onClick();
         }
     }, [onClick]);
-    return (React__default["default"].createElement("a", { className: "".concat(className ? className : styles$2V['button-link']), type: "button", onClick: handleClick, href: href, rel: rel, target: target },
-        suffixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$2V['button-link__icon'] })),
-        buttonText && React__default["default"].createElement("p", { className: styles$2V['button-link__text'] }, buttonText),
-        prefixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$2V['button-link__icon'] }))));
+    return (React__default["default"].createElement("a", { className: "".concat(className ? className : styles$2Y['button-link']), type: "button", onClick: handleClick, href: href, rel: rel, target: target },
+        suffixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: suffixIcon, hover: true, className: styles$2Y['button-link__icon'] })),
+        buttonText && React__default["default"].createElement("p", { className: styles$2Y['button-link__text'] }, buttonText),
+        prefixIcon && (React__default["default"].createElement(IconItem, { size: iconSize, icon: prefixIcon, hover: true, className: styles$2Y['button-link__icon'] }))));
 };
 /**
  * UI Atom Component of Save Button
  */
-var ButtonLink = Component$33;
+var ButtonLink = Component$36;
 
-var styles$2U = {"checkbox":"mg_checkbox_checkbox_1w9e7","checkbox--inline":"mg_checkbox_checkbox--inline_1w9e7","checkbox--block":"mg_checkbox_checkbox--block_1w9e7","checkbox--background":"mg_checkbox_checkbox--background_1w9e7","checkbox--checked":"mg_checkbox_checkbox--checked_1w9e7","custom-checked":"mg_checkbox_custom-checked_1w9e7","checkbox__box":"mg_checkbox_checkbox_box_1w9e7","checkbox__box--checked":"mg_checkbox_checkbox_box--checked_1w9e7"};
+var styles$2X = {"checkbox":"mg_checkbox_checkbox_1w9e7","checkbox--inline":"mg_checkbox_checkbox--inline_1w9e7","checkbox--block":"mg_checkbox_checkbox--block_1w9e7","checkbox--background":"mg_checkbox_checkbox--background_1w9e7","checkbox--checked":"mg_checkbox_checkbox--checked_1w9e7","custom-checked":"mg_checkbox_custom-checked_1w9e7","checkbox__box":"mg_checkbox_checkbox_box_1w9e7","checkbox__box--checked":"mg_checkbox_checkbox_box--checked_1w9e7"};
 
-var cx$1k = classNames.bind(styles$2U);
+var cx$1k = classNames.bind(styles$2X);
 var defaultCheck = function (_a) {
     var type = _a.type, checked = _a.checked;
     if (type === 'background')
         return;
     return (React__default["default"].createElement("div", { "aria-checked": checked, role: "checkbox", className: cx$1k('checkbox__box', { 'checkbox__box--checked': checked }) }, checked ? React__default["default"].createElement(React__default["default"].Fragment, null, "\u2713") : null));
 };
-var Component$32 = function (_a) {
+var Component$35 = function (_a) {
     var id = _a.id, checked = _a.checked, _b = _a.onChange, onChange = _b === void 0 ? stubTrue : _b, children = _a.children, _c = _a.type, type = _c === void 0 ? 'box' : _c, className = _a.className, _d = _a.display, display = _d === void 0 ? 'inline' : _d, _e = _a.renderCheck, renderCheck = _e === void 0 ? defaultCheck : _e, rest = __rest(_a, ["id", "checked", "onChange", "children", "type", "className", "display", "renderCheck"]);
     return (React__default["default"].createElement("label", { className: cx$1k('checkbox', "checkbox--".concat(display), className, {
             'checkbox--checked': checked,
@@ -1705,7 +1703,7 @@ var Component$32 = function (_a) {
             }, type: "checkbox", id: id }, rest)),
         children));
 };
-var Checkbox = Component$32;
+var Checkbox = Component$35;
 
 var CollapseContext = React.createContext(undefined);
 var Provider$2 = function (_a) {
@@ -1737,10 +1735,10 @@ var context$2 = /*#__PURE__*/Object.freeze({
     useCollapse: useCollapse
 });
 
-var styles$2T = {"magneto-ui-collapse-body":"mg_collapse_body_magneto-ui-collapse-body_1sj1m","magneto-ui-collapse-body--visible":"mg_collapse_body_magneto-ui-collapse-body--visible_1sj1m","magneto-ui-collapse-body__container":"mg_collapse_body_magneto-ui-collapse-body_container_1sj1m","magneto-ui-collapse-body__container--visible":"mg_collapse_body_magneto-ui-collapse-body_container--visible_1sj1m","magneto-ui-collapse-body__content":"mg_collapse_body_magneto-ui-collapse-body_content_1sj1m","magneto-ui-collapse-body__content--visible":"mg_collapse_body_magneto-ui-collapse-body_content--visible_1sj1m"};
+var styles$2W = {"magneto-ui-collapse-body":"mg_collapse_body_magneto-ui-collapse-body_1sj1m","magneto-ui-collapse-body--visible":"mg_collapse_body_magneto-ui-collapse-body--visible_1sj1m","magneto-ui-collapse-body__container":"mg_collapse_body_magneto-ui-collapse-body_container_1sj1m","magneto-ui-collapse-body__container--visible":"mg_collapse_body_magneto-ui-collapse-body_container--visible_1sj1m","magneto-ui-collapse-body__content":"mg_collapse_body_magneto-ui-collapse-body_content_1sj1m","magneto-ui-collapse-body__content--visible":"mg_collapse_body_magneto-ui-collapse-body_content--visible_1sj1m"};
 
-var cx$1j = classNames.bind(styles$2T);
-var Component$31 = function (_a) {
+var cx$1j = classNames.bind(styles$2W);
+var Component$34 = function (_a) {
     var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
     var open = useCollapse().open;
     return (React__default["default"].createElement("div", __assign({}, props, { className: cx$1j('magneto-ui-collapse-body', {
@@ -1756,24 +1754,24 @@ var Component$31 = function (_a) {
 /**
  * Atom UI component child of Collapse
  */
-var CollapseBody = Component$31;
+var CollapseBody = Component$34;
 
-var styles$2S = {"magneto-ui-collapse-header":"mg_collapse_header_magneto-ui-collapse-header_1wc3x"};
+var styles$2V = {"magneto-ui-collapse-header":"mg_collapse_header_magneto-ui-collapse-header_1wc3x"};
 
-var cx$1i = classNames.bind(styles$2S);
-var Component$30 = function (_a) {
+var cx$1i = classNames.bind(styles$2V);
+var Component$33 = function (_a) {
     var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
     return (React__default["default"].createElement("header", __assign({ className: cx$1i('magneto-ui-collapse-header', className) }, props), children));
 };
 /**
  * Atom UI component child of Collapse
  */
-var CollapseHeader = Component$30;
+var CollapseHeader = Component$33;
 
-var styles$2R = {"magneto-ui-collapse-toggler":"mg_collapse_toggler_magneto-ui-collapse-toggler_1ngmx"};
+var styles$2U = {"magneto-ui-collapse-toggler":"mg_collapse_toggler_magneto-ui-collapse-toggler_1ngmx"};
 
-var cx$1h = classNames.bind(styles$2R);
-var Component$2$ = function (_a) {
+var cx$1h = classNames.bind(styles$2U);
+var Component$32 = function (_a) {
     var children = _a.children, className = _a.className, onClick = _a.onClick, props = __rest(_a, ["children", "className", "onClick"]);
     var _b = useCollapse(), open = _b.open, onChangeOpen = _b.onChangeOpen;
     var handleOnClick = React.useCallback(function (evt) {
@@ -1786,9 +1784,9 @@ var Component$2$ = function (_a) {
 /**
  * Atom UI component child of Collapse
  */
-var CollapseToggler = Component$2$;
+var CollapseToggler = Component$32;
 
-var Component$2_ = function (_a) {
+var Component$31 = function (_a) {
     var children = _a.children, defaultOpen = _a.defaultOpen, open = _a.open, onChangeOpen = _a.onChangeOpen, props = __rest(_a, ["children", "defaultOpen", "open", "onChangeOpen"]);
     return (React__default["default"].createElement(Provider$2, { defaultOpen: defaultOpen, open: open, onChangeOpen: onChangeOpen },
         React__default["default"].createElement("div", __assign({}, props), children)));
@@ -1796,43 +1794,43 @@ var Component$2_ = function (_a) {
 /**
  * Atom UI component of Collapse
  */
-var Collapse = Object.assign(Component$2_, __assign({ Body: CollapseBody, Header: CollapseHeader, Toggler: CollapseToggler }, context$2));
+var Collapse = Object.assign(Component$31, __assign({ Body: CollapseBody, Header: CollapseHeader, Toggler: CollapseToggler }, context$2));
 
-var styles$2Q = {"magneto-ui-comparative-counter":"mg_comparative_counter_magneto-ui-comparative-counter_1ue4r","error-label":"mg_comparative_counter_error-label_1ue4r"};
+var styles$2T = {"magneto-ui-comparative-counter":"mg_comparative_counter_magneto-ui-comparative-counter_1ue4r","error-label":"mg_comparative_counter_error-label_1ue4r"};
 
 var nf = new Intl.NumberFormat('de-DE');
-var Component$2Z = function (_a) {
+var Component$30 = function (_a) {
     var _b = _a.current, current = _b === void 0 ? 0 : _b, _c = _a.max, max = _c === void 0 ? 0 : _c, _d = _a.position, position = _d === void 0 ? 'left' : _d;
     var currentHigherMax = React.useMemo(function () {
         return current > max;
     }, [current, max]);
-    return (React__default["default"].createElement("p", { style: { textAlign: position }, className: "".concat(styles$2Q["".concat(classMUI, "-comparative-counter")], " ").concat(currentHigherMax ? styles$2Q['error-label'] : '') },
+    return (React__default["default"].createElement("p", { style: { textAlign: position }, className: "".concat(styles$2T["".concat(classMUI, "-comparative-counter")], " ").concat(currentHigherMax ? styles$2T['error-label'] : '') },
         nf.format(current),
         React__default["default"].createElement("span", null,
             " / ",
             nf.format(max))));
 };
-var ComparativeCounter = Component$2Z;
+var ComparativeCounter = Component$30;
 
-var styles$2P = {"magneto-ui--date-dropdown__icon":"mg_date_dropdown_magneto-ui--date-dropdown_icon_1xs1p","magneto-ui--date-dropdown__wrapper":"mg_date_dropdown_magneto-ui--date-dropdown_wrapper_1xs1p","magneto-ui--date-dropdown__select":"mg_date_dropdown_magneto-ui--date-dropdown_select_1xs1p","magneto-ui--date-dropdown__option":"mg_date_dropdown_magneto-ui--date-dropdown_option_1xs1p"};
+var styles$2S = {"magneto-ui--date-dropdown__icon":"mg_date_dropdown_magneto-ui--date-dropdown_icon_1xs1p","magneto-ui--date-dropdown__wrapper":"mg_date_dropdown_magneto-ui--date-dropdown_wrapper_1xs1p","magneto-ui--date-dropdown__select":"mg_date_dropdown_magneto-ui--date-dropdown_select_1xs1p","magneto-ui--date-dropdown__option":"mg_date_dropdown_magneto-ui--date-dropdown_option_1xs1p"};
 
-var Component$2Y = function (_a) {
+var Component$2$ = function (_a) {
     var placeholderLabel = _a.placeholderLabel, dateOptions = _a.dateOptions, _b = _a.selectedOption, selectedOption = _b === void 0 ? '' : _b, onOptionChanged = _a.onOptionChanged, _c = _a.disabled, disabled = _c === void 0 ? false : _c;
     var disabledArrow = React.useMemo(function () {
         if (disabled)
-            return (React__default["default"].createElement(IconItem, { className: styles$2P['magneto-ui--date-dropdown__icon'], icon: ArrowDown2, alt: "arrow-icon", size: 24 }));
+            return (React__default["default"].createElement(IconItem, { className: styles$2S['magneto-ui--date-dropdown__icon'], icon: ArrowDown2, alt: "arrow-icon", size: 24 }));
         return React__default["default"].createElement(IconItem, { icon: ArrowDown3, alt: "arrow-icon", size: 24 });
     }, [disabled]);
-    return (React__default["default"].createElement("div", { className: styles$2P['magneto-ui--date-dropdown__wrapper'] },
-        React__default["default"].createElement("select", { className: styles$2P["magneto-ui--date-dropdown__select"], value: selectedOption, onChange: onOptionChanged, disabled: disabled },
-            React__default["default"].createElement("option", { className: styles$2P['magneto-ui--date-dropdown__option'], value: "", disabled: true, hidden: true }, placeholderLabel), dateOptions === null || dateOptions === void 0 ? void 0 :
+    return (React__default["default"].createElement("div", { className: styles$2S['magneto-ui--date-dropdown__wrapper'] },
+        React__default["default"].createElement("select", { className: styles$2S["magneto-ui--date-dropdown__select"], value: selectedOption, onChange: onOptionChanged, disabled: disabled },
+            React__default["default"].createElement("option", { className: styles$2S['magneto-ui--date-dropdown__option'], value: "", disabled: true, hidden: true }, placeholderLabel), dateOptions === null || dateOptions === void 0 ? void 0 :
             dateOptions.map(function (_a) {
                 var optionValue = _a.optionValue, optionLabel = _a.optionLabel;
-                return (React__default["default"].createElement("option", { className: styles$2P['magneto-ui--date-dropdown__option'], key: optionValue, value: optionValue }, optionLabel));
+                return (React__default["default"].createElement("option", { className: styles$2S['magneto-ui--date-dropdown__option'], key: optionValue, value: optionValue }, optionLabel));
             })),
-        React__default["default"].createElement("span", { className: styles$2P['magneto-ui--date-dropdown__icon'] }, disabledArrow)));
+        React__default["default"].createElement("span", { className: styles$2S['magneto-ui--date-dropdown__icon'] }, disabledArrow)));
 };
-var DateDropdown = Component$2Y;
+var DateDropdown = Component$2$;
 
 var DateArray = /** @class */ (function () {
     function DateArray(array) {
@@ -1887,7 +1885,7 @@ var fixArrayDate = function (array) {
     return dateArray.setArray(array).fixMonth().getArray();
 };
 
-var styles$2O = {"date-input":"mg_date_input_date-input_1o5wy","date-input__input":"mg_date_input_date-input_input_1o5wy","date-input__separator":"mg_date_input_date-input_separator_1o5wy","date-input__separator--filled":"mg_date_input_date-input_separator--filled_1o5wy","date-input--fit":"mg_date_input_date-input--fit_1o5wy","date-input--error":"mg_date_input_date-input--error_1o5wy","date-input__left":"mg_date_input_date-input_left_1o5wy","date-input__right":"mg_date_input_date-input_right_1o5wy"};
+var styles$2R = {"date-input":"mg_date_input_date-input_1o5wy","date-input__input":"mg_date_input_date-input_input_1o5wy","date-input__separator":"mg_date_input_date-input_separator_1o5wy","date-input__separator--filled":"mg_date_input_date-input_separator--filled_1o5wy","date-input--fit":"mg_date_input_date-input--fit_1o5wy","date-input--error":"mg_date_input_date-input--error_1o5wy","date-input__left":"mg_date_input_date-input_left_1o5wy","date-input__right":"mg_date_input_date-input_right_1o5wy"};
 
 // placeholder to every input.
 var placeholder = ['D', 'D', 'M', 'M', 'A', 'A', 'A', 'A'];
@@ -1895,7 +1893,7 @@ var stringArraytoDate = function (array) {
     var d1 = array[0], d2 = array[1], m1 = array[2], m2 = array[3], year = array.slice(4);
     return new Date(Number(year.join('')), Number("".concat(m1).concat(m2)) - 1, Number("".concat(d1).concat(d2)));
 };
-var Component$2X = function (_a) {
+var Component$2_ = function (_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, value = _a.value, _c = _a.onChange, onChange = _c === void 0 ? function () { return null; } : _c, _d = _a.fit, fit = _d === void 0 ? false : _d, _e = _a.hasError, hasError = _e === void 0 ? false : _e;
     // Represent the value of every input field (there are 8 in total).
     var _f = React.useState(Array(8).fill('')), internalValues = _f[0], setInternalValues = _f[1];
@@ -1998,30 +1996,30 @@ var Component$2X = function (_a) {
         }
     }, []);
     return (React__default["default"].createElement("div", { className: [
-            styles$2O['date-input'],
+            styles$2R['date-input'],
             className,
-            fit ? styles$2O['date-input--fit'] : '',
-            hasError ? styles$2O['date-input--error'] : ''
+            fit ? styles$2R['date-input--fit'] : '',
+            hasError ? styles$2R['date-input--error'] : ''
         ].join(' ') },
-        React__default["default"].createElement("div", { className: styles$2O['date-input__left'], onClick: function () {
+        React__default["default"].createElement("div", { className: styles$2R['date-input__left'], onClick: function () {
                 var _a;
                 (_a = inputsRef.current[0]) === null || _a === void 0 ? void 0 : _a.focus();
             } }),
         internalValues.map(function (value, index) { return (React__default["default"].createElement(React__default["default"].Fragment, { key: index },
             [2, 4].includes(index) ? (
             // include / separator in date (DD / MM / YYYY)
-            React__default["default"].createElement("span", { className: [styles$2O['date-input__separator'], value ? styles$2O['date-input__separator--filled'] : ''].join(' ') }, "/")) : null,
-            React__default["default"].createElement("input", { className: styles$2O['date-input__input'], style: { width: width }, type: "text", maxLength: 1, value: value, placeholder: placeholder[index], onChange: function (e) { return handleChange(index, e.target.value); }, onKeyDown: function (e) { return handleKeyDown(index, e.key); }, onPaste: function (e) { return handlePaste(index, e); }, ref: function (el) { return (inputsRef.current[index] = el); }, inputMode: "numeric" }))); }),
-        React__default["default"].createElement("div", { className: styles$2O['date-input__right'], onClick: function () {
+            React__default["default"].createElement("span", { className: [styles$2R['date-input__separator'], value ? styles$2R['date-input__separator--filled'] : ''].join(' ') }, "/")) : null,
+            React__default["default"].createElement("input", { className: styles$2R['date-input__input'], style: { width: width }, type: "text", maxLength: 1, value: value, placeholder: placeholder[index], onChange: function (e) { return handleChange(index, e.target.value); }, onKeyDown: function (e) { return handleKeyDown(index, e.key); }, onPaste: function (e) { return handlePaste(index, e); }, ref: function (el) { return (inputsRef.current[index] = el); }, inputMode: "numeric" }))); }),
+        React__default["default"].createElement("div", { className: styles$2R['date-input__right'], onClick: function () {
                 var _a;
                 (_a = inputsRef.current[inputsRef.current.length - 1]) === null || _a === void 0 ? void 0 : _a.focus();
             } })));
 };
-var DateInput = Component$2X;
+var DateInput = Component$2_;
 
 var style$15 = {"divider":"mg_divider_divider_1vn87"};
 
-var Component$2W = function (_a) {
+var Component$2Z = function (_a) {
     var _b = _a.direction, direction = _b === void 0 ? 'HORIZONTAL' : _b, _c = _a.spacing, spacing = _c === void 0 ? 0 : _c;
     var inlineStyle = direction == 'HORIZONTAL'
         ? { width: 'calc(100% - 10px)', height: 1, margin: "".concat(spacing, "px 0px") }
@@ -2031,19 +2029,19 @@ var Component$2W = function (_a) {
 /**
  * Atom UI Divider Component
  */
-var Divider = Component$2W;
+var Divider = Component$2Z;
 
-var styles$2N = {"dots-loader":"mg_dots_loader_dots-loader_zwly0","dots-loader__dot":"mg_dots_loader_dots-loader_dot_zwly0","bounce":"mg_dots_loader_bounce_zwly0"};
+var styles$2Q = {"dots-loader":"mg_dots_loader_dots-loader_zwly0","dots-loader__dot":"mg_dots_loader_dots-loader_dot_zwly0","bounce":"mg_dots_loader_bounce_zwly0"};
 
-var Component$2V = function (_a) {
+var Component$2Y = function (_a) {
     var _b = _a.count, count = _b === void 0 ? 3 : _b, _c = _a.color, color = _c === void 0 ? '#000' : _c;
-    return (React__default["default"].createElement("div", { className: styles$2N['dots-loader'] }, Array.from({ length: count }).map(function (_, index) { return (React__default["default"].createElement("span", { key: index, className: styles$2N['dots-loader__dot'], style: { animationDelay: "".concat(index * 0.2, "s"), backgroundColor: color } })); })));
+    return (React__default["default"].createElement("div", { className: styles$2Q['dots-loader'] }, Array.from({ length: count }).map(function (_, index) { return (React__default["default"].createElement("span", { key: index, className: styles$2Q['dots-loader__dot'], style: { animationDelay: "".concat(index * 0.2, "s"), backgroundColor: color } })); })));
 };
-var DotsLoader = Component$2V;
+var DotsLoader = Component$2Y;
 
-var styles$2M = {"magneto-ui-flat-loader":"mg_flat_loader_magneto-ui-flat-loader_q96bq","rotation":"mg_flat_loader_rotation_q96bq"};
+var styles$2P = {"magneto-ui-flat-loader":"mg_flat_loader_magneto-ui-flat-loader_q96bq","rotation":"mg_flat_loader_rotation_q96bq"};
 
-var Component$2U = function (_a) {
+var Component$2X = function (_a) {
     var color = _a.color, size = _a.size, secondColor = _a.secondColor;
     var loadingSize = React.useMemo(function () {
         if (size) {
@@ -2057,63 +2055,63 @@ var Component$2U = function (_a) {
             height: '15px'
         };
     }, [size]);
-    return (React__default["default"].createElement("div", { style: __assign(__assign({}, loadingSize), { border: "2px solid ".concat(color || '#090467'), borderBottomColor: secondColor || 'white' }), className: styles$2M["".concat(classMUI, "-flat-loader")] }));
+    return (React__default["default"].createElement("div", { style: __assign(__assign({}, loadingSize), { border: "2px solid ".concat(color || '#090467'), borderBottomColor: secondColor || 'white' }), className: styles$2P["".concat(classMUI, "-flat-loader")] }));
 };
-var FlatLoader = Component$2U;
+var FlatLoader = Component$2X;
 
-var styles$2L = {"headerTabComponent":"mg_header_tab_headerTabComponent_1mp3q","headerTabComponent__count":"mg_header_tab_headerTabComponent_count_1mp3q","headerTabComponent__text":"mg_header_tab_headerTabComponent_text_1mp3q"};
+var styles$2O = {"headerTabComponent":"mg_header_tab_headerTabComponent_1mp3q","headerTabComponent__count":"mg_header_tab_headerTabComponent_count_1mp3q","headerTabComponent__text":"mg_header_tab_headerTabComponent_text_1mp3q"};
 
-var Component$2T = function (_a) {
+var Component$2W = function (_a) {
     var tabType = _a.tabType, tabText = _a.tabText, url = _a.url, isActive = _a.isActive, _b = _a.count, count = _b === void 0 ? 0 : _b;
     var TabLink = tabType === 'tabOption' ? url : '';
-    return (React__default["default"].createElement(React__default["default"].Fragment, null, tabType === 'tabTitle' ? (React__default["default"].createElement("div", { className: styles$2L.headerTabComponent, "data-tab-type": "tabTitle" },
-        count > 0 && React__default["default"].createElement(Badge, { number: count, className: styles$2L['headerTabComponent__count'] }),
-        React__default["default"].createElement("p", { className: styles$2L['headerTabComponent__text'] }, tabText))) : (React__default["default"].createElement("a", { className: styles$2L.headerTabComponent, href: TabLink, "data-tab-type": "tabOption", "data-is-active": isActive },
-        count > 0 && React__default["default"].createElement(Badge, { number: count, className: styles$2L['headerTabComponent__count'] }),
-        React__default["default"].createElement("p", { className: styles$2L['headerTabComponent__text'] }, tabText)))));
+    return (React__default["default"].createElement(React__default["default"].Fragment, null, tabType === 'tabTitle' ? (React__default["default"].createElement("div", { className: styles$2O.headerTabComponent, "data-tab-type": "tabTitle" },
+        count > 0 && React__default["default"].createElement(Badge, { number: count, className: styles$2O['headerTabComponent__count'] }),
+        React__default["default"].createElement("p", { className: styles$2O['headerTabComponent__text'] }, tabText))) : (React__default["default"].createElement("a", { className: styles$2O.headerTabComponent, href: TabLink, "data-tab-type": "tabOption", "data-is-active": isActive },
+        count > 0 && React__default["default"].createElement(Badge, { number: count, className: styles$2O['headerTabComponent__count'] }),
+        React__default["default"].createElement("p", { className: styles$2O['headerTabComponent__text'] }, tabText)))));
 };
 /**
  * UI Atom component for HeaderTab
  */
-var HeaderTab = Component$2T;
+var HeaderTab = Component$2W;
 
-var styles$2K = {"magneto-ui-play-button":"mg_image_magneto-ui-play-button_7q9yc"};
+var styles$2N = {"magneto-ui-play-button":"mg_image_magneto-ui-play-button_7q9yc"};
 
 var Image = function (_a) {
     var image = _a.image, alt = _a.alt, playIcon = _a.playIcon, className = _a.className;
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
         React__default["default"].createElement("img", { src: image, alt: alt, loading: "lazy", className: className }),
-        playIcon && React__default["default"].createElement("div", { className: styles$2K['magneto-ui-play-button'] }, playIcon)));
+        playIcon && React__default["default"].createElement("div", { className: styles$2N['magneto-ui-play-button'] }, playIcon)));
 };
 
 var style$14 = {"magneto-ui-input-file-button":"mg_input_file_button_magneto-ui-input-file-button_18zx0"};
 
 var cx$1g = classNames.bind(style$14);
-var Component$2S = function (_a) {
+var Component$2V = function (_a) {
     var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
     return (React__default["default"].createElement("button", __assign({ className: cx$1g('magneto-ui-input-file-button', className) }, props), children));
 };
 /**
  * Atom UI child component of Input File
  */
-var InputFileButton = Component$2S;
+var InputFileButton = Component$2V;
 
 var style$13 = {"magneto-ui-input-file-container":"mg_input_file_container_magneto-ui-input-file-container_1b7ef"};
 
 var cx$1f = classNames.bind(style$13);
-var Component$2R = function (_a) {
+var Component$2U = function (_a) {
     var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
     return (React__default["default"].createElement("div", __assign({ className: cx$1f('magneto-ui-input-file-container', className) }, props), children));
 };
 /**
  * Atom UI component of Input File
  */
-var InputFileContainer = Component$2R;
+var InputFileContainer = Component$2U;
 
 var style$12 = {"magneto-ui-input-file":"mg_input_file_magneto-ui-input-file_18kpr"};
 
 var cx$1e = classNames.bind(style$12);
-var Component$2Q = function (_a) {
+var Component$2T = function (_a) {
     var children = _a.children, className = _a.className, onChange = _a.onChange, props = __rest(_a, ["children", "className", "onChange"]);
     var inputFileRef = React.useRef(null);
     var handleFileClick = function () {
@@ -2143,7 +2141,7 @@ var Component$2Q = function (_a) {
 /**
  * Atom UI component of Input File
  */
-var InputFile = Object.assign(Component$2Q, {
+var InputFile = Object.assign(Component$2T, {
     Button: InputFileButton,
     Container: InputFileContainer
 });
@@ -2165,66 +2163,66 @@ var InputSearch = function (_a) {
             React__default["default"].createElement(IconItem, { icon: Close, alt: "search-icon" }))) : (hasASearchFunction)));
 };
 
-var styles$2J = {"magneto-ui-job-company-logo":"mg_job_company_logo_magneto-ui-job-company-logo_roy42"};
+var styles$2M = {"magneto-ui-job-company-logo":"mg_job_company_logo_magneto-ui-job-company-logo_roy42"};
 
-var Component$2P = function (_a) {
+var Component$2S = function (_a) {
     var offerCompanyLogo = _a.offerCompanyLogo, alt = _a.alt;
     if (typeof offerCompanyLogo === 'string' || !offerCompanyLogo) {
-        return (React__default["default"].createElement("div", { className: styles$2J['magneto-ui-job-company-logo'] },
+        return (React__default["default"].createElement("div", { className: styles$2M['magneto-ui-job-company-logo'] },
             React__default["default"].createElement("img", { src: offerCompanyLogo ? offerCompanyLogo : NoLogo, loading: "lazy", width: '100px', height: '100px', alt: alt })));
     }
-    return React__default["default"].createElement("div", { className: styles$2J['magneto-ui-job-company-logo'] }, offerCompanyLogo);
+    return React__default["default"].createElement("div", { className: styles$2M['magneto-ui-job-company-logo'] }, offerCompanyLogo);
 };
 /**
  * UI Atom component of Company Logo
  */
-var JobCompanyLogo = Component$2P;
+var JobCompanyLogo = Component$2S;
 
-var styles$2I = {"magneto-ui-job-header":"mg_job_header_magneto-ui-job-header_vn7ok","magneto-ui-job-header__title":"mg_job_header_magneto-ui-job-header_title_vn7ok","magneto-ui-job-header__subtitle":"mg_job_header_magneto-ui-job-header_subtitle_vn7ok","magneto-ui-job-header__link":"mg_job_header_magneto-ui-job-header_link_vn7ok"};
+var styles$2L = {"magneto-ui-job-header":"mg_job_header_magneto-ui-job-header_vn7ok","magneto-ui-job-header__title":"mg_job_header_magneto-ui-job-header_title_vn7ok","magneto-ui-job-header__subtitle":"mg_job_header_magneto-ui-job-header_subtitle_vn7ok","magneto-ui-job-header__link":"mg_job_header_magneto-ui-job-header_link_vn7ok"};
 
-var Component$2O = function (_a) {
+var Component$2R = function (_a) {
     var title = _a.title, styles = _a.styles;
     return React__default["default"].createElement("h1", { className: styles }, title && title);
 };
 /**
  * UI Children H1 Component for JobDetailsDrawer
  */
-var MainTitleJobDetails = Component$2O;
+var MainTitleJobDetails = Component$2R;
 
-var Component$2N = function (_a) {
+var Component$2Q = function (_a) {
     var title = _a.title, styles = _a.styles;
     return React__default["default"].createElement("p", { className: styles }, title && title);
 };
 /**
  * UI Children P Component for JobDetailsDrawer
  */
-var SubTitleJobDetails = Component$2N;
+var SubTitleJobDetails = Component$2Q;
 
-var Component$2M = function (_a) {
+var Component$2P = function (_a) {
     var offerTitle = _a.offerTitle, offerCompanyName = _a.offerCompanyName, offerCompanyLink = _a.offerCompanyLink, isHidden = _a.isHidden, typeTitle = _a.typeTitle;
     var showCompanyName = React.useMemo(function () {
         if (isHidden || !offerCompanyName)
             return React__default["default"].createElement(React.Fragment, null);
         if (offerCompanyLink) {
-            return (React__default["default"].createElement("a", { className: styles$2I['magneto-ui-job-header__link'], href: offerCompanyLink, title: offerCompanyName }, offerCompanyName));
+            return (React__default["default"].createElement("a", { className: styles$2L['magneto-ui-job-header__link'], href: offerCompanyLink, title: offerCompanyName }, offerCompanyName));
         }
-        return React__default["default"].createElement("h2", { className: styles$2I['magneto-ui-job-header__subtitle'] }, offerCompanyName);
+        return React__default["default"].createElement("h2", { className: styles$2L['magneto-ui-job-header__subtitle'] }, offerCompanyName);
     }, [isHidden, offerCompanyLink, offerCompanyName]);
     var GenerateTitle = function () {
         if (typeTitle === TYPE_TITLE.SUB_TITLE)
-            return React__default["default"].createElement(SubTitleJobDetails, { styles: styles$2I['magneto-ui-job-header__title'], title: String(offerTitle) });
-        return React__default["default"].createElement(MainTitleJobDetails, { styles: styles$2I['magneto-ui-job-header__title'], title: String(offerTitle) });
+            return React__default["default"].createElement(SubTitleJobDetails, { styles: styles$2L['magneto-ui-job-header__title'], title: String(offerTitle) });
+        return React__default["default"].createElement(MainTitleJobDetails, { styles: styles$2L['magneto-ui-job-header__title'], title: String(offerTitle) });
     };
-    return (React__default["default"].createElement("div", { className: styles$2I['magneto-ui-job-header'] },
+    return (React__default["default"].createElement("div", { className: styles$2L['magneto-ui-job-header'] },
         GenerateTitle(),
         showCompanyName));
 };
 /**
  * UI Atom component of Job Header
  */
-var JobHeader = Component$2M;
+var JobHeader = Component$2P;
 
-var styles$2H = {"linkComponent":"mg_link_linkComponent_1sftl"};
+var styles$2K = {"linkComponent":"mg_link_linkComponent_1sftl"};
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 var toCSSVariables = function (input) {
@@ -2240,33 +2238,33 @@ var toCSSVariables = function (input) {
     return output;
 };
 
-var Component$2L = function (_a) {
+var Component$2O = function (_a) {
     var type = _a.type, href = _a.href, text = _a.text, title = _a.title, iconProps = _a.iconProps, linkStyles = _a.linkStyles, isMobile = _a.isMobile, rel = _a.rel, target = _a.target;
     var stylesValue = React.useMemo(function () { return toCSSVariables(linkStyles); }, [linkStyles]);
-    return (React__default["default"].createElement("a", { className: styles$2H.linkComponent, style: stylesValue, href: href, title: title ? title : text, "data-link-type": type, "data-is-mobile": isMobile, rel: rel, target: target },
+    return (React__default["default"].createElement("a", { className: styles$2K.linkComponent, style: stylesValue, href: href, title: title ? title : text, "data-link-type": type, "data-is-mobile": isMobile, rel: rel, target: target },
         iconProps && React__default["default"].createElement(IconItem, __assign({}, iconProps)),
         !isMobile && React__default["default"].createElement("p", null, text)));
 };
 /**
  * Atomic UI component for Link
  */
-var Link = Component$2L;
+var Link = Component$2O;
 
-var styles$2G = {"loadingComponent":"mg_loading_loadingComponent_qi83n","animate":"mg_loading_animate_qi83n"};
+var styles$2J = {"loadingComponent":"mg_loading_loadingComponent_qi83n","animate":"mg_loading_animate_qi83n"};
 
-var Component$2K = function (_a) {
+var Component$2N = function (_a) {
     var loadingIcon = _a.loadingIcon;
-    return (React__default["default"].createElement("div", { className: styles$2G.loadingComponent },
+    return (React__default["default"].createElement("div", { className: styles$2J.loadingComponent },
         React__default["default"].createElement(IconItem, __assign({}, loadingIcon))));
 };
 /**
  * Atom UI component of loading icon for general purpose
  */
-var Loading = Component$2K;
+var Loading = Component$2N;
 
 var style$10 = {"magneto-ui-logo":"mg_logo_magneto-ui-logo_e7jog","magneto-ui-isologo":"mg_logo_magneto-ui-isologo_e7jog"};
 
-var Component$2J = function (_a) {
+var Component$2M = function (_a) {
     var fallbackImage = _a.fallbackImage, _b = _a.showDefaultFallback, showDefaultFallback = _b === void 0 ? true : _b, _c = _a.isoView, isoView = _c === void 0 ? false : _c, logo = _a.logo, isoType = _a.isoType, alt = _a.alt;
     var _d = React.useState(false), imageError = _d[0], setImageError = _d[1];
     var handleError = function () {
@@ -2278,11 +2276,11 @@ var Component$2J = function (_a) {
         return null;
     return (React__default["default"].createElement("img", { className: style$10[logoWidth], src: logoSrc, alt: alt, width: isoView ? '25px' : '110px', height: "auto", loading: "lazy", onError: handleError }));
 };
-var LogoComponent = Component$2J;
+var LogoComponent = Component$2M;
 
-var styles$2F = {"MainButtonComponent":"mg_main_button_MainButtonComponent_lh5z0","disabled":"mg_main_button_disabled_lh5z0"};
+var styles$2I = {"MainButtonComponent":"mg_main_button_MainButtonComponent_lh5z0","disabled":"mg_main_button_disabled_lh5z0"};
 
-var Component$2I = function (_a) {
+var Component$2L = function (_a) {
     var buttonType = _a.buttonType, buttonSize = _a.buttonSize, buttonText = _a.buttonText, buttonStyles = _a.buttonStyles, loadingState = _a.loadingState, iconProps = _a.iconProps, isMobile = _a.isMobile, className = _a.className, _b = _a.title, title = _b === void 0 ? '' : _b, disabled = _a.disabled, onClick = _a.onClick;
     var stylesValue = React.useMemo(function () { return toCSSVariables(buttonStyles); }, [buttonStyles]);
     var renderContent = function () {
@@ -2295,27 +2293,27 @@ var Component$2I = function (_a) {
             iconProps && React__default["default"].createElement(IconItem, __assign({}, iconProps)),
             !isMobile && React__default["default"].createElement("p", null, buttonText)));
     };
-    return (React__default["default"].createElement("button", { className: "".concat(styles$2F.MainButtonComponent, " ").concat(className, " ").concat(disabled ? styles$2F.disabled : ''), type: buttonType, style: stylesValue, onClick: onClick, "data-button-size": buttonSize, "data-is-mobile": isMobile, title: title ? title : buttonText, disabled: disabled }, renderContent()));
+    return (React__default["default"].createElement("button", { className: "".concat(styles$2I.MainButtonComponent, " ").concat(className, " ").concat(disabled ? styles$2I.disabled : ''), type: buttonType, style: stylesValue, onClick: onClick, "data-button-size": buttonSize, "data-is-mobile": isMobile, title: title ? title : buttonText, disabled: disabled }, renderContent()));
 };
 /**
  * Atom UI component of button for general purpose
  */
-var MainButton = Component$2I;
+var MainButton = Component$2L;
 
-var styles$2E = {"magneto-ui-mega-menu-tab":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_f61nm","magneto-ui-mega-menu-tab__icon":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_icon_f61nm","magneto-ui-mega-menu-tab__selected":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_selected_f61nm","magneto-ui-mega-menu-tab__label":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_label_f61nm","magneto-ui-mega-menu-tab__label-selected":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_label-selected_f61nm"};
+var styles$2H = {"magneto-ui-mega-menu-tab":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_f61nm","magneto-ui-mega-menu-tab__icon":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_icon_f61nm","magneto-ui-mega-menu-tab__selected":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_selected_f61nm","magneto-ui-mega-menu-tab__label":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_label_f61nm","magneto-ui-mega-menu-tab__label-selected":"mg_mega_menu_tab_magneto-ui-mega-menu-tab_label-selected_f61nm"};
 
-var styles$2D = {"magneto-ui--search-item":"mg_search_item_magneto-ui--search-item_15w47","magneto-ui--search-item__text":"mg_search_item_magneto-ui--search-item_text_15w47"};
+var styles$2G = {"magneto-ui--search-item":"mg_search_item_magneto-ui--search-item_15w47","magneto-ui--search-item__text":"mg_search_item_magneto-ui--search-item_text_15w47"};
 
-var Component$2H = function (_a) {
+var Component$2K = function (_a) {
     var tag = _a.tag, url = _a.url, className = _a.className, _b = _a.icon, icon = _b === void 0 ? ArrowRight2 : _b;
-    return (React__default["default"].createElement("a", { title: tag, className: "".concat(className ? className : styles$2D['magneto-ui--search-item']), href: url },
-        React__default["default"].createElement("p", { className: styles$2D['magneto-ui--search-item__text'] }, tag),
+    return (React__default["default"].createElement("a", { title: tag, className: "".concat(className ? className : styles$2G['magneto-ui--search-item']), href: url },
+        React__default["default"].createElement("p", { className: styles$2G['magneto-ui--search-item__text'] }, tag),
         React__default["default"].createElement(IconItem, { alt: "arrow icon", hover: false, icon: icon, size: 14 })));
 };
 /**
  * UI Atom component of Search Item
  */
-var SearchItem = Component$2H;
+var SearchItem = Component$2K;
 
 var MegaMenuTab = function (_a) {
     var label = _a.label, selected = _a.selected, url = _a.url, _b = _a.showArrow, showArrow = _b === void 0 ? true : _b;
@@ -2324,32 +2322,32 @@ var MegaMenuTab = function (_a) {
             return '';
         return ArrowDown2;
     }, [selected, showArrow]);
-    return (React__default["default"].createElement("div", { className: "".concat(styles$2E["".concat(classMUI, "-mega-menu-tab")], " ").concat(selected ? styles$2E["".concat(classMUI, "-mega-menu-tab__selected")] : '') },
-        React__default["default"].createElement(SearchItem, { tag: label, url: url, icon: icon, className: "".concat(styles$2E["".concat(classMUI, "-mega-menu-tab__label")], " ").concat(selected ? styles$2E["".concat(classMUI, "-mega-menu-tab__label-selected")] : '') })));
+    return (React__default["default"].createElement("div", { className: "".concat(styles$2H["".concat(classMUI, "-mega-menu-tab")], " ").concat(selected ? styles$2H["".concat(classMUI, "-mega-menu-tab__selected")] : '') },
+        React__default["default"].createElement(SearchItem, { tag: label, url: url, icon: icon, className: "".concat(styles$2H["".concat(classMUI, "-mega-menu-tab__label")], " ").concat(selected ? styles$2H["".concat(classMUI, "-mega-menu-tab__label-selected")] : '') })));
 };
 
-var styles$2C = {"magneto-ui-menu-dropdown-list":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_18usg","magneto-ui-menu-dropdown-list--visible":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list--visible_18usg","magneto-ui-menu-dropdown-list__container":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_container_18usg","magneto-ui-menu-dropdown-list__container--visible":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_container--visible_18usg","magneto-ui-menu-dropdown-list__children":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_children_18usg","magneto-ui-menu-dropdown-list__children--visible":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_children--visible_18usg"};
+var styles$2F = {"magneto-ui-menu-dropdown-list":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_18usg","magneto-ui-menu-dropdown-list--visible":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list--visible_18usg","magneto-ui-menu-dropdown-list__container":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_container_18usg","magneto-ui-menu-dropdown-list__container--visible":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_container--visible_18usg","magneto-ui-menu-dropdown-list__children":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_children_18usg","magneto-ui-menu-dropdown-list__children--visible":"mg_menu_dropdown_list_magneto-ui-menu-dropdown-list_children--visible_18usg"};
 
-var Component$2G = function (_a) {
+var Component$2J = function (_a) {
     var children = _a.children, listClassName = _a.listClassName, opened = _a.opened;
-    return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2C, cls: ['menu-dropdown-list', opened && 'menu-dropdown-list--visible'] }) },
+    return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2F, cls: ['menu-dropdown-list', opened && 'menu-dropdown-list--visible'] }) },
         React__default["default"].createElement("div", { className: CNM.get({
-                styles: styles$2C,
+                styles: styles$2F,
                 cls: ['menu-dropdown-list__container', opened && 'menu-dropdown-list__container--visible']
             }) },
             React__default["default"].createElement("div", { className: CNM.get({
-                    styles: styles$2C,
+                    styles: styles$2F,
                     cls: ['menu-dropdown-list__children', opened && 'menu-dropdown-list__children--visible', listClassName]
                 }) }, children))));
 };
 /**
  * Atom UI child component of menu dropdown
  */
-var MenuDropdownList = Component$2G;
+var MenuDropdownList = Component$2J;
 
-var styles$2B = {"magneto-ui-menu-dropdown__content":"mg_menu_dropdown_magneto-ui-menu-dropdown_content_v03jf","magneto-ui-menu-dropdown__container":"mg_menu_dropdown_magneto-ui-menu-dropdown_container_v03jf","magneto-ui-menu-dropdown__title":"mg_menu_dropdown_magneto-ui-menu-dropdown_title_v03jf","magneto-ui-menu-dropdown__suffix":"mg_menu_dropdown_magneto-ui-menu-dropdown_suffix_v03jf","magneto-ui-menu-dropdown__suffix--visible":"mg_menu_dropdown_magneto-ui-menu-dropdown_suffix--visible_v03jf"};
+var styles$2E = {"magneto-ui-menu-dropdown__content":"mg_menu_dropdown_magneto-ui-menu-dropdown_content_v03jf","magneto-ui-menu-dropdown__container":"mg_menu_dropdown_magneto-ui-menu-dropdown_container_v03jf","magneto-ui-menu-dropdown__title":"mg_menu_dropdown_magneto-ui-menu-dropdown_title_v03jf","magneto-ui-menu-dropdown__suffix":"mg_menu_dropdown_magneto-ui-menu-dropdown_suffix_v03jf","magneto-ui-menu-dropdown__suffix--visible":"mg_menu_dropdown_magneto-ui-menu-dropdown_suffix--visible_v03jf"};
 
-var Component$2F = function (_a) {
+var Component$2I = function (_a) {
     var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.listClassName, listClassName = _c === void 0 ? '' : _c, onClick = _a.onClick, opened = _a.opened, prefixIcon = _a.prefixIcon, _d = _a.suffixIcon, suffixIcon = _d === void 0 ? { icon: ArrowDownWhite } : _d, title = _a.title;
     var _e = React.useState(opened), localOpened = _e[0], setLocalOpened = _e[1];
     var toggleOptions = React.useCallback(function () {
@@ -2364,13 +2362,13 @@ var Component$2F = function (_a) {
     var handleButtonClick = React.useCallback(function (e) {
         e.stopPropagation();
     }, []);
-    return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2B, cls: ['menu-dropdown', className] }), onClick: toggleOptions },
-        React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2B, cls: ['menu-dropdown__content'] }) },
-            React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2B, cls: ['menu-dropdown__container'] }) },
+    return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2E, cls: ['menu-dropdown', className] }), onClick: toggleOptions },
+        React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2E, cls: ['menu-dropdown__content'] }) },
+            React__default["default"].createElement("div", { className: CNM.get({ styles: styles$2E, cls: ['menu-dropdown__container'] }) },
                 prefixIcon && React__default["default"].createElement(IconItem, __assign({ size: 18 }, prefixIcon)),
-                React__default["default"].createElement("span", { className: CNM.get({ styles: styles$2B, cls: ['menu-dropdown__title'] }) }, title),
+                React__default["default"].createElement("span", { className: CNM.get({ styles: styles$2E, cls: ['menu-dropdown__title'] }) }, title),
                 React__default["default"].createElement("div", { className: CNM.get({
-                        styles: styles$2B,
+                        styles: styles$2E,
                         cls: ['menu-dropdown__suffix', localOpened && 'menu-dropdown__suffix--visible']
                     }) },
                     React__default["default"].createElement(IconItem, __assign({ size: 18 }, suffixIcon)))),
@@ -2380,7 +2378,7 @@ var Component$2F = function (_a) {
 /**
  * Atom UI component of menu dropdown
  */
-var MenuDropdown = Component$2F;
+var MenuDropdown = Component$2I;
 
 var style$$ = {"magneto-ui-menu-item":"mg_menu_items_magneto-ui-menu-item_1dxy3","is-active":"mg_menu_items_is-active_1dxy3"};
 
@@ -2393,7 +2391,7 @@ var MenuItem = function (_a) {
             React__default["default"].createElement("p", null, text))));
 };
 
-var styles$2A = {"container":"mg_multi_range_slider_container_y44v2","slider":"mg_multi_range_slider_slider_y44v2","track":"mg_multi_range_slider_track_y44v2","range":"mg_multi_range_slider_range_y44v2","values":"mg_multi_range_slider_values_y44v2","left_value":"mg_multi_range_slider_left_value_y44v2","right_value":"mg_multi_range_slider_right_value_y44v2","thumb":"mg_multi_range_slider_thumb_y44v2","zIndex_3":"mg_multi_range_slider_zIndex_3_y44v2","zIndex_4":"mg_multi_range_slider_zIndex_4_y44v2","zIndex_5":"mg_multi_range_slider_zIndex_5_y44v2"};
+var styles$2D = {"container":"mg_multi_range_slider_container_y44v2","slider":"mg_multi_range_slider_slider_y44v2","track":"mg_multi_range_slider_track_y44v2","range":"mg_multi_range_slider_range_y44v2","values":"mg_multi_range_slider_values_y44v2","left_value":"mg_multi_range_slider_left_value_y44v2","right_value":"mg_multi_range_slider_right_value_y44v2","thumb":"mg_multi_range_slider_thumb_y44v2","zIndex_3":"mg_multi_range_slider_zIndex_3_y44v2","zIndex_4":"mg_multi_range_slider_zIndex_4_y44v2","zIndex_5":"mg_multi_range_slider_zIndex_5_y44v2"};
 
 var MultiRangeSlider = function (_a) {
     var min = _a.min, max = _a.max, currentMin = _a.currentMin, currentMax = _a.currentMax, _b = _a.showValues, showValues = _b === void 0 ? true : _b, onChange = _a.onChange, currency = _a.currency, _c = _a.steps, steps = _c === void 0 ? 0 : _c, _d = _a.size, size = _d === void 0 ? 260 : _d, defaultMin = _a.defaultMin, defaultMax = _a.defaultMax;
@@ -2451,36 +2449,36 @@ var MultiRangeSlider = function (_a) {
     var handleMouseUpValues = React.useCallback(function () {
         onChange({ min: minVal, max: maxVal });
     }, [minVal, maxVal, onChange]);
-    return (React__default["default"].createElement("div", { className: styles$2A.container },
+    return (React__default["default"].createElement("div", { className: styles$2D.container },
         React__default["default"].createElement("input", { style: { width: size }, type: "range", min: min, max: max, step: steps, value: minVal, ref: minValRef, onMouseUp: handleMouseUpValues, onChange: function (event) {
                 var value = Math.min(+event.target.value, maxVal - 1);
                 setMinVal(value);
                 event.target.value = value.toString();
-            }, className: "\n          ".concat(styles$2A.thumb, " \n          ").concat(styles$2A.zIndex_3, "  \n          ").concat(minVal > max - 100 ? styles$2A.zIndex_5 : '', "\n        ") }),
+            }, className: "\n          ".concat(styles$2D.thumb, " \n          ").concat(styles$2D.zIndex_3, "  \n          ").concat(minVal > max - 100 ? styles$2D.zIndex_5 : '', "\n        ") }),
         React__default["default"].createElement("input", { type: "range", style: { width: size }, min: min, max: max, step: steps, value: maxVal, ref: maxValRef, onMouseUp: handleMouseUpValues, onChange: function (event) {
                 var value = Math.max(+event.target.value, minVal + 1);
                 setMaxVal(value);
                 event.target.value = value.toString();
-            }, className: "".concat(styles$2A.thumb, " ").concat(styles$2A.zIndex_4) }),
-        React__default["default"].createElement("div", { style: { width: size }, className: styles$2A.slider },
-            React__default["default"].createElement("div", { className: styles$2A.track }),
-            React__default["default"].createElement("div", { ref: range, className: styles$2A.range }),
-            showValues && (React__default["default"].createElement("div", { className: styles$2A.values },
-                React__default["default"].createElement("div", { className: styles$2A.left_value }, hasCurrency),
-                React__default["default"].createElement("div", { className: styles$2A.right_value }, maxVal.toLocaleString()))))));
+            }, className: "".concat(styles$2D.thumb, " ").concat(styles$2D.zIndex_4) }),
+        React__default["default"].createElement("div", { style: { width: size }, className: styles$2D.slider },
+            React__default["default"].createElement("div", { className: styles$2D.track }),
+            React__default["default"].createElement("div", { ref: range, className: styles$2D.range }),
+            showValues && (React__default["default"].createElement("div", { className: styles$2D.values },
+                React__default["default"].createElement("div", { className: styles$2D.left_value }, hasCurrency),
+                React__default["default"].createElement("div", { className: styles$2D.right_value }, maxVal.toLocaleString()))))));
 };
 
-var styles$2z = {"content":"mg_paragraph_content_1mtnz"};
+var styles$2C = {"content":"mg_paragraph_content_1mtnz"};
 
-var Component$2E = function (_a) {
+var Component$2H = function (_a) {
     var paragraph = _a.paragraph;
-    return React__default["default"].createElement("p", { className: styles$2z.content }, paragraph);
+    return React__default["default"].createElement("p", { className: styles$2C.content }, paragraph);
 };
-var Paragraph = React.memo(Component$2E);
+var Paragraph = React.memo(Component$2H);
 
 var style$_ = {"magneto-ui-popover-container":"mg_popover_magneto-ui-popover-container_h7qn6","magneto-ui-popover":"mg_popover_magneto-ui-popover_h7qn6","magneto-ui-popover-children":"mg_popover_magneto-ui-popover-children_h7qn6","left":"mg_popover_left_h7qn6","right":"mg_popover_right_h7qn6","center":"mg_popover_center_h7qn6","top":"mg_popover_top_h7qn6","bottom":"mg_popover_bottom_h7qn6","show":"mg_popover_show_h7qn6","static-content":"mg_popover_static-content_h7qn6","hidden":"mg_popover_hidden_h7qn6"};
 
-var Component$2D = function (_a) {
+var Component$2G = function (_a) {
     var children = _a.children, content = _a.content, positionX = _a.positionX, positionY = _a.positionY, show = _a.show, widthBase = _a.widthBase, staticContent = _a.staticContent, _b = _a.className, className = _b === void 0 ? '' : _b;
     var showMenu = show ? 'show' : 'hidden';
     var staticContentClass = staticContent ? style$_['static-content'] : '';
@@ -2503,7 +2501,7 @@ var Component$2D = function (_a) {
  * Atom Ui component of popover
  *
  */
-var Popover = Component$2D;
+var Popover = Component$2G;
 
 exports.ERadioType = void 0;
 (function (ERadioType) {
@@ -2511,12 +2509,12 @@ exports.ERadioType = void 0;
     ERadioType["button"] = "button";
 })(exports.ERadioType || (exports.ERadioType = {}));
 
-var styles$2y = {"magneto-ui-radio-button":"mg_radio_button_magneto-ui-radio-button_1ekre","magneto-ui-radio-button--checked":"mg_radio_button_magneto-ui-radio-button--checked_1ekre","magneto-ui-radio-button--disabled":"mg_radio_button_magneto-ui-radio-button--disabled_1ekre","magneto-ui-radio-button__children":"mg_radio_button_magneto-ui-radio-button_children_1ekre"};
+var styles$2B = {"magneto-ui-radio-button":"mg_radio_button_magneto-ui-radio-button_1ekre","magneto-ui-radio-button--checked":"mg_radio_button_magneto-ui-radio-button--checked_1ekre","magneto-ui-radio-button--disabled":"mg_radio_button_magneto-ui-radio-button--disabled_1ekre","magneto-ui-radio-button__children":"mg_radio_button_magneto-ui-radio-button_children_1ekre"};
 
-var Component$2C = function (_a) {
+var Component$2F = function (_a) {
     var checked = _a.checked, children = _a.children, childrenClassName = _a.childrenClassName, className = _a.className, defaultChecked = _a.defaultChecked, disabled = _a.disabled, id = _a.id, onChange = _a.onChange, prefixIcon = _a.prefixIcon, suffixIcon = _a.suffixIcon;
     return (React__default["default"].createElement("label", { className: CNM.get({
-            styles: styles$2y,
+            styles: styles$2B,
             cls: [
                 'radio-button',
                 (checked || defaultChecked) && 'radio-button--checked',
@@ -2526,34 +2524,34 @@ var Component$2C = function (_a) {
         }), htmlFor: id },
         prefixIcon && React__default["default"].createElement(IconItem, __assign({ size: 18 }, prefixIcon)),
         React__default["default"].createElement("input", { type: "radio", disabled: disabled, id: id, checked: checked || defaultChecked, onChange: onChange }),
-        children && (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$2y, cls: ['radio-button__children', childrenClassName] }) }, children)),
+        children && (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$2B, cls: ['radio-button__children', childrenClassName] }) }, children)),
         suffixIcon && React__default["default"].createElement(IconItem, __assign({ size: 18 }, suffixIcon))));
 };
 /**
  * Atom UI component of radio button
  */
-var RadioButton = Component$2C;
+var RadioButton = Component$2F;
 
-var styles$2x = {"magneto-ui-radio-default":"mg_radio_default_magneto-ui-radio-default_1csy4","magneto-ui-radio-default--disabled":"mg_radio_default_magneto-ui-radio-default--disabled_1csy4","magneto-ui-radio-default__indicator":"mg_radio_default_magneto-ui-radio-default_indicator_1csy4","magneto-ui-radio-default__indicator--checked":"mg_radio_default_magneto-ui-radio-default_indicator--checked_1csy4","magneto-ui-radio-default__label":"mg_radio_default_magneto-ui-radio-default_label_1csy4"};
+var styles$2A = {"magneto-ui-radio-default":"mg_radio_default_magneto-ui-radio-default_1csy4","magneto-ui-radio-default--disabled":"mg_radio_default_magneto-ui-radio-default--disabled_1csy4","magneto-ui-radio-default__indicator":"mg_radio_default_magneto-ui-radio-default_indicator_1csy4","magneto-ui-radio-default__indicator--checked":"mg_radio_default_magneto-ui-radio-default_indicator--checked_1csy4","magneto-ui-radio-default__label":"mg_radio_default_magneto-ui-radio-default_label_1csy4"};
 
-var Component$2B = function (_a) {
+var Component$2E = function (_a) {
     var checked = _a.checked, children = _a.children, childrenClassName = _a.childrenClassName, className = _a.className, defaultChecked = _a.defaultChecked, disabled = _a.disabled, id = _a.id, indicatorClassName = _a.indicatorClassName, onChange = _a.onChange;
-    return (React__default["default"].createElement("label", { className: CNM.get({ styles: styles$2x, cls: ['radio-default', disabled && 'radio-default--disabled', className] }), htmlFor: id },
+    return (React__default["default"].createElement("label", { className: CNM.get({ styles: styles$2A, cls: ['radio-default', disabled && 'radio-default--disabled', className] }), htmlFor: id },
         React__default["default"].createElement("input", { type: "radio", id: id, disabled: disabled, checked: checked || defaultChecked, onChange: onChange }),
         React__default["default"].createElement("div", { className: CNM.get({
-                styles: styles$2x,
+                styles: styles$2A,
                 cls: [
                     'radio-default__indicator',
                     (checked || defaultChecked) && 'radio-default__indicator--checked',
                     indicatorClassName
                 ]
             }) }),
-        children && (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$2x, cls: ['radio-default-label', childrenClassName] }) }, children))));
+        children && (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$2A, cls: ['radio-default-label', childrenClassName] }) }, children))));
 };
 /**
  * Molecule UI component for radio default
  */
-var RadioDefault = Component$2B;
+var RadioDefault = Component$2E;
 
 var _a$4;
 var radioTypes = (_a$4 = {},
@@ -2562,7 +2560,7 @@ var radioTypes = (_a$4 = {},
     _a$4);
 var getRadioComponent = function (type) { return radioTypes[type]; };
 
-var Component$2A = function (_a) {
+var Component$2D = function (_a) {
     var type = _a.type, props = __rest(_a, ["type"]);
     var RadioType = React.useMemo(function () { return getRadioComponent(exports.ERadioType[type !== null && type !== void 0 ? type : 'radio']); }, [type]);
     if (!RadioType)
@@ -2572,12 +2570,12 @@ var Component$2A = function (_a) {
 /**
  * Atom UI component of radio
  */
-var Radio = Component$2A;
+var Radio = Component$2D;
 
-var styles$2w = {"magneto-ui-rating-badge__container":"mg_rating_badge_magneto-ui-rating-badge_container_1b19u","magneto-ui-rating-badge__icon":"mg_rating_badge_magneto-ui-rating-badge_icon_1b19u","magneto-ui-rating-badge__score":"mg_rating_badge_magneto-ui-rating-badge_score_1b19u"};
+var styles$2z = {"magneto-ui-rating-badge__container":"mg_rating_badge_magneto-ui-rating-badge_container_1b19u","magneto-ui-rating-badge__icon":"mg_rating_badge_magneto-ui-rating-badge_icon_1b19u","magneto-ui-rating-badge__score":"mg_rating_badge_magneto-ui-rating-badge_score_1b19u"};
 
-var cx$1d = classNames.bind(styles$2w);
-var Component$2z = function (_a) {
+var cx$1d = classNames.bind(styles$2z);
+var Component$2C = function (_a) {
     var score = _a.score;
     return (React__default["default"].createElement("div", { className: cx$1d('magneto-ui-rating-badge') },
         React__default["default"].createElement("div", { className: cx$1d('magneto-ui-rating-badge__container') },
@@ -2587,41 +2585,41 @@ var Component$2z = function (_a) {
 /**
  * Atom UI component of Rating Badge
  */
-var RatingBadge = Component$2z;
+var RatingBadge = Component$2C;
 
-var styles$2v = {"magneto-ui-save-button":"mg_save_button_magneto-ui-save-button_1d7nc","magneto-ui-save-button__mobile-text":"mg_save_button_magneto-ui-save-button_mobile-text_1d7nc","button-content":"mg_save_button_button-content_1d7nc","hover-effect":"mg_save_button_hover-effect_1d7nc"};
+var styles$2y = {"magneto-ui-save-button":"mg_save_button_magneto-ui-save-button_1d7nc","magneto-ui-save-button__mobile-text":"mg_save_button_magneto-ui-save-button_mobile-text_1d7nc","button-content":"mg_save_button_button-content_1d7nc","hover-effect":"mg_save_button_hover-effect_1d7nc"};
 
-var Component$2y = function (_a) {
+var Component$2B = function (_a) {
     var isAuthenticated = _a.isAuthenticated, isSaved = _a.isSaved, buttonText = _a.buttonText, buttonTitle = _a.buttonTitle, addHover = _a.addHover, onClick = _a.onClick;
-    return isAuthenticated ? (React__default["default"].createElement("button", { className: "".concat(styles$2v['magneto-ui-save-button'], " ").concat(addHover && styles$2v['hover-effect']), type: "button", onClick: onClick, "aria-label": buttonTitle },
-        React__default["default"].createElement("div", { className: styles$2v['button-content'] },
+    return isAuthenticated ? (React__default["default"].createElement("button", { className: "".concat(styles$2y['magneto-ui-save-button'], " ").concat(addHover && styles$2y['hover-effect']), type: "button", onClick: onClick, "aria-label": buttonTitle },
+        React__default["default"].createElement("div", { className: styles$2y['button-content'] },
             React__default["default"].createElement(IconItem, { size: 20, icon: isSaved ? ArchiveRemove : ArchiveAdd, hover: addHover }),
-            buttonText && React__default["default"].createElement("p", { className: styles$2v['magneto-ui-save-button__mobile-text'] }, buttonText)))) : null;
+            buttonText && React__default["default"].createElement("p", { className: styles$2y['magneto-ui-save-button__mobile-text'] }, buttonText)))) : null;
 };
 /**
  * UI Atom Component of Save Button
  */
-var SaveButton = Component$2y;
+var SaveButton = Component$2B;
 
-var styles$2u = {"magneto-ui-share-button":"mg_share_button_magneto-ui-share-button_15yvi","magneto-ui-share-button__mobile-text":"mg_share_button_magneto-ui-share-button_mobile-text_15yvi","button-content":"mg_share_button_button-content_15yvi","hover-effect":"mg_share_button_hover-effect_15yvi"};
+var styles$2x = {"magneto-ui-share-button":"mg_share_button_magneto-ui-share-button_15yvi","magneto-ui-share-button__mobile-text":"mg_share_button_magneto-ui-share-button_mobile-text_15yvi","button-content":"mg_share_button_button-content_15yvi","hover-effect":"mg_share_button_hover-effect_15yvi"};
 
-var Component$2x = function (_a) {
+var Component$2A = function (_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, buttonTitle = _a.buttonTitle, buttonText = _a.buttonText, detailUrl = _a.detailUrl, addHover = _a.addHover, onCopySuccess = _a.onCopySuccess;
     var handleCopyClick = function () {
         if (detailUrl) {
             navigator.clipboard.writeText(detailUrl).then(function () { return onCopySuccess(); });
         }
     };
-    return (React__default["default"].createElement("button", { className: "".concat(styles$2u['magneto-ui-share-button'], " ").concat(addHover && styles$2u['hover-effect'], " ").concat(className), type: "button", onClick: handleCopyClick, title: buttonTitle },
-        React__default["default"].createElement("div", { className: styles$2u['button-content'] },
+    return (React__default["default"].createElement("button", { className: "".concat(styles$2x['magneto-ui-share-button'], " ").concat(addHover && styles$2x['hover-effect'], " ").concat(className), type: "button", onClick: handleCopyClick, title: buttonTitle },
+        React__default["default"].createElement("div", { className: styles$2x['button-content'] },
             React__default["default"].createElement(IconItem, { size: 20, icon: Link1, hover: addHover }),
-            buttonText && React__default["default"].createElement("p", { className: styles$2u['magneto-ui-share-button__mobile-text'] }, buttonText))));
+            buttonText && React__default["default"].createElement("p", { className: styles$2x['magneto-ui-share-button__mobile-text'] }, buttonText))));
 };
-var ShareButton = Component$2x;
+var ShareButton = Component$2A;
 
-var styles$2t = {"magneto-ui-skill":"mg_skill_magneto-ui-skill_1nwsu","magneto-ui-skill__wrapper":"mg_skill_magneto-ui-skill_wrapper_1nwsu","magneto-ui-skill__bar":"mg_skill_magneto-ui-skill_bar_1nwsu","one":"mg_skill_one_1nwsu","two":"mg_skill_two_1nwsu","three":"mg_skill_three_1nwsu","four":"mg_skill_four_1nwsu"};
+var styles$2w = {"magneto-ui-skill":"mg_skill_magneto-ui-skill_1nwsu","magneto-ui-skill__wrapper":"mg_skill_magneto-ui-skill_wrapper_1nwsu","magneto-ui-skill__bar":"mg_skill_magneto-ui-skill_bar_1nwsu","one":"mg_skill_one_1nwsu","two":"mg_skill_two_1nwsu","three":"mg_skill_three_1nwsu","four":"mg_skill_four_1nwsu"};
 
-var Component$2w = function (_a) {
+var Component$2z = function (_a) {
     var name = _a.name, score = _a.score;
     var _b = React.useState(false), animationApplied = _b[0], setAnimationApplied = _b[1];
     var skillRef = React.useRef(null);
@@ -2657,15 +2655,15 @@ var Component$2w = function (_a) {
         4: 'four'
     };
     var levelClass = scoreToLevel[score || 0] || '';
-    var fillAnimation = animationApplied ? styles$2t[levelClass] : '';
-    return (React__default["default"].createElement("div", { ref: skillRef, className: styles$2t['magneto-ui-skill'] },
-        React__default["default"].createElement("div", { className: styles$2t['magneto-ui-skill__wrapper'] },
+    var fillAnimation = animationApplied ? styles$2w[levelClass] : '';
+    return (React__default["default"].createElement("div", { ref: skillRef, className: styles$2w['magneto-ui-skill'] },
+        React__default["default"].createElement("div", { className: styles$2w['magneto-ui-skill__wrapper'] },
             React__default["default"].createElement("p", null, name),
-            React__default["default"].createElement("div", { className: "".concat(styles$2t['magneto-ui-skill__bar'], " ").concat(fillAnimation || styles$2t['magneto-ui-skill--no-animation']) }))));
+            React__default["default"].createElement("div", { className: "".concat(styles$2w['magneto-ui-skill__bar'], " ").concat(fillAnimation || styles$2w['magneto-ui-skill--no-animation']) }))));
 };
-var Skill = Component$2w;
+var Skill = Component$2z;
 
-var styles$2s = {"magneto-ui-switch_container":"mg_switch_magneto-ui-switch_container_1g2ul","magneto-ui-switch":"mg_switch_magneto-ui-switch_1g2ul","magneto-ui-slider":"mg_switch_magneto-ui-slider_1g2ul","magneto-ui-round":"mg_switch_magneto-ui-round_1g2ul"};
+var styles$2v = {"magneto-ui-switch_container":"mg_switch_magneto-ui-switch_container_1g2ul","magneto-ui-switch":"mg_switch_magneto-ui-switch_1g2ul","magneto-ui-slider":"mg_switch_magneto-ui-slider_1g2ul","magneto-ui-round":"mg_switch_magneto-ui-round_1g2ul"};
 
 var Switch = function (_a) {
     var _b = _a.isActive, isActive = _b === void 0 ? false : _b, _c = _a.setIsActive, setIsActive = _c === void 0 ? function () { return null; } : _c, _d = _a.title, title = _d === void 0 ? '' : _d, _e = _a.className, className = _e === void 0 ? '' : _e, _f = _a.isDisabled, isDisabled = _f === void 0 ? false : _f;
@@ -2679,10 +2677,10 @@ var Switch = function (_a) {
         setChecked(function (state) { return !state; });
         setIsActive(!isActive);
     }, [isDisabled, setIsActive, isActive]);
-    return (React__default["default"].createElement("div", { className: "".concat(styles$2s['magneto-ui-switch_container'], " ").concat(className) },
-        React__default["default"].createElement("label", { className: styles$2s['magneto-ui-switch'] },
+    return (React__default["default"].createElement("div", { className: "".concat(styles$2v['magneto-ui-switch_container'], " ").concat(className) },
+        React__default["default"].createElement("label", { className: styles$2v['magneto-ui-switch'] },
             React__default["default"].createElement("input", { type: "checkbox", onChange: handleChange, checked: checked, role: "switch" }),
-            React__default["default"].createElement("span", { className: "".concat(styles$2s['magneto-ui-slider'], " ").concat(styles$2s['magneto-ui-round']) })),
+            React__default["default"].createElement("span", { className: "".concat(styles$2v['magneto-ui-slider'], " ").concat(styles$2v['magneto-ui-round']) })),
         title && React__default["default"].createElement("p", null, title)));
 };
 
@@ -2710,9 +2708,9 @@ var TextCustom = function (_a) {
     return React__default["default"].createElement(React__default["default"].Fragment, null, textRender);
 };
 
-var styles$2r = {"magneto-ui-toggle-button":"mg_toggle_button_magneto-ui-toggle-button_1g06c","magneto-ui-toggle-button__img":"mg_toggle_button_magneto-ui-toggle-button_img_1g06c","toggle-button-selected":"mg_toggle_button_toggle-button-selected_1g06c","toggle-image-selected":"mg_toggle_button_toggle-image-selected_1g06c"};
+var styles$2u = {"magneto-ui-toggle-button":"mg_toggle_button_magneto-ui-toggle-button_1g06c","magneto-ui-toggle-button__img":"mg_toggle_button_magneto-ui-toggle-button_img_1g06c","toggle-button-selected":"mg_toggle_button_toggle-button-selected_1g06c","toggle-image-selected":"mg_toggle_button_toggle-image-selected_1g06c"};
 
-var Component$2v = function (_a) {
+var Component$2y = function (_a) {
     var className = _a.className, _b = _a.color, color = _b === void 0 ? '#001B38' : _b, _c = _a.onChange, onChange = _c === void 0 ? function () { return ({}); } : _c, id = _a.id, name = _a.name, currentSelect = _a.currentSelect, _d = _a.baseColor, baseColor = _d === void 0 ? 'transparent' : _d, _e = _a.customIcon, customIcon = _e === void 0 ? '' : _e;
     var isColorDark = function (color) {
         var hex = color.replace('#', '');
@@ -2743,15 +2741,15 @@ var Component$2v = function (_a) {
             color: isColorDark(baseColor || '#FFFFFF') ? '#FFFFFF' : '#000000'
         };
     }, [baseColor, color, currentSelect]);
-    return (React__default["default"].createElement("button", { className: "".concat(styles$2r["".concat(classMUI, "-toggle-button")], " ").concat(className || '', " ").concat(currentSelect ? styles$2r['toggle-button-selected'] : ''), style: __assign({}, selectStyles), onClick: function () { return handleClick({ id: id, name: name }); }, type: "button" },
-        customIcon && (React__default["default"].createElement("img", { className: "".concat(styles$2r["".concat(classMUI, "-toggle-button__img")], " ").concat(currentSelect ? styles$2r['toggle-image-selected'] : ''), src: customIcon, alt: "toogle-btn" })),
+    return (React__default["default"].createElement("button", { className: "".concat(styles$2u["".concat(classMUI, "-toggle-button")], " ").concat(className || '', " ").concat(currentSelect ? styles$2u['toggle-button-selected'] : ''), style: __assign({}, selectStyles), onClick: function () { return handleClick({ id: id, name: name }); }, type: "button" },
+        customIcon && (React__default["default"].createElement("img", { className: "".concat(styles$2u["".concat(classMUI, "-toggle-button__img")], " ").concat(currentSelect ? styles$2u['toggle-image-selected'] : ''), src: customIcon, alt: "toogle-btn" })),
         name));
 };
-var ToggleButton = Component$2v;
+var ToggleButton = Component$2y;
 
-var styles$2q = {"w-inherit":"mg_typography_w-inherit_1a0lg","w-none":"mg_typography_w-none_1a0lg","w-auto":"mg_typography_w-auto_1a0lg","w-full":"mg_typography_w-full_1a0lg","w-min":"mg_typography_w-min_1a0lg","w-xxs":"mg_typography_w-xxs_1a0lg","w-xs":"mg_typography_w-xs_1a0lg","w-sm":"mg_typography_w-sm_1a0lg","w-sm-2":"mg_typography_w-sm-2_1a0lg","w-md":"mg_typography_w-md_1a0lg","w-md-2":"mg_typography_w-md-2_1a0lg","w-lg":"mg_typography_w-lg_1a0lg","w-xl":"mg_typography_w-xl_1a0lg","w-2xl":"mg_typography_w-2xl_1a0lg","w-3xl":"mg_typography_w-3xl_1a0lg","w-4xl":"mg_typography_w-4xl_1a0lg","w-container-xxs":"mg_typography_w-container-xxs_1a0lg","w-container-xs":"mg_typography_w-container-xs_1a0lg","w-container-sm":"mg_typography_w-container-sm_1a0lg","w-container-md":"mg_typography_w-container-md_1a0lg","w-container-lg":"mg_typography_w-container-lg_1a0lg","w-container-xl":"mg_typography_w-container-xl_1a0lg","w-container-2xl":"mg_typography_w-container-2xl_1a0lg","w-container-3xl":"mg_typography_w-container-3xl_1a0lg","min-w-inherit":"mg_typography_min-w-inherit_1a0lg","min-w-none":"mg_typography_min-w-none_1a0lg","min-w-auto":"mg_typography_min-w-auto_1a0lg","min-w-full":"mg_typography_min-w-full_1a0lg","min-w-min":"mg_typography_min-w-min_1a0lg","min-w-xxs":"mg_typography_min-w-xxs_1a0lg","min-w-xs":"mg_typography_min-w-xs_1a0lg","min-w-sm":"mg_typography_min-w-sm_1a0lg","min-w-sm-2":"mg_typography_min-w-sm-2_1a0lg","min-w-md":"mg_typography_min-w-md_1a0lg","min-w-md-2":"mg_typography_min-w-md-2_1a0lg","min-w-lg":"mg_typography_min-w-lg_1a0lg","min-w-xl":"mg_typography_min-w-xl_1a0lg","min-w-2xl":"mg_typography_min-w-2xl_1a0lg","min-w-3xl":"mg_typography_min-w-3xl_1a0lg","min-w-4xl":"mg_typography_min-w-4xl_1a0lg","min-w-container-xxs":"mg_typography_min-w-container-xxs_1a0lg","min-w-container-xs":"mg_typography_min-w-container-xs_1a0lg","min-w-container-sm":"mg_typography_min-w-container-sm_1a0lg","min-w-container-md":"mg_typography_min-w-container-md_1a0lg","min-w-container-lg":"mg_typography_min-w-container-lg_1a0lg","min-w-container-xl":"mg_typography_min-w-container-xl_1a0lg","min-w-container-2xl":"mg_typography_min-w-container-2xl_1a0lg","min-w-container-3xl":"mg_typography_min-w-container-3xl_1a0lg","h-inherit":"mg_typography_h-inherit_1a0lg","h-none":"mg_typography_h-none_1a0lg","h-auto":"mg_typography_h-auto_1a0lg","h-full":"mg_typography_h-full_1a0lg","h-min":"mg_typography_h-min_1a0lg","h-xxs":"mg_typography_h-xxs_1a0lg","h-xs":"mg_typography_h-xs_1a0lg","h-sm":"mg_typography_h-sm_1a0lg","h-sm-2":"mg_typography_h-sm-2_1a0lg","h-md":"mg_typography_h-md_1a0lg","h-md-2":"mg_typography_h-md-2_1a0lg","h-lg":"mg_typography_h-lg_1a0lg","h-xl":"mg_typography_h-xl_1a0lg","h-2xl":"mg_typography_h-2xl_1a0lg","h-3xl":"mg_typography_h-3xl_1a0lg","h-4xl":"mg_typography_h-4xl_1a0lg","h-container-xxs":"mg_typography_h-container-xxs_1a0lg","h-container-xs":"mg_typography_h-container-xs_1a0lg","h-container-sm":"mg_typography_h-container-sm_1a0lg","h-container-md":"mg_typography_h-container-md_1a0lg","h-container-lg":"mg_typography_h-container-lg_1a0lg","h-container-xl":"mg_typography_h-container-xl_1a0lg","h-container-2xl":"mg_typography_h-container-2xl_1a0lg","h-container-3xl":"mg_typography_h-container-3xl_1a0lg","min-h-inherit":"mg_typography_min-h-inherit_1a0lg","min-h-none":"mg_typography_min-h-none_1a0lg","min-h-auto":"mg_typography_min-h-auto_1a0lg","min-h-full":"mg_typography_min-h-full_1a0lg","min-h-min":"mg_typography_min-h-min_1a0lg","min-h-xxs":"mg_typography_min-h-xxs_1a0lg","min-h-xs":"mg_typography_min-h-xs_1a0lg","min-h-sm":"mg_typography_min-h-sm_1a0lg","min-h-sm-2":"mg_typography_min-h-sm-2_1a0lg","min-h-md":"mg_typography_min-h-md_1a0lg","min-h-md-2":"mg_typography_min-h-md-2_1a0lg","min-h-lg":"mg_typography_min-h-lg_1a0lg","min-h-xl":"mg_typography_min-h-xl_1a0lg","min-h-2xl":"mg_typography_min-h-2xl_1a0lg","min-h-3xl":"mg_typography_min-h-3xl_1a0lg","min-h-4xl":"mg_typography_min-h-4xl_1a0lg","min-h-container-xxs":"mg_typography_min-h-container-xxs_1a0lg","min-h-container-xs":"mg_typography_min-h-container-xs_1a0lg","min-h-container-sm":"mg_typography_min-h-container-sm_1a0lg","min-h-container-md":"mg_typography_min-h-container-md_1a0lg","min-h-container-lg":"mg_typography_min-h-container-lg_1a0lg","min-h-container-xl":"mg_typography_min-h-container-xl_1a0lg","min-h-container-2xl":"mg_typography_min-h-container-2xl_1a0lg","min-h-container-3xl":"mg_typography_min-h-container-3xl_1a0lg","sq-inherit":"mg_typography_sq-inherit_1a0lg","sq-none":"mg_typography_sq-none_1a0lg","sq-auto":"mg_typography_sq-auto_1a0lg","sq-full":"mg_typography_sq-full_1a0lg","sq-min":"mg_typography_sq-min_1a0lg","sq-xxs":"mg_typography_sq-xxs_1a0lg","sq-xs":"mg_typography_sq-xs_1a0lg","sq-sm":"mg_typography_sq-sm_1a0lg","sq-sm-2":"mg_typography_sq-sm-2_1a0lg","sq-md":"mg_typography_sq-md_1a0lg","sq-md-2":"mg_typography_sq-md-2_1a0lg","sq-lg":"mg_typography_sq-lg_1a0lg","sq-xl":"mg_typography_sq-xl_1a0lg","sq-2xl":"mg_typography_sq-2xl_1a0lg","sq-3xl":"mg_typography_sq-3xl_1a0lg","sq-4xl":"mg_typography_sq-4xl_1a0lg","min-sq-inherit":"mg_typography_min-sq-inherit_1a0lg","min-sq-none":"mg_typography_min-sq-none_1a0lg","min-sq-auto":"mg_typography_min-sq-auto_1a0lg","min-sq-full":"mg_typography_min-sq-full_1a0lg","min-sq-min":"mg_typography_min-sq-min_1a0lg","min-sq-xxs":"mg_typography_min-sq-xxs_1a0lg","min-sq-xs":"mg_typography_min-sq-xs_1a0lg","min-sq-sm":"mg_typography_min-sq-sm_1a0lg","min-sq-sm-2":"mg_typography_min-sq-sm-2_1a0lg","min-sq-md":"mg_typography_min-sq-md_1a0lg","min-sq-md-2":"mg_typography_min-sq-md-2_1a0lg","min-sq-lg":"mg_typography_min-sq-lg_1a0lg","min-sq-xl":"mg_typography_min-sq-xl_1a0lg","min-sq-2xl":"mg_typography_min-sq-2xl_1a0lg","min-sq-3xl":"mg_typography_min-sq-3xl_1a0lg","min-sq-4xl":"mg_typography_min-sq-4xl_1a0lg","stroke-transparent":"mg_typography_stroke-transparent_1a0lg","stroke-inherit":"mg_typography_stroke-inherit_1a0lg","stroke-current":"mg_typography_stroke-current_1a0lg","stroke-blue-dark-50":"mg_typography_stroke-blue-dark-50_1a0lg","stroke-blue-dark-100":"mg_typography_stroke-blue-dark-100_1a0lg","stroke-blue-dark-200":"mg_typography_stroke-blue-dark-200_1a0lg","stroke-blue-dark-300":"mg_typography_stroke-blue-dark-300_1a0lg","stroke-blue-dark-400":"mg_typography_stroke-blue-dark-400_1a0lg","stroke-blue-dark-500":"mg_typography_stroke-blue-dark-500_1a0lg","stroke-blue-light-50":"mg_typography_stroke-blue-light-50_1a0lg","stroke-blue-light-100":"mg_typography_stroke-blue-light-100_1a0lg","stroke-blue-light-200":"mg_typography_stroke-blue-light-200_1a0lg","stroke-blue-light-300":"mg_typography_stroke-blue-light-300_1a0lg","stroke-blue-light-400":"mg_typography_stroke-blue-light-400_1a0lg","stroke-blue-light-500":"mg_typography_stroke-blue-light-500_1a0lg","stroke-green-50":"mg_typography_stroke-green-50_1a0lg","stroke-green-100":"mg_typography_stroke-green-100_1a0lg","stroke-green-200":"mg_typography_stroke-green-200_1a0lg","stroke-green-300":"mg_typography_stroke-green-300_1a0lg","stroke-green-400":"mg_typography_stroke-green-400_1a0lg","stroke-green-500":"mg_typography_stroke-green-500_1a0lg","stroke-green-600":"mg_typography_stroke-green-600_1a0lg","stroke-grey-50":"mg_typography_stroke-grey-50_1a0lg","stroke-grey-100":"mg_typography_stroke-grey-100_1a0lg","stroke-grey-200":"mg_typography_stroke-grey-200_1a0lg","stroke-grey-300":"mg_typography_stroke-grey-300_1a0lg","stroke-grey-400":"mg_typography_stroke-grey-400_1a0lg","stroke-grey-500":"mg_typography_stroke-grey-500_1a0lg","stroke-grey-600":"mg_typography_stroke-grey-600_1a0lg","stroke-grey-700":"mg_typography_stroke-grey-700_1a0lg","stroke-grey-800":"mg_typography_stroke-grey-800_1a0lg","stroke-grey-900":"mg_typography_stroke-grey-900_1a0lg","stroke-red-50":"mg_typography_stroke-red-50_1a0lg","stroke-red-100":"mg_typography_stroke-red-100_1a0lg","stroke-red-200":"mg_typography_stroke-red-200_1a0lg","stroke-red-300":"mg_typography_stroke-red-300_1a0lg","stroke-yellow-50":"mg_typography_stroke-yellow-50_1a0lg","stroke-yellow-100":"mg_typography_stroke-yellow-100_1a0lg","stroke-yellow-200":"mg_typography_stroke-yellow-200_1a0lg","stroke-yellow-300":"mg_typography_stroke-yellow-300_1a0lg","fill-transparent":"mg_typography_fill-transparent_1a0lg","fill-inherit":"mg_typography_fill-inherit_1a0lg","fill-current":"mg_typography_fill-current_1a0lg","fill-blue-dark-50":"mg_typography_fill-blue-dark-50_1a0lg","fill-blue-dark-100":"mg_typography_fill-blue-dark-100_1a0lg","fill-blue-dark-200":"mg_typography_fill-blue-dark-200_1a0lg","fill-blue-dark-300":"mg_typography_fill-blue-dark-300_1a0lg","fill-blue-dark-400":"mg_typography_fill-blue-dark-400_1a0lg","fill-blue-dark-500":"mg_typography_fill-blue-dark-500_1a0lg","fill-blue-light-50":"mg_typography_fill-blue-light-50_1a0lg","fill-blue-light-100":"mg_typography_fill-blue-light-100_1a0lg","fill-blue-light-200":"mg_typography_fill-blue-light-200_1a0lg","fill-blue-light-300":"mg_typography_fill-blue-light-300_1a0lg","fill-blue-light-400":"mg_typography_fill-blue-light-400_1a0lg","fill-blue-light-500":"mg_typography_fill-blue-light-500_1a0lg","fill-green-50":"mg_typography_fill-green-50_1a0lg","fill-green-100":"mg_typography_fill-green-100_1a0lg","fill-green-200":"mg_typography_fill-green-200_1a0lg","fill-green-300":"mg_typography_fill-green-300_1a0lg","fill-green-400":"mg_typography_fill-green-400_1a0lg","fill-green-500":"mg_typography_fill-green-500_1a0lg","fill-green-600":"mg_typography_fill-green-600_1a0lg","fill-grey-50":"mg_typography_fill-grey-50_1a0lg","fill-grey-100":"mg_typography_fill-grey-100_1a0lg","fill-grey-200":"mg_typography_fill-grey-200_1a0lg","fill-grey-300":"mg_typography_fill-grey-300_1a0lg","fill-grey-400":"mg_typography_fill-grey-400_1a0lg","fill-grey-500":"mg_typography_fill-grey-500_1a0lg","fill-grey-600":"mg_typography_fill-grey-600_1a0lg","fill-grey-700":"mg_typography_fill-grey-700_1a0lg","fill-grey-800":"mg_typography_fill-grey-800_1a0lg","fill-grey-900":"mg_typography_fill-grey-900_1a0lg","fill-red-50":"mg_typography_fill-red-50_1a0lg","fill-red-100":"mg_typography_fill-red-100_1a0lg","fill-red-200":"mg_typography_fill-red-200_1a0lg","fill-red-300":"mg_typography_fill-red-300_1a0lg","fill-yellow-50":"mg_typography_fill-yellow-50_1a0lg","fill-yellow-100":"mg_typography_fill-yellow-100_1a0lg","fill-yellow-200":"mg_typography_fill-yellow-200_1a0lg","fill-yellow-300":"mg_typography_fill-yellow-300_1a0lg","bg-transparent":"mg_typography_bg-transparent_1a0lg","bg-inherit":"mg_typography_bg-inherit_1a0lg","bg-current":"mg_typography_bg-current_1a0lg","bg-blue-dark-50":"mg_typography_bg-blue-dark-50_1a0lg","bg-blue-dark-100":"mg_typography_bg-blue-dark-100_1a0lg","bg-blue-dark-200":"mg_typography_bg-blue-dark-200_1a0lg","bg-blue-dark-300":"mg_typography_bg-blue-dark-300_1a0lg","bg-blue-dark-400":"mg_typography_bg-blue-dark-400_1a0lg","bg-blue-dark-500":"mg_typography_bg-blue-dark-500_1a0lg","bg-blue-light-50":"mg_typography_bg-blue-light-50_1a0lg","bg-blue-light-100":"mg_typography_bg-blue-light-100_1a0lg","bg-blue-light-200":"mg_typography_bg-blue-light-200_1a0lg","bg-blue-light-300":"mg_typography_bg-blue-light-300_1a0lg","bg-blue-light-400":"mg_typography_bg-blue-light-400_1a0lg","bg-blue-light-500":"mg_typography_bg-blue-light-500_1a0lg","bg-green-50":"mg_typography_bg-green-50_1a0lg","bg-green-100":"mg_typography_bg-green-100_1a0lg","bg-green-200":"mg_typography_bg-green-200_1a0lg","bg-green-300":"mg_typography_bg-green-300_1a0lg","bg-green-400":"mg_typography_bg-green-400_1a0lg","bg-green-500":"mg_typography_bg-green-500_1a0lg","bg-green-600":"mg_typography_bg-green-600_1a0lg","bg-grey-50":"mg_typography_bg-grey-50_1a0lg","bg-grey-100":"mg_typography_bg-grey-100_1a0lg","bg-grey-200":"mg_typography_bg-grey-200_1a0lg","bg-grey-300":"mg_typography_bg-grey-300_1a0lg","bg-grey-400":"mg_typography_bg-grey-400_1a0lg","bg-grey-500":"mg_typography_bg-grey-500_1a0lg","bg-grey-600":"mg_typography_bg-grey-600_1a0lg","bg-grey-700":"mg_typography_bg-grey-700_1a0lg","bg-grey-800":"mg_typography_bg-grey-800_1a0lg","bg-grey-900":"mg_typography_bg-grey-900_1a0lg","bg-red-50":"mg_typography_bg-red-50_1a0lg","bg-red-100":"mg_typography_bg-red-100_1a0lg","bg-red-200":"mg_typography_bg-red-200_1a0lg","bg-red-300":"mg_typography_bg-red-300_1a0lg","bg-yellow-50":"mg_typography_bg-yellow-50_1a0lg","bg-yellow-100":"mg_typography_bg-yellow-100_1a0lg","bg-yellow-200":"mg_typography_bg-yellow-200_1a0lg","bg-yellow-300":"mg_typography_bg-yellow-300_1a0lg","color-transparent":"mg_typography_color-transparent_1a0lg","color-inherit":"mg_typography_color-inherit_1a0lg","color-current":"mg_typography_color-current_1a0lg","color-blue-dark-50":"mg_typography_color-blue-dark-50_1a0lg","color-blue-dark-100":"mg_typography_color-blue-dark-100_1a0lg","color-blue-dark-200":"mg_typography_color-blue-dark-200_1a0lg","color-blue-dark-300":"mg_typography_color-blue-dark-300_1a0lg","color-blue-dark-400":"mg_typography_color-blue-dark-400_1a0lg","color-blue-dark-500":"mg_typography_color-blue-dark-500_1a0lg","color-blue-light-50":"mg_typography_color-blue-light-50_1a0lg","color-blue-light-100":"mg_typography_color-blue-light-100_1a0lg","color-blue-light-200":"mg_typography_color-blue-light-200_1a0lg","color-blue-light-300":"mg_typography_color-blue-light-300_1a0lg","color-blue-light-400":"mg_typography_color-blue-light-400_1a0lg","color-blue-light-500":"mg_typography_color-blue-light-500_1a0lg","color-green-50":"mg_typography_color-green-50_1a0lg","color-green-100":"mg_typography_color-green-100_1a0lg","color-green-200":"mg_typography_color-green-200_1a0lg","color-green-300":"mg_typography_color-green-300_1a0lg","color-green-400":"mg_typography_color-green-400_1a0lg","color-green-500":"mg_typography_color-green-500_1a0lg","color-green-600":"mg_typography_color-green-600_1a0lg","color-grey-50":"mg_typography_color-grey-50_1a0lg","color-grey-100":"mg_typography_color-grey-100_1a0lg","color-grey-200":"mg_typography_color-grey-200_1a0lg","color-grey-300":"mg_typography_color-grey-300_1a0lg","color-grey-400":"mg_typography_color-grey-400_1a0lg","color-grey-500":"mg_typography_color-grey-500_1a0lg","color-grey-600":"mg_typography_color-grey-600_1a0lg","color-grey-700":"mg_typography_color-grey-700_1a0lg","color-grey-800":"mg_typography_color-grey-800_1a0lg","color-grey-900":"mg_typography_color-grey-900_1a0lg","color-red-50":"mg_typography_color-red-50_1a0lg","color-red-100":"mg_typography_color-red-100_1a0lg","color-red-200":"mg_typography_color-red-200_1a0lg","color-red-300":"mg_typography_color-red-300_1a0lg","color-yellow-50":"mg_typography_color-yellow-50_1a0lg","color-yellow-100":"mg_typography_color-yellow-100_1a0lg","color-yellow-200":"mg_typography_color-yellow-200_1a0lg","color-yellow-300":"mg_typography_color-yellow-300_1a0lg","magneto-ui-typography":"mg_typography_magneto-ui-typography_1a0lg","magneto-ui-typography--size-sm-2":"mg_typography_magneto-ui-typography--size-sm-2_1a0lg","magneto-ui-typography--size-md":"mg_typography_magneto-ui-typography--size-md_1a0lg","magneto-ui-typography--size-md-2":"mg_typography_magneto-ui-typography--size-md-2_1a0lg","magneto-ui-typography--size-lg":"mg_typography_magneto-ui-typography--size-lg_1a0lg","magneto-ui-typography--size-xl":"mg_typography_magneto-ui-typography--size-xl_1a0lg","magneto-ui-typography--size-2xl":"mg_typography_magneto-ui-typography--size-2xl_1a0lg","magneto-ui-typography--size-3xl":"mg_typography_magneto-ui-typography--size-3xl_1a0lg","magneto-ui-typography--size-4xl":"mg_typography_magneto-ui-typography--size-4xl_1a0lg","magneto-ui-typography--color-transparent":"mg_typography_magneto-ui-typography--color-transparent_1a0lg","magneto-ui-typography--color-inherit":"mg_typography_magneto-ui-typography--color-inherit_1a0lg","magneto-ui-typography--color-current":"mg_typography_magneto-ui-typography--color-current_1a0lg","magneto-ui-typography--color-blue-dark-50":"mg_typography_magneto-ui-typography--color-blue-dark-50_1a0lg","magneto-ui-typography--color-blue-dark-100":"mg_typography_magneto-ui-typography--color-blue-dark-100_1a0lg","magneto-ui-typography--color-blue-dark-200":"mg_typography_magneto-ui-typography--color-blue-dark-200_1a0lg","magneto-ui-typography--color-blue-dark-300":"mg_typography_magneto-ui-typography--color-blue-dark-300_1a0lg","magneto-ui-typography--color-blue-dark-400":"mg_typography_magneto-ui-typography--color-blue-dark-400_1a0lg","magneto-ui-typography--color-blue-dark-500":"mg_typography_magneto-ui-typography--color-blue-dark-500_1a0lg","magneto-ui-typography--color-blue-light-50":"mg_typography_magneto-ui-typography--color-blue-light-50_1a0lg","magneto-ui-typography--color-blue-light-100":"mg_typography_magneto-ui-typography--color-blue-light-100_1a0lg","magneto-ui-typography--color-blue-light-200":"mg_typography_magneto-ui-typography--color-blue-light-200_1a0lg","magneto-ui-typography--color-blue-light-300":"mg_typography_magneto-ui-typography--color-blue-light-300_1a0lg","magneto-ui-typography--color-blue-light-400":"mg_typography_magneto-ui-typography--color-blue-light-400_1a0lg","magneto-ui-typography--color-blue-light-500":"mg_typography_magneto-ui-typography--color-blue-light-500_1a0lg","magneto-ui-typography--color-green-50":"mg_typography_magneto-ui-typography--color-green-50_1a0lg","magneto-ui-typography--color-green-100":"mg_typography_magneto-ui-typography--color-green-100_1a0lg","magneto-ui-typography--color-green-200":"mg_typography_magneto-ui-typography--color-green-200_1a0lg","magneto-ui-typography--color-green-300":"mg_typography_magneto-ui-typography--color-green-300_1a0lg","magneto-ui-typography--color-green-400":"mg_typography_magneto-ui-typography--color-green-400_1a0lg","magneto-ui-typography--color-green-500":"mg_typography_magneto-ui-typography--color-green-500_1a0lg","magneto-ui-typography--color-green-600":"mg_typography_magneto-ui-typography--color-green-600_1a0lg","magneto-ui-typography--color-grey-50":"mg_typography_magneto-ui-typography--color-grey-50_1a0lg","magneto-ui-typography--color-grey-100":"mg_typography_magneto-ui-typography--color-grey-100_1a0lg","magneto-ui-typography--color-grey-200":"mg_typography_magneto-ui-typography--color-grey-200_1a0lg","magneto-ui-typography--color-grey-300":"mg_typography_magneto-ui-typography--color-grey-300_1a0lg","magneto-ui-typography--color-grey-400":"mg_typography_magneto-ui-typography--color-grey-400_1a0lg","magneto-ui-typography--color-grey-500":"mg_typography_magneto-ui-typography--color-grey-500_1a0lg","magneto-ui-typography--color-grey-600":"mg_typography_magneto-ui-typography--color-grey-600_1a0lg","magneto-ui-typography--color-grey-700":"mg_typography_magneto-ui-typography--color-grey-700_1a0lg","magneto-ui-typography--color-grey-800":"mg_typography_magneto-ui-typography--color-grey-800_1a0lg","magneto-ui-typography--color-grey-900":"mg_typography_magneto-ui-typography--color-grey-900_1a0lg","magneto-ui-typography--color-red-50":"mg_typography_magneto-ui-typography--color-red-50_1a0lg","magneto-ui-typography--color-red-100":"mg_typography_magneto-ui-typography--color-red-100_1a0lg","magneto-ui-typography--color-red-200":"mg_typography_magneto-ui-typography--color-red-200_1a0lg","magneto-ui-typography--color-red-300":"mg_typography_magneto-ui-typography--color-red-300_1a0lg","magneto-ui-typography--color-yellow-50":"mg_typography_magneto-ui-typography--color-yellow-50_1a0lg","magneto-ui-typography--color-yellow-100":"mg_typography_magneto-ui-typography--color-yellow-100_1a0lg","magneto-ui-typography--color-yellow-200":"mg_typography_magneto-ui-typography--color-yellow-200_1a0lg","magneto-ui-typography--color-yellow-300":"mg_typography_magneto-ui-typography--color-yellow-300_1a0lg","magneto-ui-typography--weight-thin":"mg_typography_magneto-ui-typography--weight-thin_1a0lg","magneto-ui-typography--weight-extra-light":"mg_typography_magneto-ui-typography--weight-extra-light_1a0lg","magneto-ui-typography--weight-light":"mg_typography_magneto-ui-typography--weight-light_1a0lg","magneto-ui-typography--weight-normal":"mg_typography_magneto-ui-typography--weight-normal_1a0lg","magneto-ui-typography--weight-medium":"mg_typography_magneto-ui-typography--weight-medium_1a0lg","magneto-ui-typography--weight-semi-bold":"mg_typography_magneto-ui-typography--weight-semi-bold_1a0lg","magneto-ui-typography--weight-bold":"mg_typography_magneto-ui-typography--weight-bold_1a0lg","magneto-ui-typography--weight-extra-bold":"mg_typography_magneto-ui-typography--weight-extra-bold_1a0lg","magneto-ui-typography--weight-black":"mg_typography_magneto-ui-typography--weight-black_1a0lg","magneto-ui-typography--code":"mg_typography_magneto-ui-typography--code_1a0lg","magneto-ui-typography--delete":"mg_typography_magneto-ui-typography--delete_1a0lg","magneto-ui-typography--italic":"mg_typography_magneto-ui-typography--italic_1a0lg","magneto-ui-typography--keyboard":"mg_typography_magneto-ui-typography--keyboard_1a0lg","magneto-ui-typography--mark":"mg_typography_magneto-ui-typography--mark_1a0lg","magneto-ui-typography--strong":"mg_typography_magneto-ui-typography--strong_1a0lg","magneto-ui-typography--underline":"mg_typography_magneto-ui-typography--underline_1a0lg","magneto-ui-typography--ellipsis":"mg_typography_magneto-ui-typography--ellipsis_1a0lg","magneto-ui-typography--ellipsis-multiline":"mg_typography_magneto-ui-typography--ellipsis-multiline_1a0lg"};
+var styles$2t = {"w-inherit":"mg_typography_w-inherit_1a0lg","w-none":"mg_typography_w-none_1a0lg","w-auto":"mg_typography_w-auto_1a0lg","w-full":"mg_typography_w-full_1a0lg","w-min":"mg_typography_w-min_1a0lg","w-xxs":"mg_typography_w-xxs_1a0lg","w-xs":"mg_typography_w-xs_1a0lg","w-sm":"mg_typography_w-sm_1a0lg","w-sm-2":"mg_typography_w-sm-2_1a0lg","w-md":"mg_typography_w-md_1a0lg","w-md-2":"mg_typography_w-md-2_1a0lg","w-lg":"mg_typography_w-lg_1a0lg","w-xl":"mg_typography_w-xl_1a0lg","w-2xl":"mg_typography_w-2xl_1a0lg","w-3xl":"mg_typography_w-3xl_1a0lg","w-4xl":"mg_typography_w-4xl_1a0lg","w-container-xxs":"mg_typography_w-container-xxs_1a0lg","w-container-xs":"mg_typography_w-container-xs_1a0lg","w-container-sm":"mg_typography_w-container-sm_1a0lg","w-container-md":"mg_typography_w-container-md_1a0lg","w-container-lg":"mg_typography_w-container-lg_1a0lg","w-container-xl":"mg_typography_w-container-xl_1a0lg","w-container-2xl":"mg_typography_w-container-2xl_1a0lg","w-container-3xl":"mg_typography_w-container-3xl_1a0lg","min-w-inherit":"mg_typography_min-w-inherit_1a0lg","min-w-none":"mg_typography_min-w-none_1a0lg","min-w-auto":"mg_typography_min-w-auto_1a0lg","min-w-full":"mg_typography_min-w-full_1a0lg","min-w-min":"mg_typography_min-w-min_1a0lg","min-w-xxs":"mg_typography_min-w-xxs_1a0lg","min-w-xs":"mg_typography_min-w-xs_1a0lg","min-w-sm":"mg_typography_min-w-sm_1a0lg","min-w-sm-2":"mg_typography_min-w-sm-2_1a0lg","min-w-md":"mg_typography_min-w-md_1a0lg","min-w-md-2":"mg_typography_min-w-md-2_1a0lg","min-w-lg":"mg_typography_min-w-lg_1a0lg","min-w-xl":"mg_typography_min-w-xl_1a0lg","min-w-2xl":"mg_typography_min-w-2xl_1a0lg","min-w-3xl":"mg_typography_min-w-3xl_1a0lg","min-w-4xl":"mg_typography_min-w-4xl_1a0lg","min-w-container-xxs":"mg_typography_min-w-container-xxs_1a0lg","min-w-container-xs":"mg_typography_min-w-container-xs_1a0lg","min-w-container-sm":"mg_typography_min-w-container-sm_1a0lg","min-w-container-md":"mg_typography_min-w-container-md_1a0lg","min-w-container-lg":"mg_typography_min-w-container-lg_1a0lg","min-w-container-xl":"mg_typography_min-w-container-xl_1a0lg","min-w-container-2xl":"mg_typography_min-w-container-2xl_1a0lg","min-w-container-3xl":"mg_typography_min-w-container-3xl_1a0lg","h-inherit":"mg_typography_h-inherit_1a0lg","h-none":"mg_typography_h-none_1a0lg","h-auto":"mg_typography_h-auto_1a0lg","h-full":"mg_typography_h-full_1a0lg","h-min":"mg_typography_h-min_1a0lg","h-xxs":"mg_typography_h-xxs_1a0lg","h-xs":"mg_typography_h-xs_1a0lg","h-sm":"mg_typography_h-sm_1a0lg","h-sm-2":"mg_typography_h-sm-2_1a0lg","h-md":"mg_typography_h-md_1a0lg","h-md-2":"mg_typography_h-md-2_1a0lg","h-lg":"mg_typography_h-lg_1a0lg","h-xl":"mg_typography_h-xl_1a0lg","h-2xl":"mg_typography_h-2xl_1a0lg","h-3xl":"mg_typography_h-3xl_1a0lg","h-4xl":"mg_typography_h-4xl_1a0lg","h-container-xxs":"mg_typography_h-container-xxs_1a0lg","h-container-xs":"mg_typography_h-container-xs_1a0lg","h-container-sm":"mg_typography_h-container-sm_1a0lg","h-container-md":"mg_typography_h-container-md_1a0lg","h-container-lg":"mg_typography_h-container-lg_1a0lg","h-container-xl":"mg_typography_h-container-xl_1a0lg","h-container-2xl":"mg_typography_h-container-2xl_1a0lg","h-container-3xl":"mg_typography_h-container-3xl_1a0lg","min-h-inherit":"mg_typography_min-h-inherit_1a0lg","min-h-none":"mg_typography_min-h-none_1a0lg","min-h-auto":"mg_typography_min-h-auto_1a0lg","min-h-full":"mg_typography_min-h-full_1a0lg","min-h-min":"mg_typography_min-h-min_1a0lg","min-h-xxs":"mg_typography_min-h-xxs_1a0lg","min-h-xs":"mg_typography_min-h-xs_1a0lg","min-h-sm":"mg_typography_min-h-sm_1a0lg","min-h-sm-2":"mg_typography_min-h-sm-2_1a0lg","min-h-md":"mg_typography_min-h-md_1a0lg","min-h-md-2":"mg_typography_min-h-md-2_1a0lg","min-h-lg":"mg_typography_min-h-lg_1a0lg","min-h-xl":"mg_typography_min-h-xl_1a0lg","min-h-2xl":"mg_typography_min-h-2xl_1a0lg","min-h-3xl":"mg_typography_min-h-3xl_1a0lg","min-h-4xl":"mg_typography_min-h-4xl_1a0lg","min-h-container-xxs":"mg_typography_min-h-container-xxs_1a0lg","min-h-container-xs":"mg_typography_min-h-container-xs_1a0lg","min-h-container-sm":"mg_typography_min-h-container-sm_1a0lg","min-h-container-md":"mg_typography_min-h-container-md_1a0lg","min-h-container-lg":"mg_typography_min-h-container-lg_1a0lg","min-h-container-xl":"mg_typography_min-h-container-xl_1a0lg","min-h-container-2xl":"mg_typography_min-h-container-2xl_1a0lg","min-h-container-3xl":"mg_typography_min-h-container-3xl_1a0lg","sq-inherit":"mg_typography_sq-inherit_1a0lg","sq-none":"mg_typography_sq-none_1a0lg","sq-auto":"mg_typography_sq-auto_1a0lg","sq-full":"mg_typography_sq-full_1a0lg","sq-min":"mg_typography_sq-min_1a0lg","sq-xxs":"mg_typography_sq-xxs_1a0lg","sq-xs":"mg_typography_sq-xs_1a0lg","sq-sm":"mg_typography_sq-sm_1a0lg","sq-sm-2":"mg_typography_sq-sm-2_1a0lg","sq-md":"mg_typography_sq-md_1a0lg","sq-md-2":"mg_typography_sq-md-2_1a0lg","sq-lg":"mg_typography_sq-lg_1a0lg","sq-xl":"mg_typography_sq-xl_1a0lg","sq-2xl":"mg_typography_sq-2xl_1a0lg","sq-3xl":"mg_typography_sq-3xl_1a0lg","sq-4xl":"mg_typography_sq-4xl_1a0lg","min-sq-inherit":"mg_typography_min-sq-inherit_1a0lg","min-sq-none":"mg_typography_min-sq-none_1a0lg","min-sq-auto":"mg_typography_min-sq-auto_1a0lg","min-sq-full":"mg_typography_min-sq-full_1a0lg","min-sq-min":"mg_typography_min-sq-min_1a0lg","min-sq-xxs":"mg_typography_min-sq-xxs_1a0lg","min-sq-xs":"mg_typography_min-sq-xs_1a0lg","min-sq-sm":"mg_typography_min-sq-sm_1a0lg","min-sq-sm-2":"mg_typography_min-sq-sm-2_1a0lg","min-sq-md":"mg_typography_min-sq-md_1a0lg","min-sq-md-2":"mg_typography_min-sq-md-2_1a0lg","min-sq-lg":"mg_typography_min-sq-lg_1a0lg","min-sq-xl":"mg_typography_min-sq-xl_1a0lg","min-sq-2xl":"mg_typography_min-sq-2xl_1a0lg","min-sq-3xl":"mg_typography_min-sq-3xl_1a0lg","min-sq-4xl":"mg_typography_min-sq-4xl_1a0lg","stroke-transparent":"mg_typography_stroke-transparent_1a0lg","stroke-inherit":"mg_typography_stroke-inherit_1a0lg","stroke-current":"mg_typography_stroke-current_1a0lg","stroke-blue-dark-50":"mg_typography_stroke-blue-dark-50_1a0lg","stroke-blue-dark-100":"mg_typography_stroke-blue-dark-100_1a0lg","stroke-blue-dark-200":"mg_typography_stroke-blue-dark-200_1a0lg","stroke-blue-dark-300":"mg_typography_stroke-blue-dark-300_1a0lg","stroke-blue-dark-400":"mg_typography_stroke-blue-dark-400_1a0lg","stroke-blue-dark-500":"mg_typography_stroke-blue-dark-500_1a0lg","stroke-blue-light-50":"mg_typography_stroke-blue-light-50_1a0lg","stroke-blue-light-100":"mg_typography_stroke-blue-light-100_1a0lg","stroke-blue-light-200":"mg_typography_stroke-blue-light-200_1a0lg","stroke-blue-light-300":"mg_typography_stroke-blue-light-300_1a0lg","stroke-blue-light-400":"mg_typography_stroke-blue-light-400_1a0lg","stroke-blue-light-500":"mg_typography_stroke-blue-light-500_1a0lg","stroke-green-50":"mg_typography_stroke-green-50_1a0lg","stroke-green-100":"mg_typography_stroke-green-100_1a0lg","stroke-green-200":"mg_typography_stroke-green-200_1a0lg","stroke-green-300":"mg_typography_stroke-green-300_1a0lg","stroke-green-400":"mg_typography_stroke-green-400_1a0lg","stroke-green-500":"mg_typography_stroke-green-500_1a0lg","stroke-green-600":"mg_typography_stroke-green-600_1a0lg","stroke-grey-50":"mg_typography_stroke-grey-50_1a0lg","stroke-grey-100":"mg_typography_stroke-grey-100_1a0lg","stroke-grey-200":"mg_typography_stroke-grey-200_1a0lg","stroke-grey-300":"mg_typography_stroke-grey-300_1a0lg","stroke-grey-400":"mg_typography_stroke-grey-400_1a0lg","stroke-grey-500":"mg_typography_stroke-grey-500_1a0lg","stroke-grey-600":"mg_typography_stroke-grey-600_1a0lg","stroke-grey-700":"mg_typography_stroke-grey-700_1a0lg","stroke-grey-800":"mg_typography_stroke-grey-800_1a0lg","stroke-grey-900":"mg_typography_stroke-grey-900_1a0lg","stroke-red-50":"mg_typography_stroke-red-50_1a0lg","stroke-red-100":"mg_typography_stroke-red-100_1a0lg","stroke-red-200":"mg_typography_stroke-red-200_1a0lg","stroke-red-300":"mg_typography_stroke-red-300_1a0lg","stroke-yellow-50":"mg_typography_stroke-yellow-50_1a0lg","stroke-yellow-100":"mg_typography_stroke-yellow-100_1a0lg","stroke-yellow-200":"mg_typography_stroke-yellow-200_1a0lg","stroke-yellow-300":"mg_typography_stroke-yellow-300_1a0lg","fill-transparent":"mg_typography_fill-transparent_1a0lg","fill-inherit":"mg_typography_fill-inherit_1a0lg","fill-current":"mg_typography_fill-current_1a0lg","fill-blue-dark-50":"mg_typography_fill-blue-dark-50_1a0lg","fill-blue-dark-100":"mg_typography_fill-blue-dark-100_1a0lg","fill-blue-dark-200":"mg_typography_fill-blue-dark-200_1a0lg","fill-blue-dark-300":"mg_typography_fill-blue-dark-300_1a0lg","fill-blue-dark-400":"mg_typography_fill-blue-dark-400_1a0lg","fill-blue-dark-500":"mg_typography_fill-blue-dark-500_1a0lg","fill-blue-light-50":"mg_typography_fill-blue-light-50_1a0lg","fill-blue-light-100":"mg_typography_fill-blue-light-100_1a0lg","fill-blue-light-200":"mg_typography_fill-blue-light-200_1a0lg","fill-blue-light-300":"mg_typography_fill-blue-light-300_1a0lg","fill-blue-light-400":"mg_typography_fill-blue-light-400_1a0lg","fill-blue-light-500":"mg_typography_fill-blue-light-500_1a0lg","fill-green-50":"mg_typography_fill-green-50_1a0lg","fill-green-100":"mg_typography_fill-green-100_1a0lg","fill-green-200":"mg_typography_fill-green-200_1a0lg","fill-green-300":"mg_typography_fill-green-300_1a0lg","fill-green-400":"mg_typography_fill-green-400_1a0lg","fill-green-500":"mg_typography_fill-green-500_1a0lg","fill-green-600":"mg_typography_fill-green-600_1a0lg","fill-grey-50":"mg_typography_fill-grey-50_1a0lg","fill-grey-100":"mg_typography_fill-grey-100_1a0lg","fill-grey-200":"mg_typography_fill-grey-200_1a0lg","fill-grey-300":"mg_typography_fill-grey-300_1a0lg","fill-grey-400":"mg_typography_fill-grey-400_1a0lg","fill-grey-500":"mg_typography_fill-grey-500_1a0lg","fill-grey-600":"mg_typography_fill-grey-600_1a0lg","fill-grey-700":"mg_typography_fill-grey-700_1a0lg","fill-grey-800":"mg_typography_fill-grey-800_1a0lg","fill-grey-900":"mg_typography_fill-grey-900_1a0lg","fill-red-50":"mg_typography_fill-red-50_1a0lg","fill-red-100":"mg_typography_fill-red-100_1a0lg","fill-red-200":"mg_typography_fill-red-200_1a0lg","fill-red-300":"mg_typography_fill-red-300_1a0lg","fill-yellow-50":"mg_typography_fill-yellow-50_1a0lg","fill-yellow-100":"mg_typography_fill-yellow-100_1a0lg","fill-yellow-200":"mg_typography_fill-yellow-200_1a0lg","fill-yellow-300":"mg_typography_fill-yellow-300_1a0lg","bg-transparent":"mg_typography_bg-transparent_1a0lg","bg-inherit":"mg_typography_bg-inherit_1a0lg","bg-current":"mg_typography_bg-current_1a0lg","bg-blue-dark-50":"mg_typography_bg-blue-dark-50_1a0lg","bg-blue-dark-100":"mg_typography_bg-blue-dark-100_1a0lg","bg-blue-dark-200":"mg_typography_bg-blue-dark-200_1a0lg","bg-blue-dark-300":"mg_typography_bg-blue-dark-300_1a0lg","bg-blue-dark-400":"mg_typography_bg-blue-dark-400_1a0lg","bg-blue-dark-500":"mg_typography_bg-blue-dark-500_1a0lg","bg-blue-light-50":"mg_typography_bg-blue-light-50_1a0lg","bg-blue-light-100":"mg_typography_bg-blue-light-100_1a0lg","bg-blue-light-200":"mg_typography_bg-blue-light-200_1a0lg","bg-blue-light-300":"mg_typography_bg-blue-light-300_1a0lg","bg-blue-light-400":"mg_typography_bg-blue-light-400_1a0lg","bg-blue-light-500":"mg_typography_bg-blue-light-500_1a0lg","bg-green-50":"mg_typography_bg-green-50_1a0lg","bg-green-100":"mg_typography_bg-green-100_1a0lg","bg-green-200":"mg_typography_bg-green-200_1a0lg","bg-green-300":"mg_typography_bg-green-300_1a0lg","bg-green-400":"mg_typography_bg-green-400_1a0lg","bg-green-500":"mg_typography_bg-green-500_1a0lg","bg-green-600":"mg_typography_bg-green-600_1a0lg","bg-grey-50":"mg_typography_bg-grey-50_1a0lg","bg-grey-100":"mg_typography_bg-grey-100_1a0lg","bg-grey-200":"mg_typography_bg-grey-200_1a0lg","bg-grey-300":"mg_typography_bg-grey-300_1a0lg","bg-grey-400":"mg_typography_bg-grey-400_1a0lg","bg-grey-500":"mg_typography_bg-grey-500_1a0lg","bg-grey-600":"mg_typography_bg-grey-600_1a0lg","bg-grey-700":"mg_typography_bg-grey-700_1a0lg","bg-grey-800":"mg_typography_bg-grey-800_1a0lg","bg-grey-900":"mg_typography_bg-grey-900_1a0lg","bg-red-50":"mg_typography_bg-red-50_1a0lg","bg-red-100":"mg_typography_bg-red-100_1a0lg","bg-red-200":"mg_typography_bg-red-200_1a0lg","bg-red-300":"mg_typography_bg-red-300_1a0lg","bg-yellow-50":"mg_typography_bg-yellow-50_1a0lg","bg-yellow-100":"mg_typography_bg-yellow-100_1a0lg","bg-yellow-200":"mg_typography_bg-yellow-200_1a0lg","bg-yellow-300":"mg_typography_bg-yellow-300_1a0lg","color-transparent":"mg_typography_color-transparent_1a0lg","color-inherit":"mg_typography_color-inherit_1a0lg","color-current":"mg_typography_color-current_1a0lg","color-blue-dark-50":"mg_typography_color-blue-dark-50_1a0lg","color-blue-dark-100":"mg_typography_color-blue-dark-100_1a0lg","color-blue-dark-200":"mg_typography_color-blue-dark-200_1a0lg","color-blue-dark-300":"mg_typography_color-blue-dark-300_1a0lg","color-blue-dark-400":"mg_typography_color-blue-dark-400_1a0lg","color-blue-dark-500":"mg_typography_color-blue-dark-500_1a0lg","color-blue-light-50":"mg_typography_color-blue-light-50_1a0lg","color-blue-light-100":"mg_typography_color-blue-light-100_1a0lg","color-blue-light-200":"mg_typography_color-blue-light-200_1a0lg","color-blue-light-300":"mg_typography_color-blue-light-300_1a0lg","color-blue-light-400":"mg_typography_color-blue-light-400_1a0lg","color-blue-light-500":"mg_typography_color-blue-light-500_1a0lg","color-green-50":"mg_typography_color-green-50_1a0lg","color-green-100":"mg_typography_color-green-100_1a0lg","color-green-200":"mg_typography_color-green-200_1a0lg","color-green-300":"mg_typography_color-green-300_1a0lg","color-green-400":"mg_typography_color-green-400_1a0lg","color-green-500":"mg_typography_color-green-500_1a0lg","color-green-600":"mg_typography_color-green-600_1a0lg","color-grey-50":"mg_typography_color-grey-50_1a0lg","color-grey-100":"mg_typography_color-grey-100_1a0lg","color-grey-200":"mg_typography_color-grey-200_1a0lg","color-grey-300":"mg_typography_color-grey-300_1a0lg","color-grey-400":"mg_typography_color-grey-400_1a0lg","color-grey-500":"mg_typography_color-grey-500_1a0lg","color-grey-600":"mg_typography_color-grey-600_1a0lg","color-grey-700":"mg_typography_color-grey-700_1a0lg","color-grey-800":"mg_typography_color-grey-800_1a0lg","color-grey-900":"mg_typography_color-grey-900_1a0lg","color-red-50":"mg_typography_color-red-50_1a0lg","color-red-100":"mg_typography_color-red-100_1a0lg","color-red-200":"mg_typography_color-red-200_1a0lg","color-red-300":"mg_typography_color-red-300_1a0lg","color-yellow-50":"mg_typography_color-yellow-50_1a0lg","color-yellow-100":"mg_typography_color-yellow-100_1a0lg","color-yellow-200":"mg_typography_color-yellow-200_1a0lg","color-yellow-300":"mg_typography_color-yellow-300_1a0lg","magneto-ui-typography":"mg_typography_magneto-ui-typography_1a0lg","magneto-ui-typography--size-sm-2":"mg_typography_magneto-ui-typography--size-sm-2_1a0lg","magneto-ui-typography--size-md":"mg_typography_magneto-ui-typography--size-md_1a0lg","magneto-ui-typography--size-md-2":"mg_typography_magneto-ui-typography--size-md-2_1a0lg","magneto-ui-typography--size-lg":"mg_typography_magneto-ui-typography--size-lg_1a0lg","magneto-ui-typography--size-xl":"mg_typography_magneto-ui-typography--size-xl_1a0lg","magneto-ui-typography--size-2xl":"mg_typography_magneto-ui-typography--size-2xl_1a0lg","magneto-ui-typography--size-3xl":"mg_typography_magneto-ui-typography--size-3xl_1a0lg","magneto-ui-typography--size-4xl":"mg_typography_magneto-ui-typography--size-4xl_1a0lg","magneto-ui-typography--color-transparent":"mg_typography_magneto-ui-typography--color-transparent_1a0lg","magneto-ui-typography--color-inherit":"mg_typography_magneto-ui-typography--color-inherit_1a0lg","magneto-ui-typography--color-current":"mg_typography_magneto-ui-typography--color-current_1a0lg","magneto-ui-typography--color-blue-dark-50":"mg_typography_magneto-ui-typography--color-blue-dark-50_1a0lg","magneto-ui-typography--color-blue-dark-100":"mg_typography_magneto-ui-typography--color-blue-dark-100_1a0lg","magneto-ui-typography--color-blue-dark-200":"mg_typography_magneto-ui-typography--color-blue-dark-200_1a0lg","magneto-ui-typography--color-blue-dark-300":"mg_typography_magneto-ui-typography--color-blue-dark-300_1a0lg","magneto-ui-typography--color-blue-dark-400":"mg_typography_magneto-ui-typography--color-blue-dark-400_1a0lg","magneto-ui-typography--color-blue-dark-500":"mg_typography_magneto-ui-typography--color-blue-dark-500_1a0lg","magneto-ui-typography--color-blue-light-50":"mg_typography_magneto-ui-typography--color-blue-light-50_1a0lg","magneto-ui-typography--color-blue-light-100":"mg_typography_magneto-ui-typography--color-blue-light-100_1a0lg","magneto-ui-typography--color-blue-light-200":"mg_typography_magneto-ui-typography--color-blue-light-200_1a0lg","magneto-ui-typography--color-blue-light-300":"mg_typography_magneto-ui-typography--color-blue-light-300_1a0lg","magneto-ui-typography--color-blue-light-400":"mg_typography_magneto-ui-typography--color-blue-light-400_1a0lg","magneto-ui-typography--color-blue-light-500":"mg_typography_magneto-ui-typography--color-blue-light-500_1a0lg","magneto-ui-typography--color-green-50":"mg_typography_magneto-ui-typography--color-green-50_1a0lg","magneto-ui-typography--color-green-100":"mg_typography_magneto-ui-typography--color-green-100_1a0lg","magneto-ui-typography--color-green-200":"mg_typography_magneto-ui-typography--color-green-200_1a0lg","magneto-ui-typography--color-green-300":"mg_typography_magneto-ui-typography--color-green-300_1a0lg","magneto-ui-typography--color-green-400":"mg_typography_magneto-ui-typography--color-green-400_1a0lg","magneto-ui-typography--color-green-500":"mg_typography_magneto-ui-typography--color-green-500_1a0lg","magneto-ui-typography--color-green-600":"mg_typography_magneto-ui-typography--color-green-600_1a0lg","magneto-ui-typography--color-grey-50":"mg_typography_magneto-ui-typography--color-grey-50_1a0lg","magneto-ui-typography--color-grey-100":"mg_typography_magneto-ui-typography--color-grey-100_1a0lg","magneto-ui-typography--color-grey-200":"mg_typography_magneto-ui-typography--color-grey-200_1a0lg","magneto-ui-typography--color-grey-300":"mg_typography_magneto-ui-typography--color-grey-300_1a0lg","magneto-ui-typography--color-grey-400":"mg_typography_magneto-ui-typography--color-grey-400_1a0lg","magneto-ui-typography--color-grey-500":"mg_typography_magneto-ui-typography--color-grey-500_1a0lg","magneto-ui-typography--color-grey-600":"mg_typography_magneto-ui-typography--color-grey-600_1a0lg","magneto-ui-typography--color-grey-700":"mg_typography_magneto-ui-typography--color-grey-700_1a0lg","magneto-ui-typography--color-grey-800":"mg_typography_magneto-ui-typography--color-grey-800_1a0lg","magneto-ui-typography--color-grey-900":"mg_typography_magneto-ui-typography--color-grey-900_1a0lg","magneto-ui-typography--color-red-50":"mg_typography_magneto-ui-typography--color-red-50_1a0lg","magneto-ui-typography--color-red-100":"mg_typography_magneto-ui-typography--color-red-100_1a0lg","magneto-ui-typography--color-red-200":"mg_typography_magneto-ui-typography--color-red-200_1a0lg","magneto-ui-typography--color-red-300":"mg_typography_magneto-ui-typography--color-red-300_1a0lg","magneto-ui-typography--color-yellow-50":"mg_typography_magneto-ui-typography--color-yellow-50_1a0lg","magneto-ui-typography--color-yellow-100":"mg_typography_magneto-ui-typography--color-yellow-100_1a0lg","magneto-ui-typography--color-yellow-200":"mg_typography_magneto-ui-typography--color-yellow-200_1a0lg","magneto-ui-typography--color-yellow-300":"mg_typography_magneto-ui-typography--color-yellow-300_1a0lg","magneto-ui-typography--weight-thin":"mg_typography_magneto-ui-typography--weight-thin_1a0lg","magneto-ui-typography--weight-extra-light":"mg_typography_magneto-ui-typography--weight-extra-light_1a0lg","magneto-ui-typography--weight-light":"mg_typography_magneto-ui-typography--weight-light_1a0lg","magneto-ui-typography--weight-normal":"mg_typography_magneto-ui-typography--weight-normal_1a0lg","magneto-ui-typography--weight-medium":"mg_typography_magneto-ui-typography--weight-medium_1a0lg","magneto-ui-typography--weight-semi-bold":"mg_typography_magneto-ui-typography--weight-semi-bold_1a0lg","magneto-ui-typography--weight-bold":"mg_typography_magneto-ui-typography--weight-bold_1a0lg","magneto-ui-typography--weight-extra-bold":"mg_typography_magneto-ui-typography--weight-extra-bold_1a0lg","magneto-ui-typography--weight-black":"mg_typography_magneto-ui-typography--weight-black_1a0lg","magneto-ui-typography--code":"mg_typography_magneto-ui-typography--code_1a0lg","magneto-ui-typography--delete":"mg_typography_magneto-ui-typography--delete_1a0lg","magneto-ui-typography--italic":"mg_typography_magneto-ui-typography--italic_1a0lg","magneto-ui-typography--keyboard":"mg_typography_magneto-ui-typography--keyboard_1a0lg","magneto-ui-typography--mark":"mg_typography_magneto-ui-typography--mark_1a0lg","magneto-ui-typography--strong":"mg_typography_magneto-ui-typography--strong_1a0lg","magneto-ui-typography--underline":"mg_typography_magneto-ui-typography--underline_1a0lg","magneto-ui-typography--ellipsis":"mg_typography_magneto-ui-typography--ellipsis_1a0lg","magneto-ui-typography--ellipsis-multiline":"mg_typography_magneto-ui-typography--ellipsis-multiline_1a0lg"};
 
-var cx$1c = classNames.bind(styles$2q);
+var cx$1c = classNames.bind(styles$2t);
 var typographyStyles = function (_a) {
     var _b;
     var className = _a.className, color = _a.color, ellipsis = _a.ellipsis, size = _a.size, style = _a.style, weight = _a.weight;
@@ -2814,33 +2812,33 @@ var BaseComponent$3 = function (_a, ref) {
     var _b = typographyStyles(__assign({}, props)), className = _b.className, style = _b.style;
     return (React__default["default"].createElement("a", __assign({}, omitTypographyProps(props), { className: className, style: style, ref: ref }), applyWrappers(children, props)));
 };
-var Component$2u = React.forwardRef(BaseComponent$3);
+var Component$2x = React.forwardRef(BaseComponent$3);
 /**
  * Atom UI child component of Typography
  */
-var TypographyLink = Component$2u;
+var TypographyLink = Component$2x;
 
 var BaseComponent$2 = function (_a, ref) {
     var children = _a.children, props = __rest(_a, ["children"]);
     var _b = typographyStyles(__assign({}, props)), className = _b.className, style = _b.style;
     return (React__default["default"].createElement("p", __assign({}, omitTypographyProps(props), { className: className, style: style, ref: ref }), applyWrappers(children, props)));
 };
-var Component$2t = React.forwardRef(BaseComponent$2);
+var Component$2w = React.forwardRef(BaseComponent$2);
 /**
  * Atom UI child component of Typography
  */
-var TypographyParagraph = Component$2t;
+var TypographyParagraph = Component$2w;
 
 var BaseComponent$1 = function (_a, ref) {
     var children = _a.children, props = __rest(_a, ["children"]);
     var _b = typographyStyles(__assign({}, props)), className = _b.className, style = _b.style;
     return (React__default["default"].createElement("span", __assign({}, omitTypographyProps(props), { className: className, style: style, ref: ref }), applyWrappers(children, props)));
 };
-var Component$2s = React.forwardRef(BaseComponent$1);
+var Component$2v = React.forwardRef(BaseComponent$1);
 /**
  * Atom UI child component of Typography
  */
-var TypographyText = Component$2s;
+var TypographyText = Component$2v;
 
 var BaseComponent = function (_a, ref) {
     var children = _a.children, _b = _a.level, level = _b === void 0 ? 2 : _b, props = __rest(_a, ["children", "level"]);
@@ -2851,11 +2849,11 @@ var BaseComponent = function (_a, ref) {
     }, [level]);
     return React__default["default"].createElement(Wrapper, __assign(__assign({}, omitTypographyProps(props)), { className: className, style: style }), applyWrappers(children, props), ref);
 };
-var Component$2r = React.forwardRef(BaseComponent);
+var Component$2u = React.forwardRef(BaseComponent);
 /**
  * Atom UI child component of Typography
  */
-var TypographyTitle = Component$2r;
+var TypographyTitle = Component$2u;
 
 /**
  * Atom UI of typography. It includes titles, paragraphs, texts and links.
@@ -2880,14 +2878,14 @@ exports.ETypographyFontWeight = void 0;
     ETypographyFontWeight["BLACK"] = "black";
 })(exports.ETypographyFontWeight || (exports.ETypographyFontWeight = {}));
 
-var styles$2p = {"magneto-ui-user-menu-button-analyst":"mg_user_menu_button_analyst_magneto-ui-user-menu-button-analyst_1crg0"};
+var styles$2s = {"magneto-ui-user-menu-button-analyst":"mg_user_menu_button_analyst_magneto-ui-user-menu-button-analyst_1crg0"};
 
-var Component$2q = function (_a) {
+var Component$2t = function (_a) {
     var className = _a.className, title = _a.title, onClick = _a.onClick, user = _a.user;
     var userInfo = useMediaQuery(React__default["default"].createElement("span", null, "".concat(user, " | ").concat(title)), {
         sm: null
     });
-    return (React__default["default"].createElement("button", { className: CNM.get({ styles: styles$2p, cls: ['user-menu-button-analyst', className] }), onClick: onClick },
+    return (React__default["default"].createElement("button", { className: CNM.get({ styles: styles$2s, cls: ['user-menu-button-analyst', className] }), onClick: onClick },
         React__default["default"].createElement(IconItem, { icon: UserRoundedBlue, size: 20 }),
         userInfo,
         React__default["default"].createElement(IconItem, { icon: ArrowDownBlue, size: 16 })));
@@ -2895,9 +2893,16 @@ var Component$2q = function (_a) {
 /**
  * Atom UI component of user menu button analyst
  */
-var UserMenuButtonAnalyst = Component$2q;
+var UserMenuButtonAnalyst = Component$2t;
 
-var styles$2o = {"magneto-ui-actions":"mg_actions_magneto-ui-actions_ks5p3","magneto-ui-actions__header":"mg_actions_magneto-ui-actions_header_ks5p3","magneto-ui-actions__header-title":"mg_actions_magneto-ui-actions_header-title_ks5p3","magneto-ui-actions__header-subtitle":"mg_actions_magneto-ui-actions_header-subtitle_ks5p3","magneto-ui-actions__button":"mg_actions_magneto-ui-actions_button_ks5p3","magneto-ui-actions__link":"mg_actions_magneto-ui-actions_link_ks5p3","magneto-ui-actions__link--no-decorator":"mg_actions_magneto-ui-actions_link--no-decorator_ks5p3","magneto-ui-actions__apply-button":"mg_actions_magneto-ui-actions_apply-button_ks5p3","magneto-ui-actions__back":"mg_actions_magneto-ui-actions_back_ks5p3","magneto-ui-actions__share":"mg_actions_magneto-ui-actions_share_ks5p3","magneto-ui__external-child":"mg_actions_magneto-ui_external-child_ks5p3"};
+function InlineDetails(_a) {
+    var details = _a.details, className = _a.className;
+    var formatedDetails = details.join(' | ');
+    return (React__default["default"].createElement("div", { className: className },
+        React__default["default"].createElement(Typography.Text, { size: "md", weight: "normal", color: "inherit" }, formatedDetails)));
+}
+
+var styles$2r = {"magneto-ui-actions":"mg_actions_magneto-ui-actions_ks5p3","magneto-ui-actions__header":"mg_actions_magneto-ui-actions_header_ks5p3","magneto-ui-actions__header-title":"mg_actions_magneto-ui-actions_header-title_ks5p3","magneto-ui-actions__header-subtitle":"mg_actions_magneto-ui-actions_header-subtitle_ks5p3","magneto-ui-actions__button":"mg_actions_magneto-ui-actions_button_ks5p3","magneto-ui-actions__link":"mg_actions_magneto-ui-actions_link_ks5p3","magneto-ui-actions__link--no-decorator":"mg_actions_magneto-ui-actions_link--no-decorator_ks5p3","magneto-ui-actions__apply-button":"mg_actions_magneto-ui-actions_apply-button_ks5p3","magneto-ui-actions__back":"mg_actions_magneto-ui-actions_back_ks5p3","magneto-ui-actions__share":"mg_actions_magneto-ui-actions_share_ks5p3","magneto-ui__external-child":"mg_actions_magneto-ui_external-child_ks5p3"};
 
 var ShareIcons = {
     Facebook: {
@@ -2935,7 +2940,7 @@ var ShareIcons = {
     }
 };
 
-var Component$2p = function (_a) {
+var Component$2s = function (_a) {
     var ActionsAnchorIcons = _a.ActionsAnchorIcons, ActionsAnchorLinks = _a.ActionsAnchorLinks, ActionAnchorText = _a.ActionAnchorText, ActionsHeader = _a.ActionsHeader, externalButtonChild = _a.externalButtonChild, saveButtonProps = _a.saveButtonProps, shareButtonProps = _a.shareButtonProps, copyButtonProps = _a.copyButtonProps, offerCompanyName = _a.offerCompanyName, backText = _a.backText, isApplied = _a.isApplied;
     var _b = React.useState(), component = _b[0], setComponent = _b[1];
     var actionsLinkList = ActionsAnchorIcons === null || ActionsAnchorIcons === void 0 ? void 0 : ActionsAnchorIcons.map(function (_, index) { return ({
@@ -2948,46 +2953,46 @@ var Component$2p = function (_a) {
     };
     if (component)
         return component;
-    return (React__default["default"].createElement("div", { className: styles$2o['magneto-ui-actions'] },
-        React__default["default"].createElement("div", { id: styles$2o['magneto-ui__external-child'] }, !isApplied && externalButtonChild),
+    return (React__default["default"].createElement("div", { className: styles$2r['magneto-ui-actions'] },
+        React__default["default"].createElement("div", { id: styles$2r['magneto-ui__external-child'] }, !isApplied && externalButtonChild),
         React__default["default"].createElement(SaveButton, __assign({}, saveButtonProps)),
-        React__default["default"].createElement("button", { className: styles$2o['magneto-ui-actions__button'], "aria-label": shareButtonProps.title, onClick: function () {
+        React__default["default"].createElement("button", { className: styles$2r['magneto-ui-actions__button'], "aria-label": shareButtonProps.title, onClick: function () {
                 return setComponent(React__default["default"].createElement(Actions.ShareLinks, { offerCompanyName: offerCompanyName, shareButtonProps: copyButtonProps, ActionsHeader: ActionsHeader, backText: backText, onBack: handleBack }));
             } },
             React__default["default"].createElement(IconItem, { size: 20, icon: Share }),
             shareButtonProps.content), actionsLinkList === null || actionsLinkList === void 0 ? void 0 :
         actionsLinkList.map(function (_a, index) {
             var url = _a.url, text = _a.text, Icon = _a.Icon;
-            return (React__default["default"].createElement("a", { className: styles$2o['magneto-ui-actions__link'], key: index, href: url, target: "_blank", rel: "noreferrer" },
+            return (React__default["default"].createElement("a", { className: styles$2r['magneto-ui-actions__link'], key: index, href: url, target: "_blank", rel: "noreferrer" },
                 React__default["default"].createElement(IconItem, { hover: false, size: 20, icon: Icon }),
                 React__default["default"].createElement("p", { key: index }, text)));
         }),
-        React__default["default"].createElement("div", { className: styles$2o['magneto-ui-actions__header'] },
-            React__default["default"].createElement("p", { className: styles$2o['magneto-ui-actions__header-title'] }, ActionsHeader),
-            offerCompanyName ? React__default["default"].createElement("p", { className: styles$2o['magneto-ui-actions__header-subtitle'] }, offerCompanyName) : null)));
+        React__default["default"].createElement("div", { className: styles$2r['magneto-ui-actions__header'] },
+            React__default["default"].createElement("p", { className: styles$2r['magneto-ui-actions__header-title'] }, ActionsHeader),
+            offerCompanyName ? React__default["default"].createElement("p", { className: styles$2r['magneto-ui-actions__header-subtitle'] }, offerCompanyName) : null)));
 };
 var ShareLinksAction = function (_a) {
     var onBack = _a.onBack, _b = _a.shareButtonProps, _c = _b.shareLinks, shareLinks = _c === void 0 ? [] : _c, shareProps = __rest(_b, ["shareLinks"]), ActionsHeader = _a.ActionsHeader, offerCompanyName = _a.offerCompanyName, backText = _a.backText;
-    return (React__default["default"].createElement("div", { className: styles$2o['magneto-ui-actions'] },
-        React__default["default"].createElement(ShareButton, __assign({ className: styles$2o['magneto-ui-actions__share'] }, shareProps)),
+    return (React__default["default"].createElement("div", { className: styles$2r['magneto-ui-actions'] },
+        React__default["default"].createElement(ShareButton, __assign({ className: styles$2r['magneto-ui-actions__share'] }, shareProps)),
         shareLinks.map(function (_a, index) {
             var title = _a.title, ariaLabel = _a.ariaLabel, href = _a.href, icon = _a.icon, name = _a.name;
-            return (React__default["default"].createElement("a", { key: "".concat(title, "-").concat(index), target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, href: href, className: [styles$2o['magneto-ui-actions__link'], styles$2o['magneto-ui-actions__link--no-decorator']].join(' ') },
+            return (React__default["default"].createElement("a", { key: "".concat(title, "-").concat(index), target: "_blank", rel: "noreferrer", "aria-label": ariaLabel, href: href, className: [styles$2r['magneto-ui-actions__link'], styles$2r['magneto-ui-actions__link--no-decorator']].join(' ') },
                 React__default["default"].createElement(IconItem, { size: 40, icon: name ? ShareIcons[name].icon : icon }),
                 React__default["default"].createElement("span", null, title)));
         }),
-        React__default["default"].createElement("div", { className: styles$2o['magneto-ui-actions__header'] },
-            React__default["default"].createElement("p", { className: styles$2o['magneto-ui-actions__header-title'] }, ActionsHeader),
-            offerCompanyName ? React__default["default"].createElement("p", { className: styles$2o['magneto-ui-actions__header-subtitle'] }, offerCompanyName) : null),
-        React__default["default"].createElement("div", { className: styles$2o['magneto-ui-actions__back'] },
-            React__default["default"].createElement("button", { className: styles$2o['magneto-ui-actions__button'], onClick: function () { return onBack(); } },
+        React__default["default"].createElement("div", { className: styles$2r['magneto-ui-actions__header'] },
+            React__default["default"].createElement("p", { className: styles$2r['magneto-ui-actions__header-title'] }, ActionsHeader),
+            offerCompanyName ? React__default["default"].createElement("p", { className: styles$2r['magneto-ui-actions__header-subtitle'] }, offerCompanyName) : null),
+        React__default["default"].createElement("div", { className: styles$2r['magneto-ui-actions__back'] },
+            React__default["default"].createElement("button", { className: styles$2r['magneto-ui-actions__button'], onClick: function () { return onBack(); } },
                 React__default["default"].createElement(IconItem, { size: 20, icon: ArrowLeft2 })),
             backText)));
 };
 /**
  * UI Molecule componet of Actions
  */
-var Actions = Object.assign(Component$2p, { ShareLinks: ShareLinksAction });
+var Actions = Object.assign(Component$2s, { ShareLinks: ShareLinksAction });
 
 var style$X = {"magneto-ui-alert":"mg_alert_magneto-ui-alert_1v3n3","magneto-ui-warning":"mg_alert_magneto-ui-warning_1v3n3","magneto-ui-warning--with-border":"mg_alert_magneto-ui-warning--with-border_1v3n3","magneto-ui-success":"mg_alert_magneto-ui-success_1v3n3","magneto-ui-success--with-border":"mg_alert_magneto-ui-success--with-border_1v3n3","magneto-ui-error":"mg_alert_magneto-ui-error_1v3n3","magneto-ui-error--with-border":"mg_alert_magneto-ui-error--with-border_1v3n3","magneto-ui-info":"mg_alert_magneto-ui-info_1v3n3","magneto-ui-info--with-border":"mg_alert_magneto-ui-info--with-border_1v3n3","magneto-ui-close-action":"mg_alert_magneto-ui-close-action_1v3n3"};
 
@@ -2997,7 +3002,7 @@ var alertIcons$1 = {
     warning: Warning,
     error: Error$1
 };
-var Component$2o = function (_a) {
+var Component$2r = function (_a) {
     var _b = _a.text, text = _b === void 0 ? '' : _b, type = _a.type, customText = _a.customText, _c = _a.border, border = _c === void 0 ? false : _c, size = _a.size, onClose = _a.onClose, _d = _a.className, className = _d === void 0 ? '' : _d, extraButton = _a.extraButton;
     var borderStyle = border ? style$X["".concat(classMUI, "-").concat(type, "--with-border")] : '';
     var typeStyle = style$X["".concat(classMUI, "-").concat(type)];
@@ -3009,24 +3014,24 @@ var Component$2o = function (_a) {
             React__default["default"].createElement(IconItem, { icon: Close, alt: type }))),
         extraButton));
 };
-var Alert = Component$2o;
+var Alert = Component$2r;
 
-var styles$2n = {"alert-modal":"mg_alert_job_modal_alert-modal_oyuqf","alert-modal__mobile":"mg_alert_job_modal_alert-modal_mobile_oyuqf","alert-modal__header":"mg_alert_job_modal_alert-modal_header_oyuqf","alert-modal__body":"mg_alert_job_modal_alert-modal_body_oyuqf","alert-modal__footer":"mg_alert_job_modal_alert-modal_footer_oyuqf","alert-modal__icon":"mg_alert_job_modal_alert-modal_icon_oyuqf","alert-modal__title":"mg_alert_job_modal_alert-modal_title_oyuqf","alert-modal__checkbox":"mg_alert_job_modal_alert-modal_checkbox_oyuqf","alert-modal__button":"mg_alert_job_modal_alert-modal_button_oyuqf"};
+var styles$2q = {"alert-modal":"mg_alert_job_modal_alert-modal_oyuqf","alert-modal__mobile":"mg_alert_job_modal_alert-modal_mobile_oyuqf","alert-modal__header":"mg_alert_job_modal_alert-modal_header_oyuqf","alert-modal__body":"mg_alert_job_modal_alert-modal_body_oyuqf","alert-modal__footer":"mg_alert_job_modal_alert-modal_footer_oyuqf","alert-modal__icon":"mg_alert_job_modal_alert-modal_icon_oyuqf","alert-modal__title":"mg_alert_job_modal_alert-modal_title_oyuqf","alert-modal__checkbox":"mg_alert_job_modal_alert-modal_checkbox_oyuqf","alert-modal__button":"mg_alert_job_modal_alert-modal_button_oyuqf"};
 
-var cx$1b = classNames.bind(styles$2n);
+var cx$1b = classNames.bind(styles$2q);
 var AlertJobModalIcon = function (_a) {
     var src = _a.src, _b = _a.size, size = _b === void 0 ? 50 : _b, alt = _a.alt, className = _a.className;
     var customWidth = size ? { width: size + 'px' } : {};
     return (React__default["default"].createElement("img", { style: customWidth, className: cx$1b('alert-job__icon', className), src: src !== null && src !== void 0 ? src : Urgent, alt: alt !== null && alt !== void 0 ? alt : "icon-item", loading: "lazy" }));
 };
 
-var cx$1a = classNames.bind(styles$2n);
+var cx$1a = classNames.bind(styles$2q);
 var AlertJobModalHeader = function (_a) {
     var className = _a.className, children = _a.children;
     return React__default["default"].createElement("div", { className: cx$1a('alert-modal__header', className) }, children);
 };
 
-var cx$19 = classNames.bind(styles$2n);
+var cx$19 = classNames.bind(styles$2q);
 var AlertJobModalTitle = function (_a) {
     var title = _a.title, subtitle = _a.subtitle, className = _a.className, children = _a.children;
     return (React__default["default"].createElement("div", { className: cx$19('alert-modal__title', className) },
@@ -3035,19 +3040,19 @@ var AlertJobModalTitle = function (_a) {
         children));
 };
 
-var cx$18 = classNames.bind(styles$2n);
+var cx$18 = classNames.bind(styles$2q);
 var AlertJobModalBody = function (_a) {
     var className = _a.className, children = _a.children;
     return React__default["default"].createElement("div", { className: cx$18('alert-modal__body', className) }, children);
 };
 
-var cx$17 = classNames.bind(styles$2n);
+var cx$17 = classNames.bind(styles$2q);
 var AlertJobModalFooter = function (_a) {
     var className = _a.className, children = _a.children;
     return React__default["default"].createElement("div", { className: cx$17('alert-modal__footer', className) }, children);
 };
 
-var cx$16 = classNames.bind(styles$2n);
+var cx$16 = classNames.bind(styles$2q);
 var AlertJobModalButton = function (_a) {
     var className = _a.className, children = _a.children, _b = _a.icon, icon = _b === void 0 ? ArrowRightWhite : _b, _c = _a.sizeIcon, sizeIcon = _c === void 0 ? 14 : _c, buttonProps = __rest(_a, ["className", "children", "icon", "sizeIcon"]);
     return (React__default["default"].createElement("button", __assign({ className: cx$16('alert-modal__button', className) }, buttonProps),
@@ -3056,7 +3061,7 @@ var AlertJobModalButton = function (_a) {
 };
 
 var DrawerPortal = function (_a) {
-    var children = _a.children;
+    var children = _a.children, customContainer = _a.customContainer;
     var portalNode = React.useRef(null);
     var container = React.useContext(ContainerContext).container;
     var _b = React.useState(false), mounted = _b[0], setMounted = _b[1];
@@ -3065,21 +3070,20 @@ var DrawerPortal = function (_a) {
             return;
         portalNode.current = document.createElement('div');
         portalNode.current.classList.add('magneto-ui-drawer');
-        container.appendChild(portalNode.current);
+        (customContainer === null || customContainer === void 0 ? void 0 : customContainer.appendChild(portalNode.current)) || container.appendChild(portalNode.current);
         setMounted(true);
         return function () {
-            if (portalNode.current) {
-                container.removeChild(portalNode.current);
-            }
+            if (portalNode.current)
+                (customContainer || container).removeChild(portalNode.current);
         };
-    }, [container]);
+    }, [container, customContainer]);
     return mounted && portalNode.current ? ReactDOM__default["default"].createPortal(children, portalNode.current) : null;
 };
 
 var style$W = {"magneto-ui-mobile-drawer":"mg_mobile_drawer_magneto-ui-mobile-drawer_1e2s0","magneto-ui-close-button":"mg_mobile_drawer_magneto-ui-close-button_1e2s0","magneto-ui-container":"mg_mobile_drawer_magneto-ui-container_1e2s0","background-drawer":"mg_mobile_drawer_background-drawer_1e2s0","fadeIn":"mg_mobile_drawer_fadeIn_1e2s0","show":"mg_mobile_drawer_show_1e2s0","hidden":"mg_mobile_drawer_hidden_1e2s0"};
 
 var cx$15 = classNames.bind(style$W);
-var Component$2n = function (_a) {
+var Component$2q = function (_a) {
     var onClose = _a.onClose, isOpen = _a.isOpen, children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.blockBackgroundClose, blockBackgroundClose = _c === void 0 ? false : _c, _d = _a.backgroundClassName, backgroundClassName = _d === void 0 ? '' : _d;
     var _e = React.useState(false), showContent = _e[0], setShowContent = _e[1];
     var _f = React.useState(isOpen), renderPortal = _f[0], setRenderPortal = _f[1];
@@ -3115,9 +3119,9 @@ var Component$2n = function (_a) {
 /**
  * Molecule UI component for Mobile Drawer
  */
-var MobileDrawer = Component$2n;
+var MobileDrawer = Component$2q;
 
-var styles$2m = {"magneto-ui-modal":"mg_modal_magneto-ui-modal_1ffsw","magneto-ui-modal__close-btn":"mg_modal_magneto-ui-modal_close-btn_1ffsw","magneto-ui-modal__title":"mg_modal_magneto-ui-modal_title_1ffsw","magneto-ui-modal__description":"mg_modal_magneto-ui-modal_description_1ffsw","magneto-ui-modal__children-container":"mg_modal_magneto-ui-modal_children-container_1ffsw","magneto-ui-background-modal":"mg_modal_magneto-ui-background-modal_1ffsw","fadeIn":"mg_modal_fadeIn_1ffsw"};
+var styles$2p = {"magneto-ui-modal":"mg_modal_magneto-ui-modal_1ffsw","magneto-ui-modal__close-btn":"mg_modal_magneto-ui-modal_close-btn_1ffsw","magneto-ui-modal__title":"mg_modal_magneto-ui-modal_title_1ffsw","magneto-ui-modal__description":"mg_modal_magneto-ui-modal_description_1ffsw","magneto-ui-modal__children-container":"mg_modal_magneto-ui-modal_children-container_1ffsw","magneto-ui-background-modal":"mg_modal_magneto-ui-background-modal_1ffsw","fadeIn":"mg_modal_fadeIn_1ffsw"};
 
 var ModalPortal = function (_a) {
     var children = _a.children;
@@ -3151,39 +3155,39 @@ var Modal = function (_a) {
     if (!isOpen)
         return null;
     return (React__default["default"].createElement(ModalPortal, null,
-        React__default["default"].createElement("div", { className: "".concat(styles$2m["".concat(classMUI, "-modal")], " ").concat(className) },
-            title ? React__default["default"].createElement("h2", { className: "".concat(styles$2m["".concat(classMUI, "-modal__title")]) }, title) : null,
-            description ? React__default["default"].createElement("p", { className: "".concat(styles$2m["".concat(classMUI, "-modal__description")]) }, description) : null,
+        React__default["default"].createElement("div", { className: "".concat(styles$2p["".concat(classMUI, "-modal")], " ").concat(className) },
+            title ? React__default["default"].createElement("h2", { className: "".concat(styles$2p["".concat(classMUI, "-modal__title")]) }, title) : null,
+            description ? React__default["default"].createElement("p", { className: "".concat(styles$2p["".concat(classMUI, "-modal__description")]) }, description) : null,
             children,
-            React__default["default"].createElement("button", { "data-name": "close-drawer", className: "".concat(styles$2m["".concat(classMUI, "-modal__close-btn")]), onClick: onClose, type: "button" },
+            React__default["default"].createElement("button", { "data-name": "close-drawer", className: "".concat(styles$2p["".concat(classMUI, "-modal__close-btn")]), onClick: onClose, type: "button" },
                 React__default["default"].createElement("img", { src: Close, alt: "close icon" }))),
-        React__default["default"].createElement("span", { className: "".concat(styles$2m["".concat(classMUI, "-background-modal")], " ").concat(backgroundClassName), onClick: blockBackgroundClose ? function () { return null; } : onClose })));
+        React__default["default"].createElement("span", { className: "".concat(styles$2p["".concat(classMUI, "-background-modal")], " ").concat(backgroundClassName), onClick: blockBackgroundClose ? function () { return null; } : onClose })));
 };
 var Title = function (_a) {
     var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
-    return (React__default["default"].createElement("h2", __assign({ className: "".concat(styles$2m["".concat(classMUI, "-modal__title")], " ").concat(className) }, props), children));
+    return (React__default["default"].createElement("h2", __assign({ className: "".concat(styles$2p["".concat(classMUI, "-modal__title")], " ").concat(className) }, props), children));
 };
 var Description = function (_a) {
     var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
-    return (React__default["default"].createElement("p", __assign({ className: "".concat(styles$2m["".concat(classMUI, "-modal__description")], " ").concat(className) }, props), children));
+    return (React__default["default"].createElement("p", __assign({ className: "".concat(styles$2p["".concat(classMUI, "-modal__description")], " ").concat(className) }, props), children));
 };
 var Modal$1 = Object.assign(Modal, { Title: Title, Description: Description });
 
-var Component$2m = function (_a) {
+var Component$2p = function (_a) {
     var children = _a.children, open = _a.open, onClose = _a.onClose, _b = _a.modalClassName, modalClassName = _b === void 0 ? '' : _b, _c = _a.mobileDrawerClassName, mobileDrawerClassName = _c === void 0 ? '' : _c, _d = _a.backgroundClassNameDesktop, backgroundClassNameDesktop = _d === void 0 ? '' : _d, _e = _a.backgroundClassNameMobile, backgroundClassNameMobile = _e === void 0 ? '' : _e;
     var container = useMediaQuery(React__default["default"].createElement(Modal$1, { className: modalClassName, backgroundClassName: backgroundClassNameDesktop, isOpen: open, onClose: onClose }, children), {
         md: (React__default["default"].createElement(MobileDrawer, { backgroundClassName: backgroundClassNameMobile, className: mobileDrawerClassName, isOpen: open, onClose: onClose }, children))
     });
     return container;
 };
-var ModalResponsive = Component$2m;
+var ModalResponsive = Component$2p;
 
-var cx$14 = classNames.bind(styles$2n);
-var Component$2l = function (_a) {
+var cx$14 = classNames.bind(styles$2q);
+var Component$2o = function (_a) {
     var children = _a.children, className = _a.className, mobileClassName = _a.mobileClassName, open = _a.open, onClose = _a.onClose;
     return (React__default["default"].createElement(ModalResponsive, { open: open, onClose: onClose, modalClassName: cx$14('alert-modal', className), mobileDrawerClassName: cx$14('alert-modal__mobile', mobileClassName) }, children));
 };
-var AlertJobModal = Object.assign(Component$2l, {
+var AlertJobModal = Object.assign(Component$2o, {
     Header: AlertJobModalHeader,
     Body: AlertJobModalBody,
     Footer: AlertJobModalFooter,
@@ -3192,19 +3196,19 @@ var AlertJobModal = Object.assign(Component$2l, {
     Button: AlertJobModalButton
 });
 
-var styles$2l = {"alert-job":"mg_alert_job_status_alert-job_1qnyy","normal":"mg_alert_job_status_normal_1qnyy","warning":"mg_alert_job_status_warning_1qnyy"};
+var styles$2o = {"alert-job":"mg_alert_job_status_alert-job_1qnyy","normal":"mg_alert_job_status_normal_1qnyy","warning":"mg_alert_job_status_warning_1qnyy"};
 
-var styles$2k = {"alert-job__content":"mg_alert_job_status_container_alert-job_content_g6vk0"};
+var styles$2n = {"alert-job__content":"mg_alert_job_status_container_alert-job_content_g6vk0"};
 
-var cx$13 = classNames.bind(styles$2k);
+var cx$13 = classNames.bind(styles$2n);
 var AlertJobStatusContainer = function (_a) {
     var className = _a.className, children = _a.children;
     return React__default["default"].createElement("div", { className: cx$13('alert-job__content', className) }, children);
 };
 
-var styles$2j = {"alert-job__icon":"mg_alert_job_status_icon_alert-job_icon_1d1sg"};
+var styles$2m = {"alert-job__icon":"mg_alert_job_status_icon_alert-job_icon_1d1sg"};
 
-var cx$12 = classNames.bind(styles$2j);
+var cx$12 = classNames.bind(styles$2m);
 var alertIcons = {
     success: Checked2,
     warning: Warning3D
@@ -3216,9 +3220,9 @@ var AlertJobStatusIcon = function (_a) {
     return (React__default["default"].createElement("img", { style: customWidth, className: cx$12('alert-job__icon', className), src: src !== null && src !== void 0 ? src : iconByType, alt: alt !== null && alt !== void 0 ? alt : "icon-item", loading: "lazy" }));
 };
 
-var styles$2i = {"alert-modal__button":"mg_alert_job_status_button_alert-modal_button_d8bsk"};
+var styles$2l = {"alert-modal__button":"mg_alert_job_status_button_alert-modal_button_d8bsk"};
 
-var cx$11 = classNames.bind(styles$2i);
+var cx$11 = classNames.bind(styles$2l);
 var AlertJobStatusButton = function (_a) {
     var className = _a.className, children = _a.children, _b = _a.icon, icon = _b === void 0 ? ArrowRightWhite : _b, _c = _a.sizeIcon, sizeIcon = _c === void 0 ? 14 : _c, buttonProps = __rest(_a, ["className", "children", "icon", "sizeIcon"]);
     return (React__default["default"].createElement("button", __assign({ className: cx$11('alert-modal__button', className) }, buttonProps),
@@ -3226,21 +3230,21 @@ var AlertJobStatusButton = function (_a) {
         React__default["default"].createElement(IconItem, { alt: "arrow-icon", hover: false, icon: icon, size: sizeIcon })));
 };
 
-var cx$10 = classNames.bind(styles$2l);
-var Component$2k = function (_a) {
+var cx$10 = classNames.bind(styles$2o);
+var Component$2n = function (_a) {
     var children = _a.children, className = _a.className, type = _a.type;
     return React__default["default"].createElement("div", { className: cx$10('alert-job', className, type) }, children);
 };
-var AlertJobStatus = Object.assign(Component$2k, {
+var AlertJobStatus = Object.assign(Component$2n, {
     Container: AlertJobStatusContainer,
     Icon: AlertJobStatusIcon,
     Button: AlertJobStatusButton,
     Text: TextCustom
 });
 
-var styles$2h = {"magneto-ui-chart-bars":"mg_bars_chart_magneto-ui-chart-bars_17if2","magneto-ui-chart-bars__chart":"mg_bars_chart_magneto-ui-chart-bars_chart_17if2","magneto-ui-chart-bars__minmax":"mg_bars_chart_magneto-ui-chart-bars_minmax_17if2","magneto-ui-chart-bars__mean":"mg_bars_chart_magneto-ui-chart-bars_mean_17if2"};
+var styles$2k = {"magneto-ui-chart-bars":"mg_bars_chart_magneto-ui-chart-bars_17if2","magneto-ui-chart-bars__chart":"mg_bars_chart_magneto-ui-chart-bars_chart_17if2","magneto-ui-chart-bars__minmax":"mg_bars_chart_magneto-ui-chart-bars_minmax_17if2","magneto-ui-chart-bars__mean":"mg_bars_chart_magneto-ui-chart-bars_mean_17if2"};
 
-var Component$2j = function (_a) {
+var Component$2m = function (_a) {
     var maxHeight = _a.maxHeight, data = _a.data, mean = _a.mean, texts = _a.texts;
     var minValue = React.useMemo(function () { return data[0].bin[0]; }, [data]);
     var maxValue = React.useMemo(function () { return data[data.length - 1].bin[1]; }, [data]);
@@ -3253,9 +3257,9 @@ var Component$2j = function (_a) {
         var talestBar = Math.max.apply(Math, data.map(getHeightPercentage));
         return { talestBar: talestBar, shorterBar: shorterBar };
     }, [data]), talestBar = _b.talestBar, shorterBar = _b.shorterBar;
-    return (React__default["default"].createElement("div", { className: styles$2h['magneto-ui-chart-bars'] },
-        React__default["default"].createElement("div", { className: styles$2h['magneto-ui-chart-bars__chart'] }, data.map(function (bar, key) { return (React__default["default"].createElement(BarChart, __assign({ key: key }, bar, { jobText: texts.jobs, maxHeight: maxHeight, point: talestBar == bar.heightPercentage || shorterBar == bar.heightPercentage ? '#1a324c' : undefined }))); })),
-        React__default["default"].createElement("div", { className: styles$2h['magneto-ui-chart-bars__minmax'] },
+    return (React__default["default"].createElement("div", { className: styles$2k['magneto-ui-chart-bars'] },
+        React__default["default"].createElement("div", { className: styles$2k['magneto-ui-chart-bars__chart'] }, data.map(function (bar, key) { return (React__default["default"].createElement(BarChart, __assign({ key: key }, bar, { jobText: texts.jobs, maxHeight: maxHeight, point: talestBar == bar.heightPercentage || shorterBar == bar.heightPercentage ? '#1a324c' : undefined }))); })),
+        React__default["default"].createElement("div", { className: styles$2k['magneto-ui-chart-bars__minmax'] },
             React__default["default"].createElement("p", null,
                 " ",
                 numberToCurrency(minValue)),
@@ -3265,12 +3269,12 @@ var Component$2j = function (_a) {
             React__default["default"].createElement("p", null,
                 " ",
                 numberToCurrency(maxValue))),
-        React__default["default"].createElement("div", { className: styles$2h['magneto-ui-chart-bars__mean'] },
+        React__default["default"].createElement("div", { className: styles$2k['magneto-ui-chart-bars__mean'] },
             React__default["default"].createElement("p", null,
                 " ",
                 numberToCurrency(mean) + ' / ' + texts.month))));
 };
-var BarsChart = Component$2j;
+var BarsChart = Component$2m;
 
 var style$V = {"magneto-ui-brands__header--row":"mg_brands_container_magneto-ui-brands_header--row_1pjqh","magneto-ui-brands-container":"mg_brands_container_magneto-ui-brands-container_1pjqh","magneto-ui-brands-container__brands":"mg_brands_container_magneto-ui-brands-container_brands_1pjqh","magneto-ui-brands-container__brands--brand":"mg_brands_container_magneto-ui-brands-container_brands--brand_1pjqh"};
 
@@ -3347,11 +3351,11 @@ var BrandsMenuPopover = function (_a) {
 };
 var BrandsMenuPopover$1 = withClickOut(BrandsMenuPopover);
 
-var styles$2g = {"BreadcrumbsComponent":"mg_breadcrumbs_BreadcrumbsComponent_13csm"};
+var styles$2j = {"BreadcrumbsComponent":"mg_breadcrumbs_BreadcrumbsComponent_13csm"};
 
-var Component$2i = function (_a) {
+var Component$2l = function (_a) {
     var homeUrl = _a.homeUrl, breadcrumbProps = _a.breadcrumbProps, _b = _a.iconProps, iconProps = _b === void 0 ? iconPropsBreadCrumb : _b;
-    return (React__default["default"].createElement("div", { className: styles$2g.BreadcrumbsComponent },
+    return (React__default["default"].createElement("div", { className: styles$2j.BreadcrumbsComponent },
         React__default["default"].createElement("a", { href: homeUrl },
             React__default["default"].createElement(IconItem, __assign({}, iconProps))),
         breadcrumbProps && React__default["default"].createElement(Breadcrumb, __assign({}, breadcrumbProps))));
@@ -3359,7 +3363,7 @@ var Component$2i = function (_a) {
 /**
  * Molecule UI component for breadcrums information
  */
-var Breadcrumbs = Component$2i;
+var Breadcrumbs = Component$2l;
 
 var CandidateNavContext = React.createContext(undefined);
 var Provider$1 = function (_a) {
@@ -3383,10 +3387,10 @@ var context$1 = /*#__PURE__*/Object.freeze({
     useCandidateNav: useCandidateNav
 });
 
-var styles$2f = {"magneto-ui-candidate-nav-button":"mg_candidate_nav_button_magneto-ui-candidate-nav-button_s4lu3","magneto-ui-candidate-nav-button--red":"mg_candidate_nav_button_magneto-ui-candidate-nav-button--red_s4lu3","magneto-ui-candidate-nav-button--dark-blue":"mg_candidate_nav_button_magneto-ui-candidate-nav-button--dark-blue_s4lu3","magneto-ui-candidate-nav-button--gray":"mg_candidate_nav_button_magneto-ui-candidate-nav-button--gray_s4lu3","magneto-ui-candidate-nav-button--arrow":"mg_candidate_nav_button_magneto-ui-candidate-nav-button--arrow_s4lu3"};
+var styles$2i = {"magneto-ui-candidate-nav-button":"mg_candidate_nav_button_magneto-ui-candidate-nav-button_s4lu3","magneto-ui-candidate-nav-button--red":"mg_candidate_nav_button_magneto-ui-candidate-nav-button--red_s4lu3","magneto-ui-candidate-nav-button--dark-blue":"mg_candidate_nav_button_magneto-ui-candidate-nav-button--dark-blue_s4lu3","magneto-ui-candidate-nav-button--gray":"mg_candidate_nav_button_magneto-ui-candidate-nav-button--gray_s4lu3","magneto-ui-candidate-nav-button--arrow":"mg_candidate_nav_button_magneto-ui-candidate-nav-button--arrow_s4lu3"};
 
-var cs$4 = classNames.bind(styles$2f);
-var Component$2h = function (_a) {
+var cs$4 = classNames.bind(styles$2i);
+var Component$2k = function (_a) {
     var _b;
     var children = _a.children, className = _a.className, toggler = _a.toggler, onClick = _a.onClick, variant = _a.variant, props = __rest(_a, ["children", "className", "toggler", "onClick", "variant"]);
     var onChangeOpen = useCandidateNav().onChangeOpen;
@@ -3404,7 +3408,7 @@ var Component$2h = function (_a) {
 /**
  * Molecule UI component child of Candidate Nav
  */
-var CandidateNavButton = Component$2h;
+var CandidateNavButton = Component$2k;
 
 var ECandidateNavButtonVariant;
 (function (ECandidateNavButtonVariant) {
@@ -3415,10 +3419,10 @@ var ECandidateNavButtonVariant;
     ECandidateNavButtonVariant["ARROW"] = "arrow";
 })(ECandidateNavButtonVariant || (ECandidateNavButtonVariant = {}));
 
-var styles$2e = {"magneto-ui-candidate-nav-option":"mg_candidate_nav_option_magneto-ui-candidate-nav-option_1o9op"};
+var styles$2h = {"magneto-ui-candidate-nav-option":"mg_candidate_nav_option_magneto-ui-candidate-nav-option_1o9op"};
 
-var cs$3 = classNames.bind(styles$2e);
-var Component$2g = function (_a) {
+var cs$3 = classNames.bind(styles$2h);
+var Component$2j = function (_a) {
     var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
     var onChangeOpen = useCandidateNav().onChangeOpen;
     return (React__default["default"].createElement("li", __assign({}, props, { className: cs$3('magneto-ui-candidate-nav-option', className) }), React__default["default"].Children.map(children, function (child) {
@@ -3428,16 +3432,16 @@ var Component$2g = function (_a) {
 /**
  * Molecule UI component child of Candidate Nav
  */
-var CandidateNavOption = Component$2g;
+var CandidateNavOption = Component$2j;
 
-var styles$2d = {"magneto-ui-candidate-nav-options":"mg_candidate_nav_options_magneto-ui-candidate-nav-options_1iyit","magneto-ui-candidate-nav-options--visible":"mg_candidate_nav_options_magneto-ui-candidate-nav-options--visible_1iyit","magneto-ui-candidate-nav-options__container":"mg_candidate_nav_options_magneto-ui-candidate-nav-options_container_1iyit","magneto-ui-candidate-nav-options__container--visible":"mg_candidate_nav_options_magneto-ui-candidate-nav-options_container--visible_1iyit","magneto-ui-candidate-nav-options__content":"mg_candidate_nav_options_magneto-ui-candidate-nav-options_content_1iyit","magneto-ui-candidate-nav-options__content--visible":"mg_candidate_nav_options_magneto-ui-candidate-nav-options_content--visible_1iyit","magneto-ui-candidate-nav-options__list":"mg_candidate_nav_options_magneto-ui-candidate-nav-options_list_1iyit","magneto-ui-candidate-nav-options__closable-area":"mg_candidate_nav_options_magneto-ui-candidate-nav-options_closable-area_1iyit","magneto-ui-candidate-nav-options__line":"mg_candidate_nav_options_magneto-ui-candidate-nav-options_line_1iyit"};
+var styles$2g = {"magneto-ui-candidate-nav-options":"mg_candidate_nav_options_magneto-ui-candidate-nav-options_1iyit","magneto-ui-candidate-nav-options--visible":"mg_candidate_nav_options_magneto-ui-candidate-nav-options--visible_1iyit","magneto-ui-candidate-nav-options__container":"mg_candidate_nav_options_magneto-ui-candidate-nav-options_container_1iyit","magneto-ui-candidate-nav-options__container--visible":"mg_candidate_nav_options_magneto-ui-candidate-nav-options_container--visible_1iyit","magneto-ui-candidate-nav-options__content":"mg_candidate_nav_options_magneto-ui-candidate-nav-options_content_1iyit","magneto-ui-candidate-nav-options__content--visible":"mg_candidate_nav_options_magneto-ui-candidate-nav-options_content--visible_1iyit","magneto-ui-candidate-nav-options__list":"mg_candidate_nav_options_magneto-ui-candidate-nav-options_list_1iyit","magneto-ui-candidate-nav-options__closable-area":"mg_candidate_nav_options_magneto-ui-candidate-nav-options_closable-area_1iyit","magneto-ui-candidate-nav-options__line":"mg_candidate_nav_options_magneto-ui-candidate-nav-options_line_1iyit"};
 
-var cs$2 = classNames.bind(styles$2d);
+var cs$2 = classNames.bind(styles$2g);
 var customScrollbarButtonsStyle$1 = {
     '--custom-scrollbar-thumb-down-background': "url(".concat(MiniArrowGrayDown, ")"),
     '--custom-scrollbar-thumb-up-background': "url(".concat(MiniArrowGrayUp, ")")
 };
-var Component$2f = function (_a) {
+var Component$2i = function (_a) {
     var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
     var _b = useCandidateNav(), showOptions = _b.showOptions, onChangeOpen = _b.onChangeOpen;
     var wrapperRef = React.useRef(null);
@@ -3479,24 +3483,24 @@ var Component$2f = function (_a) {
 /**
  * Molecule UI component child of Candidate Nav
  */
-var CandidateNavOptions = Component$2f;
+var CandidateNavOptions = Component$2i;
 
-var styles$2c = {"magneto-ui-candidate-nav-step":"mg_candidate_nav_step_magneto-ui-candidate-nav-step_3a00i"};
+var styles$2f = {"magneto-ui-candidate-nav-step":"mg_candidate_nav_step_magneto-ui-candidate-nav-step_3a00i"};
 
-var cs$1 = classNames.bind(styles$2c);
-var Component$2e = function (_a) {
+var cs$1 = classNames.bind(styles$2f);
+var Component$2h = function (_a) {
     var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
     return (React__default["default"].createElement("div", __assign({}, props, { className: cs$1('magneto-ui-candidate-nav-step', className) }), children));
 };
 /**
  * Molecule UI component child of Candidate Nav
  */
-var CandidateNavStep = Component$2e;
+var CandidateNavStep = Component$2h;
 
-var styles$2b = {"magneto-ui-candidate-nav":"mg_candidate_nav_magneto-ui-candidate-nav_1on5i"};
+var styles$2e = {"magneto-ui-candidate-nav":"mg_candidate_nav_magneto-ui-candidate-nav_1on5i"};
 
-var cs = classNames.bind(styles$2b);
-var Component$2d = function (_a) {
+var cs = classNames.bind(styles$2e);
+var Component$2g = function (_a) {
     var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
     return (React__default["default"].createElement(Provider$1, null,
         React__default["default"].createElement("div", __assign({ className: cs('magneto-ui-candidate-nav', className) }, props), children)));
@@ -3504,14 +3508,14 @@ var Component$2d = function (_a) {
 /**
  *  Molecule UI component of Candidate Nav
  */
-var CandidateNav = Object.assign(Component$2d, __assign({ Button: CandidateNavButton, Option: CandidateNavOption, Options: CandidateNavOptions, Step: CandidateNavStep }, context$1));
+var CandidateNav = Object.assign(Component$2g, __assign({ Button: CandidateNavButton, Option: CandidateNavOption, Options: CandidateNavOptions, Step: CandidateNavStep }, context$1));
 
-var styles$2a = {"magneto-ui-candidate-profile":"mg_candidate_profile_magneto-ui-candidate-profile_1vwhb"};
+var styles$2d = {"magneto-ui-candidate-profile":"mg_candidate_profile_magneto-ui-candidate-profile_1vwhb"};
 
-var styles$29 = {"magneto-ui-candidate-profile-avatar":"mg_candidate_profile_avatar_magneto-ui-candidate-profile-avatar_sa8bj","magneto-ui-candidate-profile-avatar__picture":"mg_candidate_profile_avatar_magneto-ui-candidate-profile-avatar_picture_sa8bj","magneto-ui-candidate-profile-avatar__score":"mg_candidate_profile_avatar_magneto-ui-candidate-profile-avatar_score_sa8bj"};
+var styles$2c = {"magneto-ui-candidate-profile-avatar":"mg_candidate_profile_avatar_magneto-ui-candidate-profile-avatar_sa8bj","magneto-ui-candidate-profile-avatar__picture":"mg_candidate_profile_avatar_magneto-ui-candidate-profile-avatar_picture_sa8bj","magneto-ui-candidate-profile-avatar__score":"mg_candidate_profile_avatar_magneto-ui-candidate-profile-avatar_score_sa8bj"};
 
-var cx$$ = classNames.bind(styles$29);
-var Component$2c = function (_a) {
+var cx$$ = classNames.bind(styles$2c);
+var Component$2f = function (_a) {
     var fallbackImage = _a.fallbackImage, onClick = _a.onClick, score = _a.score, userImage = _a.userImage, props = __rest(_a, ["fallbackImage", "onClick", "score", "userImage"]);
     return (React__default["default"].createElement("div", __assign({ className: cx$$('magneto-ui-candidate-profile-avatar') }, props),
         React__default["default"].createElement("picture", { className: cx$$('magneto-ui-candidate-profile-avatar__picture') },
@@ -3522,12 +3526,12 @@ var Component$2c = function (_a) {
 /**
  * Molecule UI component child of candidate profile
  */
-var CandidateProfileAvatar = Component$2c;
+var CandidateProfileAvatar = Component$2f;
 
-var styles$28 = {"magneto-ui-candidate-profile-body":"mg_candidate_profile_body_magneto-ui-candidate-profile-body_z5hdu","magneto-ui-candidate-profile-body--open":"mg_candidate_profile_body_magneto-ui-candidate-profile-body--open_z5hdu"};
+var styles$2b = {"magneto-ui-candidate-profile-body":"mg_candidate_profile_body_magneto-ui-candidate-profile-body_z5hdu","magneto-ui-candidate-profile-body--open":"mg_candidate_profile_body_magneto-ui-candidate-profile-body--open_z5hdu"};
 
-var cx$_ = classNames.bind(styles$28);
-var Component$2b = function (_a) {
+var cx$_ = classNames.bind(styles$2b);
+var Component$2e = function (_a) {
     var children = _a.children, props = __rest(_a, ["children"]);
     var open = Collapse.useCollapse().open;
     return (React__default["default"].createElement(Collapse.Body, __assign({ className: cx$_('magneto-ui-candidate-profile-body', {
@@ -3537,12 +3541,12 @@ var Component$2b = function (_a) {
 /**
  * Molecule UI component child of candidate profile
  */
-var CandidateProfileBody = Component$2b;
+var CandidateProfileBody = Component$2e;
 
-var styles$27 = {"magneto-ui-candidate-profile-header":"mg_candidate_profile_header_magneto-ui-candidate-profile-header_1x5m8","magneto-ui-candidate-profile-header--open":"mg_candidate_profile_header_magneto-ui-candidate-profile-header--open_1x5m8"};
+var styles$2a = {"magneto-ui-candidate-profile-header":"mg_candidate_profile_header_magneto-ui-candidate-profile-header_1x5m8","magneto-ui-candidate-profile-header--open":"mg_candidate_profile_header_magneto-ui-candidate-profile-header--open_1x5m8"};
 
-var cx$Z = classNames.bind(styles$27);
-var Component$2a = function (_a) {
+var cx$Z = classNames.bind(styles$2a);
+var Component$2d = function (_a) {
     var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
     var open = Collapse.useCollapse().open;
     return (React__default["default"].createElement(Collapse.Header, __assign({ className: cx$Z('magneto-ui-candidate-profile-header', className, {
@@ -3552,12 +3556,12 @@ var Component$2a = function (_a) {
 /**
  * Molecule UI component child of candidate profile
  */
-var CandidateProfileHeader = Component$2a;
+var CandidateProfileHeader = Component$2d;
 
-var styles$26 = {"magneto-ui-candidate-profile-toggler":"mg_candidate_profile_toggler_magneto-ui-candidate-profile-toggler_r3x9t","magneto-ui-candidate-profile-toggler--open":"mg_candidate_profile_toggler_magneto-ui-candidate-profile-toggler--open_r3x9t"};
+var styles$29 = {"magneto-ui-candidate-profile-toggler":"mg_candidate_profile_toggler_magneto-ui-candidate-profile-toggler_r3x9t","magneto-ui-candidate-profile-toggler--open":"mg_candidate_profile_toggler_magneto-ui-candidate-profile-toggler--open_r3x9t"};
 
-var cx$Y = classNames.bind(styles$26);
-var Component$29 = function (_a) {
+var cx$Y = classNames.bind(styles$29);
+var Component$2c = function (_a) {
     var className = _a.className, onClick = _a.onClick, props = __rest(_a, ["className", "onClick"]);
     var _b = Collapse.useCollapse(), open = _b.open, onChangeOpen = _b.onChangeOpen;
     var handleOnClick = React.useCallback(function (evt) {
@@ -3572,7 +3576,7 @@ var Component$29 = function (_a) {
 /**
  * Molecule UI component child of candidate profile
  */
-var CandidateProfileToggler = Component$29;
+var CandidateProfileToggler = Component$2c;
 
 var children = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -3582,8 +3586,8 @@ var children = /*#__PURE__*/Object.freeze({
     Toggler: CandidateProfileToggler
 });
 
-var cx$X = classNames.bind(styles$2a);
-var Component$28 = function (_a) {
+var cx$X = classNames.bind(styles$2d);
+var Component$2b = function (_a) {
     var children = _a.children, className = _a.className, _b = _a.defaultOpen, defaultOpen = _b === void 0 ? true : _b, onChangeOpen = _a.onChangeOpen, open = _a.open, props = __rest(_a, ["children", "className", "defaultOpen", "onChangeOpen", "open"]);
     return (React__default["default"].createElement(Collapse.Provider, { defaultOpen: defaultOpen, open: open, onChangeOpen: onChangeOpen },
         React__default["default"].createElement("article", __assign({ className: cx$X('magneto-ui-candidate-profile', className) }, props), children)));
@@ -3591,46 +3595,46 @@ var Component$28 = function (_a) {
 /**
  * Molecule UI component of candidate profile
  */
-var CandidateProfile = Object.assign(Component$28, children);
+var CandidateProfile = Object.assign(Component$2b, children);
 
-var styles$25 = {"magneto-ui-cities-detail-drawer":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_16b6c","magneto-ui-cities-detail-drawer__item-detail-icon":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_item-detail-icon_16b6c","magneto-ui-cities-detail-drawer__item-detail-text":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_item-detail-text_16b6c","magneto-ui-cities-detail-drawer__item-detail-text-remote":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_item-detail-text-remote_16b6c","magneto-ui-cities-detail-drawer__item-detail-text-link":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_item-detail-text-link_16b6c"};
+var styles$28 = {"magneto-ui-cities-detail-drawer":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_16b6c","magneto-ui-cities-detail-drawer__item-detail-icon":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_item-detail-icon_16b6c","magneto-ui-cities-detail-drawer__item-detail-text":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_item-detail-text_16b6c","magneto-ui-cities-detail-drawer__item-detail-text-remote":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_item-detail-text-remote_16b6c","magneto-ui-cities-detail-drawer__item-detail-text-link":"mg_cities_detail_drawer_magneto-ui-cities-detail-drawer_item-detail-text-link_16b6c"};
 
 var CitiesDetailDrawer = function (_a) {
     var cities = _a.cities, isRemote = _a.isRemote, textRemote = _a.textRemote;
-    return (React__default["default"].createElement("div", { className: styles$25['magneto-ui-cities-detail-drawer'] }, cities && (cities === null || cities === void 0 ? void 0 : cities.length) ? (React__default["default"].createElement(React__default["default"].Fragment, null,
-        React__default["default"].createElement("div", { className: styles$25['magneto-ui-cities-detail-drawer__item-detail-icon'] },
+    return (React__default["default"].createElement("div", { className: styles$28['magneto-ui-cities-detail-drawer'] }, cities && (cities === null || cities === void 0 ? void 0 : cities.length) ? (React__default["default"].createElement(React__default["default"].Fragment, null,
+        React__default["default"].createElement("div", { className: styles$28['magneto-ui-cities-detail-drawer__item-detail-icon'] },
             React__default["default"].createElement(IconItem, { alt: 'Location-icon', icon: Location, hover: false, size: 16 })),
-        React__default["default"].createElement("div", { className: styles$25['magneto-ui-cities-detail-drawer__item-detail-text'] },
-            isRemote && (React__default["default"].createElement("p", { className: styles$25['magneto-ui-cities-detail-drawer__item-detail-text-remote'] }, textRemote)),
+        React__default["default"].createElement("div", { className: styles$28['magneto-ui-cities-detail-drawer__item-detail-text'] },
+            isRemote && (React__default["default"].createElement("p", { className: styles$28['magneto-ui-cities-detail-drawer__item-detail-text-remote'] }, textRemote)),
             cities &&
                 cities.map(function (_a, index) {
                     var name = _a.name, url = _a.url, title = _a.title;
-                    return (React__default["default"].createElement("div", { className: styles$25['magneto-ui-cities-detail-drawer__item-detail-text-link'], key: url },
+                    return (React__default["default"].createElement("div", { className: styles$28['magneto-ui-cities-detail-drawer__item-detail-text-link'], key: url },
                         url ? React__default["default"].createElement(Link, { href: url, target: "_blank", text: name, title: title }) : React__default["default"].createElement("span", null, name),
                         index !== cities.length - 1 && React__default["default"].createElement("span", null, ' - ')));
                 })))) : null));
 };
 
-var styles$24 = {"create-account-cta":"mg_create_account_c_t_a_create-account-cta_kugln","create-account-cta__loader":"mg_create_account_c_t_a_create-account-cta_loader_kugln","create-account-cta__avatar":"mg_create_account_c_t_a_create-account-cta_avatar_kugln","create-account-cta__summary":"mg_create_account_c_t_a_create-account-cta_summary_kugln","create-account-cta__arrow":"mg_create_account_c_t_a_create-account-cta_arrow_kugln"};
+var styles$27 = {"create-account-cta":"mg_create_account_c_t_a_create-account-cta_kugln","create-account-cta__loader":"mg_create_account_c_t_a_create-account-cta_loader_kugln","create-account-cta__avatar":"mg_create_account_c_t_a_create-account-cta_avatar_kugln","create-account-cta__summary":"mg_create_account_c_t_a_create-account-cta_summary_kugln","create-account-cta__arrow":"mg_create_account_c_t_a_create-account-cta_arrow_kugln"};
 
-var Component$27 = function (_a) {
+var Component$2a = function (_a) {
     var ctaClick = _a.ctaClick, description = _a.description, title = _a.title, isLoading = _a.isLoading;
-    return (React__default["default"].createElement("button", { disabled: isLoading, onClick: ctaClick, className: styles$24['create-account-cta'] }, isLoading ? (React__default["default"].createElement("div", { className: styles$24['create-account-cta__loader'] },
+    return (React__default["default"].createElement("button", { disabled: isLoading, onClick: ctaClick, className: styles$27['create-account-cta'] }, isLoading ? (React__default["default"].createElement("div", { className: styles$27['create-account-cta__loader'] },
         React__default["default"].createElement(DotsLoader, { color: "#1a324c", count: 3 }))) : (React__default["default"].createElement(React__default["default"].Fragment, null,
-        React__default["default"].createElement("img", { className: styles$24['create-account-cta__avatar'], src: Avatar3DImg, alt: "avatar" }),
-        React__default["default"].createElement("div", { className: styles$24['create-account-cta__summary'] },
+        React__default["default"].createElement("img", { className: styles$27['create-account-cta__avatar'], src: Avatar3DImg, alt: "avatar" }),
+        React__default["default"].createElement("div", { className: styles$27['create-account-cta__summary'] },
             React__default["default"].createElement("h4", null, title),
             React__default["default"].createElement("p", null, description)),
-        React__default["default"].createElement("img", { className: styles$24['create-account-cta__arrow'], src: ArrowRight2, alt: "arrow" })))));
+        React__default["default"].createElement("img", { className: styles$27['create-account-cta__arrow'], src: ArrowRight2, alt: "arrow" })))));
 };
-var CreateAccountCTA = Component$27;
+var CreateAccountCTA = Component$2a;
 
-var styles$23 = {"magneto-ui--date-picker__wrapper":"mg_date_picker_magneto-ui--date-picker_wrapper_12pj2"};
+var styles$26 = {"magneto-ui--date-picker__wrapper":"mg_date_picker_magneto-ui--date-picker_wrapper_12pj2"};
 
 var defaultValue$1 = function (value) {
     return value ? parseDate(value) : { initialMonth: '', initialYear: '' };
 };
-var Component$26 = function (_a) {
+var Component$29 = function (_a) {
     var monthOptionsLabels = _a.monthOptionsLabels, monthPlaceholder = _a.monthPlaceholder, yearPlaceholder = _a.yearPlaceholder, value = _a.value, disabled = _a.disabled, onChange = _a.onChange, futureYears = _a.futureYears, pastYears = _a.pastYears;
     var _b = React.useState(defaultValue$1(value).initialMonth), selectedMonth = _b[0], setSelectedMonth = _b[1];
     var _c = React.useState(defaultValue$1(value).initialYear), selectedYear = _c[0], setSelectedYear = _c[1];
@@ -3664,17 +3668,17 @@ var Component$26 = function (_a) {
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [disabled]);
-    return (React__default["default"].createElement("div", { className: styles$23['magneto-ui--date-picker__wrapper'] },
+    return (React__default["default"].createElement("div", { className: styles$26['magneto-ui--date-picker__wrapper'] },
         React__default["default"].createElement(DateDropdown, { placeholderLabel: monthPlaceholder, dateOptions: monthOptionsList, selectedOption: selectedMonth, onOptionChanged: handleMonthChange, disabled: disabled }),
         React__default["default"].createElement(DateDropdown, { placeholderLabel: yearPlaceholder, dateOptions: yearOptionsList, selectedOption: selectedYear, onOptionChanged: handleYearChange, disabled: disabled })));
 };
-var DatePicker = Component$26;
+var DatePicker = Component$29;
 
 var style$T = {"magneto-ui-drawer":"mg_drawer_magneto-ui-drawer_1hxen","magneto-ui-close-button":"mg_drawer_magneto-ui-close-button_1hxen","background-drawer":"mg_drawer_background-drawer_1hxen","fadeIn":"mg_drawer_fadeIn_1hxen","show-left":"mg_drawer_show-left_1hxen","hidden-left":"mg_drawer_hidden-left_1hxen","show-right":"mg_drawer_show-right_1hxen","hidden-right":"mg_drawer_hidden-right_1hxen","full-drawer":"mg_drawer_full-drawer_1hxen"};
 
 var DEFAULT_PADDING = 20;
-var Component$25 = function (_a) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, isOpen = _a.isOpen, _c = _a.direction, direction = _c === void 0 ? 'left' : _c, isFull = _a.isFull, customPadding = _a.customPadding, drawerWidth = _a.drawerWidth, isMobile = _a.isMobile, hideButton = _a.hideButton, children = _a.children, onClose = _a.onClose, _d = _a.blockBackgroundClose, blockBackgroundClose = _d === void 0 ? false : _d, _e = _a.backGroundClassName, backGroundClassName = _e === void 0 ? '' : _e;
+var Component$28 = function (_a) {
+    var _b = _a.className, className = _b === void 0 ? '' : _b, isOpen = _a.isOpen, _c = _a.direction, direction = _c === void 0 ? 'left' : _c, isFull = _a.isFull, customPadding = _a.customPadding, drawerWidth = _a.drawerWidth, isMobile = _a.isMobile, hideButton = _a.hideButton, children = _a.children, onClose = _a.onClose, _d = _a.blockBackgroundClose, blockBackgroundClose = _d === void 0 ? false : _d, customContainer = _a.customContainer, _e = _a.backGroundClassName, backGroundClassName = _e === void 0 ? '' : _e;
     var fullDrawer = isFull ? "full-drawer" : '';
     var paddingValue = customPadding !== undefined ? "".concat(customPadding, "px") : "".concat(DEFAULT_PADDING, "px");
     var backgroundEffect = isMobile ? 'no-background' : 'background-drawer';
@@ -3708,7 +3712,7 @@ var Component$25 = function (_a) {
             }
         };
     }, [isOpen]);
-    return (React__default["default"].createElement(React__default["default"].Fragment, null, renderPortal && (React__default["default"].createElement(DrawerPortal, null,
+    return (React__default["default"].createElement(React__default["default"].Fragment, null, renderPortal && (React__default["default"].createElement(DrawerPortal, { customContainer: customContainer },
         React__default["default"].createElement("div", { className: "".concat(style$T['magneto-ui-drawer'], " ").concat(style$T[fullDrawer], " ").concat(className) },
             React__default["default"].createElement("aside", { className: "".concat(style$T[showDrawer]), style: __assign({ padding: paddingValue }, widthValue) },
                 !hideButton && (React__default["default"].createElement("button", { className: style$T['magneto-ui-close-button'], onClick: onClose },
@@ -3719,7 +3723,7 @@ var Component$25 = function (_a) {
 /**
  * Molecule UI component for Drawer
  */
-var Drawer$1 = Component$25;
+var Drawer$1 = Component$28;
 
 var style$S = {"magneto-ui-empty-result":"mg_empty_results_magneto-ui-empty-result_1g4q8","fadeIn":"mg_empty_results_fadeIn_1g4q8","magneto-ui-empty-result__img-container":"mg_empty_results_magneto-ui-empty-result_img-container_1g4q8","magneto-ui-empty-result__img-container--img":"mg_empty_results_magneto-ui-empty-result_img-container--img_1g4q8","magneto-ui-empty-result__info":"mg_empty_results_magneto-ui-empty-result_info_1g4q8","magneto-ui-empty-result__info--search":"mg_empty_results_magneto-ui-empty-result_info--search_1g4q8","magneto-ui-empty-result__tags":"mg_empty_results_magneto-ui-empty-result_tags_1g4q8"};
 
@@ -3782,15 +3786,15 @@ var EXPANDABLE_INFO_ACTION_ICONS = {
         _c)
 };
 
-var styles$22 = {"magneto-ui-expandable-info-action__button":"mg_expandable_info_action_magneto-ui-expandable-info-action_button_1ajzq","magneto-ui-expandable-info-action__button--dark-blue":"mg_expandable_info_action_magneto-ui-expandable-info-action_button--dark-blue_1ajzq","magneto-ui-expandable-info-action__button--light-blue":"mg_expandable_info_action_magneto-ui-expandable-info-action_button--light-blue_1ajzq","magneto-ui-expandable-info-action__button--white":"mg_expandable_info_action_magneto-ui-expandable-info-action_button--white_1ajzq","magneto-ui-expandable-info-action__button--green":"mg_expandable_info_action_magneto-ui-expandable-info-action_button--green_1ajzq","magneto-ui-expandable-info-action__title":"mg_expandable_info_action_magneto-ui-expandable-info-action_title_1ajzq"};
+var styles$25 = {"magneto-ui-expandable-info-action__button":"mg_expandable_info_action_magneto-ui-expandable-info-action_button_1ajzq","magneto-ui-expandable-info-action__button--dark-blue":"mg_expandable_info_action_magneto-ui-expandable-info-action_button--dark-blue_1ajzq","magneto-ui-expandable-info-action__button--light-blue":"mg_expandable_info_action_magneto-ui-expandable-info-action_button--light-blue_1ajzq","magneto-ui-expandable-info-action__button--white":"mg_expandable_info_action_magneto-ui-expandable-info-action_button--white_1ajzq","magneto-ui-expandable-info-action__button--green":"mg_expandable_info_action_magneto-ui-expandable-info-action_button--green_1ajzq","magneto-ui-expandable-info-action__title":"mg_expandable_info_action_magneto-ui-expandable-info-action_title_1ajzq"};
 
-var Component$24 = function (_a) {
+var Component$27 = function (_a) {
     var className = _a.className, loading = _a.loading, onAction = _a.onAction, prefixIcon = _a.prefixIcon, suffixIcon = _a.suffixIcon, title = _a.title, _b = _a.variant, variant = _b === void 0 ? 'blue' : _b;
     var isUrl = React.useMemo(function () { return onAction && typeof onAction === 'string'; }, [onAction]);
     var Component = React.useMemo(function () { return (isUrl ? 'a' : 'button'); }, [isUrl]);
     var componentProps = React.useMemo(function () {
         var className = CNM.get({
-            styles: styles$22,
+            styles: styles$25,
             cls: ['expandable-info-action__button', "expandable-info-action__button--".concat(variant)]
         });
         if (isUrl)
@@ -3812,48 +3816,48 @@ var Component$24 = function (_a) {
         }
         return;
     }, [loading, variant]);
-    return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$22, cls: ['expandable-info-action', className] }) },
-        React__default["default"].createElement("div", { className: CNM.get({ styles: styles$22, cls: ['expandable-info-action__container'] }) },
+    return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$25, cls: ['expandable-info-action', className] }) },
+        React__default["default"].createElement("div", { className: CNM.get({ styles: styles$25, cls: ['expandable-info-action__container'] }) },
             React__default["default"].createElement(Component, __assign({}, componentProps),
                 (prefixIcon || loading) && React__default["default"].createElement(IconItem, __assign({ size: 12 }, prefixIcon, { icon: icon(prefixIcon === null || prefixIcon === void 0 ? void 0 : prefixIcon.icon) })),
-                React__default["default"].createElement("span", { className: CNM.get({ styles: styles$22, cls: ['expandable-info-action__title'] }) }, title),
+                React__default["default"].createElement("span", { className: CNM.get({ styles: styles$25, cls: ['expandable-info-action__title'] }) }, title),
                 suffixIcon && React__default["default"].createElement(IconItem, __assign({ size: 12 }, suffixIcon, { icon: icon(suffixIcon.icon) }))))));
 };
 /**
  * Molecule UI child component of expandable info
  */
-var ExpandableInfoAction = Component$24;
+var ExpandableInfoAction = Component$27;
 
-var styles$21 = {"magneto-ui-expandable-info-details__container":"mg_expandable_info_details_magneto-ui-expandable-info-details_container_1o8tr","magneto-ui-expandable-info-details__section":"mg_expandable_info_details_magneto-ui-expandable-info-details_section_1o8tr","magneto-ui-expandable-info-details__section--multiple":"mg_expandable_info_details_magneto-ui-expandable-info-details_section--multiple_1o8tr","magneto-ui-expandable-info-details__sub-section":"mg_expandable_info_details_magneto-ui-expandable-info-details_sub-section_1o8tr","magneto-ui-expandable-info-details__sub-section--initial":"mg_expandable_info_details_magneto-ui-expandable-info-details_sub-section--initial_1o8tr","magneto-ui-expandable-info-details__item":"mg_expandable_info_details_magneto-ui-expandable-info-details_item_1o8tr","magneto-ui-expandable-info-details__item--first":"mg_expandable_info_details_magneto-ui-expandable-info-details_item--first_1o8tr","magneto-ui-expandable-info-details__text":"mg_expandable_info_details_magneto-ui-expandable-info-details_text_1o8tr","magneto-ui-expandable-info-details__text--bold":"mg_expandable_info_details_magneto-ui-expandable-info-details_text--bold_1o8tr","magneto-ui-expandable-info-details__footer":"mg_expandable_info_details_magneto-ui-expandable-info-details_footer_1o8tr","magneto-ui-expandable-info-details__action":"mg_expandable_info_details_magneto-ui-expandable-info-details_action_1o8tr"};
+var styles$24 = {"magneto-ui-expandable-info-details__container":"mg_expandable_info_details_magneto-ui-expandable-info-details_container_1o8tr","magneto-ui-expandable-info-details__section":"mg_expandable_info_details_magneto-ui-expandable-info-details_section_1o8tr","magneto-ui-expandable-info-details__section--multiple":"mg_expandable_info_details_magneto-ui-expandable-info-details_section--multiple_1o8tr","magneto-ui-expandable-info-details__sub-section":"mg_expandable_info_details_magneto-ui-expandable-info-details_sub-section_1o8tr","magneto-ui-expandable-info-details__sub-section--initial":"mg_expandable_info_details_magneto-ui-expandable-info-details_sub-section--initial_1o8tr","magneto-ui-expandable-info-details__item":"mg_expandable_info_details_magneto-ui-expandable-info-details_item_1o8tr","magneto-ui-expandable-info-details__item--first":"mg_expandable_info_details_magneto-ui-expandable-info-details_item--first_1o8tr","magneto-ui-expandable-info-details__text":"mg_expandable_info_details_magneto-ui-expandable-info-details_text_1o8tr","magneto-ui-expandable-info-details__text--bold":"mg_expandable_info_details_magneto-ui-expandable-info-details_text--bold_1o8tr","magneto-ui-expandable-info-details__footer":"mg_expandable_info_details_magneto-ui-expandable-info-details_footer_1o8tr","magneto-ui-expandable-info-details__action":"mg_expandable_info_details_magneto-ui-expandable-info-details_action_1o8tr"};
 
-var Component$23 = function (_a) {
+var Component$26 = function (_a) {
     var sections = _a.sections, footer = _a.footer;
     var sectionStyles = React.useCallback(function (multiple) {
         return CNM.get({
-            styles: styles$21,
+            styles: styles$24,
             cls: ['expandable-info-details__section', multiple && 'expandable-info-details__section--multiple']
         });
     }, []);
     var subSectionStyles = React.useCallback(function (initial) {
         return CNM.get({
-            styles: styles$21,
+            styles: styles$24,
             cls: ['expandable-info-details__sub-section', initial && 'expandable-info-details__sub-section--initial']
         });
     }, []);
     var itemStyles = React.useCallback(function (first) {
         return CNM.get({
-            styles: styles$21,
+            styles: styles$24,
             cls: ['expandable-info-details__item', first && 'expandable-info-details__item--first']
         });
     }, []);
     var textStyles = React.useCallback(function (bold) {
         return CNM.get({
-            styles: styles$21,
+            styles: styles$24,
             cls: ['expandable-info-details__text', bold && 'expandable-info-details__text--bold']
         });
     }, []);
-    return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$21, cls: ['expandable-info-details'] }) },
-        React__default["default"].createElement("div", { className: CNM.get({ styles: styles$21, cls: ['expandable-info-details__container'] }) }, sections === null || sections === void 0 ? void 0 :
+    return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$24, cls: ['expandable-info-details'] }) },
+        React__default["default"].createElement("div", { className: CNM.get({ styles: styles$24, cls: ['expandable-info-details__container'] }) }, sections === null || sections === void 0 ? void 0 :
             sections.map(function (section, index) {
                 var _a, _b;
                 return (React__default["default"].createElement("div", { key: "eids-".concat(index), className: sectionStyles(((_a = section === null || section === void 0 ? void 0 : section.children) === null || _a === void 0 ? void 0 : _a.length) > 1) }, (_b = section === null || section === void 0 ? void 0 : section.children) === null || _b === void 0 ? void 0 : _b.map(function (subSection, subIndex) {
@@ -3867,13 +3871,13 @@ var Component$23 = function (_a) {
                             React__default["default"].createElement("span", { className: textStyles(false) }, content.summary))); }))));
                 })));
             }),
-            (footer === null || footer === void 0 ? void 0 : footer.title) && footer.onAction && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$21, cls: ['expandable-info-details__footer'] }) },
-                React__default["default"].createElement(ExpandableInfoAction, { variant: "white", title: footer === null || footer === void 0 ? void 0 : footer.title, onAction: footer === null || footer === void 0 ? void 0 : footer.onAction, className: CNM.get({ styles: styles$21, cls: ['expandable-info-details__action'] }) }))))));
+            (footer === null || footer === void 0 ? void 0 : footer.title) && footer.onAction && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$24, cls: ['expandable-info-details__footer'] }) },
+                React__default["default"].createElement(ExpandableInfoAction, { variant: "white", title: footer === null || footer === void 0 ? void 0 : footer.title, onAction: footer === null || footer === void 0 ? void 0 : footer.onAction, className: CNM.get({ styles: styles$24, cls: ['expandable-info-details__action'] }) }))))));
 };
 /**
  * Molecule UI child component of expandable info
  */
-var ExpandableInfoDetails = Component$23;
+var ExpandableInfoDetails = Component$26;
 
 exports.EExpandableInfoVariant = void 0;
 (function (EExpandableInfoVariant) {
@@ -3894,9 +3898,9 @@ var EXPANDABLE_INFO_MESSAGE_ICONS = {
         _a$2)
 };
 
-var styles$20 = {"magneto-ui-expandable-info-message__container":"mg_expandable_info_message_magneto-ui-expandable-info-message_container_oubsq","magneto-ui-expandable-info-message__text":"mg_expandable_info_message_magneto-ui-expandable-info-message_text_oubsq","magneto-ui-expandable-info-message__text--blue":"mg_expandable_info_message_magneto-ui-expandable-info-message_text--blue_oubsq","magneto-ui-expandable-info-message__text--white":"mg_expandable_info_message_magneto-ui-expandable-info-message_text--white_oubsq"};
+var styles$23 = {"magneto-ui-expandable-info-message__container":"mg_expandable_info_message_magneto-ui-expandable-info-message_container_oubsq","magneto-ui-expandable-info-message__text":"mg_expandable_info_message_magneto-ui-expandable-info-message_text_oubsq","magneto-ui-expandable-info-message__text--blue":"mg_expandable_info_message_magneto-ui-expandable-info-message_text--blue_oubsq","magneto-ui-expandable-info-message__text--white":"mg_expandable_info_message_magneto-ui-expandable-info-message_text--white_oubsq"};
 
-var Component$22 = function (_a) {
+var Component$25 = function (_a) {
     var className = _a.className, title = _a.title, prefixIcon = _a.prefixIcon, variant = _a.variant;
     var icon = React.useCallback(function (icon) {
         if (icon) {
@@ -3909,22 +3913,22 @@ var Component$22 = function (_a) {
     }, [variant]);
     if (!title)
         return null;
-    return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$20, cls: ['expandable-info-message', className] }) },
-        React__default["default"].createElement("div", { className: CNM.get({ styles: styles$20, cls: ['expandable-info-message__container'] }) },
+    return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$23, cls: ['expandable-info-message', className] }) },
+        React__default["default"].createElement("div", { className: CNM.get({ styles: styles$23, cls: ['expandable-info-message__container'] }) },
             prefixIcon && React__default["default"].createElement(IconItem, __assign({ size: 16 }, prefixIcon, { icon: icon(prefixIcon.icon) })),
             React__default["default"].createElement("span", { className: CNM.get({
-                    styles: styles$20,
+                    styles: styles$23,
                     cls: ['expandable-info-message__text', "expandable-info-message__text--".concat(variant)]
                 }) }, title))));
 };
 /**
  * Molecule UI child component of expandable info
  */
-var ExpandableInfoMessage = Component$22;
+var ExpandableInfoMessage = Component$25;
 
-var styles$1$ = {"magneto-ui-expandable-info-modal":"mg_expandable_info_modal_magneto-ui-expandable-info-modal_56w98"};
+var styles$22 = {"magneto-ui-expandable-info-modal":"mg_expandable_info_modal_magneto-ui-expandable-info-modal_56w98"};
 
-var Component$21 = function (_a) {
+var Component$24 = function (_a) {
     var toggler = _a.toggler, details = _a.details;
     var _b = React.useState(false), visible = _b[0], setVisible = _b[1];
     var handleOnToggle = React.useCallback(function () {
@@ -3932,37 +3936,37 @@ var Component$21 = function (_a) {
     }, []);
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
         React__default["default"].createElement(ExpandableInfoToggler, __assign({}, toggler, { onToggle: handleOnToggle })),
-        React__default["default"].createElement(MobileDrawer, { isOpen: visible, onClose: handleOnToggle, className: CNM.get({ styles: styles$1$, cls: ['expandable-info-modal'] }) },
+        React__default["default"].createElement(MobileDrawer, { isOpen: visible, onClose: handleOnToggle, className: CNM.get({ styles: styles$22, cls: ['expandable-info-modal'] }) },
             React__default["default"].createElement(ExpandableInfoDetails, __assign({}, details)))));
 };
 /**
  * Molecule UI child component of expandable info
  */
-var ExpandableInfoModal = Component$21;
+var ExpandableInfoModal = Component$24;
 
-var styles$1_ = {"magneto-ui-expandable-info-popover":"mg_expandable_info_popover_magneto-ui-expandable-info-popover_13xbj","magneto-ui-expandable-info-popover--small":"mg_expandable_info_popover_magneto-ui-expandable-info-popover--small_13xbj","magneto-ui-expandable-info-popover--large":"mg_expandable_info_popover_magneto-ui-expandable-info-popover--large_13xbj","magneto-ui-expandable-info-popover--white":"mg_expandable_info_popover_magneto-ui-expandable-info-popover--white_13xbj","magneto-ui-expandable-info-popover__arrow":"mg_expandable_info_popover_magneto-ui-expandable-info-popover_arrow_13xbj","magneto-ui-expandable-info-popover__arrow--small":"mg_expandable_info_popover_magneto-ui-expandable-info-popover_arrow--small_13xbj","magneto-ui-expandable-info-popover__arrow--large":"mg_expandable_info_popover_magneto-ui-expandable-info-popover_arrow--large_13xbj"};
+var styles$21 = {"magneto-ui-expandable-info-popover":"mg_expandable_info_popover_magneto-ui-expandable-info-popover_13xbj","magneto-ui-expandable-info-popover--small":"mg_expandable_info_popover_magneto-ui-expandable-info-popover--small_13xbj","magneto-ui-expandable-info-popover--large":"mg_expandable_info_popover_magneto-ui-expandable-info-popover--large_13xbj","magneto-ui-expandable-info-popover--white":"mg_expandable_info_popover_magneto-ui-expandable-info-popover--white_13xbj","magneto-ui-expandable-info-popover__arrow":"mg_expandable_info_popover_magneto-ui-expandable-info-popover_arrow_13xbj","magneto-ui-expandable-info-popover__arrow--small":"mg_expandable_info_popover_magneto-ui-expandable-info-popover_arrow--small_13xbj","magneto-ui-expandable-info-popover__arrow--large":"mg_expandable_info_popover_magneto-ui-expandable-info-popover_arrow--large_13xbj"};
 
-var styles$1Z = {"mega-menu-side-container":"mg_with_side_cards_mega-menu-side-container_16koz","mega-menu-side-container__side":"mg_with_side_cards_mega-menu-side-container_side_16koz","mega-menu-side-container__main":"mg_with_side_cards_mega-menu-side-container_main_16koz"};
+var styles$20 = {"mega-menu-side-container":"mg_with_side_cards_mega-menu-side-container_16koz","mega-menu-side-container__side":"mg_with_side_cards_mega-menu-side-container_side_16koz","mega-menu-side-container__main":"mg_with_side_cards_mega-menu-side-container_main_16koz"};
 
 var DesktopSideCards = function (_a) {
     var WrappedComponent = _a.WrappedComponent, sideProps = _a.sideProps, wrapperProps = _a.wrapperProps;
-    return (React__default["default"].createElement("div", { className: styles$1Z['mega-menu-side-container'] },
-        React__default["default"].createElement("div", { className: styles$1Z['mega-menu-side-container__side'] },
+    return (React__default["default"].createElement("div", { className: styles$20['mega-menu-side-container'] },
+        React__default["default"].createElement("div", { className: styles$20['mega-menu-side-container__side'] },
             React__default["default"].createElement(MegaMenuSideCards, __assign({}, sideProps))),
-        React__default["default"].createElement("div", { className: styles$1Z['mega-menu-side-container__main'] },
+        React__default["default"].createElement("div", { className: styles$20['mega-menu-side-container__main'] },
             React__default["default"].createElement(WrappedComponent, __assign({}, wrapperProps)))));
 };
 
 var MobileSideCards = function (_a) {
     var WrappedComponent = _a.WrappedComponent, sideProps = _a.sideProps, wrapperProps = _a.wrapperProps, showContent = _a.showContent;
-    return (React__default["default"].createElement("div", { className: styles$1Z['mega-menu-side-container'] }, showContent ? (React__default["default"].createElement("div", { className: styles$1Z['mega-menu-side-container__main'] },
-        React__default["default"].createElement(WrappedComponent, __assign({}, wrapperProps)))) : (React__default["default"].createElement("div", { className: styles$1Z['mega-menu-side-container__side'] },
+    return (React__default["default"].createElement("div", { className: styles$20['mega-menu-side-container'] }, showContent ? (React__default["default"].createElement("div", { className: styles$20['mega-menu-side-container__main'] },
+        React__default["default"].createElement(WrappedComponent, __assign({}, wrapperProps)))) : (React__default["default"].createElement("div", { className: styles$20['mega-menu-side-container__side'] },
         React__default["default"].createElement(MegaMenuSideCards, __assign({}, sideProps))))));
 };
 
 var style$R = {"mega-menu-drawer-item__content":"mg_mega_menu_drawer_item_mega-menu-drawer-item_content_becoo","is-active":"mg_mega_menu_drawer_item_is-active_becoo","mega-menu-drawer-item__arrow":"mg_mega_menu_drawer_item_mega-menu-drawer-item_arrow_becoo","mega-menu-drawer-item__action":"mg_mega_menu_drawer_item_mega-menu-drawer-item_action_becoo","mega-menu-drawer-item__action--icon":"mg_mega_menu_drawer_item_mega-menu-drawer-item_action--icon_becoo","item-drawer__content":"mg_mega_menu_drawer_item_item-drawer_content_becoo","item-drawer__header":"mg_mega_menu_drawer_item_item-drawer_header_becoo","item-drawer__title":"mg_mega_menu_drawer_item_item-drawer_title_becoo","item-drawer__back":"mg_mega_menu_drawer_item_item-drawer_back_becoo"};
 
-var Component$20 = function (_a) {
+var Component$23 = function (_a) {
     var _b = _a.url, url = _b === void 0 ? '#' : _b, _c = _a.text, text = _c === void 0 ? '' : _c, isActive = _a.isActive, icon = _a.icon, content = _a.content, onClickOption = _a.onClickOption;
     var _d = React.useState(false), openDrawer = _d[0], setOpenDrawer = _d[1];
     var menuActive = isActive ? style$R['is-active'] : '';
@@ -3993,7 +3997,7 @@ var MegaMenuJobsDrawer = function (_a) {
             React__default["default"].createElement("p", { className: style$R['item-drawer__title'] }, title)),
         React__default["default"].createElement("div", { className: "".concat(style$R['item-drawer__content']) }, content)));
 };
-var MegaMenuDrawerItem = Object.assign(Component$20, {
+var MegaMenuDrawerItem = Object.assign(Component$23, {
     Drawer: MegaMenuJobsDrawer
 });
 
@@ -4013,9 +4017,9 @@ var MobileSideCardsDrawer = function (_a) {
         updateDrawerContent(index);
         toogleDrawer();
     }, [toogleDrawer, updateDrawerContent]);
-    return (React__default["default"].createElement("div", { className: styles$1Z['mega-menu-side-container'] },
+    return (React__default["default"].createElement("div", { className: styles$20['mega-menu-side-container'] },
         React__default["default"].createElement(MegaMenuSideCards, __assign({}, sideProps, { onSelectCard: onSelectSideCard })),
-        React__default["default"].createElement(Drawer, { isOpen: showDrawer, toggleDrawer: toogleDrawer, content: React__default["default"].createElement("div", { className: styles$1Z['mega-menu-side-container__main'] },
+        React__default["default"].createElement(Drawer, { isOpen: showDrawer, toggleDrawer: toogleDrawer, content: React__default["default"].createElement("div", { className: styles$20['mega-menu-side-container__main'] },
                 React__default["default"].createElement(WrappedComponent, __assign({}, wrapperProps))), title: title })));
 };
 
@@ -4030,10 +4034,10 @@ var withMegaMenuSideCards = function (WrappedComponent) {
     return Component;
 };
 
-var Component$1$ = function (_a) {
+var Component$22 = function (_a) {
     var details = _a.details, toggler = _a.toggler, _b = _a.clickOut, clickOut = _b === void 0 ? false : _b, _c = _a.setClickOut, setClickOut = _c === void 0 ? function () { return ({}); } : _c;
     return (React__default["default"].createElement(Popover, { widthBase: 'auto', show: clickOut, positionX: "right", positionY: toggler.size === exports.EExpandableInfoSize.LARGE ? 'top' : 'bottom', className: CNM.get({
-            styles: styles$1_,
+            styles: styles$21,
             cls: [
                 'expandable-info-popover',
                 "expandable-info-popover--".concat(toggler.size),
@@ -4041,7 +4045,7 @@ var Component$1$ = function (_a) {
             ]
         }), content: React__default["default"].createElement(React__default["default"].Fragment, null,
             React__default["default"].createElement("span", { className: CNM.get({
-                    styles: styles$1_,
+                    styles: styles$21,
                     cls: ['expandable-info-popover__arrow', "expandable-info-popover__arrow--".concat(toggler.size)]
                 }) }),
             React__default["default"].createElement(ExpandableInfoDetails, __assign({}, details))) },
@@ -4050,19 +4054,19 @@ var Component$1$ = function (_a) {
 /**
  * Molecule UI child component of expandable info
  */
-var ExpandableInfoPopover = withClickOut(Component$1$);
+var ExpandableInfoPopover = withClickOut(Component$22);
 
 var EXPANDABLE_INFO_TOGGLER_ICONS = {
     coin: CoinBlackOutline
 };
 
-var styles$1Y = {"magneto-ui-expandable-info-toggler__container":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container_x381d","magneto-ui-expandable-info-toggler__container--no-details":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container--no-details_x381d","magneto-ui-expandable-info-toggler__container--blue":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container--blue_x381d","magneto-ui-expandable-info-toggler__container--white":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container--white_x381d","magneto-ui-expandable-info-toggler__container--small":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container--small_x381d","magneto-ui-expandable-info-toggler__text":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_text_x381d","magneto-ui-expandable-info-toggler__text--blue":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_text--blue_x381d","magneto-ui-expandable-info-toggler__text--white":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_text--white_x381d","magneto-ui-expandable-info-toggler__text--small":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_text--small_x381d","magneto-ui-expandable-info-toggler__summary":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_summary_x381d","magneto-ui-expandable-info-toggler__summary--small":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_summary--small_x381d","magneto-ui-expandable-info-toggler__summary--large":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_summary--large_x381d"};
+var styles$1$ = {"magneto-ui-expandable-info-toggler__container":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container_x381d","magneto-ui-expandable-info-toggler__container--no-details":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container--no-details_x381d","magneto-ui-expandable-info-toggler__container--blue":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container--blue_x381d","magneto-ui-expandable-info-toggler__container--white":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container--white_x381d","magneto-ui-expandable-info-toggler__container--small":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_container--small_x381d","magneto-ui-expandable-info-toggler__text":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_text_x381d","magneto-ui-expandable-info-toggler__text--blue":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_text--blue_x381d","magneto-ui-expandable-info-toggler__text--white":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_text--white_x381d","magneto-ui-expandable-info-toggler__text--small":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_text--small_x381d","magneto-ui-expandable-info-toggler__summary":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_summary_x381d","magneto-ui-expandable-info-toggler__summary--small":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_summary--small_x381d","magneto-ui-expandable-info-toggler__summary--large":"mg_expandable_info_toggler_magneto-ui-expandable-info-toggler_summary--large_x381d"};
 
-var Component$1_ = function (_a) {
+var Component$21 = function (_a) {
     var details = _a.details, onToggle = _a.onToggle, prefixIcon = _a.prefixIcon, size = _a.size, suffixIcon = _a.suffixIcon, summary = _a.summary, title = _a.title, _b = _a.variant, variant = _b === void 0 ? 'white' : _b;
     var styleGenerator = React.useCallback(function (base) {
         return CNM.get({
-            styles: styles$1Y,
+            styles: styles$1$,
             cls: __spreadArray(__spreadArray([], base, true), ["".concat(base.at(0), "--").concat(variant)], false)
         });
     }, [variant]);
@@ -4094,7 +4098,7 @@ var Component$1_ = function (_a) {
         prefixIcon && React__default["default"].createElement(IconItem, __assign({ size: 16 }, prefixIcon, { icon: icon(prefixIcon.icon) })),
         React__default["default"].createElement("span", { className: styleGenerator(['expandable-info-toggler__text']) }, title + ':'),
         React__default["default"].createElement("div", { className: CNM.get({
-                styles: styles$1Y,
+                styles: styles$1$,
                 cls: [
                     'expandable-info-toggler__summary',
                     (size === exports.EExpandableInfoSize.SMALL || suffixIcon) && 'expandable-info-toggler__summary--small',
@@ -4107,11 +4111,11 @@ var Component$1_ = function (_a) {
 /**
  * Molecule UI child component of expandable info
  */
-var ExpandableInfoToggler = Component$1_;
+var ExpandableInfoToggler = Component$21;
 
-var styles$1X = {"magneto-ui-expandable-info":"mg_expandable_info_magneto-ui-expandable-info_bokzy","magneto-ui-expandable-info__container":"mg_expandable_info_magneto-ui-expandable-info_container_bokzy","magneto-ui-expandable-info__container--white":"mg_expandable_info_magneto-ui-expandable-info_container--white_bokzy","magneto-ui-expandable-info__container--blue":"mg_expandable_info_magneto-ui-expandable-info_container--blue_bokzy","magneto-ui-expandable-info__container--small":"mg_expandable_info_magneto-ui-expandable-info_container--small_bokzy","magneto-ui-expandable-info__container--floating":"mg_expandable_info_magneto-ui-expandable-info_container--floating_bokzy","magneto-ui-expandable-info__actions":"mg_expandable_info_magneto-ui-expandable-info_actions_bokzy"};
+var styles$1_ = {"magneto-ui-expandable-info":"mg_expandable_info_magneto-ui-expandable-info_bokzy","magneto-ui-expandable-info__container":"mg_expandable_info_magneto-ui-expandable-info_container_bokzy","magneto-ui-expandable-info__container--white":"mg_expandable_info_magneto-ui-expandable-info_container--white_bokzy","magneto-ui-expandable-info__container--blue":"mg_expandable_info_magneto-ui-expandable-info_container--blue_bokzy","magneto-ui-expandable-info__container--small":"mg_expandable_info_magneto-ui-expandable-info_container--small_bokzy","magneto-ui-expandable-info__container--floating":"mg_expandable_info_magneto-ui-expandable-info_container--floating_bokzy","magneto-ui-expandable-info__actions":"mg_expandable_info_magneto-ui-expandable-info_actions_bokzy"};
 
-var Component$1Z = function (_a) {
+var Component$20 = function (_a) {
     var actions = _a.actions, details = _a.details, floating = _a.floating, message = _a.message, prefixIcon = _a.prefixIcon, _b = _a.size, size = _b === void 0 ? 'large' : _b, suffixIcon = _a.suffixIcon, summary = _a.summary, title = _a.title, _c = _a.variant, variant = _c === void 0 ? 'white' : _c;
     var togglerProps = React.useMemo(function () { return ({
         details: details,
@@ -4125,9 +4129,9 @@ var Component$1Z = function (_a) {
     var container = useMediaQuery(React__default["default"].createElement(ExpandableInfoPopover, { details: details, toggler: togglerProps }), {
         sm: React__default["default"].createElement(ExpandableInfoModal, { details: details, toggler: togglerProps })
     });
-    return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1X, cls: ['expandable-info'] }) },
+    return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1_, cls: ['expandable-info'] }) },
         React__default["default"].createElement("div", { className: CNM.get({
-                styles: styles$1X,
+                styles: styles$1_,
                 cls: [
                     'expandable-info__container',
                     "expandable-info__container--".concat(variant),
@@ -4137,13 +4141,13 @@ var Component$1Z = function (_a) {
             }) },
             container,
             size === exports.EExpandableInfoSize.LARGE && (React__default["default"].createElement(React__default["default"].Fragment, null,
-                actions && (actions === null || actions === void 0 ? void 0 : actions.length) > 0 && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1X, cls: ['expandable-info__actions'] }) }, actions === null || actions === void 0 ? void 0 : actions.map(function (action) { return action && React__default["default"].createElement(ExpandableInfoAction, __assign({ key: action.title }, action)); }))),
+                actions && (actions === null || actions === void 0 ? void 0 : actions.length) > 0 && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1_, cls: ['expandable-info__actions'] }) }, actions === null || actions === void 0 ? void 0 : actions.map(function (action) { return action && React__default["default"].createElement(ExpandableInfoAction, __assign({ key: action.title }, action)); }))),
                 React__default["default"].createElement(ExpandableInfoMessage, __assign({ variant: variant }, message)))))));
 };
 /**
  * Molecule UI component for expandable info
  */
-var ExpandableInfo = Component$1Z;
+var ExpandableInfo = Component$20;
 
 var style$Q = {"filter-actions":"mg_filter_actions_filter-actions_brvmy","filter-actions__action":"mg_filter_actions_filter-actions_action_brvmy","filter-actions__action--selected":"mg_filter_actions_filter-actions_action--selected_brvmy"};
 
@@ -4171,7 +4175,7 @@ var FilterContainerMenu = function (_a) {
     return React__default["default"].createElement("div", { className: style$P["".concat(classMUI, "-filter-container")] }, children);
 };
 
-var styles$1W = {"magneto-ui-filter-item":"mg_filter_menu_item_magneto-ui-filter-item_m5cdm","selected":"mg_filter_menu_item_selected_m5cdm","disabled":"mg_filter_menu_item_disabled_m5cdm","isSearched":"mg_filter_menu_item_isSearched_m5cdm","skeleton":"mg_filter_menu_item_skeleton_m5cdm","shimmer":"mg_filter_menu_item_shimmer_m5cdm"};
+var styles$1Z = {"magneto-ui-filter-item":"mg_filter_menu_item_magneto-ui-filter-item_m5cdm","selected":"mg_filter_menu_item_selected_m5cdm","disabled":"mg_filter_menu_item_disabled_m5cdm","isSearched":"mg_filter_menu_item_isSearched_m5cdm","skeleton":"mg_filter_menu_item_skeleton_m5cdm","shimmer":"mg_filter_menu_item_shimmer_m5cdm"};
 
 var FilterMenuItem = function (_a) {
     var id = _a.id, label = _a.label, total = _a.total, field = _a.field, multiple = _a.multiple, loading = _a.loading, type = _a.type, isApplied = _a.isApplied, hasTotal = _a.hasTotal, _b = _a.isSearched, isSearched = _b === void 0 ? false : _b, customClass = _a.customClass, customId = _a.customId, _c = _a.hiddenCount, hiddenCount = _c === void 0 ? false : _c, setIsApplied = _a.setIsApplied, props = __rest(_a, ["id", "label", "total", "field", "multiple", "loading", "type", "isApplied", "hasTotal", "isSearched", "customClass", "customId", "hiddenCount", "setIsApplied"]);
@@ -4186,51 +4190,51 @@ var FilterMenuItem = function (_a) {
         return isSearched || isApplied || hiddenCount ? false : !total;
     }, [total, isApplied, isSearched, hiddenCount]);
     var className = React.useMemo(function () {
-        return isApplied ? styles$1W.selected : isSearched ? styles$1W.isSearched : hiddenCount ? '' : !total && styles$1W.disabled;
+        return isApplied ? styles$1Z.selected : isSearched ? styles$1Z.isSearched : hiddenCount ? '' : !total && styles$1Z.disabled;
     }, [total, isApplied, isSearched, hiddenCount]);
     var handleClick = React.useCallback(function () {
         var customId = type === 'RANGE' ? { id: id, from: props.from, to: props.to } : id;
         setIsApplied({ id: customId, field: field, isApplied: isApplied, multiple: multiple });
     }, [setIsApplied, id, field, isApplied, multiple, type, props.from, props.to]);
     if (loading)
-        return React__default["default"].createElement("div", { className: styles$1W.skeleton });
-    return (React__default["default"].createElement("button", { id: customId, className: "".concat(styles$1W['magneto-ui-filter-item'], " ").concat(className, " ").concat(customClass ? customClass : ''), title: label, onClick: handleClick, disabled: disabled },
+        return React__default["default"].createElement("div", { className: styles$1Z.skeleton });
+    return (React__default["default"].createElement("button", { id: customId, className: "".concat(styles$1Z['magneto-ui-filter-item'], " ").concat(className, " ").concat(customClass ? customClass : ''), title: label, onClick: handleClick, disabled: disabled },
         React__default["default"].createElement("span", null, label),
         displayOutput));
 };
 
-var styles$1V = {"magneto-ui-filter-search":"mg_filter_search_item_magneto-ui-filter-search_1ibtk","disabled":"mg_filter_search_item_disabled_1ibtk","skeleton":"mg_filter_search_item_skeleton_1ibtk","shimmer":"mg_filter_search_item_shimmer_1ibtk"};
+var styles$1Y = {"magneto-ui-filter-search":"mg_filter_search_item_magneto-ui-filter-search_1ibtk","disabled":"mg_filter_search_item_disabled_1ibtk","skeleton":"mg_filter_search_item_skeleton_1ibtk","shimmer":"mg_filter_search_item_shimmer_1ibtk"};
 
 var FilterSearchItem = function (_a) {
     var placeholder = _a.placeholder, _b = _a.disabled, disabled = _b === void 0 ? false : _b, loading = _a.loading, handleSearch = _a.handleSearch;
     var inputRef = React.useRef(null);
     if (loading)
-        return (React__default["default"].createElement("div", { className: styles$1V.skeleton },
+        return (React__default["default"].createElement("div", { className: styles$1Y.skeleton },
             React__default["default"].createElement(IconItem, { icon: SearchIcon, size: 17 })));
-    return (React__default["default"].createElement("div", { className: "".concat(styles$1V['magneto-ui-filter-search'], " ").concat(disabled ? styles$1V.disabled : '') },
+    return (React__default["default"].createElement("div", { className: "".concat(styles$1Y['magneto-ui-filter-search'], " ").concat(disabled ? styles$1Y.disabled : '') },
         React__default["default"].createElement(IconItem, { icon: SearchIcon, size: 17 }),
         React__default["default"].createElement("input", { ref: inputRef, type: "search", placeholder: placeholder, onChange: function (event) { return handleSearch(event, inputRef); }, disabled: disabled })));
 };
 
-var styles$1U = {"fraud-card-job":"mg_fraud_card_job_fraud-card-job_284yg","fraud-card-job__header":"mg_fraud_card_job_fraud-card-job_header_284yg","fraud-card-job__text":"mg_fraud_card_job_fraud-card-job_text_284yg","fraud-card-job__link":"mg_fraud_card_job_fraud-card-job_link_284yg"};
+var styles$1X = {"fraud-card-job":"mg_fraud_card_job_fraud-card-job_284yg","fraud-card-job__header":"mg_fraud_card_job_fraud-card-job_header_284yg","fraud-card-job__text":"mg_fraud_card_job_fraud-card-job_text_284yg","fraud-card-job__link":"mg_fraud_card_job_fraud-card-job_link_284yg"};
 
-var Component$1Y = function (_a) {
+var Component$1$ = function (_a) {
     var title = _a.title, content = _a.content, linkText = _a.linkText, link = _a.link;
-    return (React__default["default"].createElement("div", { className: styles$1U['fraud-card-job'] },
-        React__default["default"].createElement("div", { className: styles$1U['fraud-card-job__header'] },
+    return (React__default["default"].createElement("div", { className: styles$1X['fraud-card-job'] },
+        React__default["default"].createElement("div", { className: styles$1X['fraud-card-job__header'] },
             React__default["default"].createElement("img", { src: Warning3D, alt: "warning" }),
             React__default["default"].createElement("p", null, title)),
         React__default["default"].createElement("div", null,
-            React__default["default"].createElement("p", { className: styles$1U['fraud-card-job__text'] }, content),
-            React__default["default"].createElement("a", { target: "_blank", rel: "noreferrer", className: styles$1U['fraud-card-job__link'], href: link },
+            React__default["default"].createElement("p", { className: styles$1X['fraud-card-job__text'] }, content),
+            React__default["default"].createElement("a", { target: "_blank", rel: "noreferrer", className: styles$1X['fraud-card-job__link'], href: link },
                 React__default["default"].createElement("img", { src: WarningHex, alt: "warning" }),
                 linkText))));
 };
-var FraudCardJob = Component$1Y;
+var FraudCardJob = Component$1$;
 
-var styles$1T = {"magneto-ui-frequent-search":"mg_frequent_search_magneto-ui-frequent-search_46vb2","magneto-ui-frequent-search__heading":"mg_frequent_search_magneto-ui-frequent-search_heading_46vb2","magneto-ui-frequent-search__items":"mg_frequent_search_magneto-ui-frequent-search_items_46vb2","magneto-ui-frequent-search__buttons-container":"mg_frequent_search_magneto-ui-frequent-search_buttons-container_46vb2","magneto-ui-frequent-search__buttons-container--btn":"mg_frequent_search_magneto-ui-frequent-search_buttons-container--btn_46vb2"};
+var styles$1W = {"magneto-ui-frequent-search":"mg_frequent_search_magneto-ui-frequent-search_46vb2","magneto-ui-frequent-search__heading":"mg_frequent_search_magneto-ui-frequent-search_heading_46vb2","magneto-ui-frequent-search__items":"mg_frequent_search_magneto-ui-frequent-search_items_46vb2","magneto-ui-frequent-search__buttons-container":"mg_frequent_search_magneto-ui-frequent-search_buttons-container_46vb2","magneto-ui-frequent-search__buttons-container--btn":"mg_frequent_search_magneto-ui-frequent-search_buttons-container--btn_46vb2"};
 
-var Component$1X = function (_a) {
+var Component$1_ = function (_a) {
     var searchHeading = _a.searchHeading, searchList = _a.searchList, showLess = _a.showLess, showMore = _a.showMore, showFrequentSearch = _a.showFrequentSearch;
     var _b = React.useState(true), showFullList = _b[0], setShowFullList = _b[1];
     var searchListDinamyc = React.useMemo(function () {
@@ -4240,76 +4244,76 @@ var Component$1X = function (_a) {
         return searchList;
     }, [searchList, showFullList]);
     var searchListResponsive = useMediaQuery(searchList, { md: searchListDinamyc });
-    return (React__default["default"].createElement(React__default["default"].Fragment, null, showFrequentSearch !== false ? (React__default["default"].createElement("div", { className: styles$1T['magneto-ui-frequent-search'] },
-        React__default["default"].createElement("p", { className: styles$1T['magneto-ui-frequent-search__heading'] }, searchHeading),
-        React__default["default"].createElement("div", { className: styles$1T['magneto-ui-frequent-search__items'] }, searchListResponsive.map(function (_a, i) {
+    return (React__default["default"].createElement(React__default["default"].Fragment, null, showFrequentSearch !== false ? (React__default["default"].createElement("div", { className: styles$1W['magneto-ui-frequent-search'] },
+        React__default["default"].createElement("p", { className: styles$1W['magneto-ui-frequent-search__heading'] }, searchHeading),
+        React__default["default"].createElement("div", { className: styles$1W['magneto-ui-frequent-search__items'] }, searchListResponsive.map(function (_a, i) {
             var props = __rest(_a, []);
             return (React__default["default"].createElement(SearchItem, __assign({ key: i }, props)));
         })),
-        React__default["default"].createElement("div", { className: styles$1T['magneto-ui-frequent-search__buttons-container'] }, showFullList ? (React__default["default"].createElement("button", { className: styles$1T['magneto-ui-frequent-search__buttons-container--btn'], onClick: function () { return setShowFullList(false); }, title: showMore },
+        React__default["default"].createElement("div", { className: styles$1W['magneto-ui-frequent-search__buttons-container'] }, showFullList ? (React__default["default"].createElement("button", { className: styles$1W['magneto-ui-frequent-search__buttons-container--btn'], onClick: function () { return setShowFullList(false); }, title: showMore },
             showMore,
             " (",
             searchList.length,
-            ")")) : (React__default["default"].createElement("button", { className: styles$1T['magneto-ui-frequent-search__buttons-container--btn'], onClick: function () { return setShowFullList(true); }, title: showLess }, showLess))))) : (React__default["default"].createElement(React.Fragment, null))));
+            ")")) : (React__default["default"].createElement("button", { className: styles$1W['magneto-ui-frequent-search__buttons-container--btn'], onClick: function () { return setShowFullList(true); }, title: showLess }, showLess))))) : (React__default["default"].createElement(React.Fragment, null))));
 };
 /**
  * UI Atom component of Frequent Search
  */
-var FrequentSearch = Component$1X;
+var FrequentSearch = Component$1_;
 
 var style$O = {"header-drawer-company":"mg_header_drawer_company_header-drawer-company_jtdka"};
 
-var Component$1W = function (_a) {
+var Component$1Z = function (_a) {
     var logo = _a.logo, alt = _a.alt, logoCompany = _a.logoCompany, logoCompanyAlt = _a.logoCompanyAlt, flag = _a.flag, flagAlt = _a.flagAlt;
     return (React__default["default"].createElement("div", { className: style$O['header-drawer-company'] },
         React__default["default"].createElement(LogoComponent, { logo: logo, alt: alt }),
         React__default["default"].createElement(LogoComponent, { logo: logoCompany, alt: logoCompanyAlt }),
         React__default["default"].createElement("img", { src: flag, alt: flagAlt, loading: "lazy", width: '25px', height: '20px' })));
 };
-var HeaderDrawerCompany = Component$1W;
+var HeaderDrawerCompany = Component$1Z;
 
-var styles$1S = {"TabComponent":"mg_tab_TabComponent_zqqnn"};
+var styles$1V = {"TabComponent":"mg_tab_TabComponent_zqqnn"};
 
-var Component$1V = function (_a) {
+var Component$1Y = function (_a) {
     var children = _a.children;
-    return React__default["default"].createElement("div", { className: styles$1S.TabComponent }, children);
+    return React__default["default"].createElement("div", { className: styles$1V.TabComponent }, children);
 };
 /**
  * Molecule UI for Tab
  */
-var Tab = Component$1V;
+var Tab = Component$1Y;
 
-var styles$1R = {"TabButtonComponent":"mg_tab_button_TabButtonComponent_hysss"};
+var styles$1U = {"TabButtonComponent":"mg_tab_button_TabButtonComponent_hysss"};
 
-var Component$1U = function (_a) {
+var Component$1X = function (_a) {
     var tabButtonLink = _a.tabButtonLink, tabButtonLinkStyles = _a.tabButtonLinkStyles, tabButtonStyles = _a.tabButtonStyles;
     var stylesValue = React.useMemo(function () { return toCSSVariables(tabButtonStyles); }, [tabButtonStyles]);
     var boxShadow = (tabButtonStyles || {}).boxShadow;
-    return (React__default["default"].createElement("div", { className: styles$1R.TabButtonComponent, style: stylesValue, "data-box-shadow": boxShadow }, tabButtonLink && React__default["default"].createElement(Link, __assign({}, tabButtonLink, { linkStyles: tabButtonLinkStyles }))));
+    return (React__default["default"].createElement("div", { className: styles$1U.TabButtonComponent, style: stylesValue, "data-box-shadow": boxShadow }, tabButtonLink && React__default["default"].createElement(Link, __assign({}, tabButtonLink, { linkStyles: tabButtonLinkStyles }))));
 };
 /**
  * Molecule UI component for Tab Button
  */
-var TabButton = Component$1U;
+var TabButton = Component$1X;
 
-var styles$1Q = {"HeaderDrawerTabsComponent":"mg_header_drawer_tabs_HeaderDrawerTabsComponent_1wrvo"};
+var styles$1T = {"HeaderDrawerTabsComponent":"mg_header_drawer_tabs_HeaderDrawerTabsComponent_1wrvo"};
 
-var Component$1T = function (_a) {
+var Component$1W = function (_a) {
     var logoProps = _a.logoProps, leftTabLink = _a.leftTabLink, rightTabLink = _a.rightTabLink, leftTabStyle = _a.leftTabStyle, rightTabStyle = _a.rightTabStyle, homeUrl = _a.homeUrl;
-    return (React__default["default"].createElement("div", { className: styles$1Q.HeaderDrawerTabsComponent },
+    return (React__default["default"].createElement("div", { className: styles$1T.HeaderDrawerTabsComponent },
         React__default["default"].createElement("a", { href: homeUrl },
             React__default["default"].createElement(LogoComponent, __assign({}, logoProps, { isoView: true }))),
         React__default["default"].createElement(Tab, null,
             React__default["default"].createElement(TabButton, { tabButtonLink: leftTabLink, tabButtonLinkStyles: leftTabStyle === null || leftTabStyle === void 0 ? void 0 : leftTabStyle.tabButtonLinkStyles, tabButtonStyles: leftTabStyle === null || leftTabStyle === void 0 ? void 0 : leftTabStyle.tabButtonStyles }),
             React__default["default"].createElement(TabButton, { tabButtonLink: rightTabLink, tabButtonLinkStyles: rightTabStyle === null || rightTabStyle === void 0 ? void 0 : rightTabStyle.tabButtonLinkStyles, tabButtonStyles: rightTabStyle === null || rightTabStyle === void 0 ? void 0 : rightTabStyle.tabButtonStyles }))));
 };
-var HeaderDrawerTabs = Component$1T;
+var HeaderDrawerTabs = Component$1W;
 
-var styles$1P = {"HeaderTabsComponent":"mg_header_tabs_HeaderTabsComponent_yjqx4"};
+var styles$1S = {"HeaderTabsComponent":"mg_header_tabs_HeaderTabsComponent_yjqx4"};
 
-var Component$1S = function (_a) {
+var Component$1V = function (_a) {
     var _b = _a.headerTabList, headerTabList = _b === void 0 ? [] : _b, _c = _a.urlParam, urlParam = _c === void 0 ? '' : _c, addDivider = _a.addDivider;
-    return (React__default["default"].createElement("div", { className: styles$1P.HeaderTabsComponent, "data-add-divider": addDivider }, headerTabList.map(function (_a, index) {
+    return (React__default["default"].createElement("div", { className: styles$1S.HeaderTabsComponent, "data-add-divider": addDivider }, headerTabList.map(function (_a, index) {
         var headerTabProps = __rest(_a, []);
         return (React__default["default"].createElement(React__default["default"].Fragment, { key: index },
             React__default["default"].createElement(HeaderTab, __assign({}, headerTabProps, { isActive: Array.isArray(headerTabProps.slug)
@@ -4320,12 +4324,12 @@ var Component$1S = function (_a) {
 /**
  * Molecule UI component for header tabs information`
  */
-var HeaderTabs = Component$1S;
+var HeaderTabs = Component$1V;
 
-var styles$1O = {"w-inherit":"mg_horizontal_menu_w-inherit_auqtc","w-none":"mg_horizontal_menu_w-none_auqtc","w-auto":"mg_horizontal_menu_w-auto_auqtc","w-full":"mg_horizontal_menu_w-full_auqtc","w-min":"mg_horizontal_menu_w-min_auqtc","w-xxs":"mg_horizontal_menu_w-xxs_auqtc","w-xs":"mg_horizontal_menu_w-xs_auqtc","w-sm":"mg_horizontal_menu_w-sm_auqtc","w-sm-2":"mg_horizontal_menu_w-sm-2_auqtc","w-md":"mg_horizontal_menu_w-md_auqtc","w-md-2":"mg_horizontal_menu_w-md-2_auqtc","w-lg":"mg_horizontal_menu_w-lg_auqtc","w-xl":"mg_horizontal_menu_w-xl_auqtc","w-2xl":"mg_horizontal_menu_w-2xl_auqtc","w-3xl":"mg_horizontal_menu_w-3xl_auqtc","w-4xl":"mg_horizontal_menu_w-4xl_auqtc","w-container-xxs":"mg_horizontal_menu_w-container-xxs_auqtc","w-container-xs":"mg_horizontal_menu_w-container-xs_auqtc","w-container-sm":"mg_horizontal_menu_w-container-sm_auqtc","w-container-md":"mg_horizontal_menu_w-container-md_auqtc","w-container-lg":"mg_horizontal_menu_w-container-lg_auqtc","w-container-xl":"mg_horizontal_menu_w-container-xl_auqtc","w-container-2xl":"mg_horizontal_menu_w-container-2xl_auqtc","w-container-3xl":"mg_horizontal_menu_w-container-3xl_auqtc","min-w-inherit":"mg_horizontal_menu_min-w-inherit_auqtc","min-w-none":"mg_horizontal_menu_min-w-none_auqtc","min-w-auto":"mg_horizontal_menu_min-w-auto_auqtc","min-w-full":"mg_horizontal_menu_min-w-full_auqtc","min-w-min":"mg_horizontal_menu_min-w-min_auqtc","min-w-xxs":"mg_horizontal_menu_min-w-xxs_auqtc","min-w-xs":"mg_horizontal_menu_min-w-xs_auqtc","min-w-sm":"mg_horizontal_menu_min-w-sm_auqtc","min-w-sm-2":"mg_horizontal_menu_min-w-sm-2_auqtc","min-w-md":"mg_horizontal_menu_min-w-md_auqtc","min-w-md-2":"mg_horizontal_menu_min-w-md-2_auqtc","min-w-lg":"mg_horizontal_menu_min-w-lg_auqtc","min-w-xl":"mg_horizontal_menu_min-w-xl_auqtc","min-w-2xl":"mg_horizontal_menu_min-w-2xl_auqtc","min-w-3xl":"mg_horizontal_menu_min-w-3xl_auqtc","min-w-4xl":"mg_horizontal_menu_min-w-4xl_auqtc","min-w-container-xxs":"mg_horizontal_menu_min-w-container-xxs_auqtc","min-w-container-xs":"mg_horizontal_menu_min-w-container-xs_auqtc","min-w-container-sm":"mg_horizontal_menu_min-w-container-sm_auqtc","min-w-container-md":"mg_horizontal_menu_min-w-container-md_auqtc","min-w-container-lg":"mg_horizontal_menu_min-w-container-lg_auqtc","min-w-container-xl":"mg_horizontal_menu_min-w-container-xl_auqtc","min-w-container-2xl":"mg_horizontal_menu_min-w-container-2xl_auqtc","min-w-container-3xl":"mg_horizontal_menu_min-w-container-3xl_auqtc","h-inherit":"mg_horizontal_menu_h-inherit_auqtc","h-none":"mg_horizontal_menu_h-none_auqtc","h-auto":"mg_horizontal_menu_h-auto_auqtc","h-full":"mg_horizontal_menu_h-full_auqtc","h-min":"mg_horizontal_menu_h-min_auqtc","h-xxs":"mg_horizontal_menu_h-xxs_auqtc","h-xs":"mg_horizontal_menu_h-xs_auqtc","h-sm":"mg_horizontal_menu_h-sm_auqtc","h-sm-2":"mg_horizontal_menu_h-sm-2_auqtc","h-md":"mg_horizontal_menu_h-md_auqtc","h-md-2":"mg_horizontal_menu_h-md-2_auqtc","h-lg":"mg_horizontal_menu_h-lg_auqtc","h-xl":"mg_horizontal_menu_h-xl_auqtc","h-2xl":"mg_horizontal_menu_h-2xl_auqtc","h-3xl":"mg_horizontal_menu_h-3xl_auqtc","h-4xl":"mg_horizontal_menu_h-4xl_auqtc","h-container-xxs":"mg_horizontal_menu_h-container-xxs_auqtc","h-container-xs":"mg_horizontal_menu_h-container-xs_auqtc","h-container-sm":"mg_horizontal_menu_h-container-sm_auqtc","h-container-md":"mg_horizontal_menu_h-container-md_auqtc","h-container-lg":"mg_horizontal_menu_h-container-lg_auqtc","h-container-xl":"mg_horizontal_menu_h-container-xl_auqtc","h-container-2xl":"mg_horizontal_menu_h-container-2xl_auqtc","h-container-3xl":"mg_horizontal_menu_h-container-3xl_auqtc","min-h-inherit":"mg_horizontal_menu_min-h-inherit_auqtc","min-h-none":"mg_horizontal_menu_min-h-none_auqtc","min-h-auto":"mg_horizontal_menu_min-h-auto_auqtc","min-h-full":"mg_horizontal_menu_min-h-full_auqtc","min-h-min":"mg_horizontal_menu_min-h-min_auqtc","min-h-xxs":"mg_horizontal_menu_min-h-xxs_auqtc","min-h-xs":"mg_horizontal_menu_min-h-xs_auqtc","min-h-sm":"mg_horizontal_menu_min-h-sm_auqtc","min-h-sm-2":"mg_horizontal_menu_min-h-sm-2_auqtc","min-h-md":"mg_horizontal_menu_min-h-md_auqtc","min-h-md-2":"mg_horizontal_menu_min-h-md-2_auqtc","min-h-lg":"mg_horizontal_menu_min-h-lg_auqtc","min-h-xl":"mg_horizontal_menu_min-h-xl_auqtc","min-h-2xl":"mg_horizontal_menu_min-h-2xl_auqtc","min-h-3xl":"mg_horizontal_menu_min-h-3xl_auqtc","min-h-4xl":"mg_horizontal_menu_min-h-4xl_auqtc","min-h-container-xxs":"mg_horizontal_menu_min-h-container-xxs_auqtc","min-h-container-xs":"mg_horizontal_menu_min-h-container-xs_auqtc","min-h-container-sm":"mg_horizontal_menu_min-h-container-sm_auqtc","min-h-container-md":"mg_horizontal_menu_min-h-container-md_auqtc","min-h-container-lg":"mg_horizontal_menu_min-h-container-lg_auqtc","min-h-container-xl":"mg_horizontal_menu_min-h-container-xl_auqtc","min-h-container-2xl":"mg_horizontal_menu_min-h-container-2xl_auqtc","min-h-container-3xl":"mg_horizontal_menu_min-h-container-3xl_auqtc","sq-inherit":"mg_horizontal_menu_sq-inherit_auqtc","sq-none":"mg_horizontal_menu_sq-none_auqtc","sq-auto":"mg_horizontal_menu_sq-auto_auqtc","sq-full":"mg_horizontal_menu_sq-full_auqtc","sq-min":"mg_horizontal_menu_sq-min_auqtc","sq-xxs":"mg_horizontal_menu_sq-xxs_auqtc","sq-xs":"mg_horizontal_menu_sq-xs_auqtc","sq-sm":"mg_horizontal_menu_sq-sm_auqtc","sq-sm-2":"mg_horizontal_menu_sq-sm-2_auqtc","sq-md":"mg_horizontal_menu_sq-md_auqtc","sq-md-2":"mg_horizontal_menu_sq-md-2_auqtc","sq-lg":"mg_horizontal_menu_sq-lg_auqtc","sq-xl":"mg_horizontal_menu_sq-xl_auqtc","sq-2xl":"mg_horizontal_menu_sq-2xl_auqtc","sq-3xl":"mg_horizontal_menu_sq-3xl_auqtc","sq-4xl":"mg_horizontal_menu_sq-4xl_auqtc","min-sq-inherit":"mg_horizontal_menu_min-sq-inherit_auqtc","min-sq-none":"mg_horizontal_menu_min-sq-none_auqtc","min-sq-auto":"mg_horizontal_menu_min-sq-auto_auqtc","min-sq-full":"mg_horizontal_menu_min-sq-full_auqtc","min-sq-min":"mg_horizontal_menu_min-sq-min_auqtc","min-sq-xxs":"mg_horizontal_menu_min-sq-xxs_auqtc","min-sq-xs":"mg_horizontal_menu_min-sq-xs_auqtc","min-sq-sm":"mg_horizontal_menu_min-sq-sm_auqtc","min-sq-sm-2":"mg_horizontal_menu_min-sq-sm-2_auqtc","min-sq-md":"mg_horizontal_menu_min-sq-md_auqtc","min-sq-md-2":"mg_horizontal_menu_min-sq-md-2_auqtc","min-sq-lg":"mg_horizontal_menu_min-sq-lg_auqtc","min-sq-xl":"mg_horizontal_menu_min-sq-xl_auqtc","min-sq-2xl":"mg_horizontal_menu_min-sq-2xl_auqtc","min-sq-3xl":"mg_horizontal_menu_min-sq-3xl_auqtc","min-sq-4xl":"mg_horizontal_menu_min-sq-4xl_auqtc","stroke-transparent":"mg_horizontal_menu_stroke-transparent_auqtc","stroke-inherit":"mg_horizontal_menu_stroke-inherit_auqtc","stroke-current":"mg_horizontal_menu_stroke-current_auqtc","stroke-blue-dark-50":"mg_horizontal_menu_stroke-blue-dark-50_auqtc","stroke-blue-dark-100":"mg_horizontal_menu_stroke-blue-dark-100_auqtc","stroke-blue-dark-200":"mg_horizontal_menu_stroke-blue-dark-200_auqtc","stroke-blue-dark-300":"mg_horizontal_menu_stroke-blue-dark-300_auqtc","stroke-blue-dark-400":"mg_horizontal_menu_stroke-blue-dark-400_auqtc","stroke-blue-dark-500":"mg_horizontal_menu_stroke-blue-dark-500_auqtc","stroke-blue-light-50":"mg_horizontal_menu_stroke-blue-light-50_auqtc","stroke-blue-light-100":"mg_horizontal_menu_stroke-blue-light-100_auqtc","stroke-blue-light-200":"mg_horizontal_menu_stroke-blue-light-200_auqtc","stroke-blue-light-300":"mg_horizontal_menu_stroke-blue-light-300_auqtc","stroke-blue-light-400":"mg_horizontal_menu_stroke-blue-light-400_auqtc","stroke-blue-light-500":"mg_horizontal_menu_stroke-blue-light-500_auqtc","stroke-green-50":"mg_horizontal_menu_stroke-green-50_auqtc","stroke-green-100":"mg_horizontal_menu_stroke-green-100_auqtc","stroke-green-200":"mg_horizontal_menu_stroke-green-200_auqtc","stroke-green-300":"mg_horizontal_menu_stroke-green-300_auqtc","stroke-green-400":"mg_horizontal_menu_stroke-green-400_auqtc","stroke-green-500":"mg_horizontal_menu_stroke-green-500_auqtc","stroke-green-600":"mg_horizontal_menu_stroke-green-600_auqtc","stroke-grey-50":"mg_horizontal_menu_stroke-grey-50_auqtc","stroke-grey-100":"mg_horizontal_menu_stroke-grey-100_auqtc","stroke-grey-200":"mg_horizontal_menu_stroke-grey-200_auqtc","stroke-grey-300":"mg_horizontal_menu_stroke-grey-300_auqtc","stroke-grey-400":"mg_horizontal_menu_stroke-grey-400_auqtc","stroke-grey-500":"mg_horizontal_menu_stroke-grey-500_auqtc","stroke-grey-600":"mg_horizontal_menu_stroke-grey-600_auqtc","stroke-grey-700":"mg_horizontal_menu_stroke-grey-700_auqtc","stroke-grey-800":"mg_horizontal_menu_stroke-grey-800_auqtc","stroke-grey-900":"mg_horizontal_menu_stroke-grey-900_auqtc","stroke-red-50":"mg_horizontal_menu_stroke-red-50_auqtc","stroke-red-100":"mg_horizontal_menu_stroke-red-100_auqtc","stroke-red-200":"mg_horizontal_menu_stroke-red-200_auqtc","stroke-red-300":"mg_horizontal_menu_stroke-red-300_auqtc","stroke-yellow-50":"mg_horizontal_menu_stroke-yellow-50_auqtc","stroke-yellow-100":"mg_horizontal_menu_stroke-yellow-100_auqtc","stroke-yellow-200":"mg_horizontal_menu_stroke-yellow-200_auqtc","stroke-yellow-300":"mg_horizontal_menu_stroke-yellow-300_auqtc","fill-transparent":"mg_horizontal_menu_fill-transparent_auqtc","fill-inherit":"mg_horizontal_menu_fill-inherit_auqtc","fill-current":"mg_horizontal_menu_fill-current_auqtc","fill-blue-dark-50":"mg_horizontal_menu_fill-blue-dark-50_auqtc","fill-blue-dark-100":"mg_horizontal_menu_fill-blue-dark-100_auqtc","fill-blue-dark-200":"mg_horizontal_menu_fill-blue-dark-200_auqtc","fill-blue-dark-300":"mg_horizontal_menu_fill-blue-dark-300_auqtc","fill-blue-dark-400":"mg_horizontal_menu_fill-blue-dark-400_auqtc","fill-blue-dark-500":"mg_horizontal_menu_fill-blue-dark-500_auqtc","fill-blue-light-50":"mg_horizontal_menu_fill-blue-light-50_auqtc","fill-blue-light-100":"mg_horizontal_menu_fill-blue-light-100_auqtc","fill-blue-light-200":"mg_horizontal_menu_fill-blue-light-200_auqtc","fill-blue-light-300":"mg_horizontal_menu_fill-blue-light-300_auqtc","fill-blue-light-400":"mg_horizontal_menu_fill-blue-light-400_auqtc","fill-blue-light-500":"mg_horizontal_menu_fill-blue-light-500_auqtc","fill-green-50":"mg_horizontal_menu_fill-green-50_auqtc","fill-green-100":"mg_horizontal_menu_fill-green-100_auqtc","fill-green-200":"mg_horizontal_menu_fill-green-200_auqtc","fill-green-300":"mg_horizontal_menu_fill-green-300_auqtc","fill-green-400":"mg_horizontal_menu_fill-green-400_auqtc","fill-green-500":"mg_horizontal_menu_fill-green-500_auqtc","fill-green-600":"mg_horizontal_menu_fill-green-600_auqtc","fill-grey-50":"mg_horizontal_menu_fill-grey-50_auqtc","fill-grey-100":"mg_horizontal_menu_fill-grey-100_auqtc","fill-grey-200":"mg_horizontal_menu_fill-grey-200_auqtc","fill-grey-300":"mg_horizontal_menu_fill-grey-300_auqtc","fill-grey-400":"mg_horizontal_menu_fill-grey-400_auqtc","fill-grey-500":"mg_horizontal_menu_fill-grey-500_auqtc","fill-grey-600":"mg_horizontal_menu_fill-grey-600_auqtc","fill-grey-700":"mg_horizontal_menu_fill-grey-700_auqtc","fill-grey-800":"mg_horizontal_menu_fill-grey-800_auqtc","fill-grey-900":"mg_horizontal_menu_fill-grey-900_auqtc","fill-red-50":"mg_horizontal_menu_fill-red-50_auqtc","fill-red-100":"mg_horizontal_menu_fill-red-100_auqtc","fill-red-200":"mg_horizontal_menu_fill-red-200_auqtc","fill-red-300":"mg_horizontal_menu_fill-red-300_auqtc","fill-yellow-50":"mg_horizontal_menu_fill-yellow-50_auqtc","fill-yellow-100":"mg_horizontal_menu_fill-yellow-100_auqtc","fill-yellow-200":"mg_horizontal_menu_fill-yellow-200_auqtc","fill-yellow-300":"mg_horizontal_menu_fill-yellow-300_auqtc","bg-transparent":"mg_horizontal_menu_bg-transparent_auqtc","bg-inherit":"mg_horizontal_menu_bg-inherit_auqtc","bg-current":"mg_horizontal_menu_bg-current_auqtc","bg-blue-dark-50":"mg_horizontal_menu_bg-blue-dark-50_auqtc","bg-blue-dark-100":"mg_horizontal_menu_bg-blue-dark-100_auqtc","bg-blue-dark-200":"mg_horizontal_menu_bg-blue-dark-200_auqtc","bg-blue-dark-300":"mg_horizontal_menu_bg-blue-dark-300_auqtc","bg-blue-dark-400":"mg_horizontal_menu_bg-blue-dark-400_auqtc","bg-blue-dark-500":"mg_horizontal_menu_bg-blue-dark-500_auqtc","bg-blue-light-50":"mg_horizontal_menu_bg-blue-light-50_auqtc","bg-blue-light-100":"mg_horizontal_menu_bg-blue-light-100_auqtc","bg-blue-light-200":"mg_horizontal_menu_bg-blue-light-200_auqtc","bg-blue-light-300":"mg_horizontal_menu_bg-blue-light-300_auqtc","bg-blue-light-400":"mg_horizontal_menu_bg-blue-light-400_auqtc","bg-blue-light-500":"mg_horizontal_menu_bg-blue-light-500_auqtc","bg-green-50":"mg_horizontal_menu_bg-green-50_auqtc","bg-green-100":"mg_horizontal_menu_bg-green-100_auqtc","bg-green-200":"mg_horizontal_menu_bg-green-200_auqtc","bg-green-300":"mg_horizontal_menu_bg-green-300_auqtc","bg-green-400":"mg_horizontal_menu_bg-green-400_auqtc","bg-green-500":"mg_horizontal_menu_bg-green-500_auqtc","bg-green-600":"mg_horizontal_menu_bg-green-600_auqtc","bg-grey-50":"mg_horizontal_menu_bg-grey-50_auqtc","bg-grey-100":"mg_horizontal_menu_bg-grey-100_auqtc","bg-grey-200":"mg_horizontal_menu_bg-grey-200_auqtc","bg-grey-300":"mg_horizontal_menu_bg-grey-300_auqtc","bg-grey-400":"mg_horizontal_menu_bg-grey-400_auqtc","bg-grey-500":"mg_horizontal_menu_bg-grey-500_auqtc","bg-grey-600":"mg_horizontal_menu_bg-grey-600_auqtc","bg-grey-700":"mg_horizontal_menu_bg-grey-700_auqtc","bg-grey-800":"mg_horizontal_menu_bg-grey-800_auqtc","bg-grey-900":"mg_horizontal_menu_bg-grey-900_auqtc","bg-red-50":"mg_horizontal_menu_bg-red-50_auqtc","bg-red-100":"mg_horizontal_menu_bg-red-100_auqtc","bg-red-200":"mg_horizontal_menu_bg-red-200_auqtc","bg-red-300":"mg_horizontal_menu_bg-red-300_auqtc","bg-yellow-50":"mg_horizontal_menu_bg-yellow-50_auqtc","bg-yellow-100":"mg_horizontal_menu_bg-yellow-100_auqtc","bg-yellow-200":"mg_horizontal_menu_bg-yellow-200_auqtc","bg-yellow-300":"mg_horizontal_menu_bg-yellow-300_auqtc","color-transparent":"mg_horizontal_menu_color-transparent_auqtc","color-inherit":"mg_horizontal_menu_color-inherit_auqtc","color-current":"mg_horizontal_menu_color-current_auqtc","color-blue-dark-50":"mg_horizontal_menu_color-blue-dark-50_auqtc","color-blue-dark-100":"mg_horizontal_menu_color-blue-dark-100_auqtc","color-blue-dark-200":"mg_horizontal_menu_color-blue-dark-200_auqtc","color-blue-dark-300":"mg_horizontal_menu_color-blue-dark-300_auqtc","color-blue-dark-400":"mg_horizontal_menu_color-blue-dark-400_auqtc","color-blue-dark-500":"mg_horizontal_menu_color-blue-dark-500_auqtc","color-blue-light-50":"mg_horizontal_menu_color-blue-light-50_auqtc","color-blue-light-100":"mg_horizontal_menu_color-blue-light-100_auqtc","color-blue-light-200":"mg_horizontal_menu_color-blue-light-200_auqtc","color-blue-light-300":"mg_horizontal_menu_color-blue-light-300_auqtc","color-blue-light-400":"mg_horizontal_menu_color-blue-light-400_auqtc","color-blue-light-500":"mg_horizontal_menu_color-blue-light-500_auqtc","color-green-50":"mg_horizontal_menu_color-green-50_auqtc","color-green-100":"mg_horizontal_menu_color-green-100_auqtc","color-green-200":"mg_horizontal_menu_color-green-200_auqtc","color-green-300":"mg_horizontal_menu_color-green-300_auqtc","color-green-400":"mg_horizontal_menu_color-green-400_auqtc","color-green-500":"mg_horizontal_menu_color-green-500_auqtc","color-green-600":"mg_horizontal_menu_color-green-600_auqtc","color-grey-50":"mg_horizontal_menu_color-grey-50_auqtc","color-grey-100":"mg_horizontal_menu_color-grey-100_auqtc","color-grey-200":"mg_horizontal_menu_color-grey-200_auqtc","color-grey-300":"mg_horizontal_menu_color-grey-300_auqtc","color-grey-400":"mg_horizontal_menu_color-grey-400_auqtc","color-grey-500":"mg_horizontal_menu_color-grey-500_auqtc","color-grey-600":"mg_horizontal_menu_color-grey-600_auqtc","color-grey-700":"mg_horizontal_menu_color-grey-700_auqtc","color-grey-800":"mg_horizontal_menu_color-grey-800_auqtc","color-grey-900":"mg_horizontal_menu_color-grey-900_auqtc","color-red-50":"mg_horizontal_menu_color-red-50_auqtc","color-red-100":"mg_horizontal_menu_color-red-100_auqtc","color-red-200":"mg_horizontal_menu_color-red-200_auqtc","color-red-300":"mg_horizontal_menu_color-red-300_auqtc","color-yellow-50":"mg_horizontal_menu_color-yellow-50_auqtc","color-yellow-100":"mg_horizontal_menu_color-yellow-100_auqtc","color-yellow-200":"mg_horizontal_menu_color-yellow-200_auqtc","color-yellow-300":"mg_horizontal_menu_color-yellow-300_auqtc","magneto-ui-horizontal-menu":"mg_horizontal_menu_magneto-ui-horizontal-menu_auqtc","magneto-ui-horizontal-menu__back":"mg_horizontal_menu_magneto-ui-horizontal-menu_back_auqtc","magneto-ui-horizontal-menu__nav":"mg_horizontal_menu_magneto-ui-horizontal-menu_nav_auqtc","magneto-ui-horizontal-menu__list":"mg_horizontal_menu_magneto-ui-horizontal-menu_list_auqtc","magneto-ui-horizontal-menu__button":"mg_horizontal_menu_magneto-ui-horizontal-menu_button_auqtc","magneto-ui-horizontal-menu__button--active":"mg_horizontal_menu_magneto-ui-horizontal-menu_button--active_auqtc"};
+var styles$1R = {"w-inherit":"mg_horizontal_menu_w-inherit_auqtc","w-none":"mg_horizontal_menu_w-none_auqtc","w-auto":"mg_horizontal_menu_w-auto_auqtc","w-full":"mg_horizontal_menu_w-full_auqtc","w-min":"mg_horizontal_menu_w-min_auqtc","w-xxs":"mg_horizontal_menu_w-xxs_auqtc","w-xs":"mg_horizontal_menu_w-xs_auqtc","w-sm":"mg_horizontal_menu_w-sm_auqtc","w-sm-2":"mg_horizontal_menu_w-sm-2_auqtc","w-md":"mg_horizontal_menu_w-md_auqtc","w-md-2":"mg_horizontal_menu_w-md-2_auqtc","w-lg":"mg_horizontal_menu_w-lg_auqtc","w-xl":"mg_horizontal_menu_w-xl_auqtc","w-2xl":"mg_horizontal_menu_w-2xl_auqtc","w-3xl":"mg_horizontal_menu_w-3xl_auqtc","w-4xl":"mg_horizontal_menu_w-4xl_auqtc","w-container-xxs":"mg_horizontal_menu_w-container-xxs_auqtc","w-container-xs":"mg_horizontal_menu_w-container-xs_auqtc","w-container-sm":"mg_horizontal_menu_w-container-sm_auqtc","w-container-md":"mg_horizontal_menu_w-container-md_auqtc","w-container-lg":"mg_horizontal_menu_w-container-lg_auqtc","w-container-xl":"mg_horizontal_menu_w-container-xl_auqtc","w-container-2xl":"mg_horizontal_menu_w-container-2xl_auqtc","w-container-3xl":"mg_horizontal_menu_w-container-3xl_auqtc","min-w-inherit":"mg_horizontal_menu_min-w-inherit_auqtc","min-w-none":"mg_horizontal_menu_min-w-none_auqtc","min-w-auto":"mg_horizontal_menu_min-w-auto_auqtc","min-w-full":"mg_horizontal_menu_min-w-full_auqtc","min-w-min":"mg_horizontal_menu_min-w-min_auqtc","min-w-xxs":"mg_horizontal_menu_min-w-xxs_auqtc","min-w-xs":"mg_horizontal_menu_min-w-xs_auqtc","min-w-sm":"mg_horizontal_menu_min-w-sm_auqtc","min-w-sm-2":"mg_horizontal_menu_min-w-sm-2_auqtc","min-w-md":"mg_horizontal_menu_min-w-md_auqtc","min-w-md-2":"mg_horizontal_menu_min-w-md-2_auqtc","min-w-lg":"mg_horizontal_menu_min-w-lg_auqtc","min-w-xl":"mg_horizontal_menu_min-w-xl_auqtc","min-w-2xl":"mg_horizontal_menu_min-w-2xl_auqtc","min-w-3xl":"mg_horizontal_menu_min-w-3xl_auqtc","min-w-4xl":"mg_horizontal_menu_min-w-4xl_auqtc","min-w-container-xxs":"mg_horizontal_menu_min-w-container-xxs_auqtc","min-w-container-xs":"mg_horizontal_menu_min-w-container-xs_auqtc","min-w-container-sm":"mg_horizontal_menu_min-w-container-sm_auqtc","min-w-container-md":"mg_horizontal_menu_min-w-container-md_auqtc","min-w-container-lg":"mg_horizontal_menu_min-w-container-lg_auqtc","min-w-container-xl":"mg_horizontal_menu_min-w-container-xl_auqtc","min-w-container-2xl":"mg_horizontal_menu_min-w-container-2xl_auqtc","min-w-container-3xl":"mg_horizontal_menu_min-w-container-3xl_auqtc","h-inherit":"mg_horizontal_menu_h-inherit_auqtc","h-none":"mg_horizontal_menu_h-none_auqtc","h-auto":"mg_horizontal_menu_h-auto_auqtc","h-full":"mg_horizontal_menu_h-full_auqtc","h-min":"mg_horizontal_menu_h-min_auqtc","h-xxs":"mg_horizontal_menu_h-xxs_auqtc","h-xs":"mg_horizontal_menu_h-xs_auqtc","h-sm":"mg_horizontal_menu_h-sm_auqtc","h-sm-2":"mg_horizontal_menu_h-sm-2_auqtc","h-md":"mg_horizontal_menu_h-md_auqtc","h-md-2":"mg_horizontal_menu_h-md-2_auqtc","h-lg":"mg_horizontal_menu_h-lg_auqtc","h-xl":"mg_horizontal_menu_h-xl_auqtc","h-2xl":"mg_horizontal_menu_h-2xl_auqtc","h-3xl":"mg_horizontal_menu_h-3xl_auqtc","h-4xl":"mg_horizontal_menu_h-4xl_auqtc","h-container-xxs":"mg_horizontal_menu_h-container-xxs_auqtc","h-container-xs":"mg_horizontal_menu_h-container-xs_auqtc","h-container-sm":"mg_horizontal_menu_h-container-sm_auqtc","h-container-md":"mg_horizontal_menu_h-container-md_auqtc","h-container-lg":"mg_horizontal_menu_h-container-lg_auqtc","h-container-xl":"mg_horizontal_menu_h-container-xl_auqtc","h-container-2xl":"mg_horizontal_menu_h-container-2xl_auqtc","h-container-3xl":"mg_horizontal_menu_h-container-3xl_auqtc","min-h-inherit":"mg_horizontal_menu_min-h-inherit_auqtc","min-h-none":"mg_horizontal_menu_min-h-none_auqtc","min-h-auto":"mg_horizontal_menu_min-h-auto_auqtc","min-h-full":"mg_horizontal_menu_min-h-full_auqtc","min-h-min":"mg_horizontal_menu_min-h-min_auqtc","min-h-xxs":"mg_horizontal_menu_min-h-xxs_auqtc","min-h-xs":"mg_horizontal_menu_min-h-xs_auqtc","min-h-sm":"mg_horizontal_menu_min-h-sm_auqtc","min-h-sm-2":"mg_horizontal_menu_min-h-sm-2_auqtc","min-h-md":"mg_horizontal_menu_min-h-md_auqtc","min-h-md-2":"mg_horizontal_menu_min-h-md-2_auqtc","min-h-lg":"mg_horizontal_menu_min-h-lg_auqtc","min-h-xl":"mg_horizontal_menu_min-h-xl_auqtc","min-h-2xl":"mg_horizontal_menu_min-h-2xl_auqtc","min-h-3xl":"mg_horizontal_menu_min-h-3xl_auqtc","min-h-4xl":"mg_horizontal_menu_min-h-4xl_auqtc","min-h-container-xxs":"mg_horizontal_menu_min-h-container-xxs_auqtc","min-h-container-xs":"mg_horizontal_menu_min-h-container-xs_auqtc","min-h-container-sm":"mg_horizontal_menu_min-h-container-sm_auqtc","min-h-container-md":"mg_horizontal_menu_min-h-container-md_auqtc","min-h-container-lg":"mg_horizontal_menu_min-h-container-lg_auqtc","min-h-container-xl":"mg_horizontal_menu_min-h-container-xl_auqtc","min-h-container-2xl":"mg_horizontal_menu_min-h-container-2xl_auqtc","min-h-container-3xl":"mg_horizontal_menu_min-h-container-3xl_auqtc","sq-inherit":"mg_horizontal_menu_sq-inherit_auqtc","sq-none":"mg_horizontal_menu_sq-none_auqtc","sq-auto":"mg_horizontal_menu_sq-auto_auqtc","sq-full":"mg_horizontal_menu_sq-full_auqtc","sq-min":"mg_horizontal_menu_sq-min_auqtc","sq-xxs":"mg_horizontal_menu_sq-xxs_auqtc","sq-xs":"mg_horizontal_menu_sq-xs_auqtc","sq-sm":"mg_horizontal_menu_sq-sm_auqtc","sq-sm-2":"mg_horizontal_menu_sq-sm-2_auqtc","sq-md":"mg_horizontal_menu_sq-md_auqtc","sq-md-2":"mg_horizontal_menu_sq-md-2_auqtc","sq-lg":"mg_horizontal_menu_sq-lg_auqtc","sq-xl":"mg_horizontal_menu_sq-xl_auqtc","sq-2xl":"mg_horizontal_menu_sq-2xl_auqtc","sq-3xl":"mg_horizontal_menu_sq-3xl_auqtc","sq-4xl":"mg_horizontal_menu_sq-4xl_auqtc","min-sq-inherit":"mg_horizontal_menu_min-sq-inherit_auqtc","min-sq-none":"mg_horizontal_menu_min-sq-none_auqtc","min-sq-auto":"mg_horizontal_menu_min-sq-auto_auqtc","min-sq-full":"mg_horizontal_menu_min-sq-full_auqtc","min-sq-min":"mg_horizontal_menu_min-sq-min_auqtc","min-sq-xxs":"mg_horizontal_menu_min-sq-xxs_auqtc","min-sq-xs":"mg_horizontal_menu_min-sq-xs_auqtc","min-sq-sm":"mg_horizontal_menu_min-sq-sm_auqtc","min-sq-sm-2":"mg_horizontal_menu_min-sq-sm-2_auqtc","min-sq-md":"mg_horizontal_menu_min-sq-md_auqtc","min-sq-md-2":"mg_horizontal_menu_min-sq-md-2_auqtc","min-sq-lg":"mg_horizontal_menu_min-sq-lg_auqtc","min-sq-xl":"mg_horizontal_menu_min-sq-xl_auqtc","min-sq-2xl":"mg_horizontal_menu_min-sq-2xl_auqtc","min-sq-3xl":"mg_horizontal_menu_min-sq-3xl_auqtc","min-sq-4xl":"mg_horizontal_menu_min-sq-4xl_auqtc","stroke-transparent":"mg_horizontal_menu_stroke-transparent_auqtc","stroke-inherit":"mg_horizontal_menu_stroke-inherit_auqtc","stroke-current":"mg_horizontal_menu_stroke-current_auqtc","stroke-blue-dark-50":"mg_horizontal_menu_stroke-blue-dark-50_auqtc","stroke-blue-dark-100":"mg_horizontal_menu_stroke-blue-dark-100_auqtc","stroke-blue-dark-200":"mg_horizontal_menu_stroke-blue-dark-200_auqtc","stroke-blue-dark-300":"mg_horizontal_menu_stroke-blue-dark-300_auqtc","stroke-blue-dark-400":"mg_horizontal_menu_stroke-blue-dark-400_auqtc","stroke-blue-dark-500":"mg_horizontal_menu_stroke-blue-dark-500_auqtc","stroke-blue-light-50":"mg_horizontal_menu_stroke-blue-light-50_auqtc","stroke-blue-light-100":"mg_horizontal_menu_stroke-blue-light-100_auqtc","stroke-blue-light-200":"mg_horizontal_menu_stroke-blue-light-200_auqtc","stroke-blue-light-300":"mg_horizontal_menu_stroke-blue-light-300_auqtc","stroke-blue-light-400":"mg_horizontal_menu_stroke-blue-light-400_auqtc","stroke-blue-light-500":"mg_horizontal_menu_stroke-blue-light-500_auqtc","stroke-green-50":"mg_horizontal_menu_stroke-green-50_auqtc","stroke-green-100":"mg_horizontal_menu_stroke-green-100_auqtc","stroke-green-200":"mg_horizontal_menu_stroke-green-200_auqtc","stroke-green-300":"mg_horizontal_menu_stroke-green-300_auqtc","stroke-green-400":"mg_horizontal_menu_stroke-green-400_auqtc","stroke-green-500":"mg_horizontal_menu_stroke-green-500_auqtc","stroke-green-600":"mg_horizontal_menu_stroke-green-600_auqtc","stroke-grey-50":"mg_horizontal_menu_stroke-grey-50_auqtc","stroke-grey-100":"mg_horizontal_menu_stroke-grey-100_auqtc","stroke-grey-200":"mg_horizontal_menu_stroke-grey-200_auqtc","stroke-grey-300":"mg_horizontal_menu_stroke-grey-300_auqtc","stroke-grey-400":"mg_horizontal_menu_stroke-grey-400_auqtc","stroke-grey-500":"mg_horizontal_menu_stroke-grey-500_auqtc","stroke-grey-600":"mg_horizontal_menu_stroke-grey-600_auqtc","stroke-grey-700":"mg_horizontal_menu_stroke-grey-700_auqtc","stroke-grey-800":"mg_horizontal_menu_stroke-grey-800_auqtc","stroke-grey-900":"mg_horizontal_menu_stroke-grey-900_auqtc","stroke-red-50":"mg_horizontal_menu_stroke-red-50_auqtc","stroke-red-100":"mg_horizontal_menu_stroke-red-100_auqtc","stroke-red-200":"mg_horizontal_menu_stroke-red-200_auqtc","stroke-red-300":"mg_horizontal_menu_stroke-red-300_auqtc","stroke-yellow-50":"mg_horizontal_menu_stroke-yellow-50_auqtc","stroke-yellow-100":"mg_horizontal_menu_stroke-yellow-100_auqtc","stroke-yellow-200":"mg_horizontal_menu_stroke-yellow-200_auqtc","stroke-yellow-300":"mg_horizontal_menu_stroke-yellow-300_auqtc","fill-transparent":"mg_horizontal_menu_fill-transparent_auqtc","fill-inherit":"mg_horizontal_menu_fill-inherit_auqtc","fill-current":"mg_horizontal_menu_fill-current_auqtc","fill-blue-dark-50":"mg_horizontal_menu_fill-blue-dark-50_auqtc","fill-blue-dark-100":"mg_horizontal_menu_fill-blue-dark-100_auqtc","fill-blue-dark-200":"mg_horizontal_menu_fill-blue-dark-200_auqtc","fill-blue-dark-300":"mg_horizontal_menu_fill-blue-dark-300_auqtc","fill-blue-dark-400":"mg_horizontal_menu_fill-blue-dark-400_auqtc","fill-blue-dark-500":"mg_horizontal_menu_fill-blue-dark-500_auqtc","fill-blue-light-50":"mg_horizontal_menu_fill-blue-light-50_auqtc","fill-blue-light-100":"mg_horizontal_menu_fill-blue-light-100_auqtc","fill-blue-light-200":"mg_horizontal_menu_fill-blue-light-200_auqtc","fill-blue-light-300":"mg_horizontal_menu_fill-blue-light-300_auqtc","fill-blue-light-400":"mg_horizontal_menu_fill-blue-light-400_auqtc","fill-blue-light-500":"mg_horizontal_menu_fill-blue-light-500_auqtc","fill-green-50":"mg_horizontal_menu_fill-green-50_auqtc","fill-green-100":"mg_horizontal_menu_fill-green-100_auqtc","fill-green-200":"mg_horizontal_menu_fill-green-200_auqtc","fill-green-300":"mg_horizontal_menu_fill-green-300_auqtc","fill-green-400":"mg_horizontal_menu_fill-green-400_auqtc","fill-green-500":"mg_horizontal_menu_fill-green-500_auqtc","fill-green-600":"mg_horizontal_menu_fill-green-600_auqtc","fill-grey-50":"mg_horizontal_menu_fill-grey-50_auqtc","fill-grey-100":"mg_horizontal_menu_fill-grey-100_auqtc","fill-grey-200":"mg_horizontal_menu_fill-grey-200_auqtc","fill-grey-300":"mg_horizontal_menu_fill-grey-300_auqtc","fill-grey-400":"mg_horizontal_menu_fill-grey-400_auqtc","fill-grey-500":"mg_horizontal_menu_fill-grey-500_auqtc","fill-grey-600":"mg_horizontal_menu_fill-grey-600_auqtc","fill-grey-700":"mg_horizontal_menu_fill-grey-700_auqtc","fill-grey-800":"mg_horizontal_menu_fill-grey-800_auqtc","fill-grey-900":"mg_horizontal_menu_fill-grey-900_auqtc","fill-red-50":"mg_horizontal_menu_fill-red-50_auqtc","fill-red-100":"mg_horizontal_menu_fill-red-100_auqtc","fill-red-200":"mg_horizontal_menu_fill-red-200_auqtc","fill-red-300":"mg_horizontal_menu_fill-red-300_auqtc","fill-yellow-50":"mg_horizontal_menu_fill-yellow-50_auqtc","fill-yellow-100":"mg_horizontal_menu_fill-yellow-100_auqtc","fill-yellow-200":"mg_horizontal_menu_fill-yellow-200_auqtc","fill-yellow-300":"mg_horizontal_menu_fill-yellow-300_auqtc","bg-transparent":"mg_horizontal_menu_bg-transparent_auqtc","bg-inherit":"mg_horizontal_menu_bg-inherit_auqtc","bg-current":"mg_horizontal_menu_bg-current_auqtc","bg-blue-dark-50":"mg_horizontal_menu_bg-blue-dark-50_auqtc","bg-blue-dark-100":"mg_horizontal_menu_bg-blue-dark-100_auqtc","bg-blue-dark-200":"mg_horizontal_menu_bg-blue-dark-200_auqtc","bg-blue-dark-300":"mg_horizontal_menu_bg-blue-dark-300_auqtc","bg-blue-dark-400":"mg_horizontal_menu_bg-blue-dark-400_auqtc","bg-blue-dark-500":"mg_horizontal_menu_bg-blue-dark-500_auqtc","bg-blue-light-50":"mg_horizontal_menu_bg-blue-light-50_auqtc","bg-blue-light-100":"mg_horizontal_menu_bg-blue-light-100_auqtc","bg-blue-light-200":"mg_horizontal_menu_bg-blue-light-200_auqtc","bg-blue-light-300":"mg_horizontal_menu_bg-blue-light-300_auqtc","bg-blue-light-400":"mg_horizontal_menu_bg-blue-light-400_auqtc","bg-blue-light-500":"mg_horizontal_menu_bg-blue-light-500_auqtc","bg-green-50":"mg_horizontal_menu_bg-green-50_auqtc","bg-green-100":"mg_horizontal_menu_bg-green-100_auqtc","bg-green-200":"mg_horizontal_menu_bg-green-200_auqtc","bg-green-300":"mg_horizontal_menu_bg-green-300_auqtc","bg-green-400":"mg_horizontal_menu_bg-green-400_auqtc","bg-green-500":"mg_horizontal_menu_bg-green-500_auqtc","bg-green-600":"mg_horizontal_menu_bg-green-600_auqtc","bg-grey-50":"mg_horizontal_menu_bg-grey-50_auqtc","bg-grey-100":"mg_horizontal_menu_bg-grey-100_auqtc","bg-grey-200":"mg_horizontal_menu_bg-grey-200_auqtc","bg-grey-300":"mg_horizontal_menu_bg-grey-300_auqtc","bg-grey-400":"mg_horizontal_menu_bg-grey-400_auqtc","bg-grey-500":"mg_horizontal_menu_bg-grey-500_auqtc","bg-grey-600":"mg_horizontal_menu_bg-grey-600_auqtc","bg-grey-700":"mg_horizontal_menu_bg-grey-700_auqtc","bg-grey-800":"mg_horizontal_menu_bg-grey-800_auqtc","bg-grey-900":"mg_horizontal_menu_bg-grey-900_auqtc","bg-red-50":"mg_horizontal_menu_bg-red-50_auqtc","bg-red-100":"mg_horizontal_menu_bg-red-100_auqtc","bg-red-200":"mg_horizontal_menu_bg-red-200_auqtc","bg-red-300":"mg_horizontal_menu_bg-red-300_auqtc","bg-yellow-50":"mg_horizontal_menu_bg-yellow-50_auqtc","bg-yellow-100":"mg_horizontal_menu_bg-yellow-100_auqtc","bg-yellow-200":"mg_horizontal_menu_bg-yellow-200_auqtc","bg-yellow-300":"mg_horizontal_menu_bg-yellow-300_auqtc","color-transparent":"mg_horizontal_menu_color-transparent_auqtc","color-inherit":"mg_horizontal_menu_color-inherit_auqtc","color-current":"mg_horizontal_menu_color-current_auqtc","color-blue-dark-50":"mg_horizontal_menu_color-blue-dark-50_auqtc","color-blue-dark-100":"mg_horizontal_menu_color-blue-dark-100_auqtc","color-blue-dark-200":"mg_horizontal_menu_color-blue-dark-200_auqtc","color-blue-dark-300":"mg_horizontal_menu_color-blue-dark-300_auqtc","color-blue-dark-400":"mg_horizontal_menu_color-blue-dark-400_auqtc","color-blue-dark-500":"mg_horizontal_menu_color-blue-dark-500_auqtc","color-blue-light-50":"mg_horizontal_menu_color-blue-light-50_auqtc","color-blue-light-100":"mg_horizontal_menu_color-blue-light-100_auqtc","color-blue-light-200":"mg_horizontal_menu_color-blue-light-200_auqtc","color-blue-light-300":"mg_horizontal_menu_color-blue-light-300_auqtc","color-blue-light-400":"mg_horizontal_menu_color-blue-light-400_auqtc","color-blue-light-500":"mg_horizontal_menu_color-blue-light-500_auqtc","color-green-50":"mg_horizontal_menu_color-green-50_auqtc","color-green-100":"mg_horizontal_menu_color-green-100_auqtc","color-green-200":"mg_horizontal_menu_color-green-200_auqtc","color-green-300":"mg_horizontal_menu_color-green-300_auqtc","color-green-400":"mg_horizontal_menu_color-green-400_auqtc","color-green-500":"mg_horizontal_menu_color-green-500_auqtc","color-green-600":"mg_horizontal_menu_color-green-600_auqtc","color-grey-50":"mg_horizontal_menu_color-grey-50_auqtc","color-grey-100":"mg_horizontal_menu_color-grey-100_auqtc","color-grey-200":"mg_horizontal_menu_color-grey-200_auqtc","color-grey-300":"mg_horizontal_menu_color-grey-300_auqtc","color-grey-400":"mg_horizontal_menu_color-grey-400_auqtc","color-grey-500":"mg_horizontal_menu_color-grey-500_auqtc","color-grey-600":"mg_horizontal_menu_color-grey-600_auqtc","color-grey-700":"mg_horizontal_menu_color-grey-700_auqtc","color-grey-800":"mg_horizontal_menu_color-grey-800_auqtc","color-grey-900":"mg_horizontal_menu_color-grey-900_auqtc","color-red-50":"mg_horizontal_menu_color-red-50_auqtc","color-red-100":"mg_horizontal_menu_color-red-100_auqtc","color-red-200":"mg_horizontal_menu_color-red-200_auqtc","color-red-300":"mg_horizontal_menu_color-red-300_auqtc","color-yellow-50":"mg_horizontal_menu_color-yellow-50_auqtc","color-yellow-100":"mg_horizontal_menu_color-yellow-100_auqtc","color-yellow-200":"mg_horizontal_menu_color-yellow-200_auqtc","color-yellow-300":"mg_horizontal_menu_color-yellow-300_auqtc","magneto-ui-horizontal-menu":"mg_horizontal_menu_magneto-ui-horizontal-menu_auqtc","magneto-ui-horizontal-menu__back":"mg_horizontal_menu_magneto-ui-horizontal-menu_back_auqtc","magneto-ui-horizontal-menu__nav":"mg_horizontal_menu_magneto-ui-horizontal-menu_nav_auqtc","magneto-ui-horizontal-menu__list":"mg_horizontal_menu_magneto-ui-horizontal-menu_list_auqtc","magneto-ui-horizontal-menu__button":"mg_horizontal_menu_magneto-ui-horizontal-menu_button_auqtc","magneto-ui-horizontal-menu__button--active":"mg_horizontal_menu_magneto-ui-horizontal-menu_button--active_auqtc"};
 
-var cx$W = classNames.bind(styles$1O);
-var Component$1R = function (_a) {
+var cx$W = classNames.bind(styles$1R);
+var Component$1U = function (_a) {
     var className = _a.className, options = _a.options, onChange = _a.onChange;
     var _b = React.useState(0), selectedItem = _b[0], setSelectedItem = _b[1];
     var handleOnSelect = React.useCallback(function (key) {
@@ -4347,9 +4351,9 @@ var Component$1R = function (_a) {
 /**
  * UI Molecule Component for Horizontal Menu
  */
-var HorizontalMenu = Component$1R;
+var HorizontalMenu = Component$1U;
 
-var styles$1N = {"magneto-ui-input":"mg_input_magneto-ui-input_tifvx","magneto-ui-input--container":"mg_input_magneto-ui-input--container_tifvx","magneto-ui-input--container__input":"mg_input_magneto-ui-input--container_input_tifvx","magneto-ui-input--container__label":"mg_input_magneto-ui-input--container_label_tifvx","magneto-ui-input--container__icon":"mg_input_magneto-ui-input--container_icon_tifvx","magneto-ui-input--container__icon-action":"mg_input_magneto-ui-input--container_icon-action_tifvx","magneto-ui-input--container__error":"mg_input_magneto-ui-input--container_error_tifvx","magneto-ui-input__footer":"mg_input_magneto-ui-input_footer_tifvx","footer-without-error":"mg_input_footer-without-error_tifvx"};
+var styles$1Q = {"magneto-ui-input":"mg_input_magneto-ui-input_tifvx","magneto-ui-input--container":"mg_input_magneto-ui-input--container_tifvx","magneto-ui-input--container__input":"mg_input_magneto-ui-input--container_input_tifvx","magneto-ui-input--container__label":"mg_input_magneto-ui-input--container_label_tifvx","magneto-ui-input--container__icon":"mg_input_magneto-ui-input--container_icon_tifvx","magneto-ui-input--container__icon-action":"mg_input_magneto-ui-input--container_icon-action_tifvx","magneto-ui-input--container__error":"mg_input_magneto-ui-input--container_error_tifvx","magneto-ui-input__footer":"mg_input_magneto-ui-input_footer_tifvx","footer-without-error":"mg_input_footer-without-error_tifvx"};
 
 var Input = function (_a) {
     var _b = _a.value, value = _b === void 0 ? '' : _b, onChange = _a.onChange, _c = _a.name, name = _c === void 0 ? '' : _c, type = _a.type, placeholder = _a.placeholder, customIcon = _a.customIcon, _d = _a.hideIcon, hideIcon = _d === void 0 ? false : _d, error = _a.error, _e = _a.disabled, disabled = _e === void 0 ? false : _e, _f = _a.autoFocus, autoFocus = _f === void 0 ? false : _f, _g = _a.hasCounter, hasCounter = _g === void 0 ? false : _g, _h = _a.maxCounterValue, maxCounterValue = _h === void 0 ? 0 : _h, actionIcon = _a.actionIcon, _j = _a.actionInputIcon, actionInputIcon = _j === void 0 ? function () { return null; } : _j, props = __rest(_a, ["value", "onChange", "name", "type", "placeholder", "customIcon", "hideIcon", "error", "disabled", "autoFocus", "hasCounter", "maxCounterValue", "actionIcon", "actionInputIcon"]);
@@ -4384,26 +4388,26 @@ var Input = function (_a) {
         setInputValue(e.target.value);
     }, [onChange]);
     return (React__default["default"].createElement("div", { style: { height: 'auto', width: '100%' } },
-        React__default["default"].createElement("div", { className: styles$1N["".concat(classMUI, "-input")] },
+        React__default["default"].createElement("div", { className: styles$1Q["".concat(classMUI, "-input")] },
             React__default["default"].createElement("div", null,
-                React__default["default"].createElement("div", { className: styles$1N["".concat(classMUI, "-input--container")] },
+                React__default["default"].createElement("div", { className: styles$1Q["".concat(classMUI, "-input--container")] },
                     React__default["default"].createElement("label", { htmlFor: name, style: {
                             left: hideIcon ? '10px' : '40px',
                             top: haveValueOrFocus ? '30%' : '45%',
                             fontSize: haveValueOrFocus ? '12px' : '14px'
-                        }, className: styles$1N["".concat(classMUI, "-input--container__label")] }, placeholder),
+                        }, className: styles$1Q["".concat(classMUI, "-input--container__label")] }, placeholder),
                     React__default["default"].createElement("input", __assign({}, props, { style: {
                             padding: hideIcon ? '0px 10px' : '0px 40px'
-                        }, disabled: disabled, className: styles$1N["".concat(classMUI, "-input--container__input")], type: type, name: name, value: value, onChange: handleChange, onFocus: function () { return setOnFocus(true); }, onBlur: function () { return setOnFocus(false); }, id: name, autoComplete: "off" })),
-                    hideIcon ? null : (React__default["default"].createElement("img", { className: styles$1N["".concat(classMUI, "-input--container__icon")], src: customIcon ? customIcon : dinamyIcon[type] || DocumentTextGray })),
-                    actionIcon ? (React__default["default"].createElement("button", { type: "button", onClick: actionInputIcon, className: styles$1N["".concat(classMUI, "-input--container__icon-action")] },
+                        }, disabled: disabled, className: styles$1Q["".concat(classMUI, "-input--container__input")], type: type, name: name, value: value, onChange: handleChange, onFocus: function () { return setOnFocus(true); }, onBlur: function () { return setOnFocus(false); }, id: name, autoComplete: "off" })),
+                    hideIcon ? null : (React__default["default"].createElement("img", { className: styles$1Q["".concat(classMUI, "-input--container__icon")], src: customIcon ? customIcon : dinamyIcon[type] || DocumentTextGray })),
+                    actionIcon ? (React__default["default"].createElement("button", { type: "button", onClick: actionInputIcon, className: styles$1Q["".concat(classMUI, "-input--container__icon-action")] },
                         React__default["default"].createElement("img", { "data-name": "icon", src: actionIcon }))) : null))),
-        React__default["default"].createElement("div", { className: "".concat(styles$1N["".concat(classMUI, "-input__footer")], " ").concat(!error && hasCounter ? styles$1N['footer-without-error'] : '') },
-            error && (React__default["default"].createElement("span", { style: { width: hasCounter ? '80%' : '100%' }, className: styles$1N["".concat(classMUI, "-input--container__error")] }, error)),
+        React__default["default"].createElement("div", { className: "".concat(styles$1Q["".concat(classMUI, "-input__footer")], " ").concat(!error && hasCounter ? styles$1Q['footer-without-error'] : '') },
+            error && (React__default["default"].createElement("span", { style: { width: hasCounter ? '80%' : '100%' }, className: styles$1Q["".concat(classMUI, "-input--container__error")] }, error)),
             hasCounter && React__default["default"].createElement(ComparativeCounter, { current: inputValue.length, max: maxCounterValue }))));
 };
 
-var styles$1M = {"magneto-ui-input-plus":"mg_input_plus_magneto-ui-input-plus_1diki","magneto-ui-input-plus__plus-button":"mg_input_plus_magneto-ui-input-plus_plus-button_1diki","disabled":"mg_input_plus_disabled_1diki","disabled-img":"mg_input_plus_disabled-img_1diki"};
+var styles$1P = {"magneto-ui-input-plus":"mg_input_plus_magneto-ui-input-plus_1diki","magneto-ui-input-plus__plus-button":"mg_input_plus_magneto-ui-input-plus_plus-button_1diki","disabled":"mg_input_plus_disabled_1diki","disabled-img":"mg_input_plus_disabled-img_1diki"};
 
 var InputPlus = function (_a) {
     var onChange = _a.onChange, placeholder = _a.placeholder, _b = _a.maxWords, maxWords = _b === void 0 ? 4 : _b, disabled = _a.disabled, isLoading = _a.isLoading, _c = _a.className, className = _c === void 0 ? '' : _c, getValue = _a.getValue, maxLength = _a.maxLength;
@@ -4447,26 +4451,26 @@ var InputPlus = function (_a) {
             }
         }
     }, [disabledBtn, handleSubmit]);
-    return (React__default["default"].createElement("div", { className: "".concat(styles$1M["".concat(classMUI, "-input-plus")], " ").concat(className) },
+    return (React__default["default"].createElement("div", { className: "".concat(styles$1P["".concat(classMUI, "-input-plus")], " ").concat(className) },
         React__default["default"].createElement("input", { onKeyDown: handleKeyDown, placeholder: placeholder, value: inputValue, onChange: handleValue, type: "text", maxLength: maxLength }),
-        React__default["default"].createElement("button", { type: "button", onClick: handleSubmit, className: "".concat(styles$1M["".concat(classMUI, "-input-plus__plus-button")], " ").concat(disabledBtn ? styles$1M.disabled : ''), disabled: disabledBtn }, isLoading ? (React__default["default"].createElement(FlatLoader, { color: "white", secondColor: "transparent" })) : (React__default["default"].createElement("img", { className: "".concat(disabledBtn ? styles$1M['disabled-img'] : ''), src: Add2, alt: "icon" })))));
+        React__default["default"].createElement("button", { type: "button", onClick: handleSubmit, className: "".concat(styles$1P["".concat(classMUI, "-input-plus__plus-button")], " ").concat(disabledBtn ? styles$1P.disabled : ''), disabled: disabledBtn }, isLoading ? (React__default["default"].createElement(FlatLoader, { color: "white", secondColor: "transparent" })) : (React__default["default"].createElement("img", { className: "".concat(disabledBtn ? styles$1P['disabled-img'] : ''), src: Add2, alt: "icon" })))));
 };
 
-var styles$1L = {"magneto-ui-job-actions":"mg_job_actions_magneto-ui-job-actions_1awr3","magneto-ui-job-actions__button-wrapper":"mg_job_actions_magneto-ui-job-actions_button-wrapper_1awr3","magneto-ui-job-actions__buttons-wrapper":"mg_job_actions_magneto-ui-job-actions_buttons-wrapper_1awr3","magneto-ui-job-actions__icon-wrapper":"mg_job_actions_magneto-ui-job-actions_icon-wrapper_1awr3","magneto-ui-job-actions__icon-anchor":"mg_job_actions_magneto-ui-job-actions_icon-anchor_1awr3","magneto-ui__external-child":"mg_job_actions_magneto-ui_external-child_1awr3"};
+var styles$1O = {"magneto-ui-job-actions":"mg_job_actions_magneto-ui-job-actions_1awr3","magneto-ui-job-actions__button-wrapper":"mg_job_actions_magneto-ui-job-actions_button-wrapper_1awr3","magneto-ui-job-actions__buttons-wrapper":"mg_job_actions_magneto-ui-job-actions_buttons-wrapper_1awr3","magneto-ui-job-actions__icon-wrapper":"mg_job_actions_magneto-ui-job-actions_icon-wrapper_1awr3","magneto-ui-job-actions__icon-anchor":"mg_job_actions_magneto-ui-job-actions_icon-anchor_1awr3","magneto-ui__external-child":"mg_job_actions_magneto-ui_external-child_1awr3"};
 
 var style$N = {"popover":"mg_share_popover_popover_3xlr8","popover--hidden":"mg_share_popover_popover--hidden_3xlr8","popover__btn":"mg_share_popover_popover_btn_3xlr8","content":"mg_share_popover_content_3xlr8","content__link":"mg_share_popover_content_link_3xlr8","content__share":"mg_share_popover_content_share_3xlr8"};
 
-var styles$1K = {"tooltip-container":"mg_tooltip_tooltip-container_6uf1v","tooltip":"mg_tooltip_tooltip_6uf1v","tooltip-text":"mg_tooltip_tooltip-text_6uf1v","tooltip-top":"mg_tooltip_tooltip-top_6uf1v","tooltip-bottom":"mg_tooltip_tooltip-bottom_6uf1v","tooltip-left":"mg_tooltip_tooltip-left_6uf1v","tooltip-right":"mg_tooltip_tooltip-right_6uf1v"};
+var styles$1N = {"tooltip-container":"mg_tooltip_tooltip-container_6uf1v","tooltip":"mg_tooltip_tooltip_6uf1v","tooltip-text":"mg_tooltip_tooltip-text_6uf1v","tooltip-top":"mg_tooltip_tooltip-top_6uf1v","tooltip-bottom":"mg_tooltip_tooltip-bottom_6uf1v","tooltip-left":"mg_tooltip_tooltip-left_6uf1v","tooltip-right":"mg_tooltip_tooltip-right_6uf1v"};
 
 var Tooltip = function (_a) {
     var title = _a.title, _b = _a.position, position = _b === void 0 ? 'top' : _b, children = _a.children, _c = _a.width, width = _c === void 0 ? '10rem' : _c, _d = _a.visible, visible = _d === void 0 ? true : _d;
-    return (React__default["default"].createElement("div", { className: "".concat(styles$1K['tooltip-container'], " ").concat(styles$1K["tooltip-".concat(position)]) },
-        React__default["default"].createElement("div", { className: "".concat(styles$1K['tooltip'], " ").concat(styles$1K["tooltip-".concat(position)]) },
+    return (React__default["default"].createElement("div", { className: "".concat(styles$1N['tooltip-container'], " ").concat(styles$1N["tooltip-".concat(position)]) },
+        React__default["default"].createElement("div", { className: "".concat(styles$1N['tooltip'], " ").concat(styles$1N["tooltip-".concat(position)]) },
             children,
-            visible && (React__default["default"].createElement("span", { className: "".concat(styles$1K['tooltip-text'], " ").concat(styles$1K["tooltip-text-".concat(position)]), style: { width: width } }, title)))));
+            visible && (React__default["default"].createElement("span", { className: "".concat(styles$1N['tooltip-text'], " ").concat(styles$1N["tooltip-text-".concat(position)]), style: { width: width } }, title)))));
 };
 
-var Component$1Q = function (_a) {
+var Component$1T = function (_a) {
     var _b = _a.shareLinks, shareLinks = _b === void 0 ? [] : _b, _c = _a.btnProps, btnProps = _c === void 0 ? {} : _c, _d = _a.classNameContent, classNameContent = _d === void 0 ? '' : _d, _e = _a.classNameButton, classNameButton = _e === void 0 ? '' : _e, rest = __rest(_a, ["shareLinks", "btnProps", "classNameContent", "classNameButton"]);
     var _f = React.useState(false), show = _f[0], setShow = _f[1];
     return (React__default["default"].createElement(Popover, { className: [style$N['popover'], !show ? style$N['popover--hidden'] : ''].join(' '), positionX: "right", positionY: "bottom", show: show, widthBase: 45, content: React__default["default"].createElement("ul", { className: [style$N['content'], classNameContent].join(' ') },
@@ -4485,10 +4489,10 @@ var Component$1Q = function (_a) {
             React__default["default"].createElement("button", __assign({}, btnProps, { title: "", "aria-label": btnProps.title, className: [style$N['popover__btn'], classNameButton].join(' '), onClick: function () { return setShow(function (show) { return !show; }); }, onBlur: function () { return setShow(false); } }),
                 React__default["default"].createElement(IconItem, { size: 20, icon: Share })))));
 };
-Component$1Q.displayName = 'SharePopover';
-var SharePopover = Component$1Q;
+Component$1T.displayName = 'SharePopover';
+var SharePopover = Component$1T;
 
-var Component$1P = function (_a) {
+var Component$1S = function (_a) {
     var actionsAnchorIcons = _a.actionsAnchorIcons, actionsAnchorLinks = _a.actionsAnchorLinks, actionsAnchorTitle = _a.actionsAnchorTitle, externalButtonChild = _a.externalButtonChild, saveButtonProps = _a.saveButtonProps, shareButtonProps = _a.shareButtonProps, isApplied = _a.isApplied;
     var actionsLinkList = actionsAnchorIcons === null || actionsAnchorIcons === void 0 ? void 0 : actionsAnchorIcons.map(function (_, index) { return ({
         icon: actionsAnchorIcons === null || actionsAnchorIcons === void 0 ? void 0 : actionsAnchorIcons[index],
@@ -4498,35 +4502,35 @@ var Component$1P = function (_a) {
     var isMobile = useMediaQuery(true, { md: false });
     var ActionLink = function (_a) {
         var url = _a.url, title = _a.title, icon = _a.icon;
-        var iconContent = (React__default["default"].createElement("a", { className: styles$1L['magneto-ui-job-actions__icon-anchor'], href: url, target: "_blank", rel: "noreferrer" },
+        var iconContent = (React__default["default"].createElement("a", { className: styles$1O['magneto-ui-job-actions__icon-anchor'], href: url, target: "_blank", rel: "noreferrer" },
             React__default["default"].createElement(IconItem, { hover: true, size: 20, icon: icon })));
         return (React__default["default"].createElement(Tooltip, { title: title, position: "bottom", visible: isMobile }, iconContent));
     };
     var filteredActionsLinkList = actionsLinkList === null || actionsLinkList === void 0 ? void 0 : actionsLinkList.filter(function (item) { return item.url !== null && item.url !== undefined; });
-    return (React__default["default"].createElement("div", { className: styles$1L['magneto-ui-job-actions'] },
-        !isApplied && React__default["default"].createElement("div", { id: styles$1L['magneto-ui__external-child'] }, externalButtonChild),
-        React__default["default"].createElement("div", { className: styles$1L['magneto-ui-job-actions__buttons-wrapper'] },
+    return (React__default["default"].createElement("div", { className: styles$1O['magneto-ui-job-actions'] },
+        !isApplied && React__default["default"].createElement("div", { id: styles$1O['magneto-ui__external-child'] }, externalButtonChild),
+        React__default["default"].createElement("div", { className: styles$1O['magneto-ui-job-actions__buttons-wrapper'] },
             !isApplied && (React__default["default"].createElement(Tooltip, { title: saveButtonProps.buttonTitle || 'Guardar', position: "bottom", visible: isMobile },
                 React__default["default"].createElement(SaveButton, __assign({}, saveButtonProps)))),
             React__default["default"].createElement(SharePopover, __assign({}, shareButtonProps)), filteredActionsLinkList === null || filteredActionsLinkList === void 0 ? void 0 :
             filteredActionsLinkList.map(function (_a) {
                 var url = _a.url, title = _a.title, icon = _a.icon;
-                return (React__default["default"].createElement("div", { className: styles$1L['magneto-ui-job-actions__icon-wrapper'], key: "".concat(url, "-JobActions") },
+                return (React__default["default"].createElement("div", { className: styles$1O['magneto-ui-job-actions__icon-wrapper'], key: "".concat(url, "-JobActions") },
                     React__default["default"].createElement(ActionLink, { url: url, title: title, icon: icon })));
             }))));
 };
 /**
  * UI Molecule Component for Jobs Actions
  */
-var JobActions = Component$1P;
+var JobActions = Component$1S;
 
-var styles$1J = {"magneto-ui-job-apply-card":"mg_job_apply_card_magneto-ui-job-apply-card_16e1d","magneto-ui-job-apply-card__wrapper":"mg_job_apply_card_magneto-ui-job-apply-card_wrapper_16e1d","magneto-ui-job-apply-card__header":"mg_job_apply_card_magneto-ui-job-apply-card_header_16e1d","magneto-ui-job-apply-card__requirements":"mg_job_apply_card_magneto-ui-job-apply-card_requirements_16e1d","magneto-ui__external-child":"mg_job_apply_card_magneto-ui_external-child_16e1d"};
+var styles$1M = {"magneto-ui-job-apply-card":"mg_job_apply_card_magneto-ui-job-apply-card_16e1d","magneto-ui-job-apply-card__wrapper":"mg_job_apply_card_magneto-ui-job-apply-card_wrapper_16e1d","magneto-ui-job-apply-card__header":"mg_job_apply_card_magneto-ui-job-apply-card_header_16e1d","magneto-ui-job-apply-card__requirements":"mg_job_apply_card_magneto-ui-job-apply-card_requirements_16e1d","magneto-ui__external-child":"mg_job_apply_card_magneto-ui_external-child_16e1d"};
 
-var Component$1O = function (_a) {
+var Component$1R = function (_a) {
     var offerApplyHeader = _a.offerApplyHeader, offerApplyElements = _a.offerApplyElements, externalChild = _a.externalChild, isApplied = _a.isApplied;
-    return (React__default["default"].createElement("div", { className: styles$1J['magneto-ui-job-apply-card'] },
-        React__default["default"].createElement("div", { className: styles$1J['magneto-ui-job-apply-card__wrapper'] },
-            React__default["default"].createElement("div", { className: styles$1J['magneto-ui-job-apply-card__header'] },
+    return (React__default["default"].createElement("div", { className: styles$1M['magneto-ui-job-apply-card'] },
+        React__default["default"].createElement("div", { className: styles$1M['magneto-ui-job-apply-card__wrapper'] },
+            React__default["default"].createElement("div", { className: styles$1M['magneto-ui-job-apply-card__header'] },
                 React__default["default"].createElement("p", null, offerApplyHeader),
                 (offerApplyElements === null || offerApplyElements === void 0 ? void 0 : offerApplyElements.length) &&
                     offerApplyElements
@@ -4536,20 +4540,20 @@ var Component$1O = function (_a) {
                     })
                         .map(function (_a) {
                         var offerApplyLabel = _a.offerApplyLabel, offerApplyInfo = _a.offerApplyInfo;
-                        return (React__default["default"].createElement("div", { className: styles$1J['magneto-ui-job-apply-card__requirements'], key: "".concat(offerApplyLabel, "-JobApplyCard") },
+                        return (React__default["default"].createElement("div", { className: styles$1M['magneto-ui-job-apply-card__requirements'], key: "".concat(offerApplyLabel, "-JobApplyCard") },
                             React__default["default"].createElement("p", null, offerApplyLabel),
                             React__default["default"].createElement("p", null, offerApplyInfo)));
                     })),
-            !isApplied && React__default["default"].createElement("div", { id: styles$1J['magneto-ui__external-child'] }, externalChild))));
+            !isApplied && React__default["default"].createElement("div", { id: styles$1M['magneto-ui__external-child'] }, externalChild))));
 };
 /**
  * UI Molecule Component for Job Apply Card
  */
-var JobApplyCard = Component$1O;
+var JobApplyCard = Component$1R;
 
-var styles$1I = {"option":"mg_vacant_option_mobile_option_10cgk","option--link":"mg_vacant_option_mobile_option--link_10cgk","option--button":"mg_vacant_option_mobile_option--button_10cgk","icon--big":"mg_vacant_option_mobile_icon--big_10cgk"};
+var styles$1L = {"option":"mg_vacant_option_mobile_option_10cgk","option--link":"mg_vacant_option_mobile_option--link_10cgk","option--button":"mg_vacant_option_mobile_option--button_10cgk","icon--big":"mg_vacant_option_mobile_icon--big_10cgk"};
 
-var cx$V = classNames.bind(styles$1I);
+var cx$V = classNames.bind(styles$1L);
 var VacantOptionMobile = function (_a) {
     var option = _a.option, onClick = _a.onClick, onMenu = _a.onMenu;
     var handleClick = function () {
@@ -4580,9 +4584,9 @@ var VacantOptionMobile = function (_a) {
     return React__default["default"].createElement(React__default["default"].Fragment, null);
 };
 
-var styles$1H = {"button":"mg_job_card_option_drawer_button_1b6xo","button-back":"mg_job_card_option_drawer_button-back_1b6xo","drawer":"mg_job_card_option_drawer_drawer_1b6xo","drawer__title":"mg_job_card_option_drawer_drawer_title_1b6xo","drawer__company":"mg_job_card_option_drawer_drawer_company_1b6xo","drawer__header":"mg_job_card_option_drawer_drawer_header_1b6xo"};
+var styles$1K = {"button":"mg_job_card_option_drawer_button_1b6xo","button-back":"mg_job_card_option_drawer_button-back_1b6xo","drawer":"mg_job_card_option_drawer_drawer_1b6xo","drawer__title":"mg_job_card_option_drawer_drawer_title_1b6xo","drawer__company":"mg_job_card_option_drawer_drawer_company_1b6xo","drawer__header":"mg_job_card_option_drawer_drawer_header_1b6xo"};
 
-var cx$U = classNames.bind(styles$1H);
+var cx$U = classNames.bind(styles$1K);
 var JobCardOptionDrawer = function (_a) {
     var title = _a.title, company = _a.company, menu = _a.menu, backText = _a.backText;
     var _b = React.useState(false), isOpen = _b[0], setOpen = _b[1];
@@ -4624,9 +4628,9 @@ var JobCardOptionDrawer = function (_a) {
                 } })); })))));
 };
 
-var styles$1G = {"option":"mg_vacant_option_option_14jrn","option--link":"mg_vacant_option_option--link_14jrn","option--menu":"mg_vacant_option_option--menu_14jrn","option--menu-open":"mg_vacant_option_option--menu-open_14jrn","option__menu-list":"mg_vacant_option_option_menu-list_14jrn","option--button":"mg_vacant_option_option--button_14jrn","icon--big":"mg_vacant_option_icon--big_14jrn"};
+var styles$1J = {"option":"mg_vacant_option_option_14jrn","option--link":"mg_vacant_option_option--link_14jrn","option--menu":"mg_vacant_option_option--menu_14jrn","option--menu-open":"mg_vacant_option_option--menu-open_14jrn","option__menu-list":"mg_vacant_option_option_menu-list_14jrn","option--button":"mg_vacant_option_option--button_14jrn","icon--big":"mg_vacant_option_icon--big_14jrn"};
 
-var cx$T = classNames.bind(styles$1G);
+var cx$T = classNames.bind(styles$1J);
 var VacantOption = function (_a) {
     var option = _a.option, onClick = _a.onClick;
     var _b = React.useState(false), open = _b[0], setOpen = _b[1];
@@ -4658,9 +4662,9 @@ var VacantOption = function (_a) {
     return React__default["default"].createElement(React__default["default"].Fragment, null);
 };
 
-var styles$1F = {"popover--open":"mg_job_card_option_popover--open_12kph","popover":"mg_job_card_option_popover_12kph","button":"mg_job_card_option_button_12kph"};
+var styles$1I = {"popover--open":"mg_job_card_option_popover--open_12kph","popover":"mg_job_card_option_popover_12kph","button":"mg_job_card_option_button_12kph"};
 
-var cx$S = classNames.bind(styles$1F);
+var cx$S = classNames.bind(styles$1I);
 var JobCardOption = function (_a) {
     var _b = _a.clickOut, clickOut = _b === void 0 ? false : _b, _c = _a.setClickOut, setClickOut = _c === void 0 ? stubUndefined : _c, menu = _a.menu;
     var ref = React.useRef(null);
@@ -4802,31 +4806,31 @@ var JobCardMobile = function (_a) {
                     React__default["default"].createElement("p", null, educationLevel))))));
 };
 
-var styles$1E = {"magneto-ui-job-company-header":"mg_job_company_header_magneto-ui-job-company-header_5apvk","magneto-ui-job-company-header__data-actions":"mg_job_company_header_magneto-ui-job-company-header_data-actions_5apvk"};
+var styles$1H = {"magneto-ui-job-company-header":"mg_job_company_header_magneto-ui-job-company-header_5apvk","magneto-ui-job-company-header__data-actions":"mg_job_company_header_magneto-ui-job-company-header_data-actions_5apvk"};
 
-var Component$1N = function (_a) {
+var Component$1Q = function (_a) {
     var jobCompanyLogoProps = _a.jobCompanyLogoProps, jobHeaderProps = _a.jobHeaderProps, jobActionsProps = _a.jobActionsProps, isApplied = _a.isApplied;
-    return (React__default["default"].createElement("div", { className: styles$1E['magneto-ui-job-company-header'] },
+    return (React__default["default"].createElement("div", { className: styles$1H['magneto-ui-job-company-header'] },
         React__default["default"].createElement(JobCompanyLogo, __assign({}, jobCompanyLogoProps)),
-        React__default["default"].createElement("div", { className: styles$1E['magneto-ui-job-company-header__data-actions'] },
+        React__default["default"].createElement("div", { className: styles$1H['magneto-ui-job-company-header__data-actions'] },
             React__default["default"].createElement(JobHeader, __assign({}, jobHeaderProps)),
             isApplied && jobActionsProps && (React__default["default"].createElement(JobActions, __assign({ isApplied: isApplied, actionsAnchorIcons: anchorIconList }, jobActionsProps))))));
 };
 /**
  * UI Molecule component for Company Job Header
  */
-var JobCompanyHeader = Component$1N;
+var JobCompanyHeader = Component$1Q;
 
-var styles$1D = {"magneto-ui-job-detail-card":"mg_job_detail_card_magneto-ui-job-detail-card_htydq"};
+var styles$1G = {"magneto-ui-job-detail-card":"mg_job_detail_card_magneto-ui-job-detail-card_htydq"};
 
-var Component$1M = function (_a) {
+var Component$1P = function (_a) {
     var offerDescription = _a.offerDescription;
-    return (React__default["default"].createElement("div", { className: styles$1D['magneto-ui-job-detail-card'] }, offerDescription !== null ? React__default["default"].createElement("div", { dangerouslySetInnerHTML: { __html: offerDescription } }) : React__default["default"].createElement(React.Fragment, null)));
+    return (React__default["default"].createElement("div", { className: styles$1G['magneto-ui-job-detail-card'] }, offerDescription !== null ? React__default["default"].createElement("div", { dangerouslySetInnerHTML: { __html: offerDescription } }) : React__default["default"].createElement(React.Fragment, null)));
 };
 /**
  * UI Molecule Component for Job Detail Card Header
  */
-var JobDetailCard = Component$1M;
+var JobDetailCard = Component$1P;
 
 var style$K = {"magneto-ui-job-detail-container":"mg_job_detail_container_magneto-ui-job-detail-container_2904j","magneto-ui-job-detail-container--btn":"mg_job_detail_container_magneto-ui-job-detail-container--btn_2904j","is-open":"mg_job_detail_container_is-open_2904j"};
 
@@ -4841,9 +4845,9 @@ var JobDetailContainer = function (_a) {
         children));
 };
 
-var styles$1C = {"magneto-ui-job-details":"mg_job_details_magneto-ui-job-details_nkmig","magneto-ui-job-details__wrapper":"mg_job_details_magneto-ui-job-details_wrapper_nkmig","magneto-ui-job-details__item-detail":"mg_job_details_magneto-ui-job-details_item-detail_nkmig","magneto-ui-job-details__item-detail-icon":"mg_job_details_magneto-ui-job-details_item-detail-icon_nkmig","magneto-ui-job-details__item-detail-text":"mg_job_details_magneto-ui-job-details_item-detail-text_nkmig"};
+var styles$1F = {"magneto-ui-job-details":"mg_job_details_magneto-ui-job-details_nkmig","magneto-ui-job-details__wrapper":"mg_job_details_magneto-ui-job-details_wrapper_nkmig","magneto-ui-job-details__item-detail":"mg_job_details_magneto-ui-job-details_item-detail_nkmig","magneto-ui-job-details__item-detail-icon":"mg_job_details_magneto-ui-job-details_item-detail-icon_nkmig","magneto-ui-job-details__item-detail-text":"mg_job_details_magneto-ui-job-details_item-detail-text_nkmig"};
 
-var Component$1L = function (_a) {
+var Component$1O = function (_a) {
     var offerDetailsList = _a.offerDetailsList, iconList = _a.iconList, altList = _a.altList, cities = _a.cities, textRemote = _a.textRemote, isRemote = _a.isRemote;
     var jobDetailsList = offerDetailsList === null || offerDetailsList === void 0 ? void 0 : offerDetailsList.map(function (offerDetailText, index) { return ({
         icon: iconList && iconList[index],
@@ -4853,27 +4857,27 @@ var Component$1L = function (_a) {
         var offerDetailText = _a.offerDetailText;
         return !!offerDetailText && index !== 1;
     });
-    return (React__default["default"].createElement("div", { className: styles$1C['magneto-ui-job-details'] },
-        React__default["default"].createElement("div", { className: styles$1C['magneto-ui-job-details__wrapper'] },
+    return (React__default["default"].createElement("div", { className: styles$1F['magneto-ui-job-details'] },
+        React__default["default"].createElement("div", { className: styles$1F['magneto-ui-job-details__wrapper'] },
             (jobDetailsList === null || jobDetailsList === void 0 ? void 0 : jobDetailsList.length) &&
                 (jobDetailsList === null || jobDetailsList === void 0 ? void 0 : jobDetailsList.map(function (_a) {
                     var offerDetailText = _a.offerDetailText, icon = _a.icon, _b = _a.alt, alt = _b === void 0 ? '' : _b;
-                    return (React__default["default"].createElement("div", { key: "".concat(offerDetailText, "-JobDetails"), className: styles$1C['magneto-ui-job-details__item-detail'] },
-                        React__default["default"].createElement("div", { className: styles$1C['magneto-ui-job-details__item-detail-icon'] },
+                    return (React__default["default"].createElement("div", { key: "".concat(offerDetailText, "-JobDetails"), className: styles$1F['magneto-ui-job-details__item-detail'] },
+                        React__default["default"].createElement("div", { className: styles$1F['magneto-ui-job-details__item-detail-icon'] },
                             React__default["default"].createElement(IconItem, { alt: alt, icon: icon, hover: false, size: 16 })),
-                        React__default["default"].createElement("p", { className: styles$1C['magneto-ui-job-details__item-detail-text'] }, offerDetailText)));
+                        React__default["default"].createElement("p", { className: styles$1F['magneto-ui-job-details__item-detail-text'] }, offerDetailText)));
                 })),
             React__default["default"].createElement(CitiesDetailDrawer, { cities: cities, isRemote: isRemote, textRemote: textRemote }))));
 };
 /**
  * UI Molecule component for Job Detail
  */
-Component$1L.displayName = 'JobDetails';
-var JobDetails = Component$1L;
+Component$1O.displayName = 'JobDetails';
+var JobDetails = Component$1O;
 
-var styles$1B = {"magneto-ui-job-footer-card":"mg_job_footer_card_magneto-ui-job-footer-card_xmrf6","magneto-ui-job-footer-card__icons":"mg_job_footer_card_magneto-ui-job-footer-card_icons_xmrf6","magneto-ui-job-footer-card__wrapper":"mg_job_footer_card_magneto-ui-job-footer-card_wrapper_xmrf6","magneto-ui__share-button":"mg_job_footer_card_magneto-ui_share-button_xmrf6"};
+var styles$1E = {"magneto-ui-job-footer-card":"mg_job_footer_card_magneto-ui-job-footer-card_xmrf6","magneto-ui-job-footer-card__icons":"mg_job_footer_card_magneto-ui-job-footer-card_icons_xmrf6","magneto-ui-job-footer-card__wrapper":"mg_job_footer_card_magneto-ui-job-footer-card_wrapper_xmrf6","magneto-ui__share-button":"mg_job_footer_card_magneto-ui_share-button_xmrf6"};
 
-var Component$1K = function (_a) {
+var Component$1N = function (_a) {
     var offerFooterHeader = _a.offerFooterHeader, offerCompanyLogo = _a.offerCompanyLogo, offerFooterList = _a.offerFooterList, iconList = _a.iconList, shareButtonProps = _a.shareButtonProps, companyImgAlt = _a.companyImgAlt, companyName = _a.companyName;
     var jobFooterList = offerFooterList === null || offerFooterList === void 0 ? void 0 : offerFooterList.map(function (_a, index) {
         var href = _a.href, title = _a.title, ariaLabel = _a.ariaLabel;
@@ -4884,32 +4888,32 @@ var Component$1K = function (_a) {
             title: title
         });
     });
-    return (React__default["default"].createElement("div", { className: styles$1B['magneto-ui-job-footer-card'] },
+    return (React__default["default"].createElement("div", { className: styles$1E['magneto-ui-job-footer-card'] },
         React__default["default"].createElement("img", { src: offerCompanyLogo ? offerCompanyLogo : NoLogo, alt: companyImgAlt ? companyImgAlt : "".concat(altDynamicText.workAt, " ").concat(companyName), loading: "lazy", width: '100px', height: '100px' }),
-        React__default["default"].createElement("div", { className: styles$1B['magneto-ui-job-footer-card__icons'] },
+        React__default["default"].createElement("div", { className: styles$1E['magneto-ui-job-footer-card__icons'] },
             React__default["default"].createElement("p", null, offerFooterHeader),
-            React__default["default"].createElement("div", { className: styles$1B['magneto-ui-job-footer-card__wrapper'] },
+            React__default["default"].createElement("div", { className: styles$1E['magneto-ui-job-footer-card__wrapper'] },
                 (jobFooterList === null || jobFooterList === void 0 ? void 0 : jobFooterList.length) &&
                     (jobFooterList === null || jobFooterList === void 0 ? void 0 : jobFooterList.map(function (_a, i) {
                         var href = _a.href, ariaLabel = _a.ariaLabel, icon = _a.icon, title = _a.title;
                         return href !== null && (React__default["default"].createElement("a", { key: "".concat(href, "-jobFooterList") + i, title: title, href: href, target: "_blank", rel: "noreferrer", "aria-label": ariaLabel },
                             React__default["default"].createElement(IconItem, { hover: false, icon: icon || undefined })));
                     })),
-                React__default["default"].createElement("div", { className: styles$1B['magneto-ui__share-button'] },
+                React__default["default"].createElement("div", { className: styles$1E['magneto-ui__share-button'] },
                     React__default["default"].createElement(ShareButton, __assign({}, shareButtonProps)))))));
 };
 /**
  * UI Molecule component for Job Footer Card
  */
-var JobFooterCard = Component$1K;
+var JobFooterCard = Component$1N;
 
-var styles$1A = {"magneto-ui-job-skills-card":"mg_job_skills_card_magneto-ui-job-skills-card_o3vgw","magneto-ui-job-skills-card__skills-wrapper":"mg_job_skills_card_magneto-ui-job-skills-card_skills-wrapper_o3vgw"};
+var styles$1D = {"magneto-ui-job-skills-card":"mg_job_skills_card_magneto-ui-job-skills-card_o3vgw","magneto-ui-job-skills-card__skills-wrapper":"mg_job_skills_card_magneto-ui-job-skills-card_skills-wrapper_o3vgw"};
 
-var Component$1J = function (_a) {
+var Component$1M = function (_a) {
     var offerSkillsLabel = _a.offerSkillsLabel, offerSkills = _a.offerSkills;
-    return (React__default["default"].createElement(React.Fragment, null, offerSkills && offerSkills.length >= 1 && (React__default["default"].createElement("div", { className: styles$1A['magneto-ui-job-skills-card'] },
+    return (React__default["default"].createElement(React.Fragment, null, offerSkills && offerSkills.length >= 1 && (React__default["default"].createElement("div", { className: styles$1D['magneto-ui-job-skills-card'] },
         React__default["default"].createElement("p", null, offerSkillsLabel),
-        React__default["default"].createElement("div", { className: styles$1A['magneto-ui-job-skills-card__skills-wrapper'] }, offerSkills === null || offerSkills === void 0 ? void 0 : offerSkills.map(function (_a) {
+        React__default["default"].createElement("div", { className: styles$1D['magneto-ui-job-skills-card__skills-wrapper'] }, offerSkills === null || offerSkills === void 0 ? void 0 : offerSkills.map(function (_a) {
             var name = _a.name, score = _a.score, id = _a.id;
             return (React__default["default"].createElement(React__default["default"].Fragment, { key: "".concat(id, "-JobSkillsCard") },
                 React__default["default"].createElement(Skill, { id: id, name: name, score: score })));
@@ -4918,9 +4922,9 @@ var Component$1J = function (_a) {
 /**
  * UI Molecule component of Job Skills Card
  */
-var JobSkillsCard = Component$1J;
+var JobSkillsCard = Component$1M;
 
-var styles$1z = {"magneto-ui-job-video":"mg_job_video_magneto-ui-job-video_ntfx8","magneto-ui-play-button":"mg_job_video_magneto-ui-play-button_ntfx8","jobDetailsVideo":"mg_job_video_jobDetailsVideo_ntfx8"};
+var styles$1C = {"magneto-ui-job-video":"mg_job_video_magneto-ui-job-video_ntfx8","magneto-ui-play-button":"mg_job_video_magneto-ui-play-button_ntfx8","jobDetailsVideo":"mg_job_video_jobDetailsVideo_ntfx8"};
 
 var JobVideo = function (_a) {
     var imageProps = _a.imageProps, jobId = _a.jobId, videoClassName = _a.videoClassName, vjsOptions = _a.vjsOptions, VideoComponent = _a.VideoComponent, loadVideo = _a.loadVideo, setLoadVideo = _a.setLoadVideo;
@@ -4935,13 +4939,13 @@ var JobVideo = function (_a) {
             setLoadVideo && setLoadVideo(false);
         }
     }, [detailJobId, jobId, setLoadVideo]);
-    return loadVideo || uploadVideo ? (React__default["default"].createElement(VideoComponent, { vjsOptions: vjsOptions, key: "lazyVideo_".concat(jobId), className: styles$1z[videoClassName] })) : (React__default["default"].createElement("div", { className: styles$1z['magneto-ui-job-video'], onClick: handleLoadVideo },
+    return loadVideo || uploadVideo ? (React__default["default"].createElement(VideoComponent, { vjsOptions: vjsOptions, key: "lazyVideo_".concat(jobId), className: styles$1C[videoClassName] })) : (React__default["default"].createElement("div", { className: styles$1C['magneto-ui-job-video'], onClick: handleLoadVideo },
         React__default["default"].createElement(Image, __assign({}, imageProps))));
 };
 
 var style$J = {"magneto-ui-list-icon":"mg_list_icon_link_magneto-ui-list-icon_1b3zm"};
 
-var Component$1I = function (_a) {
+var Component$1L = function (_a) {
     var listIcon = _a.listIcon, size = _a.size, _b = _a.hover, hover = _b === void 0 ? true : _b, spacing = _a.spacing, _c = _a.className, className = _c === void 0 ? '' : _c;
     return (React__default["default"].createElement("div", { style: { gap: "".concat(spacing, "px") }, className: "".concat(style$J['magneto-ui-list-icon'], " ").concat(className) }, listIcon.map(function (_a, index) {
         var icon = _a.icon, url = _a.url, title = _a.title;
@@ -4949,11 +4953,11 @@ var Component$1I = function (_a) {
             React__default["default"].createElement(IconItem, { alt: title, hover: hover, size: size, icon: icon })));
     })));
 };
-var ListIconLink = Component$1I;
+var ListIconLink = Component$1L;
 
 var style$I = {"magneto-ui-menu-icon":"mg_menu_icon_magneto-ui-menu-icon_1fe5w","magneto-ui-menu-icon__menu-text":"mg_menu_icon_magneto-ui-menu-icon_menu-text_1fe5w","isActive":"mg_menu_icon_isActive_1fe5w"};
 
-var Component$1H = function (_a) {
+var Component$1K = function (_a) {
     var text = _a.text, icon = _a.icon, iconProps = _a.iconProps, _b = _a.iconSize, iconSize = _b === void 0 ? 20 : _b, url = _a.url, _c = _a.type, type = _c === void 0 ? 'link' : _c, onClick = _a.onClick, isActive = _a.isActive, _d = _a.className, className = _d === void 0 ? '' : _d, rel = _a.rel, target = _a.target;
     var menuActive = isActive ? style$I['isActive'] : '';
     return (React__default["default"].createElement(React__default["default"].Fragment, null, type === 'link' ? (React__default["default"].createElement("a", { href: url, className: "".concat(style$I['magneto-ui-menu-icon'], " ").concat(menuActive, " ").concat(className), title: text, rel: rel, target: target },
@@ -4962,7 +4966,7 @@ var Component$1H = function (_a) {
         icon && React__default["default"].createElement(IconItem, __assign({ size: iconSize, hover: false, icon: icon }, iconProps)),
         React__default["default"].createElement("p", { className: style$I['magneto-ui-menu-icon__menu-text'] }, text)))));
 };
-var MenuIcon = Component$1H;
+var MenuIcon = Component$1K;
 
 var style$H = {"mangeto-ui-list-menu-icons":"mg_list_menu_icons_mangeto-ui-list-menu-icons_u92cd"};
 
@@ -4972,7 +4976,7 @@ var getIcon = function (iconsObject, iconName) {
     return iconsObject[iconName];
 };
 
-var Component$1G = function (_a) {
+var Component$1J = function (_a) {
     var menuItems1440 = _a.menuItems1440, haveGif = _a.haveGif, urlParam = _a.urlParam, menuItems = _a.menuItems, logout = _a.logout;
     var logoutText = logout.logoutText, onClick = logout.onClick;
     var userMenu = useMediaQuery(menuItems1440 && !haveGif ? menuItems1440 : menuItems, { xl: menuItems });
@@ -4990,16 +4994,16 @@ var Component$1G = function (_a) {
         })),
         React__default["default"].createElement(MenuIcon, { type: "button", onClick: onClick, icon: LogoutIcon, text: logoutText })));
 };
-var ListMenuIcons = Component$1G;
+var ListMenuIcons = Component$1J;
 
-var Component$1F = function (_a) {
+var Component$1I = function (_a) {
     var _b = _a.menuList, menuList = _b === void 0 ? [] : _b, _c = _a.urlParam, urlParam = _c === void 0 ? '' : _c;
     return (React__default["default"].createElement("div", null, menuList.map(function (_a, index) {
         var text = _a.text, url = _a.url, slug = _a.slug;
         return (React__default["default"].createElement(MenuItem, { key: index, isActive: urlParam === slug ? true : false, url: url, text: text }));
     })));
 };
-var ListMenuItems = Component$1F;
+var ListMenuItems = Component$1I;
 
 var style$G = {"magneto-ui-list-menu":"mg_list_menu_text_magneto-ui-list-menu_1m4l3","magneto-ui-list-menu__title":"mg_list_menu_text_magneto-ui-list-menu_title_1m4l3","magneto-ui-list-menu__link":"mg_list_menu_text_magneto-ui-list-menu_link_1m4l3","magneto-ui-list-menu__create-account":"mg_list_menu_text_magneto-ui-list-menu_create-account_1m4l3","magneto-ui-list-menu__create-account--btn":"mg_list_menu_text_magneto-ui-list-menu_create-account--btn_1m4l3"};
 
@@ -5042,7 +5046,7 @@ var MagnetoResolution = function (_a) {
             React__default["default"].createElement("a", { className: "".concat(style$E["".concat(classMUI, "-magneto-resolution__text--link")]), href: resolutionHref }, resolutionHrefText))));
 };
 
-var styles$1y = {"magneto-ui-mega-menu-card":"mg_mega_menu_card_magneto-ui-mega-menu-card_34o92","magneto-ui-mega-menu-card__content":"mg_mega_menu_card_magneto-ui-mega-menu-card_content_34o92","magneto-ui-mega-menu-card__title":"mg_mega_menu_card_magneto-ui-mega-menu-card_title_34o92","magneto-ui-mega-menu-card__icon":"mg_mega_menu_card_magneto-ui-mega-menu-card_icon_34o92","magneto-ui-mega-menu-card__logo":"mg_mega_menu_card_magneto-ui-mega-menu-card_logo_34o92","magneto-ui-mega-menu-card__quotas":"mg_mega_menu_card_magneto-ui-mega-menu-card_quotas_34o92","magneto-ui-mega-menu-card__arrow":"mg_mega_menu_card_magneto-ui-mega-menu-card_arrow_34o92"};
+var styles$1B = {"magneto-ui-mega-menu-card":"mg_mega_menu_card_magneto-ui-mega-menu-card_34o92","magneto-ui-mega-menu-card__content":"mg_mega_menu_card_magneto-ui-mega-menu-card_content_34o92","magneto-ui-mega-menu-card__title":"mg_mega_menu_card_magneto-ui-mega-menu-card_title_34o92","magneto-ui-mega-menu-card__icon":"mg_mega_menu_card_magneto-ui-mega-menu-card_icon_34o92","magneto-ui-mega-menu-card__logo":"mg_mega_menu_card_magneto-ui-mega-menu-card_logo_34o92","magneto-ui-mega-menu-card__quotas":"mg_mega_menu_card_magneto-ui-mega-menu-card_quotas_34o92","magneto-ui-mega-menu-card__arrow":"mg_mega_menu_card_magneto-ui-mega-menu-card_arrow_34o92"};
 
 var MegaMenuCard = function (_a) {
     var title = _a.title, logo = _a.logo, icon = _a.icon, quotas = _a.quotas, onClick = _a.onClick, className = _a.className, showRigthArrow = _a.showRigthArrow, href = _a.href, target = _a.target;
@@ -5052,19 +5056,19 @@ var MegaMenuCard = function (_a) {
             onClick();
         }
     }, [onClick]);
-    var rigthArrow = (React__default["default"].createElement("div", { className: styles$1y["magneto-ui-mega-menu-card__arrow"] },
+    var rigthArrow = (React__default["default"].createElement("div", { className: styles$1B["magneto-ui-mega-menu-card__arrow"] },
         React__default["default"].createElement(IconItem, { icon: ArrowRight2, size: 16 })));
     var arrow = useMediaQuery(showRigthArrow && rigthArrow, {
         md: rigthArrow
     });
-    return (React__default["default"].createElement("a", { className: "".concat(styles$1y["magneto-ui-mega-menu-card"], " ").concat(className ? className : ''), onClick: handleClick, href: href, target: target },
-        icon && (React__default["default"].createElement("div", { className: styles$1y["magneto-ui-mega-menu-card__icon"] },
+    return (React__default["default"].createElement("a", { className: "".concat(styles$1B["magneto-ui-mega-menu-card"], " ").concat(className ? className : ''), onClick: handleClick, href: href, target: target },
+        icon && (React__default["default"].createElement("div", { className: styles$1B["magneto-ui-mega-menu-card__icon"] },
             React__default["default"].createElement(IconItem, { icon: icon, size: 16 }))),
-        logo && (React__default["default"].createElement("div", { className: styles$1y["magneto-ui-mega-menu-card__logo"] },
-            React__default["default"].createElement(Image, { image: logo, alt: 'logo', className: styles$1y["magneto-ui-mega-menu-card__logo"] }))),
-        React__default["default"].createElement("div", { className: styles$1y["magneto-ui-mega-menu-card__content"] },
-            React__default["default"].createElement("div", { className: styles$1y["magneto-ui-mega-menu-card__title"] }, title),
-            React__default["default"].createElement("div", { className: styles$1y["magneto-ui-mega-menu-card__quotas"] }, "".concat(numberToCurrency(quotas, false), " cupos"))),
+        logo && (React__default["default"].createElement("div", { className: styles$1B["magneto-ui-mega-menu-card__logo"] },
+            React__default["default"].createElement(Image, { image: logo, alt: 'logo', className: styles$1B["magneto-ui-mega-menu-card__logo"] }))),
+        React__default["default"].createElement("div", { className: styles$1B["magneto-ui-mega-menu-card__content"] },
+            React__default["default"].createElement("div", { className: styles$1B["magneto-ui-mega-menu-card__title"] }, title),
+            React__default["default"].createElement("div", { className: styles$1B["magneto-ui-mega-menu-card__quotas"] }, "".concat(numberToCurrency(quotas, false), " cupos"))),
         arrow));
 };
 
@@ -5154,7 +5158,7 @@ var MegaMenuJobsTabs = function () {
         React__default["default"].createElement("div", { className: "".concat(style$C["mega-menu-jobs-tabs__content"]) }, content)));
 };
 
-var styles$1x = {"magneto-ui-mega-menu-popover__dropdown":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_dropdown_78m8m","magneto-ui-mega-menu-popover__dropdown--open":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_dropdown--open_78m8m","magneto-ui-mega-menu-popover__action":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action_78m8m","magneto-ui-mega-menu-popover__action--text":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action--text_78m8m","magneto-ui-mega-menu-popover__action--icon":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action--icon_78m8m","magneto-ui-mega-menu-popover__action--icon-reverse":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action--icon-reverse_78m8m","magneto-ui-mega-menu-popover__shadow":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_shadow_78m8m","magneto-ui-mega-menu-popover__content":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_content_78m8m"};
+var styles$1A = {"magneto-ui-mega-menu-popover__dropdown":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_dropdown_78m8m","magneto-ui-mega-menu-popover__dropdown--open":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_dropdown--open_78m8m","magneto-ui-mega-menu-popover__action":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action_78m8m","magneto-ui-mega-menu-popover__action--text":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action--text_78m8m","magneto-ui-mega-menu-popover__action--icon":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action--icon_78m8m","magneto-ui-mega-menu-popover__action--icon-reverse":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_action--icon-reverse_78m8m","magneto-ui-mega-menu-popover__shadow":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_shadow_78m8m","magneto-ui-mega-menu-popover__content":"mg_mega_menu_popover_magneto-ui-mega-menu-popover_content_78m8m"};
 
 var popoverClassName = 'magneto-ui-mega-menu-popover';
 var MegaMenuPopover = function (_a) {
@@ -5176,12 +5180,12 @@ var MegaMenuPopover = function (_a) {
         body.style.overflowY = showContent ? 'hidden' : 'auto';
     }, [showContent]);
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        jobAction && (React__default["default"].createElement("button", { className: "".concat(styles$1x["".concat(popoverClassName, "__action")]), onClick: handleShowContent(!showContent) },
-            React__default["default"].createElement("p", { className: "".concat(styles$1x["".concat(popoverClassName, "__action--text")]) }, jobAction.label),
-            React__default["default"].createElement(IconItem, { className: "".concat(styles$1x["".concat(popoverClassName, "__action--icon")], " ").concat(showContent ? styles$1x["".concat(popoverClassName, "__action--icon-reverse")] : ''), icon: ArrowDown2, alt: "arrow-icon", size: 16 }))),
-        React__default["default"].createElement("div", { className: "".concat(styles$1x["".concat(popoverClassName, "__dropdown")], " ").concat(showContent ? styles$1x["".concat(popoverClassName, "__dropdown--open")] : '') },
-            React__default["default"].createElement("div", { className: styles$1x["".concat(popoverClassName, "__shadow")], onClick: handleShowContent(false) }),
-            React__default["default"].createElement("div", { className: styles$1x["".concat(popoverClassName, "__content")], onClick: function (event) {
+        jobAction && (React__default["default"].createElement("button", { className: "".concat(styles$1A["".concat(popoverClassName, "__action")]), onClick: handleShowContent(!showContent) },
+            React__default["default"].createElement("p", { className: "".concat(styles$1A["".concat(popoverClassName, "__action--text")]) }, jobAction.label),
+            React__default["default"].createElement(IconItem, { className: "".concat(styles$1A["".concat(popoverClassName, "__action--icon")], " ").concat(showContent ? styles$1A["".concat(popoverClassName, "__action--icon-reverse")] : ''), icon: ArrowDown2, alt: "arrow-icon", size: 16 }))),
+        React__default["default"].createElement("div", { className: "".concat(styles$1A["".concat(popoverClassName, "__dropdown")], " ").concat(showContent ? styles$1A["".concat(popoverClassName, "__dropdown--open")] : '') },
+            React__default["default"].createElement("div", { className: styles$1A["".concat(popoverClassName, "__shadow")], onClick: handleShowContent(false) }),
+            React__default["default"].createElement("div", { className: styles$1A["".concat(popoverClassName, "__content")], onClick: function (event) {
                     event.stopPropagation();
                 } }, children))));
 };
@@ -5206,17 +5210,17 @@ var MegaMenuSideCards = function (_a) {
             React__default["default"].createElement(ButtonLink, { href: action.url, buttonText: action.label, onClick: action.onClick, className: "".concat(style$B["mega-menu-side-cards__action"]), prefixIcon: ArrowRightWhite })))));
 };
 
-var styles$1w = {"magneto-ui-menu-search":"mg_menu_search_magneto-ui-menu-search_1nz6y","magneto-ui-menu-search_container":"mg_menu_search_magneto-ui-menu-search_container_1nz6y","magneto-ui-menu-search_content":"mg_menu_search_magneto-ui-menu-search_content_1nz6y","open":"mg_menu_search_open_1nz6y"};
+var styles$1z = {"magneto-ui-menu-search":"mg_menu_search_magneto-ui-menu-search_1nz6y","magneto-ui-menu-search_container":"mg_menu_search_magneto-ui-menu-search_container_1nz6y","magneto-ui-menu-search_content":"mg_menu_search_magneto-ui-menu-search_content_1nz6y","open":"mg_menu_search_open_1nz6y"};
 
 var MenuSearch = function (_a) {
     var children = _a.children, content = _a.content, show = _a.show, handleOnBlur = _a.handleOnBlur;
     var onBlur = React.useCallback(function () {
         handleOnBlur && handleOnBlur();
     }, [handleOnBlur]);
-    return (React__default["default"].createElement("div", { className: styles$1w['magneto-ui-menu-search'], onBlur: onBlur },
-        React__default["default"].createElement("div", { className: styles$1w['magneto-ui-menu-search_container'] },
+    return (React__default["default"].createElement("div", { className: styles$1z['magneto-ui-menu-search'], onBlur: onBlur },
+        React__default["default"].createElement("div", { className: styles$1z['magneto-ui-menu-search_container'] },
             children,
-            React__default["default"].createElement("div", { className: "".concat(styles$1w['magneto-ui-menu-search_content'], " ").concat(show && styles$1w.open) }, content))));
+            React__default["default"].createElement("div", { className: "".concat(styles$1z['magneto-ui-menu-search_content'], " ").concat(show && styles$1z.open) }, content))));
 };
 
 var iconByType = {
@@ -5227,9 +5231,9 @@ var iconByType = {
 };
 var transitionDuration = 300;
 
-var styles$1v = {"magneto-ui-message__container":"mg_message_magneto-ui-message_container_1q82j","magneto-ui-message__container--show":"mg_message_magneto-ui-message_container--show_1q82j","magneto-ui-message__container--hidden":"mg_message_magneto-ui-message_container--hidden_1q82j","magneto-ui-message__container--info":"mg_message_magneto-ui-message_container--info_1q82j","magneto-ui-message__container--success":"mg_message_magneto-ui-message_container--success_1q82j","magneto-ui-message__container--warning":"mg_message_magneto-ui-message_container--warning_1q82j","magneto-ui-message__container--error":"mg_message_magneto-ui-message_container--error_1q82j","magneto-ui-message__text":"mg_message_magneto-ui-message_text_1q82j","magneto-ui-message__text--bold":"mg_message_magneto-ui-message_text--bold_1q82j","magneto-ui-message__icon":"mg_message_magneto-ui-message_icon_1q82j"};
+var styles$1y = {"magneto-ui-message__container":"mg_message_magneto-ui-message_container_1q82j","magneto-ui-message__container--show":"mg_message_magneto-ui-message_container--show_1q82j","magneto-ui-message__container--hidden":"mg_message_magneto-ui-message_container--hidden_1q82j","magneto-ui-message__container--info":"mg_message_magneto-ui-message_container--info_1q82j","magneto-ui-message__container--success":"mg_message_magneto-ui-message_container--success_1q82j","magneto-ui-message__container--warning":"mg_message_magneto-ui-message_container--warning_1q82j","magneto-ui-message__container--error":"mg_message_magneto-ui-message_container--error_1q82j","magneto-ui-message__text":"mg_message_magneto-ui-message_text_1q82j","magneto-ui-message__text--bold":"mg_message_magneto-ui-message_text--bold_1q82j","magneto-ui-message__icon":"mg_message_magneto-ui-message_icon_1q82j"};
 
-var Component$1E = function (_a) {
+var Component$1H = function (_a) {
     var className = _a.className, description = _a.description, _b = _a.duration, duration = _b === void 0 ? 3000 : _b, iconProps = _a.iconProps, onHide = _a.onHide, text = _a.text, _c = _a.type, type = _c === void 0 ? 'info' : _c, _d = _a.visible, visible = _d === void 0 ? true : _d;
     var _e = React.useState(false), toggleAnimation = _e[0], setToggleAnimation = _e[1];
     var _f = React.useState(visible), localVisible = _f[0], setLocalVisible = _f[1];
@@ -5242,7 +5246,7 @@ var Component$1E = function (_a) {
     }); }, []);
     var containerStyles = React.useMemo(function () {
         return CNM.get({
-            styles: styles$1v,
+            styles: styles$1y,
             cls: [
                 'message__container',
                 "message__container--".concat(toggleAnimation ? 'show' : 'hidden'),
@@ -5250,7 +5254,7 @@ var Component$1E = function (_a) {
             ]
         });
     }, [type, toggleAnimation]);
-    var textStyles = React.useCallback(function (bold) { return CNM.get({ styles: styles$1v, cls: ['message__text', bold && 'message__text--bold'] }); }, []);
+    var textStyles = React.useCallback(function (bold) { return CNM.get({ styles: styles$1y, cls: ['message__text', bold && 'message__text--bold'] }); }, []);
     React.useEffect(function () {
         if (!localVisible)
             return;
@@ -5282,9 +5286,9 @@ var Component$1E = function (_a) {
         setIsAnimating(visible);
     }, [isAnimating, visible]);
     return localVisible && container
-        ? ReactDOM__default["default"].createPortal(React__default["default"].createElement("div", { style: containerVar, className: CNM.get({ styles: styles$1v, cls: [className] }) },
+        ? ReactDOM__default["default"].createPortal(React__default["default"].createElement("div", { style: containerVar, className: CNM.get({ styles: styles$1y, cls: [className] }) },
             React__default["default"].createElement("div", { className: containerStyles },
-                React__default["default"].createElement(IconItem, __assign({ alt: type, className: CNM.get({ styles: styles$1v, cls: ['message__icon'] }), icon: iconByType[type], showDefaultFallback: false, size: 20 }, iconProps)),
+                React__default["default"].createElement(IconItem, __assign({ alt: type, className: CNM.get({ styles: styles$1y, cls: ['message__icon'] }), icon: iconByType[type], showDefaultFallback: false, size: 20 }, iconProps)),
                 React__default["default"].createElement("div", null,
                     text && React__default["default"].createElement("span", { className: textStyles(!!description) }, text),
                     description && React__default["default"].createElement("span", { className: textStyles() }, description)))), container)
@@ -5293,13 +5297,13 @@ var Component$1E = function (_a) {
 /**
  * Molecule UI component for Message
  */
-var Message = Component$1E;
+var Message = Component$1H;
 
-var styles$1u = {"magneto-ui-mobile-job-details-header":"mg_mobile_job_detail_header_magneto-ui-mobile-job-details-header_1fct0"};
+var styles$1x = {"magneto-ui-mobile-job-details-header":"mg_mobile_job_detail_header_magneto-ui-mobile-job-details-header_1fct0"};
 
-var Component$1D = function (_a) {
+var Component$1G = function (_a) {
     var returnText = _a.returnText, onClick = _a.onClick;
-    return (React__default["default"].createElement("div", { className: styles$1u['magneto-ui-mobile-job-details-header'] },
+    return (React__default["default"].createElement("div", { className: styles$1x['magneto-ui-mobile-job-details-header'] },
         React__default["default"].createElement("button", { onClick: onClick },
             React__default["default"].createElement(IconItem, { alt: "arrow-left", icon: ArrowLeft2 })),
         React__default["default"].createElement("p", null, returnText)));
@@ -5307,11 +5311,11 @@ var Component$1D = function (_a) {
 /**
  * UI Molecule Component for Mobile Jobs Drawer
  */
-var MobileJobDetailsHeader = Component$1D;
+var MobileJobDetailsHeader = Component$1G;
 
-var styles$1t = {"MobileSearchbarComponent":"mg_mobile_searchbar_MobileSearchbarComponent_41dye","magneto-ui-search-button":"mg_mobile_searchbar_magneto-ui-search-button_41dye","magneto-ui-remove-button":"mg_mobile_searchbar_magneto-ui-remove-button_41dye","search-badge":"mg_mobile_searchbar_search-badge_41dye"};
+var styles$1w = {"MobileSearchbarComponent":"mg_mobile_searchbar_MobileSearchbarComponent_41dye","magneto-ui-search-button":"mg_mobile_searchbar_magneto-ui-search-button_41dye","magneto-ui-remove-button":"mg_mobile_searchbar_magneto-ui-remove-button_41dye","search-badge":"mg_mobile_searchbar_search-badge_41dye"};
 
-var Component$1C = function (_a) {
+var Component$1F = function (_a) {
     var termValue = _a.termValue, onSearch = _a.onSearch, onClick = _a.onClick, focusSearchInput = _a.focusSearchInput, showMobileSearchbar = _a.showMobileSearchbar;
     var _b = React.useState(termValue ? termValue : ''), searchValue = _b[0], setSearchValue = _b[1];
     var searchInputRef = React.useRef(null);
@@ -5333,20 +5337,20 @@ var Component$1C = function (_a) {
             (_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
         }
     }, [focusSearchInput]);
-    return (React__default["default"].createElement("div", { className: styles$1t.MobileSearchbarComponent, "data-show-mobile-searchbar": showMobileSearchbar },
+    return (React__default["default"].createElement("div", { className: styles$1w.MobileSearchbarComponent, "data-show-mobile-searchbar": showMobileSearchbar },
         React__default["default"].createElement("form", { onSubmit: handleSubmit },
-            searchValue && React__default["default"].createElement("div", { className: styles$1t['search-badge'] }),
-            React__default["default"].createElement(MainButton, __assign({ className: styles$1t['magneto-ui-search-button'] }, searchMobileProps)),
+            searchValue && React__default["default"].createElement("div", { className: styles$1w['search-badge'] }),
+            React__default["default"].createElement(MainButton, __assign({ className: styles$1w['magneto-ui-search-button'] }, searchMobileProps)),
             React__default["default"].createElement("label", { htmlFor: "search" }),
             React__default["default"].createElement("input", { type: "text", name: "search", value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, ref: searchInputRef }),
-            React__default["default"].createElement(MainButton, __assign({ className: styles$1t['magneto-ui-remove-button'], onClick: handleClearSearch }, closeSearchMobileProps)))));
+            React__default["default"].createElement(MainButton, __assign({ className: styles$1w['magneto-ui-remove-button'], onClick: handleClearSearch }, closeSearchMobileProps)))));
 };
 /**
  * Molecule UI component for MobileSearchbar
  */
-var MobileSearchbar = Component$1C;
+var MobileSearchbar = Component$1F;
 
-var styles$1s = {"notification":"mg_notification_notification_ylzl6","top-left":"mg_notification_top-left_ylzl6","top-right":"mg_notification_top-right_ylzl6","bottom-left":"mg_notification_bottom-left_ylzl6","bottom-right":"mg_notification_bottom-right_ylzl6","notification__content":"mg_notification_notification_content_ylzl6","notification__message":"mg_notification_notification_message_ylzl6","notification__close-btn":"mg_notification_notification_close-btn_ylzl6"};
+var styles$1v = {"notification":"mg_notification_notification_ylzl6","top-left":"mg_notification_top-left_ylzl6","top-right":"mg_notification_top-right_ylzl6","bottom-left":"mg_notification_bottom-left_ylzl6","bottom-right":"mg_notification_bottom-right_ylzl6","notification__content":"mg_notification_notification_content_ylzl6","notification__message":"mg_notification_notification_message_ylzl6","notification__close-btn":"mg_notification_notification_close-btn_ylzl6"};
 
 var Notification = function (_a) {
     var onClose = _a.onClose, message = _a.message, _b = _a.position, position = _b === void 0 ? 'top-right' : _b, className = _a.className, _c = _a.autoCloseDuration, autoCloseDuration = _c === void 0 ? 5000 : _c, extraContent = _a.extraContent;
@@ -5357,30 +5361,30 @@ var Notification = function (_a) {
         }
     }, [autoCloseDuration, onClose]);
     return (React__default["default"].createElement(ModalPortal, null,
-        React__default["default"].createElement("div", { className: "".concat(styles$1s.notification, " ").concat(styles$1s[position], " ").concat(className), role: "alert" },
-            React__default["default"].createElement("div", { className: styles$1s['notification__content'] },
-                React__default["default"].createElement("div", { className: styles$1s['notification__message'] }, message),
-                React__default["default"].createElement("button", { className: styles$1s['notification__close-btn'], onClick: onClose, type: "button", "aria-label": "Close notification" },
+        React__default["default"].createElement("div", { className: "".concat(styles$1v.notification, " ").concat(styles$1v[position], " ").concat(className), role: "alert" },
+            React__default["default"].createElement("div", { className: styles$1v['notification__content'] },
+                React__default["default"].createElement("div", { className: styles$1v['notification__message'] }, message),
+                React__default["default"].createElement("button", { className: styles$1v['notification__close-btn'], onClick: onClose, type: "button", "aria-label": "Close notification" },
                     React__default["default"].createElement("img", { src: Close, alt: "close icon" }))),
             extraContent && extraContent)));
 };
 
-var styles$1r = {"magneto-ui-btn-pagination_anchor":"mg_btn_pagination_magneto-ui-btn-pagination_anchor_1y0uc","magneto-ui-btn-pagination_with__icon":"mg_btn_pagination_magneto-ui-btn-pagination_with_icon_1y0uc","magneto-ui-btn-pagination_btn":"mg_btn_pagination_magneto-ui-btn-pagination_btn_1y0uc","magneto-ui-btn-pagination_active":"mg_btn_pagination_magneto-ui-btn-pagination_active_1y0uc","magneto-ui-btn-pagination_disabled":"mg_btn_pagination_magneto-ui-btn-pagination_disabled_1y0uc","magneto-ui-btn-pagination_spinner":"mg_btn_pagination_magneto-ui-btn-pagination_spinner_1y0uc","spin":"mg_btn_pagination_spin_1y0uc"};
+var styles$1u = {"magneto-ui-btn-pagination_anchor":"mg_btn_pagination_magneto-ui-btn-pagination_anchor_1y0uc","magneto-ui-btn-pagination_with__icon":"mg_btn_pagination_magneto-ui-btn-pagination_with_icon_1y0uc","magneto-ui-btn-pagination_btn":"mg_btn_pagination_magneto-ui-btn-pagination_btn_1y0uc","magneto-ui-btn-pagination_active":"mg_btn_pagination_magneto-ui-btn-pagination_active_1y0uc","magneto-ui-btn-pagination_disabled":"mg_btn_pagination_magneto-ui-btn-pagination_disabled_1y0uc","magneto-ui-btn-pagination_spinner":"mg_btn_pagination_magneto-ui-btn-pagination_spinner_1y0uc","spin":"mg_btn_pagination_spin_1y0uc"};
 
 var BtnPagination = function (_a) {
     var loading = _a.loading, value = _a.value, current = _a.current, text = _a.text, icon = _a.icon, onClick = _a.onClick, dynamicPaginationUrl = _a.dynamicPaginationUrl;
     var displayContent = React.useMemo(function () {
         if (loading && value && current === value)
-            return React__default["default"].createElement(IconItem, { icon: SpinnerWhite, className: styles$1r['magneto-ui-btn-pagination_spinner'] });
+            return React__default["default"].createElement(IconItem, { icon: SpinnerWhite, className: styles$1u['magneto-ui-btn-pagination_spinner'] });
         return value;
     }, [loading, current, value]);
     var pageQueryParam = 'paginator[page]=';
     var displayIcon = React.useMemo(function () { return (icon ? React__default["default"].createElement(IconItem, { icon: icon }) : React__default["default"].createElement(React.Fragment, null)); }, [icon]);
     var title = React.useMemo(function () { return (text ? text : "".concat(value)); }, [text, value]);
-    return (React__default["default"].createElement(React.Fragment, null, dynamicPaginationUrl ? (React__default["default"].createElement("a", { className: styles$1r['magneto-ui-btn-pagination_anchor'], href: "".concat(dynamicPaginationUrl, "?").concat(pageQueryParam).concat(value), onClick: function (e) { return e.preventDefault(); } },
-        React__default["default"].createElement("button", { className: "\n              ".concat(loading && styles$1r['magneto-ui-btn-pagination_disabled'], " \n              ").concat(value && current === value && styles$1r['magneto-ui-btn-pagination_active'], " \n              ").concat(text && styles$1r['magneto-ui-btn-pagination_with__icon'], "\n              ").concat(styles$1r['magneto-ui-btn-pagination_btn'], "\n            "), title: title, disabled: loading, onClick: onClick },
+    return (React__default["default"].createElement(React.Fragment, null, dynamicPaginationUrl ? (React__default["default"].createElement("a", { className: styles$1u['magneto-ui-btn-pagination_anchor'], href: "".concat(dynamicPaginationUrl, "?").concat(pageQueryParam).concat(value), onClick: function (e) { return e.preventDefault(); } },
+        React__default["default"].createElement("button", { className: "\n              ".concat(loading && styles$1u['magneto-ui-btn-pagination_disabled'], " \n              ").concat(value && current === value && styles$1u['magneto-ui-btn-pagination_active'], " \n              ").concat(text && styles$1u['magneto-ui-btn-pagination_with__icon'], "\n              ").concat(styles$1u['magneto-ui-btn-pagination_btn'], "\n            "), title: title, disabled: loading, onClick: onClick },
             displayContent,
-            displayIcon))) : (React__default["default"].createElement("button", { className: "\n            ".concat(loading && styles$1r['magneto-ui-btn-pagination_disabled'], " \n            ").concat(value && current === value && styles$1r['magneto-ui-btn-pagination_active'], " \n            ").concat(text && styles$1r['magneto-ui-btn-pagination_with__icon'], "\n            ").concat(styles$1r['magneto-ui-btn-pagination_btn'], "\n          "), title: title, disabled: loading, onClick: onClick },
+            displayIcon))) : (React__default["default"].createElement("button", { className: "\n            ".concat(loading && styles$1u['magneto-ui-btn-pagination_disabled'], " \n            ").concat(value && current === value && styles$1u['magneto-ui-btn-pagination_active'], " \n            ").concat(text && styles$1u['magneto-ui-btn-pagination_with__icon'], "\n            ").concat(styles$1u['magneto-ui-btn-pagination_btn'], "\n          "), title: title, disabled: loading, onClick: onClick },
         displayContent,
         displayIcon))));
 };
@@ -5431,7 +5435,7 @@ var createPagination = function (_a) {
     };
 };
 
-var styles$1q = {"magneto-ui-pagination":"mg_pagination_magneto-ui-pagination_n897h","magneto-ui-pagination_ellipsis":"mg_pagination_magneto-ui-pagination_ellipsis_n897h"};
+var styles$1t = {"magneto-ui-pagination":"mg_pagination_magneto-ui-pagination_n897h","magneto-ui-pagination_ellipsis":"mg_pagination_magneto-ui-pagination_ellipsis_n897h"};
 
 var Pagination = function (_a) {
     var total = _a.total, current = _a.current, pageSize = _a.pageSize, loading = _a.loading, onChange = _a.onChange, prevTitle = _a.prevTitle, nextTitle = _a.nextTitle, _b = _a.numberOfButtons, numberOfButtons = _b === void 0 ? 3 : _b, dynamicUrl = _a.dynamicUrl;
@@ -5450,16 +5454,16 @@ var Pagination = function (_a) {
     }, [total, current, pageSize, numberOfButtons]), buttons = _c.buttons, first = _c.first, last = _c.last;
     if (total <= pageSize)
         return React__default["default"].createElement(React.Fragment, null);
-    return (React__default["default"].createElement("div", { className: styles$1q['magneto-ui-pagination'] },
+    return (React__default["default"].createElement("div", { className: styles$1t['magneto-ui-pagination'] },
         first !== current && (React__default["default"].createElement(BtnPagination, { loading: loading, text: prevTitle, icon: ArrowLeft2, onClick: function () { return handleClick(current - 1); } })),
         React__default["default"].createElement("ul", null,
             !buttons.includes(first) && (React__default["default"].createElement("li", null,
                 React__default["default"].createElement(BtnPagination, { loading: loading, value: first, current: current, onClick: function () { return handleClick(first); }, dynamicPaginationUrl: dynamicUrl }),
-                React__default["default"].createElement(IconItem, { icon: Ellipsis, className: styles$1q['magneto-ui-pagination_ellipsis'] }))),
+                React__default["default"].createElement(IconItem, { icon: Ellipsis, className: styles$1t['magneto-ui-pagination_ellipsis'] }))),
             buttons.map(function (page, index) { return (React__default["default"].createElement("li", { key: "".concat(page, "-").concat(index) },
                 React__default["default"].createElement(BtnPagination, { loading: loading, value: page, current: current, onClick: function () { return handleClick(page); }, dynamicPaginationUrl: dynamicUrl }))); }),
             !buttons.includes(last) && (React__default["default"].createElement("li", null,
-                React__default["default"].createElement(IconItem, { icon: Ellipsis, className: styles$1q['magneto-ui-pagination_ellipsis'] }),
+                React__default["default"].createElement(IconItem, { icon: Ellipsis, className: styles$1t['magneto-ui-pagination_ellipsis'] }),
                 React__default["default"].createElement(BtnPagination, { loading: loading, value: last, current: current, onClick: function () { return handleClick(last); }, dynamicPaginationUrl: dynamicUrl })))),
         last !== current && (React__default["default"].createElement(BtnPagination, { loading: loading, text: nextTitle, icon: ArrowRight2, onClick: function () { return handleClick(current + 1); } }))));
 };
@@ -5497,10 +5501,10 @@ var QUALIFICATION = [
     }
 ];
 
-var styles$1p = {"magneto-ui-qualification":"mg_qualification_magneto-ui-qualification_a2ncq","magneto-ui-qualification__star":"mg_qualification_magneto-ui-qualification_star_a2ncq"};
+var styles$1s = {"magneto-ui-qualification":"mg_qualification_magneto-ui-qualification_a2ncq","magneto-ui-qualification__star":"mg_qualification_magneto-ui-qualification_star_a2ncq"};
 
-var cx$Q = classNames.bind(styles$1p);
-var Component$1B = function (_a) {
+var cx$Q = classNames.bind(styles$1s);
+var Component$1E = function (_a) {
     var _b = _a.rating, rating = _b === void 0 ? -1 : _b, onClick = _a.onClick;
     var _c = React.useState(-1), qualification = _c[0], setQualification = _c[1];
     var _d = React.useState(-1), hover = _d[0], setHover = _d[1];
@@ -5523,7 +5527,7 @@ var Component$1B = function (_a) {
  * Atom Ui component of Qualification
  *
  */
-var Qualification = Component$1B;
+var Qualification = Component$1E;
 
 var style$A = {"magneto-ui-rights-reserved":"mg_rights_reserved_text_magneto-ui-rights-reserved_id953","magneto-ui-rights-reserved__link":"mg_rights_reserved_text_magneto-ui-rights-reserved_link_id953"};
 
@@ -5533,9 +5537,9 @@ var RightsReservedText = function (_a) {
         React__default["default"].createElement("p", null, magnetoRightsText)));
 };
 
-var styles$1o = {"magneto-ui-score-level":"mg_score_level_magneto-ui-score-level_yz7nl","magneto-ui-score-level__p":"mg_score_level_magneto-ui-score-level_p_yz7nl","magneto-ui-score-level__summary":"mg_score_level_magneto-ui-score-level_summary_yz7nl","magneto-ui-score-level__delete-action":"mg_score_level_magneto-ui-score-level_delete-action_yz7nl"};
+var styles$1r = {"magneto-ui-score-level":"mg_score_level_magneto-ui-score-level_yz7nl","magneto-ui-score-level__p":"mg_score_level_magneto-ui-score-level_p_yz7nl","magneto-ui-score-level__summary":"mg_score_level_magneto-ui-score-level_summary_yz7nl","magneto-ui-score-level__delete-action":"mg_score_level_magneto-ui-score-level_delete-action_yz7nl"};
 
-var Component$1A = function (_a) {
+var Component$1D = function (_a) {
     var name = _a.name, onChange = _a.onChange, removeSkill = _a.removeSkill, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color, id = _a.id;
     var _b = React.useState(scoreValue || 1), score = _b[0], setScore = _b[1];
     var _c = React.useState(0), spanHover = _c[0], setSpanHover = _c[1];
@@ -5563,19 +5567,19 @@ var Component$1A = function (_a) {
         }
         return { backgroundColor: '#c4c4c4' };
     }, [color, score, spanHover]);
-    return (React__default["default"].createElement("div", { className: styles$1o['magneto-ui-score-level'] },
-        React__default["default"].createElement("p", { className: styles$1o['magneto-ui-score-level__p'] }, name),
-        React__default["default"].createElement("div", { className: styles$1o['magneto-ui-score-level__summary'] },
+    return (React__default["default"].createElement("div", { className: styles$1r['magneto-ui-score-level'] },
+        React__default["default"].createElement("p", { className: styles$1r['magneto-ui-score-level__p'] }, name),
+        React__default["default"].createElement("div", { className: styles$1r['magneto-ui-score-level__summary'] },
             React__default["default"].createElement("div", null, levels.map(function (_, index) { return (React__default["default"].createElement("span", { onMouseOver: function () { return setSpanHover(index + 1); }, onMouseLeave: function () { return setSpanHover(0); }, style: setDinamycColor(index + 1), key: generateID(), onClick: function () { return handleScoreChange(index + 1); } })); })),
             React__default["default"].createElement("p", null, labelScore)),
-        React__default["default"].createElement("button", { className: styles$1o['magneto-ui-score-level__delete-action'], onClick: function () { return removeSkill(name); }, type: "button" },
+        React__default["default"].createElement("button", { className: styles$1r['magneto-ui-score-level__delete-action'], onClick: function () { return removeSkill(name); }, type: "button" },
             React__default["default"].createElement("img", { src: Trash, alt: "remove-skill-icon" }))));
 };
-var ScoreLevel = Component$1A;
+var ScoreLevel = Component$1D;
 
-var styles$1n = {"magneto-ui-score-level":"mg_score_level_static_magneto-ui-score-level_1o91a","magneto-ui-score-level__summary":"mg_score_level_static_magneto-ui-score-level_summary_1o91a"};
+var styles$1q = {"magneto-ui-score-level":"mg_score_level_static_magneto-ui-score-level_1o91a","magneto-ui-score-level__summary":"mg_score_level_static_magneto-ui-score-level_summary_1o91a"};
 
-var Component$1z = function (_a) {
+var Component$1C = function (_a) {
     var name = _a.name, scoreValue = _a.scoreValue, levels = _a.levels, color = _a.color;
     var labelScore = React.useMemo(function () {
         return levels[scoreValue - 1];
@@ -5590,17 +5594,17 @@ var Component$1z = function (_a) {
         }
         return { backgroundColor: '#c4c4c4' };
     }, [color, scoreValue]);
-    return (React__default["default"].createElement("div", { className: styles$1n['magneto-ui-score-level'] },
+    return (React__default["default"].createElement("div", { className: styles$1q['magneto-ui-score-level'] },
         React__default["default"].createElement("p", null, name),
-        React__default["default"].createElement("div", { className: styles$1n['magneto-ui-score-level__summary'] },
+        React__default["default"].createElement("div", { className: styles$1q['magneto-ui-score-level__summary'] },
             React__default["default"].createElement("div", null, levels.map(function (_, index) { return (React__default["default"].createElement("span", { style: setDinamycColor(index + 1), key: generateID() })); })),
             React__default["default"].createElement("p", null, labelScore))));
 };
-var ScoreLevelStatic = Component$1z;
+var ScoreLevelStatic = Component$1C;
 
-var styles$1m = {"SearchbarComponent":"mg_searchbar_SearchbarComponent_19nle","SearchbarComponent__badge":"mg_searchbar_SearchbarComponent_badge_19nle","magneto-ui-searchbar-buttons":"mg_searchbar_magneto-ui-searchbar-buttons_19nle","magneto-ui-remove-button":"mg_searchbar_magneto-ui-remove-button_19nle"};
+var styles$1p = {"SearchbarComponent":"mg_searchbar_SearchbarComponent_19nle","SearchbarComponent__badge":"mg_searchbar_SearchbarComponent_badge_19nle","magneto-ui-searchbar-buttons":"mg_searchbar_magneto-ui-searchbar-buttons_19nle","magneto-ui-remove-button":"mg_searchbar_magneto-ui-remove-button_19nle"};
 
-var Component$1y = function (_a) {
+var Component$1B = function (_a) {
     var placeholder = _a.placeholder, onSearch = _a.onSearch, searchButtonProps = _a.searchButtonProps, removeButtonProps = _a.removeButtonProps, termValue = _a.termValue;
     var _b = React.useState(''), searchValue = _b[0], setSearchValue = _b[1];
     React.useEffect(function () {
@@ -5616,64 +5620,64 @@ var Component$1y = function (_a) {
         setSearchValue('');
         onSearch('');
     };
-    return (React__default["default"].createElement("div", { className: styles$1m.SearchbarComponent },
+    return (React__default["default"].createElement("div", { className: styles$1p.SearchbarComponent },
         React__default["default"].createElement("form", { onSubmit: handleSubmit },
             React__default["default"].createElement("input", { type: "text", value: searchValue, onChange: function (e) { return setSearchValue(e.target.value); }, placeholder: placeholder }),
-            searchValue && React__default["default"].createElement("div", { className: styles$1m['SearchbarComponent__badge'] }),
-            React__default["default"].createElement("div", { className: styles$1m['magneto-ui-searchbar-buttons'] },
+            searchValue && React__default["default"].createElement("div", { className: styles$1p['SearchbarComponent__badge'] }),
+            React__default["default"].createElement("div", { className: styles$1p['magneto-ui-searchbar-buttons'] },
                 searchValue && (React__default["default"].createElement(React__default["default"].Fragment, null,
-                    React__default["default"].createElement(MainButton, __assign({ className: styles$1m['magneto-ui-remove-button'], onClick: handleClearSearch }, removeButtonProps)),
+                    React__default["default"].createElement(MainButton, __assign({ className: styles$1p['magneto-ui-remove-button'], onClick: handleClearSearch }, removeButtonProps)),
                     React__default["default"].createElement("span", null, "|"))),
                 React__default["default"].createElement(MainButton, __assign({}, searchButtonProps))))));
 };
 /**
  * UI Molecule of a searchbar
  */
-var Searchbar = Component$1y;
+var Searchbar = Component$1B;
 
-var styles$1l = {"search-button":"mg_search_button_search-button_svn7v","search-button__badge":"mg_search_button_search-button_badge_svn7v"};
+var styles$1o = {"search-button":"mg_search_button_search-button_svn7v","search-button__badge":"mg_search_button_search-button_badge_svn7v"};
 
-var Component$1x = function (_a) {
+var Component$1A = function (_a) {
     var props = __rest(_a, []);
-    return (React__default["default"].createElement("div", { className: styles$1l['search-button'] },
-        props.searchValue && React__default["default"].createElement("div", { className: styles$1l['search-button__badge'] }),
+    return (React__default["default"].createElement("div", { className: styles$1o['search-button'] },
+        props.searchValue && React__default["default"].createElement("div", { className: styles$1o['search-button__badge'] }),
         React__default["default"].createElement(MainButton, __assign({ onClick: props.onClick }, props))));
 };
-var SearchButton = Component$1x;
+var SearchButton = Component$1A;
 
-var styles$1k = {"similar-card":"mg_similar_card_similar-card_8mo62","similar-card__arrow":"mg_similar_card_similar-card_arrow_8mo62","similar-card__text":"mg_similar_card_similar-card_text_8mo62","similar-card__arrow-mobile":"mg_similar_card_similar-card_arrow-mobile_8mo62"};
+var styles$1n = {"similar-card":"mg_similar_card_similar-card_8mo62","similar-card__arrow":"mg_similar_card_similar-card_arrow_8mo62","similar-card__text":"mg_similar_card_similar-card_text_8mo62","similar-card__arrow-mobile":"mg_similar_card_similar-card_arrow-mobile_8mo62"};
 
-var styles$1j = {"similar-card-logo":"mg_similar_card_logo_similar-card-logo_1adpr"};
+var styles$1m = {"similar-card-logo":"mg_similar_card_logo_similar-card-logo_1adpr"};
 
-var cx$P = classNames.bind(styles$1j);
-var Component$1w = function (_a) {
+var cx$P = classNames.bind(styles$1m);
+var Component$1z = function (_a) {
     var className = _a.className, src = _a.src, alt = _a.alt, _b = _a.hideLogo, hideLogo = _b === void 0 ? false : _b;
     if (hideLogo)
         return null;
     return (React__default["default"].createElement("img", { className: cx$P("similar-card-logo", className), src: src || NoLogo, alt: (alt === null || alt === void 0 ? void 0 : alt.toLowerCase()) || 'company-logo' }));
 };
-var SimilarCardLogo = Component$1w;
+var SimilarCardLogo = Component$1z;
 
-var cx$O = classNames.bind(styles$1k);
-var Component$1v = function (_a) {
+var cx$O = classNames.bind(styles$1n);
+var Component$1y = function (_a) {
     var className = _a.className, src = _a.src, alt = _a.alt, _b = _a.showIconMobile, showIconMobile = _b === void 0 ? false : _b;
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
         React__default["default"].createElement(IconItem, { className: cx$O('similar-card__arrow', { 'similar-card__arrow-mobile': !showIconMobile }, className), icon: src || ArrowRight2, alt: (alt === null || alt === void 0 ? void 0 : alt.toLowerCase()) || 'card-icon' })));
 };
-var SimilarCardIcon = Component$1v;
+var SimilarCardIcon = Component$1y;
 
-var cx$N = classNames.bind(styles$1k);
-var Component$1u = function (_a) {
+var cx$N = classNames.bind(styles$1n);
+var Component$1x = function (_a) {
     var children = _a.children, _b = _a.title, title = _b === void 0 ? 'jobLink' : _b, _c = _a.jobUrlSlug, jobUrlSlug = _c === void 0 ? '#' : _c, className = _a.className;
     return (React__default["default"].createElement("a", { className: cx$N("similar-card", className), href: jobUrlSlug, title: title }, children));
 };
-var SimilarCard = Object.assign(Component$1u, {
+var SimilarCard = Object.assign(Component$1x, {
     Text: TextCustom,
     Logo: SimilarCardLogo,
     Icon: SimilarCardIcon
 });
 
-var styles$1i = {"magneto-ui-similar-jobs":"mg_similar_jobs_card_magneto-ui-similar-jobs_8gcss","magneto-ui-similar-jobs__arrow":"mg_similar_jobs_card_magneto-ui-similar-jobs_arrow_8gcss","magneto-ui-similar-jobs__img":"mg_similar_jobs_card_magneto-ui-similar-jobs_img_8gcss","magneto-ui-similar-jobs__title":"mg_similar_jobs_card_magneto-ui-similar-jobs_title_8gcss","magneto-ui-similar-jobs__info":"mg_similar_jobs_card_magneto-ui-similar-jobs_info_8gcss"};
+var styles$1l = {"magneto-ui-similar-jobs":"mg_similar_jobs_card_magneto-ui-similar-jobs_8gcss","magneto-ui-similar-jobs__arrow":"mg_similar_jobs_card_magneto-ui-similar-jobs_arrow_8gcss","magneto-ui-similar-jobs__img":"mg_similar_jobs_card_magneto-ui-similar-jobs_img_8gcss","magneto-ui-similar-jobs__title":"mg_similar_jobs_card_magneto-ui-similar-jobs_title_8gcss","magneto-ui-similar-jobs__info":"mg_similar_jobs_card_magneto-ui-similar-jobs_info_8gcss"};
 
 var SimilarJobsCard = function (_a) {
     var cities = _a.cities, companyLogo = _a.companyLogo, experience = _a.experience, jobUrlSlug = _a.jobUrlSlug, salary = _a.salary, title = _a.title, companyName = _a.companyName, hideLogo = _a.hideLogo;
@@ -5683,12 +5687,12 @@ var SimilarJobsCard = function (_a) {
         var experienceFormat = experience ? " | ".concat(experience) : '';
         return "".concat(citiesFormat).concat(salaryFormat).concat(experienceFormat);
     }, [cities, salary, experience]);
-    return (React__default["default"].createElement("a", { title: title, className: "".concat(styles$1i["".concat(classMUI, "-similar-jobs")]), href: jobUrlSlug },
-        !hideLogo && (React__default["default"].createElement("img", { className: "".concat(styles$1i["".concat(classMUI, "-similar-jobs__img")]), src: companyLogo ? companyLogo : NoLogo, alt: "".concat(companyName ? companyName : 'company', "-logo").toLowerCase() })),
+    return (React__default["default"].createElement("a", { title: title, className: "".concat(styles$1l["".concat(classMUI, "-similar-jobs")]), href: jobUrlSlug },
+        !hideLogo && (React__default["default"].createElement("img", { className: "".concat(styles$1l["".concat(classMUI, "-similar-jobs__img")]), src: companyLogo ? companyLogo : NoLogo, alt: "".concat(companyName ? companyName : 'company', "-logo").toLowerCase() })),
         React__default["default"].createElement("div", null,
-            React__default["default"].createElement("h2", { className: "".concat(styles$1i["".concat(classMUI, "-similar-jobs__title")]) }, title),
-            React__default["default"].createElement("p", { className: "".concat(styles$1i["".concat(classMUI, "-similar-jobs__info")]) }, formatInfo)),
-        React__default["default"].createElement(IconItem, { className: "".concat(styles$1i["".concat(classMUI, "-similar-jobs__arrow")]), icon: ArrowRight2, alt: "arow-right-icon" })));
+            React__default["default"].createElement("h2", { className: "".concat(styles$1l["".concat(classMUI, "-similar-jobs__title")]) }, title),
+            React__default["default"].createElement("p", { className: "".concat(styles$1l["".concat(classMUI, "-similar-jobs__info")]) }, formatInfo)),
+        React__default["default"].createElement(IconItem, { className: "".concat(styles$1l["".concat(classMUI, "-similar-jobs__arrow")]), icon: ArrowRight2, alt: "arow-right-icon" })));
 };
 
 var style$z = {"magneto-ui-btn-menu":"mg_sort_menu_magneto-ui-btn-menu_lw7uc","magneto-ui-btn-text":"mg_sort_menu_magneto-ui-btn-text_lw7uc","disabled":"mg_sort_menu_disabled_lw7uc"};
@@ -5710,7 +5714,7 @@ var SortMenu = function (_a) {
 };
 var SortMenu$1 = withClickOut(SortMenu);
 
-var styles$1h = {"magneto-ui-text-area":"mg_text_area_magneto-ui-text-area_biieu","magneto-ui-text-area--container":"mg_text_area_magneto-ui-text-area--container_biieu","magneto-ui-text-area--container__text-area":"mg_text_area_magneto-ui-text-area--container_text-area_biieu","magneto-ui-text-area--container__label":"mg_text_area_magneto-ui-text-area--container_label_biieu","magneto-ui-text-area--container__icon":"mg_text_area_magneto-ui-text-area--container_icon_biieu","magneto-ui-text-area--container__error":"mg_text_area_magneto-ui-text-area--container_error_biieu","magneto-ui-text-area__footer":"mg_text_area_magneto-ui-text-area_footer_biieu"};
+var styles$1k = {"magneto-ui-text-area":"mg_text_area_magneto-ui-text-area_biieu","magneto-ui-text-area--container":"mg_text_area_magneto-ui-text-area--container_biieu","magneto-ui-text-area--container__text-area":"mg_text_area_magneto-ui-text-area--container_text-area_biieu","magneto-ui-text-area--container__label":"mg_text_area_magneto-ui-text-area--container_label_biieu","magneto-ui-text-area--container__icon":"mg_text_area_magneto-ui-text-area--container_icon_biieu","magneto-ui-text-area--container__error":"mg_text_area_magneto-ui-text-area--container_error_biieu","magneto-ui-text-area__footer":"mg_text_area_magneto-ui-text-area_footer_biieu"};
 
 var TextArea = function (_a) {
     var _b = _a.value, value = _b === void 0 ? '' : _b, onChange = _a.onChange, name = _a.name, placeholder = _a.placeholder, error = _a.error, _c = _a.rows, rows = _c === void 0 ? 4 : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.hasCounter, hasCounter = _e === void 0 ? false : _e, _f = _a.maxCounterValue, maxCounterValue = _f === void 0 ? 0 : _f, props = __rest(_a, ["value", "onChange", "name", "placeholder", "error", "rows", "disabled", "hasCounter", "maxCounterValue"]);
@@ -5736,15 +5740,15 @@ var TextArea = function (_a) {
             return;
         setShowPlaceholder(scrollTop === 0);
     }, [showPlaceholder]);
-    return (React__default["default"].createElement("div", { className: styles$1h["".concat(classMUI, "-text-area")] },
-        React__default["default"].createElement("div", { className: styles$1h["".concat(classMUI, "-text-area--container")] },
+    return (React__default["default"].createElement("div", { className: styles$1k["".concat(classMUI, "-text-area")] },
+        React__default["default"].createElement("div", { className: styles$1k["".concat(classMUI, "-text-area--container")] },
             showPlaceholder && (React__default["default"].createElement("label", { htmlFor: name, style: {
                     top: haveValueOrFocus ? '5px' : '10px',
                     fontSize: haveValueOrFocus ? '12px' : '14px'
-                }, className: styles$1h["".concat(classMUI, "-text-area--container__label")] }, placeholder)),
-            React__default["default"].createElement("textarea", __assign({}, props, { disabled: disabled, className: styles$1h["".concat(classMUI, "-text-area--container__text-area")], name: name, value: value, onChange: handleChange, onFocus: function () { return setOnFocus(true); }, onBlur: function () { return setOnFocus(false); }, onScroll: handleScroll, id: name, rows: rows }))),
-        React__default["default"].createElement("div", { className: styles$1h["".concat(classMUI, "-text-area__footer")] },
-            React__default["default"].createElement("span", { className: styles$1h["".concat(classMUI, "-text-area--container__error")] }, error),
+                }, className: styles$1k["".concat(classMUI, "-text-area--container__label")] }, placeholder)),
+            React__default["default"].createElement("textarea", __assign({}, props, { disabled: disabled, className: styles$1k["".concat(classMUI, "-text-area--container__text-area")], name: name, value: value, onChange: handleChange, onFocus: function () { return setOnFocus(true); }, onBlur: function () { return setOnFocus(false); }, onScroll: handleScroll, id: name, rows: rows }))),
+        React__default["default"].createElement("div", { className: styles$1k["".concat(classMUI, "-text-area__footer")] },
+            React__default["default"].createElement("span", { className: styles$1k["".concat(classMUI, "-text-area--container__error")] }, error),
             hasCounter && React__default["default"].createElement(ComparativeCounter, { current: inputValue === null || inputValue === void 0 ? void 0 : inputValue.length, max: maxCounterValue }))));
 };
 
@@ -5767,7 +5771,7 @@ var TIMELINE_ICONS = {
 };
 
 var cx$M = classNames.bind(style$y);
-var Component$1t = function (_a) {
+var Component$1w = function (_a) {
     var title = _a.title, subtitle = _a.subtitle, status = _a.status, _b = _a.index, index = _b === void 0 ? 0 : _b, _c = _a.onClick, onClick = _c === void 0 ? function () { return ({}); } : _c;
     var iconByType = React.useMemo(function () { return TIMELINE_ICONS[status]; }, [status]);
     return (React__default["default"].createElement("button", { type: "button", onClick: function () { return onClick(status, index); }, className: style$y[BASE_CLASS] },
@@ -5778,11 +5782,11 @@ var Component$1t = function (_a) {
             React__default["default"].createElement("p", { className: cx$M("".concat(BASE_CLASS, "__text-title"), "".concat(BASE_CLASS, "__text-title--").concat(status)) }, title),
             React__default["default"].createElement("p", { className: cx$M("".concat(BASE_CLASS, "__text-subtitle"), "".concat(BASE_CLASS, "__text-subtitle--").concat(status)) }, subtitle))));
 };
-var TimelineEvent = Component$1t;
+var TimelineEvent = Component$1w;
 
-var styles$1g = {"toggle-button-list":"mg_toggle_button_list_toggle-button-list_zejg7"};
+var styles$1j = {"toggle-button-list":"mg_toggle_button_list_toggle-button-list_zejg7"};
 
-var Component$1s = function (_a) {
+var Component$1v = function (_a) {
     var list = _a.list, toggleButtonProps = _a.toggleButtonProps, _b = _a.onChange, onChange = _b === void 0 ? function () { return ({}); } : _b, _c = _a.className, className = _c === void 0 ? '' : _c, currentSelect = _a.currentSelect;
     var _d = React.useState(), valueSelected = _d[0], setValueSelected = _d[1];
     React.useEffect(function () {
@@ -5805,19 +5809,19 @@ var Component$1s = function (_a) {
         }
         return false;
     };
-    return (React__default["default"].createElement("div", { className: "".concat(className, " ").concat(styles$1g['toggle-button-list']) }, list === null || list === void 0 ? void 0 : list.map(function (_a) {
+    return (React__default["default"].createElement("div", { className: "".concat(className, " ").concat(styles$1j['toggle-button-list']) }, list === null || list === void 0 ? void 0 : list.map(function (_a) {
         var _b = _a.id, id = _b === void 0 ? '' : _b, _c = _a.name, name = _c === void 0 ? '' : _c, customIcon = _a.customIcon;
         return (React__default["default"].createElement(ToggleButton, __assign({}, toggleButtonProps, { customIcon: customIcon, currentSelect: valueHasSelected(+id), key: id, id: id, name: name, onChange: onHandleChange })));
     })));
 };
-var ToggleButtonList = Component$1s;
+var ToggleButtonList = Component$1v;
 
-var Component$1r = function (_a) {
+var Component$1u = function (_a) {
     var listMenuUserProps = _a.listMenuUserProps, profileImage = _a.profileImage, _b = _a.clickOut, clickOut = _b === void 0 ? false : _b, _c = _a.setClickOut, setClickOut = _c === void 0 ? function () { return ({}); } : _c;
     return (React__default["default"].createElement(Popover, { widthBase: 40, show: clickOut, content: React__default["default"].createElement(ListMenuIcons, __assign({}, listMenuUserProps)), positionX: "left", positionY: "bottom" },
         React__default["default"].createElement(Avatar, __assign({}, profileImage, { onClick: function () { return setClickOut(!clickOut); } }))));
 };
-var UserMenu = withClickOut(Component$1r);
+var UserMenu = withClickOut(Component$1u);
 
 var userMenuAnalystIcons = {
     helpImprove: MagicStarBlackOutline,
@@ -5832,11 +5836,11 @@ var userMenuAnalystIcons = {
     recoverPassword: Security
 };
 
-var styles$1f = {"magneto-ui-user-menu-analyst-options":"mg_user_menu_analyst_options_magneto-ui-user-menu-analyst-options_1vrkj","magneto-ui-user-menu-analyst-options__divider":"mg_user_menu_analyst_options_magneto-ui-user-menu-analyst-options_divider_1vrkj"};
+var styles$1i = {"magneto-ui-user-menu-analyst-options":"mg_user_menu_analyst_options_magneto-ui-user-menu-analyst-options_1vrkj","magneto-ui-user-menu-analyst-options__divider":"mg_user_menu_analyst_options_magneto-ui-user-menu-analyst-options_divider_1vrkj"};
 
-var styles$1e = {"magneto-ui-user-menu-analyst-option-default":"mg_user_menu_analyst_option_default_magneto-ui-user-menu-analyst-option-default_m64bi","magneto-ui-user-menu-analyst-option-default__container":"mg_user_menu_analyst_option_default_magneto-ui-user-menu-analyst-option-default_container_m64bi","magneto-ui-user-menu-analyst-option-default--button":"mg_user_menu_analyst_option_default_magneto-ui-user-menu-analyst-option-default--button_m64bi","magneto-ui-user-menu-analyst-option-default--underline":"mg_user_menu_analyst_option_default_magneto-ui-user-menu-analyst-option-default--underline_m64bi"};
+var styles$1h = {"magneto-ui-user-menu-analyst-option-default":"mg_user_menu_analyst_option_default_magneto-ui-user-menu-analyst-option-default_m64bi","magneto-ui-user-menu-analyst-option-default__container":"mg_user_menu_analyst_option_default_magneto-ui-user-menu-analyst-option-default_container_m64bi","magneto-ui-user-menu-analyst-option-default--button":"mg_user_menu_analyst_option_default_magneto-ui-user-menu-analyst-option-default--button_m64bi","magneto-ui-user-menu-analyst-option-default--underline":"mg_user_menu_analyst_option_default_magneto-ui-user-menu-analyst-option-default--underline_m64bi"};
 
-var Component$1q = function (_a) {
+var Component$1t = function (_a) {
     var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, option = _a.option, prefix = _a.prefix, suffix = _a.suffix, url = _a.url;
     var _b = option.rel, rel = _b === void 0 ? 'noreferrer' : _b, _c = option.target, target = _c === void 0 ? '_self' : _c;
     var handleOnClick = React.useCallback(function () {
@@ -5850,12 +5854,12 @@ var Component$1q = function (_a) {
         }
     }, [handleModal, handleMenuOpen, option]);
     return (React__default["default"].createElement("span", { className: CNM.get({
-            styles: styles$1e,
+            styles: styles$1h,
             cls: [getOptionTypeStyles(option.type), 'user-menu-analyst-option-default', className]
         }) },
         prefix,
         React__default["default"].createElement(MenuIcon, { className: CNM.get({
-                styles: styles$1e,
+                styles: styles$1h,
                 cls: ['user-menu-analyst-option-default__container']
             }), text: option.title || '', icon: option.icon && userMenuAnalystIcons[option.icon] ? userMenuAnalystIcons[option.icon] : option.icon, iconProps: { showDefaultFallback: false }, iconSize: 18, url: url, type: typeof option.data === 'function' || option.modal ? 'button' : 'link', onClick: handleOnClick, target: target, rel: rel }),
         suffix));
@@ -5863,31 +5867,31 @@ var Component$1q = function (_a) {
 /**
  * Molecule UI great-grand child component of menu dropdown
  */
-var UserMenuAnalystOptionDefault = React__default["default"].memo(Component$1q);
+var UserMenuAnalystOptionDefault = React__default["default"].memo(Component$1t);
 
-var styles$1d = {"magneto-ui-user-menu-analyst-option-hover":"mg_user_menu_analyst_option_hover_magneto-ui-user-menu-analyst-option-hover_yk2al","magneto-ui-user-menu-analyst-option-hover__default":"mg_user_menu_analyst_option_hover_magneto-ui-user-menu-analyst-option-hover_default_yk2al"};
+var styles$1g = {"magneto-ui-user-menu-analyst-option-hover":"mg_user_menu_analyst_option_hover_magneto-ui-user-menu-analyst-option-hover_yk2al","magneto-ui-user-menu-analyst-option-hover__default":"mg_user_menu_analyst_option_hover_magneto-ui-user-menu-analyst-option-hover_default_yk2al"};
 
-var Component$1p = function (_a) {
+var Component$1s = function (_a) {
     var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, option = _a.option, prefix = _a.prefix, suffix = _a.suffix, url = _a.url;
     return (React__default["default"].createElement("span", { className: CNM.get({
-            styles: styles$1d,
+            styles: styles$1g,
             cls: [className, 'user-menu-analyst-option-hover']
         }) },
         prefix,
-        React__default["default"].createElement(UserMenuAnalystOptionDefault, { className: CNM.get({ styles: styles$1d, cls: ['user-menu-analyst-option-hover__default'] }), handleMenuOpen: handleMenuOpen, handleModal: handleModal, option: option, url: url }),
+        React__default["default"].createElement(UserMenuAnalystOptionDefault, { className: CNM.get({ styles: styles$1g, cls: ['user-menu-analyst-option-hover__default'] }), handleMenuOpen: handleMenuOpen, handleModal: handleModal, option: option, url: url }),
         suffix));
 };
 /**
  * Molecule UI great-grand child component of menu dropdown
  */
-var UserMenuAnalystOptionHover = React__default["default"].memo(Component$1p);
+var UserMenuAnalystOptionHover = React__default["default"].memo(Component$1s);
 
-var styles$1c = {"magneto-ui-user-menu-analyst-option-text":"mg_user_menu_analyst_option_text_magneto-ui-user-menu-analyst-option-text_30oi7"};
+var styles$1f = {"magneto-ui-user-menu-analyst-option-text":"mg_user_menu_analyst_option_text_magneto-ui-user-menu-analyst-option-text_30oi7"};
 
-var Component$1o = function (_a) {
+var Component$1r = function (_a) {
     var option = _a.option, className = _a.className;
     return (React__default["default"].createElement("span", { className: CNM.get({
-            styles: styles$1c,
+            styles: styles$1f,
             cls: [className, 'user-menu-analyst-option-text']
         }) },
         React__default["default"].createElement("p", null, option.title)));
@@ -5895,9 +5899,9 @@ var Component$1o = function (_a) {
 /**
  * Molecule UI great-grand child component of menu dropdown
  */
-var UserMenuAnalystOptionText = React__default["default"].memo(Component$1o);
+var UserMenuAnalystOptionText = React__default["default"].memo(Component$1r);
 
-var Component$1n = function (_a) {
+var Component$1q = function (_a) {
     var actions = _a.actions, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, getUrl = _a.getUrl, option = _a.option;
     return (React__default["default"].createElement(React__default["default"].Fragment, null, actions.map(function (action, index) { return (React__default["default"].createElement(Tooltip, { key: "".concat(action.title, "-").concat(index), title: action.title || '', position: "bottom", width: "fit-content" },
         React__default["default"].createElement(Action, { action: action, getUrl: getUrl, option: option, handleModal: handleModal, handleMenuOpen: handleMenuOpen },
@@ -5917,7 +5921,7 @@ var Action = function (_a) {
 /**
  * Molecule UI great-grand child component of menu dropdown
  */
-var UserMenuAnalystOptionActions = React__default["default"].memo(Component$1n);
+var UserMenuAnalystOptionActions = React__default["default"].memo(Component$1q);
 
 var EUserMenuAnalystOptionType;
 (function (EUserMenuAnalystOptionType) {
@@ -5943,28 +5947,28 @@ var optionTypes = (_b = {},
     _b);
 var getOptionType = function (type) { return (type ? optionTypes[type] : UserMenuAnalystOptionDefault); };
 
-var styles$1b = {"magneto-ui-user-menu-analyst-title__title":"mg_user_menu_analyst_title_magneto-ui-user-menu-analyst-title_title_1djbn","magneto-ui-user-menu-analyst-title__subtitle":"mg_user_menu_analyst_title_magneto-ui-user-menu-analyst-title_subtitle_1djbn","magneto-ui-user-menu-analyst-title__subtitle--first":"mg_user_menu_analyst_title_magneto-ui-user-menu-analyst-title_subtitle--first_1djbn","magneto-ui-user-menu-analyst-title__subtitle--last":"mg_user_menu_analyst_title_magneto-ui-user-menu-analyst-title_subtitle--last_1djbn"};
+var styles$1e = {"magneto-ui-user-menu-analyst-title__title":"mg_user_menu_analyst_title_magneto-ui-user-menu-analyst-title_title_1djbn","magneto-ui-user-menu-analyst-title__subtitle":"mg_user_menu_analyst_title_magneto-ui-user-menu-analyst-title_subtitle_1djbn","magneto-ui-user-menu-analyst-title__subtitle--first":"mg_user_menu_analyst_title_magneto-ui-user-menu-analyst-title_subtitle--first_1djbn","magneto-ui-user-menu-analyst-title__subtitle--last":"mg_user_menu_analyst_title_magneto-ui-user-menu-analyst-title_subtitle--last_1djbn"};
 
-var Component$1m = function (_a) {
+var Component$1p = function (_a) {
     var subTitle = _a.subTitle, title = _a.title;
     var separatorIndex = subTitle === null || subTitle === void 0 ? void 0 : subTitle.indexOf(':');
     return (React__default["default"].createElement("div", null,
-        React__default["default"].createElement("span", { className: CNM.get({ styles: styles$1b, cls: ['user-menu-analyst-title__title'] }) }, title),
+        React__default["default"].createElement("span", { className: CNM.get({ styles: styles$1e, cls: ['user-menu-analyst-title__title'] }) }, title),
         subTitle && separatorIndex && (React__default["default"].createElement("div", null,
             React__default["default"].createElement("span", { className: CNM.get({
-                    styles: styles$1b,
+                    styles: styles$1e,
                     cls: ['user-menu-analyst-title__subtitle', 'user-menu-analyst-title__subtitle--first']
                 }) }, subTitle.slice(0, separatorIndex + 1).trim() + ' '),
             React__default["default"].createElement("span", { className: CNM.get({
-                    styles: styles$1b,
+                    styles: styles$1e,
                     cls: ['user-menu-analyst-title__subtitle', 'user-menu-analyst-title__subtitle--last']
                 }) }, subTitle.slice(separatorIndex + 1).trim())))));
 };
-var UserMenuAnalystTitle = Component$1m;
+var UserMenuAnalystTitle = Component$1p;
 
-var styles$1a = {"magneto-ui-user-menu-analyst-option__object":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_object_jswqx","magneto-ui-user-menu-analyst-option__dropdown-title":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_dropdown-title_jswqx","magneto-ui-user-menu-analyst-option__dropdown":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_dropdown_jswqx","magneto-ui-user-menu-analyst-option__dropdown-list":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_dropdown-list_jswqx","magneto-ui-user-menu-analyst-option__empty-text":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_empty-text_jswqx","magneto-ui-user-menu-analyst-option__arrow":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_arrow_jswqx"};
+var styles$1d = {"magneto-ui-user-menu-analyst-option__object":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_object_jswqx","magneto-ui-user-menu-analyst-option__dropdown-title":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_dropdown-title_jswqx","magneto-ui-user-menu-analyst-option__dropdown":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_dropdown_jswqx","magneto-ui-user-menu-analyst-option__dropdown-list":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_dropdown-list_jswqx","magneto-ui-user-menu-analyst-option__empty-text":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_empty-text_jswqx","magneto-ui-user-menu-analyst-option__arrow":"mg_user_menu_analyst_option_magneto-ui-user-menu-analyst-option_arrow_jswqx"};
 
-var Component$1l = function (_a) {
+var Component$1o = function (_a) {
     var _b;
     var classNames = _a.classNames, option = _a.option, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, isOpen = _a.isOpen, _c = _a.queryString, queryString = _c === void 0 ? {} : _c;
     var _d = React.useState(false), isOpenDropdown = _d[0], setIsOpenDropdown = _d[1];
@@ -5990,13 +5994,13 @@ var Component$1l = function (_a) {
         var OptionType = getOptionType(option.type);
         if (!OptionType)
             return null;
-        return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1a, cls: ['user-menu-analyst-option__object'] }) },
-            React__default["default"].createElement(OptionType, { className: CNM.get({ styles: styles$1a, cls: [classNames === null || classNames === void 0 ? void 0 : classNames.link] }), option: option, url: url(option), handleModal: handleModal, handleMenuOpen: handleMenuOpen, prefix: React__default["default"].createElement(UserMenuAnalystOptionActions, { actions: option.prefix || [], getUrl: url, handleModal: handleModal, handleMenuOpen: handleMenuOpen, option: option }), suffix: React__default["default"].createElement(UserMenuAnalystOptionActions, { actions: option.suffix || [], getUrl: url, handleModal: handleModal, handleMenuOpen: handleMenuOpen, option: option }) })));
+        return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1d, cls: ['user-menu-analyst-option__object'] }) },
+            React__default["default"].createElement(OptionType, { className: CNM.get({ styles: styles$1d, cls: [classNames === null || classNames === void 0 ? void 0 : classNames.link] }), option: option, url: url(option), handleModal: handleModal, handleMenuOpen: handleMenuOpen, prefix: React__default["default"].createElement(UserMenuAnalystOptionActions, { actions: option.prefix || [], getUrl: url, handleModal: handleModal, handleMenuOpen: handleMenuOpen, option: option }), suffix: React__default["default"].createElement(UserMenuAnalystOptionActions, { actions: option.suffix || [], getUrl: url, handleModal: handleModal, handleMenuOpen: handleMenuOpen, option: option }) })));
     }
-    return (React__default["default"].createElement(MenuDropdown, { title: React__default["default"].createElement(UserMenuAnalystTitle, { title: option.title || '', subTitle: option.subTitle }), opened: isOpenDropdown, onClick: function () { return setIsOpenDropdown(!isOpenDropdown); }, listClassName: CNM.get({ styles: styles$1a, cls: ['user-menu-analyst-option__dropdown-list'] }), suffixIcon: { icon: ArrowLeft2, className: CNM.get({ styles: styles$1a, cls: ['user-menu-analyst-option__arrow'] }) }, prefixIcon: {
+    return (React__default["default"].createElement(MenuDropdown, { title: React__default["default"].createElement(UserMenuAnalystTitle, { title: option.title || '', subTitle: option.subTitle }), opened: isOpenDropdown, onClick: function () { return setIsOpenDropdown(!isOpenDropdown); }, listClassName: CNM.get({ styles: styles$1d, cls: ['user-menu-analyst-option__dropdown-list'] }), suffixIcon: { icon: ArrowLeft2, className: CNM.get({ styles: styles$1d, cls: ['user-menu-analyst-option__arrow'] }) }, prefixIcon: {
             icon: option.icon && userMenuAnalystIcons[option.icon] ? userMenuAnalystIcons[option.icon] : option.icon
         }, className: CNM.get({
-            styles: styles$1a,
+            styles: styles$1d,
             cls: [
                 'user-menu-analyst-option__dropdown',
                 isOpenDropdown && 'user-menu-analyst-option__dropdown--open',
@@ -6005,8 +6009,8 @@ var Component$1l = function (_a) {
         }) }, (_b = option.data) === null || _b === void 0 ? void 0 : _b.map(function (item, i) {
         var _a;
         return (React__default["default"].createElement(React__default["default"].Fragment, { key: "option-".concat(item.title, "-").concat(i) },
-            item.title && (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$1a, cls: ['user-menu-analyst-option__dropdown-title'] }) }, item.title)), (_a = item === null || item === void 0 ? void 0 : item.children) === null || _a === void 0 ? void 0 :
-            _a.map(function (child, j) { return (React__default["default"].createElement(Component$1l, { key: "option-".concat(child.title, "-").concat(j), classNames: {
+            item.title && (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$1d, cls: ['user-menu-analyst-option__dropdown-title'] }) }, item.title)), (_a = item === null || item === void 0 ? void 0 : item.children) === null || _a === void 0 ? void 0 :
+            _a.map(function (child, j) { return (React__default["default"].createElement(Component$1o, { key: "option-".concat(child.title, "-").concat(j), classNames: {
                     link: (classNames === null || classNames === void 0 ? void 0 : classNames.link) || '',
                     dropdown: (classNames === null || classNames === void 0 ? void 0 : classNames.dropdown) || ''
                 }, option: child, queryString: queryString, handleModal: handleModal, handleMenuOpen: handleMenuOpen })); })));
@@ -6015,27 +6019,27 @@ var Component$1l = function (_a) {
 /**
  * Molecule UI grand child component of menu dropdown
  */
-var UserMenuAnalystOption = Component$1l;
+var UserMenuAnalystOption = Component$1o;
 
-var Component$1k = function (_a) {
+var Component$1n = function (_a) {
     var className = _a.className, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, isMenuOpen = _a.isMenuOpen, optionClassNames = _a.optionClassNames, options = _a.options, queryString = _a.queryString;
     var isLastSection = React.useMemo(function () { return (options === null || options === void 0 ? void 0 : options.length) === 1; }, [options]);
-    return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1f, cls: ['user-menu-analyst-options', className] }) }, options === null || options === void 0 ? void 0 : options.map(function (option, i) {
+    return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1i, cls: ['user-menu-analyst-options', className] }) }, options === null || options === void 0 ? void 0 : options.map(function (option, i) {
         var _a;
         return (React__default["default"].createElement(React__default["default"].Fragment, { key: "user-menu-analyst-section-".concat(i) }, (_a = option.children) === null || _a === void 0 ? void 0 :
             _a.map(function (item, j) { return (React__default["default"].createElement(UserMenuAnalystOption, { key: "user-menu-analyst-option-".concat(j), isOpen: isMenuOpen, option: item, classNames: optionClassNames, queryString: queryString, handleModal: handleModal, handleMenuOpen: handleMenuOpen })); }),
-            !isLastSection && i < options.length - 1 && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1f, cls: ['user-menu-analyst-options__divider'] }) },
+            !isLastSection && i < options.length - 1 && (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1i, cls: ['user-menu-analyst-options__divider'] }) },
                 React__default["default"].createElement(Divider, null)))));
     })));
 };
 /**
  * Molecule UI child component of user menu analyst
  */
-var UserMenuAnalystOptions = Component$1k;
+var UserMenuAnalystOptions = Component$1n;
 
-var styles$19 = {"magneto-ui-user-menu-analyst":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_x7jdf","magneto-ui-user-menu-analyst__header":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_header_x7jdf","magneto-ui-user-menu-analyst__user":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user_x7jdf","magneto-ui-user-menu-analyst__user-info":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info_x7jdf","magneto-ui-user-menu-analyst__user-info--name":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info--name_x7jdf","magneto-ui-user-menu-analyst__user-info--mail":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info--mail_x7jdf","magneto-ui-user-menu-analyst__user-info--title":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info--title_x7jdf","magneto-ui-user-menu-analyst__user-info--action":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info--action_x7jdf","magneto-ui-user-menu-analyst__company":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_company_x7jdf","magneto-ui-user-menu-analyst__company--empty":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_company--empty_x7jdf","magneto-ui-user-menu-analyst__company-dropdown":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_company-dropdown_x7jdf"};
+var styles$1c = {"magneto-ui-user-menu-analyst":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_x7jdf","magneto-ui-user-menu-analyst__header":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_header_x7jdf","magneto-ui-user-menu-analyst__user":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user_x7jdf","magneto-ui-user-menu-analyst__user-info":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info_x7jdf","magneto-ui-user-menu-analyst__user-info--name":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info--name_x7jdf","magneto-ui-user-menu-analyst__user-info--mail":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info--mail_x7jdf","magneto-ui-user-menu-analyst__user-info--title":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info--title_x7jdf","magneto-ui-user-menu-analyst__user-info--action":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_user-info--action_x7jdf","magneto-ui-user-menu-analyst__company":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_company_x7jdf","magneto-ui-user-menu-analyst__company--empty":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_company--empty_x7jdf","magneto-ui-user-menu-analyst__company-dropdown":"mg_user_menu_analyst_magneto-ui-user-menu-analyst_company-dropdown_x7jdf"};
 
-var Component$1j = function (_a) {
+var Component$1m = function (_a) {
     var action = _a.action, headerSections = _a.headerSections, handleModal = _a.handleModal, handleMenuOpen = _a.handleMenuOpen, _b = _a.isMenuOpen, isMenuOpen = _b === void 0 ? false : _b, footerSections = _a.footerSections, user = _a.user, _c = _a.queryString, queryString = _c === void 0 ? {} : _c;
     var avatar = React.useMemo(function () { return user.avatar || UserRoundedGray; }, [user]);
     var actionUrl = React.useMemo(function () {
@@ -6053,58 +6057,58 @@ var Component$1j = function (_a) {
                 : action.data;
         }
     }, [action, queryString]);
-    return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$19, cls: ['user-menu-analyst'] }) },
-        React__default["default"].createElement("header", { className: CNM.get({ styles: styles$19, cls: ['user-menu-analyst__header'] }) },
-            React__default["default"].createElement("div", { className: CNM.get({ styles: styles$19, cls: ['user-menu-analyst__user'] }) },
+    return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1c, cls: ['user-menu-analyst'] }) },
+        React__default["default"].createElement("header", { className: CNM.get({ styles: styles$1c, cls: ['user-menu-analyst__header'] }) },
+            React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1c, cls: ['user-menu-analyst__user'] }) },
                 React__default["default"].createElement(Avatar, { userImage: avatar, fallbackImage: UserRoundedGray }),
-                React__default["default"].createElement("div", { className: CNM.get({ styles: styles$19, cls: ['user-menu-analyst__user-info'] }) },
-                    React__default["default"].createElement("span", { className: CNM.get({ styles: styles$19, cls: ['user-menu-analyst__user-info--name'] }) }, user.name),
-                    React__default["default"].createElement("span", { className: CNM.get({ styles: styles$19, cls: ['user-menu-analyst__user-info--mail'] }) }, user.email),
-                    action ? (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$19, cls: ['user-menu-analyst__user-info--action'] }) },
+                React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1c, cls: ['user-menu-analyst__user-info'] }) },
+                    React__default["default"].createElement("span", { className: CNM.get({ styles: styles$1c, cls: ['user-menu-analyst__user-info--name'] }) }, user.name),
+                    React__default["default"].createElement("span", { className: CNM.get({ styles: styles$1c, cls: ['user-menu-analyst__user-info--mail'] }) }, user.email),
+                    action ? (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$1c, cls: ['user-menu-analyst__user-info--action'] }) },
                         React__default["default"].createElement(IconItem, { showDefaultFallback: false, size: 14, icon: action.icon && userMenuAnalystIcons[action.icon] ? userMenuAnalystIcons[action.icon] : action.icon }),
-                        typeof action.data === 'string' ? (React__default["default"].createElement(Link, { text: action.title, href: actionUrl, rel: action.rel, target: action.target })) : (React__default["default"].createElement("button", { onClick: action.data }, action.title)))) : (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$19, cls: ['user-menu-analyst__user-info--title'] }) }, user.title)))),
+                        typeof action.data === 'string' ? (React__default["default"].createElement(Link, { text: action.title, href: actionUrl, rel: action.rel, target: action.target })) : (React__default["default"].createElement("button", { onClick: action.data }, action.title)))) : (React__default["default"].createElement("span", { className: CNM.get({ styles: styles$1c, cls: ['user-menu-analyst__user-info--title'] }) }, user.title)))),
             headerSections && (React__default["default"].createElement(UserMenuAnalystOptions, { options: headerSections || [], queryString: queryString, isMenuOpen: isMenuOpen, handleModal: handleModal, handleMenuOpen: handleMenuOpen, className: CNM.get({
-                    styles: styles$19,
+                    styles: styles$1c,
                     cls: ['user-menu-analyst__company', (headerSections === null || headerSections === void 0 ? void 0 : headerSections.length) === 0 && 'user-menu-analyst__company--empty']
                 }), optionClassNames: {
-                    link: CNM.get({ styles: styles$19, cls: ['user-menu-analyst__company-link'] }),
-                    dropdown: CNM.get({ styles: styles$19, cls: ['user-menu-analyst__company-dropdown'] })
+                    link: CNM.get({ styles: styles$1c, cls: ['user-menu-analyst__company-link'] }),
+                    dropdown: CNM.get({ styles: styles$1c, cls: ['user-menu-analyst__company-dropdown'] })
                 } }))),
         footerSections && (footerSections === null || footerSections === void 0 ? void 0 : footerSections.length) > 0 && (React__default["default"].createElement(UserMenuAnalystOptions, { handleModal: handleModal, handleMenuOpen: handleMenuOpen, options: footerSections || [], queryString: queryString }))));
 };
 /**
  * Molecule UI component for user menu
  */
-var UserMenuAnalyst = Component$1j;
+var UserMenuAnalyst = Component$1m;
 
-var styles$18 = {"magneto-ui-user-menu-wrapper-analyst-dropdown":"mg_user_menu_wrapper_analyst_dropdown_magneto-ui-user-menu-wrapper-analyst-dropdown_1rwtz"};
+var styles$1b = {"magneto-ui-user-menu-wrapper-analyst-dropdown":"mg_user_menu_wrapper_analyst_dropdown_magneto-ui-user-menu-wrapper-analyst-dropdown_1rwtz"};
 
-var Component$1i = function (_a) {
+var Component$1l = function (_a) {
     var action = _a.action, user = _a.user, _b = _a.clickOut, clickOut = _b === void 0 ? false : _b, handleModal = _a.handleModal, _c = _a.setClickOut, setClickOut = _c === void 0 ? function () { return ({}); } : _c, footerSections = _a.footerSections, headerSections = _a.headerSections;
-    return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$18, cls: ['user-menu-wrapper-analyst-dropdown'] }) },
+    return (React__default["default"].createElement("div", { className: CNM.get({ styles: styles$1b, cls: ['user-menu-wrapper-analyst-dropdown'] }) },
         React__default["default"].createElement(Popover, { widthBase: 'auto', show: clickOut, content: React__default["default"].createElement(UserMenuAnalyst, { isMenuOpen: clickOut, user: user, action: action, handleModal: handleModal, handleMenuOpen: setClickOut, headerSections: headerSections, footerSections: footerSections }), positionX: "left", positionY: "bottom" },
             React__default["default"].createElement(UserMenuButtonAnalyst, { user: user.name, title: user.title, onClick: function () { return setClickOut(!clickOut); } }))));
 };
 /**
  * Molecule UI child component of user menu analyst wrapper
  */
-var UserMenuWrapperAnalystDropdown = withClickOut(Component$1i);
+var UserMenuWrapperAnalystDropdown = withClickOut(Component$1l);
 
-var styles$17 = {"magneto-ui-user-menu-wrapper-analyst-modal":"mg_user_menu_wrapper_analyst_modal_magneto-ui-user-menu-wrapper-analyst-modal_b9ktw"};
+var styles$1a = {"magneto-ui-user-menu-wrapper-analyst-modal":"mg_user_menu_wrapper_analyst_modal_magneto-ui-user-menu-wrapper-analyst-modal_b9ktw"};
 
-var Component$1h = function (_a) {
+var Component$1k = function (_a) {
     var action = _a.action, _b = _a.clickOut, clickOut = _b === void 0 ? false : _b, footerSections = _a.footerSections, headerSections = _a.headerSections, handleModal = _a.handleModal, _c = _a.setClickOut, setClickOut = _c === void 0 ? function () { return ({}); } : _c, user = _a.user;
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        React__default["default"].createElement(MobileDrawer, { isOpen: clickOut, onClose: function () { return setClickOut(!clickOut); }, className: CNM.get({ styles: styles$17, cls: ['user-menu-wrapper-analyst-modal'] }) },
+        React__default["default"].createElement(MobileDrawer, { isOpen: clickOut, onClose: function () { return setClickOut(!clickOut); }, className: CNM.get({ styles: styles$1a, cls: ['user-menu-wrapper-analyst-modal'] }) },
             React__default["default"].createElement(UserMenuAnalyst, { isMenuOpen: clickOut, user: user, action: action, handleModal: handleModal, handleMenuOpen: setClickOut, headerSections: headerSections, footerSections: footerSections })),
         React__default["default"].createElement(UserMenuButtonAnalyst, { user: user.name, title: user.title, onClick: function () { return setClickOut(true); } })));
 };
 /**
  * Molecule UI child component of user menu analyst wrapper
  */
-var UserMenuWrapperAnalystModal = Component$1h;
+var UserMenuWrapperAnalystModal = Component$1k;
 
-var Component$1g = function (_a) {
+var Component$1j = function (_a) {
     var props = __rest(_a, []);
     var _b = React.useState(false), visible = _b[0], setVisible = _b[1];
     React.useEffect(function () {
@@ -6126,7 +6130,169 @@ var Component$1g = function (_a) {
 /**
  * Molecule UI component for user menu wrapper analyst
  */
-var UserMenuWrapperAnalyst = Component$1g;
+var UserMenuWrapperAnalyst = Component$1j;
+
+var styles$19 = {"w-inherit":"mg_scrollable_tab_w-inherit_1fa50","w-none":"mg_scrollable_tab_w-none_1fa50","w-auto":"mg_scrollable_tab_w-auto_1fa50","w-full":"mg_scrollable_tab_w-full_1fa50","w-min":"mg_scrollable_tab_w-min_1fa50","w-xxs":"mg_scrollable_tab_w-xxs_1fa50","w-xs":"mg_scrollable_tab_w-xs_1fa50","w-sm":"mg_scrollable_tab_w-sm_1fa50","w-sm-2":"mg_scrollable_tab_w-sm-2_1fa50","w-md":"mg_scrollable_tab_w-md_1fa50","w-md-2":"mg_scrollable_tab_w-md-2_1fa50","w-lg":"mg_scrollable_tab_w-lg_1fa50","w-xl":"mg_scrollable_tab_w-xl_1fa50","w-2xl":"mg_scrollable_tab_w-2xl_1fa50","w-3xl":"mg_scrollable_tab_w-3xl_1fa50","w-4xl":"mg_scrollable_tab_w-4xl_1fa50","w-container-xxs":"mg_scrollable_tab_w-container-xxs_1fa50","w-container-xs":"mg_scrollable_tab_w-container-xs_1fa50","w-container-sm":"mg_scrollable_tab_w-container-sm_1fa50","w-container-md":"mg_scrollable_tab_w-container-md_1fa50","w-container-lg":"mg_scrollable_tab_w-container-lg_1fa50","w-container-xl":"mg_scrollable_tab_w-container-xl_1fa50","w-container-2xl":"mg_scrollable_tab_w-container-2xl_1fa50","w-container-3xl":"mg_scrollable_tab_w-container-3xl_1fa50","min-w-inherit":"mg_scrollable_tab_min-w-inherit_1fa50","min-w-none":"mg_scrollable_tab_min-w-none_1fa50","min-w-auto":"mg_scrollable_tab_min-w-auto_1fa50","min-w-full":"mg_scrollable_tab_min-w-full_1fa50","min-w-min":"mg_scrollable_tab_min-w-min_1fa50","min-w-xxs":"mg_scrollable_tab_min-w-xxs_1fa50","min-w-xs":"mg_scrollable_tab_min-w-xs_1fa50","min-w-sm":"mg_scrollable_tab_min-w-sm_1fa50","min-w-sm-2":"mg_scrollable_tab_min-w-sm-2_1fa50","min-w-md":"mg_scrollable_tab_min-w-md_1fa50","min-w-md-2":"mg_scrollable_tab_min-w-md-2_1fa50","min-w-lg":"mg_scrollable_tab_min-w-lg_1fa50","min-w-xl":"mg_scrollable_tab_min-w-xl_1fa50","min-w-2xl":"mg_scrollable_tab_min-w-2xl_1fa50","min-w-3xl":"mg_scrollable_tab_min-w-3xl_1fa50","min-w-4xl":"mg_scrollable_tab_min-w-4xl_1fa50","min-w-container-xxs":"mg_scrollable_tab_min-w-container-xxs_1fa50","min-w-container-xs":"mg_scrollable_tab_min-w-container-xs_1fa50","min-w-container-sm":"mg_scrollable_tab_min-w-container-sm_1fa50","min-w-container-md":"mg_scrollable_tab_min-w-container-md_1fa50","min-w-container-lg":"mg_scrollable_tab_min-w-container-lg_1fa50","min-w-container-xl":"mg_scrollable_tab_min-w-container-xl_1fa50","min-w-container-2xl":"mg_scrollable_tab_min-w-container-2xl_1fa50","min-w-container-3xl":"mg_scrollable_tab_min-w-container-3xl_1fa50","h-inherit":"mg_scrollable_tab_h-inherit_1fa50","h-none":"mg_scrollable_tab_h-none_1fa50","h-auto":"mg_scrollable_tab_h-auto_1fa50","h-full":"mg_scrollable_tab_h-full_1fa50","h-min":"mg_scrollable_tab_h-min_1fa50","h-xxs":"mg_scrollable_tab_h-xxs_1fa50","h-xs":"mg_scrollable_tab_h-xs_1fa50","h-sm":"mg_scrollable_tab_h-sm_1fa50","h-sm-2":"mg_scrollable_tab_h-sm-2_1fa50","h-md":"mg_scrollable_tab_h-md_1fa50","h-md-2":"mg_scrollable_tab_h-md-2_1fa50","h-lg":"mg_scrollable_tab_h-lg_1fa50","h-xl":"mg_scrollable_tab_h-xl_1fa50","h-2xl":"mg_scrollable_tab_h-2xl_1fa50","h-3xl":"mg_scrollable_tab_h-3xl_1fa50","h-4xl":"mg_scrollable_tab_h-4xl_1fa50","h-container-xxs":"mg_scrollable_tab_h-container-xxs_1fa50","h-container-xs":"mg_scrollable_tab_h-container-xs_1fa50","h-container-sm":"mg_scrollable_tab_h-container-sm_1fa50","h-container-md":"mg_scrollable_tab_h-container-md_1fa50","h-container-lg":"mg_scrollable_tab_h-container-lg_1fa50","h-container-xl":"mg_scrollable_tab_h-container-xl_1fa50","h-container-2xl":"mg_scrollable_tab_h-container-2xl_1fa50","h-container-3xl":"mg_scrollable_tab_h-container-3xl_1fa50","min-h-inherit":"mg_scrollable_tab_min-h-inherit_1fa50","min-h-none":"mg_scrollable_tab_min-h-none_1fa50","min-h-auto":"mg_scrollable_tab_min-h-auto_1fa50","min-h-full":"mg_scrollable_tab_min-h-full_1fa50","min-h-min":"mg_scrollable_tab_min-h-min_1fa50","min-h-xxs":"mg_scrollable_tab_min-h-xxs_1fa50","min-h-xs":"mg_scrollable_tab_min-h-xs_1fa50","min-h-sm":"mg_scrollable_tab_min-h-sm_1fa50","min-h-sm-2":"mg_scrollable_tab_min-h-sm-2_1fa50","min-h-md":"mg_scrollable_tab_min-h-md_1fa50","min-h-md-2":"mg_scrollable_tab_min-h-md-2_1fa50","min-h-lg":"mg_scrollable_tab_min-h-lg_1fa50","min-h-xl":"mg_scrollable_tab_min-h-xl_1fa50","min-h-2xl":"mg_scrollable_tab_min-h-2xl_1fa50","min-h-3xl":"mg_scrollable_tab_min-h-3xl_1fa50","min-h-4xl":"mg_scrollable_tab_min-h-4xl_1fa50","min-h-container-xxs":"mg_scrollable_tab_min-h-container-xxs_1fa50","min-h-container-xs":"mg_scrollable_tab_min-h-container-xs_1fa50","min-h-container-sm":"mg_scrollable_tab_min-h-container-sm_1fa50","min-h-container-md":"mg_scrollable_tab_min-h-container-md_1fa50","min-h-container-lg":"mg_scrollable_tab_min-h-container-lg_1fa50","min-h-container-xl":"mg_scrollable_tab_min-h-container-xl_1fa50","min-h-container-2xl":"mg_scrollable_tab_min-h-container-2xl_1fa50","min-h-container-3xl":"mg_scrollable_tab_min-h-container-3xl_1fa50","sq-inherit":"mg_scrollable_tab_sq-inherit_1fa50","sq-none":"mg_scrollable_tab_sq-none_1fa50","sq-auto":"mg_scrollable_tab_sq-auto_1fa50","sq-full":"mg_scrollable_tab_sq-full_1fa50","sq-min":"mg_scrollable_tab_sq-min_1fa50","sq-xxs":"mg_scrollable_tab_sq-xxs_1fa50","sq-xs":"mg_scrollable_tab_sq-xs_1fa50","sq-sm":"mg_scrollable_tab_sq-sm_1fa50","sq-sm-2":"mg_scrollable_tab_sq-sm-2_1fa50","sq-md":"mg_scrollable_tab_sq-md_1fa50","sq-md-2":"mg_scrollable_tab_sq-md-2_1fa50","sq-lg":"mg_scrollable_tab_sq-lg_1fa50","sq-xl":"mg_scrollable_tab_sq-xl_1fa50","sq-2xl":"mg_scrollable_tab_sq-2xl_1fa50","sq-3xl":"mg_scrollable_tab_sq-3xl_1fa50","sq-4xl":"mg_scrollable_tab_sq-4xl_1fa50","min-sq-inherit":"mg_scrollable_tab_min-sq-inherit_1fa50","min-sq-none":"mg_scrollable_tab_min-sq-none_1fa50","min-sq-auto":"mg_scrollable_tab_min-sq-auto_1fa50","min-sq-full":"mg_scrollable_tab_min-sq-full_1fa50","min-sq-min":"mg_scrollable_tab_min-sq-min_1fa50","min-sq-xxs":"mg_scrollable_tab_min-sq-xxs_1fa50","min-sq-xs":"mg_scrollable_tab_min-sq-xs_1fa50","min-sq-sm":"mg_scrollable_tab_min-sq-sm_1fa50","min-sq-sm-2":"mg_scrollable_tab_min-sq-sm-2_1fa50","min-sq-md":"mg_scrollable_tab_min-sq-md_1fa50","min-sq-md-2":"mg_scrollable_tab_min-sq-md-2_1fa50","min-sq-lg":"mg_scrollable_tab_min-sq-lg_1fa50","min-sq-xl":"mg_scrollable_tab_min-sq-xl_1fa50","min-sq-2xl":"mg_scrollable_tab_min-sq-2xl_1fa50","min-sq-3xl":"mg_scrollable_tab_min-sq-3xl_1fa50","min-sq-4xl":"mg_scrollable_tab_min-sq-4xl_1fa50","stroke-transparent":"mg_scrollable_tab_stroke-transparent_1fa50","stroke-inherit":"mg_scrollable_tab_stroke-inherit_1fa50","stroke-current":"mg_scrollable_tab_stroke-current_1fa50","stroke-blue-dark-50":"mg_scrollable_tab_stroke-blue-dark-50_1fa50","stroke-blue-dark-100":"mg_scrollable_tab_stroke-blue-dark-100_1fa50","stroke-blue-dark-200":"mg_scrollable_tab_stroke-blue-dark-200_1fa50","stroke-blue-dark-300":"mg_scrollable_tab_stroke-blue-dark-300_1fa50","stroke-blue-dark-400":"mg_scrollable_tab_stroke-blue-dark-400_1fa50","stroke-blue-dark-500":"mg_scrollable_tab_stroke-blue-dark-500_1fa50","stroke-blue-light-50":"mg_scrollable_tab_stroke-blue-light-50_1fa50","stroke-blue-light-100":"mg_scrollable_tab_stroke-blue-light-100_1fa50","stroke-blue-light-200":"mg_scrollable_tab_stroke-blue-light-200_1fa50","stroke-blue-light-300":"mg_scrollable_tab_stroke-blue-light-300_1fa50","stroke-blue-light-400":"mg_scrollable_tab_stroke-blue-light-400_1fa50","stroke-blue-light-500":"mg_scrollable_tab_stroke-blue-light-500_1fa50","stroke-green-50":"mg_scrollable_tab_stroke-green-50_1fa50","stroke-green-100":"mg_scrollable_tab_stroke-green-100_1fa50","stroke-green-200":"mg_scrollable_tab_stroke-green-200_1fa50","stroke-green-300":"mg_scrollable_tab_stroke-green-300_1fa50","stroke-green-400":"mg_scrollable_tab_stroke-green-400_1fa50","stroke-green-500":"mg_scrollable_tab_stroke-green-500_1fa50","stroke-green-600":"mg_scrollable_tab_stroke-green-600_1fa50","stroke-grey-50":"mg_scrollable_tab_stroke-grey-50_1fa50","stroke-grey-100":"mg_scrollable_tab_stroke-grey-100_1fa50","stroke-grey-200":"mg_scrollable_tab_stroke-grey-200_1fa50","stroke-grey-300":"mg_scrollable_tab_stroke-grey-300_1fa50","stroke-grey-400":"mg_scrollable_tab_stroke-grey-400_1fa50","stroke-grey-500":"mg_scrollable_tab_stroke-grey-500_1fa50","stroke-grey-600":"mg_scrollable_tab_stroke-grey-600_1fa50","stroke-grey-700":"mg_scrollable_tab_stroke-grey-700_1fa50","stroke-grey-800":"mg_scrollable_tab_stroke-grey-800_1fa50","stroke-grey-900":"mg_scrollable_tab_stroke-grey-900_1fa50","stroke-red-50":"mg_scrollable_tab_stroke-red-50_1fa50","stroke-red-100":"mg_scrollable_tab_stroke-red-100_1fa50","stroke-red-200":"mg_scrollable_tab_stroke-red-200_1fa50","stroke-red-300":"mg_scrollable_tab_stroke-red-300_1fa50","stroke-yellow-50":"mg_scrollable_tab_stroke-yellow-50_1fa50","stroke-yellow-100":"mg_scrollable_tab_stroke-yellow-100_1fa50","stroke-yellow-200":"mg_scrollable_tab_stroke-yellow-200_1fa50","stroke-yellow-300":"mg_scrollable_tab_stroke-yellow-300_1fa50","fill-transparent":"mg_scrollable_tab_fill-transparent_1fa50","fill-inherit":"mg_scrollable_tab_fill-inherit_1fa50","fill-current":"mg_scrollable_tab_fill-current_1fa50","fill-blue-dark-50":"mg_scrollable_tab_fill-blue-dark-50_1fa50","fill-blue-dark-100":"mg_scrollable_tab_fill-blue-dark-100_1fa50","fill-blue-dark-200":"mg_scrollable_tab_fill-blue-dark-200_1fa50","fill-blue-dark-300":"mg_scrollable_tab_fill-blue-dark-300_1fa50","fill-blue-dark-400":"mg_scrollable_tab_fill-blue-dark-400_1fa50","fill-blue-dark-500":"mg_scrollable_tab_fill-blue-dark-500_1fa50","fill-blue-light-50":"mg_scrollable_tab_fill-blue-light-50_1fa50","fill-blue-light-100":"mg_scrollable_tab_fill-blue-light-100_1fa50","fill-blue-light-200":"mg_scrollable_tab_fill-blue-light-200_1fa50","fill-blue-light-300":"mg_scrollable_tab_fill-blue-light-300_1fa50","fill-blue-light-400":"mg_scrollable_tab_fill-blue-light-400_1fa50","fill-blue-light-500":"mg_scrollable_tab_fill-blue-light-500_1fa50","fill-green-50":"mg_scrollable_tab_fill-green-50_1fa50","fill-green-100":"mg_scrollable_tab_fill-green-100_1fa50","fill-green-200":"mg_scrollable_tab_fill-green-200_1fa50","fill-green-300":"mg_scrollable_tab_fill-green-300_1fa50","fill-green-400":"mg_scrollable_tab_fill-green-400_1fa50","fill-green-500":"mg_scrollable_tab_fill-green-500_1fa50","fill-green-600":"mg_scrollable_tab_fill-green-600_1fa50","fill-grey-50":"mg_scrollable_tab_fill-grey-50_1fa50","fill-grey-100":"mg_scrollable_tab_fill-grey-100_1fa50","fill-grey-200":"mg_scrollable_tab_fill-grey-200_1fa50","fill-grey-300":"mg_scrollable_tab_fill-grey-300_1fa50","fill-grey-400":"mg_scrollable_tab_fill-grey-400_1fa50","fill-grey-500":"mg_scrollable_tab_fill-grey-500_1fa50","fill-grey-600":"mg_scrollable_tab_fill-grey-600_1fa50","fill-grey-700":"mg_scrollable_tab_fill-grey-700_1fa50","fill-grey-800":"mg_scrollable_tab_fill-grey-800_1fa50","fill-grey-900":"mg_scrollable_tab_fill-grey-900_1fa50","fill-red-50":"mg_scrollable_tab_fill-red-50_1fa50","fill-red-100":"mg_scrollable_tab_fill-red-100_1fa50","fill-red-200":"mg_scrollable_tab_fill-red-200_1fa50","fill-red-300":"mg_scrollable_tab_fill-red-300_1fa50","fill-yellow-50":"mg_scrollable_tab_fill-yellow-50_1fa50","fill-yellow-100":"mg_scrollable_tab_fill-yellow-100_1fa50","fill-yellow-200":"mg_scrollable_tab_fill-yellow-200_1fa50","fill-yellow-300":"mg_scrollable_tab_fill-yellow-300_1fa50","bg-transparent":"mg_scrollable_tab_bg-transparent_1fa50","bg-inherit":"mg_scrollable_tab_bg-inherit_1fa50","bg-current":"mg_scrollable_tab_bg-current_1fa50","bg-blue-dark-50":"mg_scrollable_tab_bg-blue-dark-50_1fa50","bg-blue-dark-100":"mg_scrollable_tab_bg-blue-dark-100_1fa50","bg-blue-dark-200":"mg_scrollable_tab_bg-blue-dark-200_1fa50","bg-blue-dark-300":"mg_scrollable_tab_bg-blue-dark-300_1fa50","bg-blue-dark-400":"mg_scrollable_tab_bg-blue-dark-400_1fa50","bg-blue-dark-500":"mg_scrollable_tab_bg-blue-dark-500_1fa50","bg-blue-light-50":"mg_scrollable_tab_bg-blue-light-50_1fa50","bg-blue-light-100":"mg_scrollable_tab_bg-blue-light-100_1fa50","bg-blue-light-200":"mg_scrollable_tab_bg-blue-light-200_1fa50","bg-blue-light-300":"mg_scrollable_tab_bg-blue-light-300_1fa50","bg-blue-light-400":"mg_scrollable_tab_bg-blue-light-400_1fa50","bg-blue-light-500":"mg_scrollable_tab_bg-blue-light-500_1fa50","bg-green-50":"mg_scrollable_tab_bg-green-50_1fa50","bg-green-100":"mg_scrollable_tab_bg-green-100_1fa50","bg-green-200":"mg_scrollable_tab_bg-green-200_1fa50","bg-green-300":"mg_scrollable_tab_bg-green-300_1fa50","bg-green-400":"mg_scrollable_tab_bg-green-400_1fa50","bg-green-500":"mg_scrollable_tab_bg-green-500_1fa50","bg-green-600":"mg_scrollable_tab_bg-green-600_1fa50","bg-grey-50":"mg_scrollable_tab_bg-grey-50_1fa50","bg-grey-100":"mg_scrollable_tab_bg-grey-100_1fa50","bg-grey-200":"mg_scrollable_tab_bg-grey-200_1fa50","bg-grey-300":"mg_scrollable_tab_bg-grey-300_1fa50","bg-grey-400":"mg_scrollable_tab_bg-grey-400_1fa50","bg-grey-500":"mg_scrollable_tab_bg-grey-500_1fa50","bg-grey-600":"mg_scrollable_tab_bg-grey-600_1fa50","bg-grey-700":"mg_scrollable_tab_bg-grey-700_1fa50","bg-grey-800":"mg_scrollable_tab_bg-grey-800_1fa50","bg-grey-900":"mg_scrollable_tab_bg-grey-900_1fa50","bg-red-50":"mg_scrollable_tab_bg-red-50_1fa50","bg-red-100":"mg_scrollable_tab_bg-red-100_1fa50","bg-red-200":"mg_scrollable_tab_bg-red-200_1fa50","bg-red-300":"mg_scrollable_tab_bg-red-300_1fa50","bg-yellow-50":"mg_scrollable_tab_bg-yellow-50_1fa50","bg-yellow-100":"mg_scrollable_tab_bg-yellow-100_1fa50","bg-yellow-200":"mg_scrollable_tab_bg-yellow-200_1fa50","bg-yellow-300":"mg_scrollable_tab_bg-yellow-300_1fa50","color-transparent":"mg_scrollable_tab_color-transparent_1fa50","color-inherit":"mg_scrollable_tab_color-inherit_1fa50","color-current":"mg_scrollable_tab_color-current_1fa50","color-blue-dark-50":"mg_scrollable_tab_color-blue-dark-50_1fa50","color-blue-dark-100":"mg_scrollable_tab_color-blue-dark-100_1fa50","color-blue-dark-200":"mg_scrollable_tab_color-blue-dark-200_1fa50","color-blue-dark-300":"mg_scrollable_tab_color-blue-dark-300_1fa50","color-blue-dark-400":"mg_scrollable_tab_color-blue-dark-400_1fa50","color-blue-dark-500":"mg_scrollable_tab_color-blue-dark-500_1fa50","color-blue-light-50":"mg_scrollable_tab_color-blue-light-50_1fa50","color-blue-light-100":"mg_scrollable_tab_color-blue-light-100_1fa50","color-blue-light-200":"mg_scrollable_tab_color-blue-light-200_1fa50","color-blue-light-300":"mg_scrollable_tab_color-blue-light-300_1fa50","color-blue-light-400":"mg_scrollable_tab_color-blue-light-400_1fa50","color-blue-light-500":"mg_scrollable_tab_color-blue-light-500_1fa50","color-green-50":"mg_scrollable_tab_color-green-50_1fa50","color-green-100":"mg_scrollable_tab_color-green-100_1fa50","color-green-200":"mg_scrollable_tab_color-green-200_1fa50","color-green-300":"mg_scrollable_tab_color-green-300_1fa50","color-green-400":"mg_scrollable_tab_color-green-400_1fa50","color-green-500":"mg_scrollable_tab_color-green-500_1fa50","color-green-600":"mg_scrollable_tab_color-green-600_1fa50","color-grey-50":"mg_scrollable_tab_color-grey-50_1fa50","color-grey-100":"mg_scrollable_tab_color-grey-100_1fa50","color-grey-200":"mg_scrollable_tab_color-grey-200_1fa50","color-grey-300":"mg_scrollable_tab_color-grey-300_1fa50","color-grey-400":"mg_scrollable_tab_color-grey-400_1fa50","color-grey-500":"mg_scrollable_tab_color-grey-500_1fa50","color-grey-600":"mg_scrollable_tab_color-grey-600_1fa50","color-grey-700":"mg_scrollable_tab_color-grey-700_1fa50","color-grey-800":"mg_scrollable_tab_color-grey-800_1fa50","color-grey-900":"mg_scrollable_tab_color-grey-900_1fa50","color-red-50":"mg_scrollable_tab_color-red-50_1fa50","color-red-100":"mg_scrollable_tab_color-red-100_1fa50","color-red-200":"mg_scrollable_tab_color-red-200_1fa50","color-red-300":"mg_scrollable_tab_color-red-300_1fa50","color-yellow-50":"mg_scrollable_tab_color-yellow-50_1fa50","color-yellow-100":"mg_scrollable_tab_color-yellow-100_1fa50","color-yellow-200":"mg_scrollable_tab_color-yellow-200_1fa50","color-yellow-300":"mg_scrollable_tab_color-yellow-300_1fa50","magneto-ui-scrollable-tab":"mg_scrollable_tab_magneto-ui-scrollable-tab_1fa50","magneto-ui-scrollable-tab__container":"mg_scrollable_tab_magneto-ui-scrollable-tab_container_1fa50","magneto-ui-scrollable-tab__arrow":"mg_scrollable_tab_magneto-ui-scrollable-tab_arrow_1fa50","magneto-ui-scrollable-tab__arrow--left":"mg_scrollable_tab_magneto-ui-scrollable-tab_arrow--left_1fa50","magneto-ui-scrollable-tab__arrow--right":"mg_scrollable_tab_magneto-ui-scrollable-tab_arrow--right_1fa50"};
+
+var useScrollableTab = function () {
+    var containerRef = React__default["default"].useRef(null);
+    var _a = React.useState(false), showLeftArrow = _a[0], setShowLeftArrow = _a[1];
+    var _b = React.useState(false), showRightArrow = _b[0], setShowRightArrow = _b[1];
+    var handleScrollByAmount = function (amount) { var _a; return (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.scrollBy({ left: amount, behavior: 'smooth' }); };
+    var updateArrowsVisibility = function () {
+        var container = containerRef.current;
+        if (container) {
+            var scrollLeft = container.scrollLeft;
+            var scrollWidth = container.scrollWidth;
+            var clientWidth = container.clientWidth;
+            setShowLeftArrow(scrollLeft > 0);
+            setShowRightArrow(scrollLeft + clientWidth < scrollWidth);
+        }
+    };
+    React.useEffect(function () {
+        updateArrowsVisibility();
+        var container = containerRef.current;
+        if (container) {
+            container.addEventListener('scroll', updateArrowsVisibility);
+            window.addEventListener('resize', updateArrowsVisibility);
+        }
+        return function () {
+            if (container) {
+                container.removeEventListener('scroll', updateArrowsVisibility);
+                window.removeEventListener('resize', updateArrowsVisibility);
+            }
+        };
+    }, []);
+    return {
+        showLeftArrow: showLeftArrow,
+        showRightArrow: showRightArrow,
+        containerRef: containerRef,
+        handleScrollByAmount: handleScrollByAmount
+    };
+};
+
+var Component$1i = function (_a) {
+    var children = _a.children, _b = _a.scrollAmount, scrollAmount = _b === void 0 ? 100 : _b, className = _a.className;
+    var _c = useScrollableTab(), containerRef = _c.containerRef, showLeftArrow = _c.showLeftArrow, showRightArrow = _c.showRightArrow, handleScrollByAmount = _c.handleScrollByAmount;
+    return (React__default["default"].createElement("div", { className: "".concat(styles$19['magneto-ui-scrollable-tab'], " ").concat(className), role: "tablist" },
+        showLeftArrow && (React__default["default"].createElement(Button, { addHover: true, suffixIcon: ArrowLeft2, className: "".concat(styles$19['magneto-ui-scrollable-tab__arrow'], " ").concat(styles$19['magneto-ui-scrollable-tab__arrow--left']), onClick: function () { return handleScrollByAmount(-scrollAmount); } })),
+        React__default["default"].createElement("div", { ref: containerRef, className: styles$19['magneto-ui-scrollable-tab__container'] }, children),
+        showRightArrow && (React__default["default"].createElement(Button, { addHover: true, suffixIcon: ArrowRight2, className: "".concat(styles$19['magneto-ui-scrollable-tab__arrow'], " ").concat(styles$19['magneto-ui-scrollable-tab__arrow--right']), onClick: function () { return handleScrollByAmount(scrollAmount); } }))));
+};
+/**
+ * Molecule UI for ScrollableTab
+ */
+var ScrollableTab = Component$1i;
+
+var styles$18 = {"w-inherit":"mg_tab_item_w-inherit_sr2p7","w-none":"mg_tab_item_w-none_sr2p7","w-auto":"mg_tab_item_w-auto_sr2p7","w-full":"mg_tab_item_w-full_sr2p7","w-min":"mg_tab_item_w-min_sr2p7","w-xxs":"mg_tab_item_w-xxs_sr2p7","w-xs":"mg_tab_item_w-xs_sr2p7","w-sm":"mg_tab_item_w-sm_sr2p7","w-sm-2":"mg_tab_item_w-sm-2_sr2p7","w-md":"mg_tab_item_w-md_sr2p7","w-md-2":"mg_tab_item_w-md-2_sr2p7","w-lg":"mg_tab_item_w-lg_sr2p7","w-xl":"mg_tab_item_w-xl_sr2p7","w-2xl":"mg_tab_item_w-2xl_sr2p7","w-3xl":"mg_tab_item_w-3xl_sr2p7","w-4xl":"mg_tab_item_w-4xl_sr2p7","w-container-xxs":"mg_tab_item_w-container-xxs_sr2p7","w-container-xs":"mg_tab_item_w-container-xs_sr2p7","w-container-sm":"mg_tab_item_w-container-sm_sr2p7","w-container-md":"mg_tab_item_w-container-md_sr2p7","w-container-lg":"mg_tab_item_w-container-lg_sr2p7","w-container-xl":"mg_tab_item_w-container-xl_sr2p7","w-container-2xl":"mg_tab_item_w-container-2xl_sr2p7","w-container-3xl":"mg_tab_item_w-container-3xl_sr2p7","min-w-inherit":"mg_tab_item_min-w-inherit_sr2p7","min-w-none":"mg_tab_item_min-w-none_sr2p7","min-w-auto":"mg_tab_item_min-w-auto_sr2p7","min-w-full":"mg_tab_item_min-w-full_sr2p7","min-w-min":"mg_tab_item_min-w-min_sr2p7","min-w-xxs":"mg_tab_item_min-w-xxs_sr2p7","min-w-xs":"mg_tab_item_min-w-xs_sr2p7","min-w-sm":"mg_tab_item_min-w-sm_sr2p7","min-w-sm-2":"mg_tab_item_min-w-sm-2_sr2p7","min-w-md":"mg_tab_item_min-w-md_sr2p7","min-w-md-2":"mg_tab_item_min-w-md-2_sr2p7","min-w-lg":"mg_tab_item_min-w-lg_sr2p7","min-w-xl":"mg_tab_item_min-w-xl_sr2p7","min-w-2xl":"mg_tab_item_min-w-2xl_sr2p7","min-w-3xl":"mg_tab_item_min-w-3xl_sr2p7","min-w-4xl":"mg_tab_item_min-w-4xl_sr2p7","min-w-container-xxs":"mg_tab_item_min-w-container-xxs_sr2p7","min-w-container-xs":"mg_tab_item_min-w-container-xs_sr2p7","min-w-container-sm":"mg_tab_item_min-w-container-sm_sr2p7","min-w-container-md":"mg_tab_item_min-w-container-md_sr2p7","min-w-container-lg":"mg_tab_item_min-w-container-lg_sr2p7","min-w-container-xl":"mg_tab_item_min-w-container-xl_sr2p7","min-w-container-2xl":"mg_tab_item_min-w-container-2xl_sr2p7","min-w-container-3xl":"mg_tab_item_min-w-container-3xl_sr2p7","h-inherit":"mg_tab_item_h-inherit_sr2p7","h-none":"mg_tab_item_h-none_sr2p7","h-auto":"mg_tab_item_h-auto_sr2p7","h-full":"mg_tab_item_h-full_sr2p7","h-min":"mg_tab_item_h-min_sr2p7","h-xxs":"mg_tab_item_h-xxs_sr2p7","h-xs":"mg_tab_item_h-xs_sr2p7","h-sm":"mg_tab_item_h-sm_sr2p7","h-sm-2":"mg_tab_item_h-sm-2_sr2p7","h-md":"mg_tab_item_h-md_sr2p7","h-md-2":"mg_tab_item_h-md-2_sr2p7","h-lg":"mg_tab_item_h-lg_sr2p7","h-xl":"mg_tab_item_h-xl_sr2p7","h-2xl":"mg_tab_item_h-2xl_sr2p7","h-3xl":"mg_tab_item_h-3xl_sr2p7","h-4xl":"mg_tab_item_h-4xl_sr2p7","h-container-xxs":"mg_tab_item_h-container-xxs_sr2p7","h-container-xs":"mg_tab_item_h-container-xs_sr2p7","h-container-sm":"mg_tab_item_h-container-sm_sr2p7","h-container-md":"mg_tab_item_h-container-md_sr2p7","h-container-lg":"mg_tab_item_h-container-lg_sr2p7","h-container-xl":"mg_tab_item_h-container-xl_sr2p7","h-container-2xl":"mg_tab_item_h-container-2xl_sr2p7","h-container-3xl":"mg_tab_item_h-container-3xl_sr2p7","min-h-inherit":"mg_tab_item_min-h-inherit_sr2p7","min-h-none":"mg_tab_item_min-h-none_sr2p7","min-h-auto":"mg_tab_item_min-h-auto_sr2p7","min-h-full":"mg_tab_item_min-h-full_sr2p7","min-h-min":"mg_tab_item_min-h-min_sr2p7","min-h-xxs":"mg_tab_item_min-h-xxs_sr2p7","min-h-xs":"mg_tab_item_min-h-xs_sr2p7","min-h-sm":"mg_tab_item_min-h-sm_sr2p7","min-h-sm-2":"mg_tab_item_min-h-sm-2_sr2p7","min-h-md":"mg_tab_item_min-h-md_sr2p7","min-h-md-2":"mg_tab_item_min-h-md-2_sr2p7","min-h-lg":"mg_tab_item_min-h-lg_sr2p7","min-h-xl":"mg_tab_item_min-h-xl_sr2p7","min-h-2xl":"mg_tab_item_min-h-2xl_sr2p7","min-h-3xl":"mg_tab_item_min-h-3xl_sr2p7","min-h-4xl":"mg_tab_item_min-h-4xl_sr2p7","min-h-container-xxs":"mg_tab_item_min-h-container-xxs_sr2p7","min-h-container-xs":"mg_tab_item_min-h-container-xs_sr2p7","min-h-container-sm":"mg_tab_item_min-h-container-sm_sr2p7","min-h-container-md":"mg_tab_item_min-h-container-md_sr2p7","min-h-container-lg":"mg_tab_item_min-h-container-lg_sr2p7","min-h-container-xl":"mg_tab_item_min-h-container-xl_sr2p7","min-h-container-2xl":"mg_tab_item_min-h-container-2xl_sr2p7","min-h-container-3xl":"mg_tab_item_min-h-container-3xl_sr2p7","sq-inherit":"mg_tab_item_sq-inherit_sr2p7","sq-none":"mg_tab_item_sq-none_sr2p7","sq-auto":"mg_tab_item_sq-auto_sr2p7","sq-full":"mg_tab_item_sq-full_sr2p7","sq-min":"mg_tab_item_sq-min_sr2p7","sq-xxs":"mg_tab_item_sq-xxs_sr2p7","sq-xs":"mg_tab_item_sq-xs_sr2p7","sq-sm":"mg_tab_item_sq-sm_sr2p7","sq-sm-2":"mg_tab_item_sq-sm-2_sr2p7","sq-md":"mg_tab_item_sq-md_sr2p7","sq-md-2":"mg_tab_item_sq-md-2_sr2p7","sq-lg":"mg_tab_item_sq-lg_sr2p7","sq-xl":"mg_tab_item_sq-xl_sr2p7","sq-2xl":"mg_tab_item_sq-2xl_sr2p7","sq-3xl":"mg_tab_item_sq-3xl_sr2p7","sq-4xl":"mg_tab_item_sq-4xl_sr2p7","min-sq-inherit":"mg_tab_item_min-sq-inherit_sr2p7","min-sq-none":"mg_tab_item_min-sq-none_sr2p7","min-sq-auto":"mg_tab_item_min-sq-auto_sr2p7","min-sq-full":"mg_tab_item_min-sq-full_sr2p7","min-sq-min":"mg_tab_item_min-sq-min_sr2p7","min-sq-xxs":"mg_tab_item_min-sq-xxs_sr2p7","min-sq-xs":"mg_tab_item_min-sq-xs_sr2p7","min-sq-sm":"mg_tab_item_min-sq-sm_sr2p7","min-sq-sm-2":"mg_tab_item_min-sq-sm-2_sr2p7","min-sq-md":"mg_tab_item_min-sq-md_sr2p7","min-sq-md-2":"mg_tab_item_min-sq-md-2_sr2p7","min-sq-lg":"mg_tab_item_min-sq-lg_sr2p7","min-sq-xl":"mg_tab_item_min-sq-xl_sr2p7","min-sq-2xl":"mg_tab_item_min-sq-2xl_sr2p7","min-sq-3xl":"mg_tab_item_min-sq-3xl_sr2p7","min-sq-4xl":"mg_tab_item_min-sq-4xl_sr2p7","stroke-transparent":"mg_tab_item_stroke-transparent_sr2p7","stroke-inherit":"mg_tab_item_stroke-inherit_sr2p7","stroke-current":"mg_tab_item_stroke-current_sr2p7","stroke-blue-dark-50":"mg_tab_item_stroke-blue-dark-50_sr2p7","stroke-blue-dark-100":"mg_tab_item_stroke-blue-dark-100_sr2p7","stroke-blue-dark-200":"mg_tab_item_stroke-blue-dark-200_sr2p7","stroke-blue-dark-300":"mg_tab_item_stroke-blue-dark-300_sr2p7","stroke-blue-dark-400":"mg_tab_item_stroke-blue-dark-400_sr2p7","stroke-blue-dark-500":"mg_tab_item_stroke-blue-dark-500_sr2p7","stroke-blue-light-50":"mg_tab_item_stroke-blue-light-50_sr2p7","stroke-blue-light-100":"mg_tab_item_stroke-blue-light-100_sr2p7","stroke-blue-light-200":"mg_tab_item_stroke-blue-light-200_sr2p7","stroke-blue-light-300":"mg_tab_item_stroke-blue-light-300_sr2p7","stroke-blue-light-400":"mg_tab_item_stroke-blue-light-400_sr2p7","stroke-blue-light-500":"mg_tab_item_stroke-blue-light-500_sr2p7","stroke-green-50":"mg_tab_item_stroke-green-50_sr2p7","stroke-green-100":"mg_tab_item_stroke-green-100_sr2p7","stroke-green-200":"mg_tab_item_stroke-green-200_sr2p7","stroke-green-300":"mg_tab_item_stroke-green-300_sr2p7","stroke-green-400":"mg_tab_item_stroke-green-400_sr2p7","stroke-green-500":"mg_tab_item_stroke-green-500_sr2p7","stroke-green-600":"mg_tab_item_stroke-green-600_sr2p7","stroke-grey-50":"mg_tab_item_stroke-grey-50_sr2p7","stroke-grey-100":"mg_tab_item_stroke-grey-100_sr2p7","stroke-grey-200":"mg_tab_item_stroke-grey-200_sr2p7","stroke-grey-300":"mg_tab_item_stroke-grey-300_sr2p7","stroke-grey-400":"mg_tab_item_stroke-grey-400_sr2p7","stroke-grey-500":"mg_tab_item_stroke-grey-500_sr2p7","stroke-grey-600":"mg_tab_item_stroke-grey-600_sr2p7","stroke-grey-700":"mg_tab_item_stroke-grey-700_sr2p7","stroke-grey-800":"mg_tab_item_stroke-grey-800_sr2p7","stroke-grey-900":"mg_tab_item_stroke-grey-900_sr2p7","stroke-red-50":"mg_tab_item_stroke-red-50_sr2p7","stroke-red-100":"mg_tab_item_stroke-red-100_sr2p7","stroke-red-200":"mg_tab_item_stroke-red-200_sr2p7","stroke-red-300":"mg_tab_item_stroke-red-300_sr2p7","stroke-yellow-50":"mg_tab_item_stroke-yellow-50_sr2p7","stroke-yellow-100":"mg_tab_item_stroke-yellow-100_sr2p7","stroke-yellow-200":"mg_tab_item_stroke-yellow-200_sr2p7","stroke-yellow-300":"mg_tab_item_stroke-yellow-300_sr2p7","fill-transparent":"mg_tab_item_fill-transparent_sr2p7","fill-inherit":"mg_tab_item_fill-inherit_sr2p7","fill-current":"mg_tab_item_fill-current_sr2p7","fill-blue-dark-50":"mg_tab_item_fill-blue-dark-50_sr2p7","fill-blue-dark-100":"mg_tab_item_fill-blue-dark-100_sr2p7","fill-blue-dark-200":"mg_tab_item_fill-blue-dark-200_sr2p7","fill-blue-dark-300":"mg_tab_item_fill-blue-dark-300_sr2p7","fill-blue-dark-400":"mg_tab_item_fill-blue-dark-400_sr2p7","fill-blue-dark-500":"mg_tab_item_fill-blue-dark-500_sr2p7","fill-blue-light-50":"mg_tab_item_fill-blue-light-50_sr2p7","fill-blue-light-100":"mg_tab_item_fill-blue-light-100_sr2p7","fill-blue-light-200":"mg_tab_item_fill-blue-light-200_sr2p7","fill-blue-light-300":"mg_tab_item_fill-blue-light-300_sr2p7","fill-blue-light-400":"mg_tab_item_fill-blue-light-400_sr2p7","fill-blue-light-500":"mg_tab_item_fill-blue-light-500_sr2p7","fill-green-50":"mg_tab_item_fill-green-50_sr2p7","fill-green-100":"mg_tab_item_fill-green-100_sr2p7","fill-green-200":"mg_tab_item_fill-green-200_sr2p7","fill-green-300":"mg_tab_item_fill-green-300_sr2p7","fill-green-400":"mg_tab_item_fill-green-400_sr2p7","fill-green-500":"mg_tab_item_fill-green-500_sr2p7","fill-green-600":"mg_tab_item_fill-green-600_sr2p7","fill-grey-50":"mg_tab_item_fill-grey-50_sr2p7","fill-grey-100":"mg_tab_item_fill-grey-100_sr2p7","fill-grey-200":"mg_tab_item_fill-grey-200_sr2p7","fill-grey-300":"mg_tab_item_fill-grey-300_sr2p7","fill-grey-400":"mg_tab_item_fill-grey-400_sr2p7","fill-grey-500":"mg_tab_item_fill-grey-500_sr2p7","fill-grey-600":"mg_tab_item_fill-grey-600_sr2p7","fill-grey-700":"mg_tab_item_fill-grey-700_sr2p7","fill-grey-800":"mg_tab_item_fill-grey-800_sr2p7","fill-grey-900":"mg_tab_item_fill-grey-900_sr2p7","fill-red-50":"mg_tab_item_fill-red-50_sr2p7","fill-red-100":"mg_tab_item_fill-red-100_sr2p7","fill-red-200":"mg_tab_item_fill-red-200_sr2p7","fill-red-300":"mg_tab_item_fill-red-300_sr2p7","fill-yellow-50":"mg_tab_item_fill-yellow-50_sr2p7","fill-yellow-100":"mg_tab_item_fill-yellow-100_sr2p7","fill-yellow-200":"mg_tab_item_fill-yellow-200_sr2p7","fill-yellow-300":"mg_tab_item_fill-yellow-300_sr2p7","bg-transparent":"mg_tab_item_bg-transparent_sr2p7","bg-inherit":"mg_tab_item_bg-inherit_sr2p7","bg-current":"mg_tab_item_bg-current_sr2p7","bg-blue-dark-50":"mg_tab_item_bg-blue-dark-50_sr2p7","bg-blue-dark-100":"mg_tab_item_bg-blue-dark-100_sr2p7","bg-blue-dark-200":"mg_tab_item_bg-blue-dark-200_sr2p7","bg-blue-dark-300":"mg_tab_item_bg-blue-dark-300_sr2p7","bg-blue-dark-400":"mg_tab_item_bg-blue-dark-400_sr2p7","bg-blue-dark-500":"mg_tab_item_bg-blue-dark-500_sr2p7","bg-blue-light-50":"mg_tab_item_bg-blue-light-50_sr2p7","bg-blue-light-100":"mg_tab_item_bg-blue-light-100_sr2p7","bg-blue-light-200":"mg_tab_item_bg-blue-light-200_sr2p7","bg-blue-light-300":"mg_tab_item_bg-blue-light-300_sr2p7","bg-blue-light-400":"mg_tab_item_bg-blue-light-400_sr2p7","bg-blue-light-500":"mg_tab_item_bg-blue-light-500_sr2p7","bg-green-50":"mg_tab_item_bg-green-50_sr2p7","bg-green-100":"mg_tab_item_bg-green-100_sr2p7","bg-green-200":"mg_tab_item_bg-green-200_sr2p7","bg-green-300":"mg_tab_item_bg-green-300_sr2p7","bg-green-400":"mg_tab_item_bg-green-400_sr2p7","bg-green-500":"mg_tab_item_bg-green-500_sr2p7","bg-green-600":"mg_tab_item_bg-green-600_sr2p7","bg-grey-50":"mg_tab_item_bg-grey-50_sr2p7","bg-grey-100":"mg_tab_item_bg-grey-100_sr2p7","bg-grey-200":"mg_tab_item_bg-grey-200_sr2p7","bg-grey-300":"mg_tab_item_bg-grey-300_sr2p7","bg-grey-400":"mg_tab_item_bg-grey-400_sr2p7","bg-grey-500":"mg_tab_item_bg-grey-500_sr2p7","bg-grey-600":"mg_tab_item_bg-grey-600_sr2p7","bg-grey-700":"mg_tab_item_bg-grey-700_sr2p7","bg-grey-800":"mg_tab_item_bg-grey-800_sr2p7","bg-grey-900":"mg_tab_item_bg-grey-900_sr2p7","bg-red-50":"mg_tab_item_bg-red-50_sr2p7","bg-red-100":"mg_tab_item_bg-red-100_sr2p7","bg-red-200":"mg_tab_item_bg-red-200_sr2p7","bg-red-300":"mg_tab_item_bg-red-300_sr2p7","bg-yellow-50":"mg_tab_item_bg-yellow-50_sr2p7","bg-yellow-100":"mg_tab_item_bg-yellow-100_sr2p7","bg-yellow-200":"mg_tab_item_bg-yellow-200_sr2p7","bg-yellow-300":"mg_tab_item_bg-yellow-300_sr2p7","color-transparent":"mg_tab_item_color-transparent_sr2p7","color-inherit":"mg_tab_item_color-inherit_sr2p7","color-current":"mg_tab_item_color-current_sr2p7","color-blue-dark-50":"mg_tab_item_color-blue-dark-50_sr2p7","color-blue-dark-100":"mg_tab_item_color-blue-dark-100_sr2p7","color-blue-dark-200":"mg_tab_item_color-blue-dark-200_sr2p7","color-blue-dark-300":"mg_tab_item_color-blue-dark-300_sr2p7","color-blue-dark-400":"mg_tab_item_color-blue-dark-400_sr2p7","color-blue-dark-500":"mg_tab_item_color-blue-dark-500_sr2p7","color-blue-light-50":"mg_tab_item_color-blue-light-50_sr2p7","color-blue-light-100":"mg_tab_item_color-blue-light-100_sr2p7","color-blue-light-200":"mg_tab_item_color-blue-light-200_sr2p7","color-blue-light-300":"mg_tab_item_color-blue-light-300_sr2p7","color-blue-light-400":"mg_tab_item_color-blue-light-400_sr2p7","color-blue-light-500":"mg_tab_item_color-blue-light-500_sr2p7","color-green-50":"mg_tab_item_color-green-50_sr2p7","color-green-100":"mg_tab_item_color-green-100_sr2p7","color-green-200":"mg_tab_item_color-green-200_sr2p7","color-green-300":"mg_tab_item_color-green-300_sr2p7","color-green-400":"mg_tab_item_color-green-400_sr2p7","color-green-500":"mg_tab_item_color-green-500_sr2p7","color-green-600":"mg_tab_item_color-green-600_sr2p7","color-grey-50":"mg_tab_item_color-grey-50_sr2p7","color-grey-100":"mg_tab_item_color-grey-100_sr2p7","color-grey-200":"mg_tab_item_color-grey-200_sr2p7","color-grey-300":"mg_tab_item_color-grey-300_sr2p7","color-grey-400":"mg_tab_item_color-grey-400_sr2p7","color-grey-500":"mg_tab_item_color-grey-500_sr2p7","color-grey-600":"mg_tab_item_color-grey-600_sr2p7","color-grey-700":"mg_tab_item_color-grey-700_sr2p7","color-grey-800":"mg_tab_item_color-grey-800_sr2p7","color-grey-900":"mg_tab_item_color-grey-900_sr2p7","color-red-50":"mg_tab_item_color-red-50_sr2p7","color-red-100":"mg_tab_item_color-red-100_sr2p7","color-red-200":"mg_tab_item_color-red-200_sr2p7","color-red-300":"mg_tab_item_color-red-300_sr2p7","color-yellow-50":"mg_tab_item_color-yellow-50_sr2p7","color-yellow-100":"mg_tab_item_color-yellow-100_sr2p7","color-yellow-200":"mg_tab_item_color-yellow-200_sr2p7","color-yellow-300":"mg_tab_item_color-yellow-300_sr2p7","magneto-ui-tab-item":"mg_tab_item_magneto-ui-tab-item_sr2p7"};
+
+var Component$1h = function (_a) {
+    var text = _a.text, _b = _a.className, className = _b === void 0 ? '' : _b, onClick = _a.onClick, isDisabled = _a.isDisabled, isSelected = _a.isSelected;
+    return (React__default["default"].createElement("button", { className: "".concat(styles$18['magneto-ui-tab-item'], " ").concat(className), disabled: isDisabled, onClick: onClick, "aria-selected": isSelected, "aria-disabled": isDisabled, tabIndex: isDisabled ? -1 : 0, type: "button", role: "tab" }, text));
+};
+var TabItem = Component$1h;
+
+var styles$17 = {"portal-tooltip":"mg_portal_tooltip_portal-tooltip_41chp","portal-tooltip__trigger":"mg_portal_tooltip_portal-tooltip_trigger_41chp","portal-tooltip__inner":"mg_portal_tooltip_portal-tooltip_inner_41chp","portal-tooltip__inner-arrow":"mg_portal_tooltip_portal-tooltip_inner-arrow_41chp"};
+
+var usePortalTooltip = function (visible, enterDelay, leaveDelay) {
+    var _a = React.useState(false), open = _a[0], setOpen = _a[1];
+    var container = React.useContext(ContainerContext).container;
+    var timeoutRef = React.useRef(null);
+    var tooltipContainer = container || document.body;
+    var showTooltip = function () {
+        if (!visible)
+            return;
+        timeoutRef.current && clearTimeout(timeoutRef.current);
+        timeoutRef.current = setTimeout(function () {
+            setOpen(true);
+        }, enterDelay);
+    };
+    var hideTooltip = function () {
+        if (!visible)
+            return;
+        timeoutRef.current && clearTimeout(timeoutRef.current);
+        timeoutRef.current = setTimeout(function () {
+            setOpen(false);
+        }, leaveDelay);
+    };
+    React.useEffect(function () {
+        var timeout = timeoutRef.current;
+        return function () {
+            timeout && clearTimeout(timeout);
+        };
+    }, []);
+    return { open: open, tooltipContainer: tooltipContainer, showTooltip: showTooltip, hideTooltip: hideTooltip };
+};
+
+var usePortalTooltipPosition = function (open, offset, position) {
+    var _a = React.useState({ top: 0, left: 0 }), coords = _a[0], setCoords = _a[1];
+    var triggerRef = React.useRef(null);
+    var tooltipRef = React.useRef(null);
+    var updatePosition = React.useCallback(function () {
+        if (!triggerRef.current || !tooltipRef.current)
+            return;
+        var triggerRect = triggerRef.current.getBoundingClientRect();
+        var tooltipRect = tooltipRef.current.getBoundingClientRect();
+        var scrollY = window.scrollY;
+        var scrollX = window.scrollX;
+        var top = 0;
+        var left = 0;
+        switch (position) {
+            case 'top':
+                top = triggerRect.top + scrollY - tooltipRect.height - offset;
+                left = triggerRect.left + scrollX + triggerRect.width / 2 - tooltipRect.width / 2;
+                break;
+            case 'bottom':
+                top = triggerRect.bottom + scrollY + offset;
+                left = triggerRect.left + scrollX + triggerRect.width / 2 - tooltipRect.width / 2;
+                break;
+            case 'left':
+                top = triggerRect.top + scrollY + triggerRect.height / 2 - tooltipRect.height / 2;
+                left = triggerRect.left + scrollX - tooltipRect.width - offset;
+                break;
+            case 'right':
+                top = triggerRect.top + scrollY + triggerRect.height / 2 - tooltipRect.height / 2;
+                left = triggerRect.right + scrollX + offset;
+                break;
+        }
+        setCoords({ top: top, left: left });
+    }, [position, offset]);
+    React.useEffect(function () {
+        if (open)
+            updatePosition();
+    }, [open, updatePosition]);
+    React.useEffect(function () {
+        var handleResize = function () { return open && updatePosition(); };
+        window.addEventListener('resize', handleResize);
+        return function () {
+            window.removeEventListener('resize', handleResize);
+        };
+    }, [open, updatePosition]);
+    return {
+        coords: coords,
+        triggerRef: triggerRef,
+        tooltipRef: tooltipRef
+    };
+};
+
+var Component$1g = function (_a) {
+    var children = _a.children, title = _a.title, _b = _a.position, position = _b === void 0 ? 'bottom' : _b, enterDelay = _a.enterDelay, leaveDelay = _a.leaveDelay, _c = _a.offset, offset = _c === void 0 ? 8 : _c, _d = _a.hasArrow, hasArrow = _d === void 0 ? true : _d, _e = _a.visible, visible = _e === void 0 ? true : _e, _f = _a.width, width = _f === void 0 ? 'fit-content' : _f;
+    var _g = usePortalTooltip(visible, enterDelay, leaveDelay), open = _g.open, hideTooltip = _g.hideTooltip, showTooltip = _g.showTooltip, tooltipContainer = _g.tooltipContainer;
+    var _h = usePortalTooltipPosition(open, offset, position), coords = _h.coords, tooltipRef = _h.tooltipRef, triggerRef = _h.triggerRef;
+    return (React__default["default"].createElement(React__default["default"].Fragment, null,
+        React__default["default"].createElement("div", { ref: triggerRef, className: styles$17['portal-tooltip__trigger'], onMouseEnter: showTooltip, onMouseLeave: hideTooltip, onFocus: showTooltip, onBlur: hideTooltip, role: "tooltip" }, children),
+        open &&
+            visible &&
+            ReactDOM__default["default"].createPortal(React__default["default"].createElement("div", { ref: tooltipRef, className: styles$17['portal-tooltip'], style: {
+                    top: "".concat(coords.top, "px"),
+                    left: "".concat(coords.left, "px"),
+                    width: width
+                } },
+                React__default["default"].createElement("div", { className: styles$17['portal-tooltip__inner'] },
+                    hasArrow && React__default["default"].createElement("div", { className: styles$17['portal-tooltip__inner-arrow'], "data-position": position }),
+                    title)), tooltipContainer)));
+};
+var PortalTooltip = Component$1g;
 
 var styles$16 = {"image-card":"mg_image_card_image-card_igmh5","image-card__image":"mg_image_card_image-card_image_igmh5","image-card__overlay":"mg_image_card_image-card_overlay_igmh5","image-card__title":"mg_image_card_image-card_title_igmh5","image-card__description":"mg_image_card_image-card_description_igmh5","image-card__description_text":"mg_image_card_image-card_description_text_igmh5","image-card__description_icon":"mg_image_card_image-card_description_icon_igmh5","image-card__link":"mg_image_card_image-card_link_igmh5"};
 
@@ -6513,7 +6679,7 @@ var styles$V = {"magneto-ui-header-analyst":"mg_header_analyst_magneto-ui-header
 
 var cx$A = classNames.bind(styles$V);
 var Component$14 = function (_a) {
-    var breadCrumbProps = _a.breadCrumbProps, _b = _a.className, className = _b === void 0 ? '' : _b, handleModal = _a.handleModal, legend = _a.legend, _c = _a.logoProps, logoProps = _c === void 0 ? __assign({ fallbackImage: logoPropsDark.logo }, logoPropsDark) : _c, onMainMenuClick = _a.onMainMenuClick, userMenuProps = _a.userMenuProps, userNotificationProps = _a.userNotificationProps;
+    var breadCrumbProps = _a.breadCrumbProps, _b = _a.className, className = _b === void 0 ? '' : _b, handleModal = _a.handleModal, legend = _a.legend, _c = _a.logoProps, logoProps = _c === void 0 ? __assign({ fallbackImage: logoPropsDark.logo }, logoPropsDark) : _c, onMainMenuClick = _a.onMainMenuClick, userMenuProps = _a.userMenuProps, notificationBell = _a.notificationBell;
     var headerLogo = useMediaQuery(React__default["default"].createElement("a", { href: logoProps.href, rel: logoProps.rel, target: logoProps.target },
         React__default["default"].createElement(LogoComponent, __assign({ fallbackImage: logoPropsDark.logo }, logoProps))), {
         sm: (React__default["default"].createElement("a", { href: logoProps.href, rel: logoProps.rel, target: logoProps.target },
@@ -6530,7 +6696,7 @@ var Component$14 = function (_a) {
                     headerLogo),
                 legend && React__default["default"].createElement("span", { className: cx$A('magneto-ui-header-analyst__legend') }, legend)),
             React__default["default"].createElement("div", { className: cx$A('magneto-ui-header-analyst__user-menu') },
-                userNotificationProps && React__default["default"].createElement(Link, __assign({ iconProps: { icon: Notification$1, size: 20 } }, userNotificationProps)),
+                notificationBell,
                 React__default["default"].createElement(UserMenuWrapperAnalyst, __assign({}, userMenuProps, { handleModal: handleModal })))),
         React__default["default"].createElement("div", { className: cx$A('magneto-ui-header-analyst__container') }, headerBreadCrumb)));
 };
@@ -10093,6 +10259,7 @@ exports.HorizontalMenu = HorizontalMenu;
 exports.IconItem = IconItem;
 exports.Image = Image;
 exports.ImageCard = ImageCard;
+exports.InlineDetails = InlineDetails;
 exports.Input = Input;
 exports.InputFile = InputFile;
 exports.InputPlus = InputPlus;
@@ -10171,6 +10338,7 @@ exports.OneSelectionEntry = OneSelectionEntry;
 exports.Pagination = Pagination;
 exports.Paragraph = Paragraph;
 exports.Popover = Popover;
+exports.PortalTooltip = PortalTooltip;
 exports.ProcessesCard = ProcessesCard;
 exports.Qualification = Qualification;
 exports.Radio = Radio;
@@ -10179,6 +10347,7 @@ exports.RightsReservedText = RightsReservedText;
 exports.SaveButton = SaveButton;
 exports.ScoreLevel = ScoreLevel;
 exports.ScoreLevelStatic = ScoreLevelStatic;
+exports.ScrollableTab = ScrollableTab;
 exports.SearchButton = SearchButton;
 exports.SearchItem = SearchItem;
 exports.Searchbar = Searchbar;
@@ -10199,6 +10368,7 @@ exports.SuggestedJobsPage = SuggestedJobsPage;
 exports.Switch = Switch;
 exports.Tab = Tab;
 exports.TabButton = TabButton;
+exports.TabItem = TabItem;
 exports.Tag = Tags;
 exports.TextArea = TextArea;
 exports.TextCustom = TextCustom;