@mmb-digital/ds-lilly 0.0.1-alpha.371 → 0.0.1-alpha.372

package/dist/ds-lilly.js

@@ -11116,9 +11116,9 @@ var inRangeOfSector = function inRangeOfSector(_ref5, sector) {
  * MIT License
  */
 
-var fingerprint = __webpack_require__(902);
+var fingerprint = __webpack_require__(901);
 var pad = __webpack_require__(800);
-var getRandomValue = __webpack_require__(903);
+var getRandomValue = __webpack_require__(902);
 
 var c = 0,
   blockSize = 4,
@@ -64273,6 +64273,48 @@ webpackContext.id = 900;
 /* 901 */
 /***/ (function(module, exports, __webpack_require__) {
 
+var pad = __webpack_require__(800);
+
+var env = typeof window === 'object' ? window : self;
+var globalCount = Object.keys(env).length;
+var mimeTypesLength = navigator.mimeTypes ? navigator.mimeTypes.length : 0;
+var clientId = pad((mimeTypesLength +
+  navigator.userAgent.length).toString(36) +
+  globalCount.toString(36), 4);
+
+module.exports = function fingerprint () {
+  return clientId;
+};
+
+
+/***/ }),
+/* 902 */
+/***/ (function(module, exports) {
+
+
+var getRandomValue;
+
+var crypto = typeof window !== 'undefined' &&
+  (window.crypto || window.msCrypto) ||
+  typeof self !== 'undefined' &&
+  self.crypto;
+
+if (crypto) {
+    var lim = Math.pow(2, 32) - 1;
+    getRandomValue = function () {
+        return Math.abs(crypto.getRandomValues(new Uint32Array(1))[0] / lim);
+    };
+} else {
+    getRandomValue = Math.random;
+}
+
+module.exports = getRandomValue;
+
+
+/***/ }),
+/* 903 */
+/***/ (function(module, exports, __webpack_require__) {
+
 var map = {
 	"./": [
 		653,
@@ -68990,51 +69032,9 @@ function webpackAsyncContext(req) {
 webpackAsyncContext.keys = function webpackAsyncContextKeys() {
 	return Object.keys(map);
 };
-webpackAsyncContext.id = 901;
+webpackAsyncContext.id = 903;
 module.exports = webpackAsyncContext;
 
-/***/ }),
-/* 902 */
-/***/ (function(module, exports, __webpack_require__) {
-
-var pad = __webpack_require__(800);
-
-var env = typeof window === 'object' ? window : self;
-var globalCount = Object.keys(env).length;
-var mimeTypesLength = navigator.mimeTypes ? navigator.mimeTypes.length : 0;
-var clientId = pad((mimeTypesLength +
-  navigator.userAgent.length).toString(36) +
-  globalCount.toString(36), 4);
-
-module.exports = function fingerprint () {
-  return clientId;
-};
-
-
-/***/ }),
-/* 903 */
-/***/ (function(module, exports) {
-
-
-var getRandomValue;
-
-var crypto = typeof window !== 'undefined' &&
-  (window.crypto || window.msCrypto) ||
-  typeof self !== 'undefined' &&
-  self.crypto;
-
-if (crypto) {
-    var lim = Math.pow(2, 32) - 1;
-    getRandomValue = function () {
-        return Math.abs(crypto.getRandomValues(new Uint32Array(1))[0] / lim);
-    };
-} else {
-    getRandomValue = Math.random;
-}
-
-module.exports = getRandomValue;
-
-
 /***/ }),
 /* 904 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -80153,6 +80153,7 @@ __webpack_require__.d(__webpack_exports__, "FormGroupContext", function() { retu
 __webpack_require__.d(__webpack_exports__, "ModalContext", function() { return /* reexport */ contexts_ModalContext; });
 __webpack_require__.d(__webpack_exports__, "Select2Context", function() { return /* reexport */ contexts_Select2Context; });
 __webpack_require__.d(__webpack_exports__, "TabsContext", function() { return /* reexport */ contexts_TabsContext; });
+__webpack_require__.d(__webpack_exports__, "withDisabledTooltip", function() { return /* reexport */ hocs_withDisabledTooltip; });
 __webpack_require__.d(__webpack_exports__, "Alert", function() { return /* reexport */ Alert; });
 __webpack_require__.d(__webpack_exports__, "Avatar", function() { return /* reexport */ Avatar; });
 __webpack_require__.d(__webpack_exports__, "Badge", function() { return /* reexport */ Badge; });
@@ -84294,248 +84295,6 @@ TabsContext.displayName = 'TabsContext';
 
 
 
-// EXTERNAL MODULE: ./node_modules/camelcase/index.js
-var camelcase = __webpack_require__(54);
-var camelcase_default = /*#__PURE__*/__webpack_require__.n(camelcase);
-
-// CONCATENATED MODULE: ./src/components/Components/Icon/Icon.tsx
-var Icon_assign = (undefined && undefined.__assign) || function () {
-    Icon_assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return Icon_assign.apply(this, arguments);
-};
-var __rest = (undefined && undefined.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-
-
-
-var usedIconComponents = {};
-var Icon = function (_a) {
-    var _b;
-    var backgroundColor = _a.backgroundColor, color = _a.color, isLeft = _a.isLeft, isRight = _a.isRight, name = _a.name, size = _a.size, testId = _a.testId, theme = _a.theme, rest = __rest(_a, ["backgroundColor", "color", "isLeft", "isRight", "name", "size", "testId", "theme"]);
-    var componentClassName = classBinder_cx('c-icon', (_b = {},
-        _b["c-icon--" + size] = size,
-        _b["c-icon--l"] = isLeft,
-        _b["c-icon--rounded"] = backgroundColor,
-        _b["c-icon--" + backgroundColor + "Color"] = backgroundColor,
-        _b["c-icon--r"] = isRight,
-        _b["c-icon--" + name] = name,
-        _b), theme);
-    var Component;
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-ignore
-    if (usedIconComponents[name]) {
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore
-        Component = usedIconComponents[name];
-    }
-    else {
-        Component = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["lazy"])(function () { return __webpack_require__(901)("./" + camelcase_default()(name, { pascalCase: true })); });
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore
-        usedIconComponents[name] = Component;
-    }
-    var iconColor = color ? "var(--" + color + ")" : undefined;
-    return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["Suspense"], { fallback: external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("span", { className: componentClassName }) },
-        external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("span", { "aria-hidden": "true", className: componentClassName, "data-testid": testId, tabIndex: -1 },
-            external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Component, Icon_assign({ className: classBinder_cx('c-icon__icon'), color: iconColor }, rest)))));
-};
-
-// CONCATENATED MODULE: ./src/components/Components/Button/Button.tsx
-var Button_assign = (undefined && undefined.__assign) || function () {
-    Button_assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return Button_assign.apply(this, arguments);
-};
-var Button_rest = (undefined && undefined.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-
-
-
-var Button = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["forwardRef"])(function (_a, ref) {
-    var _b;
-    var _c = _a.allowEventPropagation, allowEventPropagation = _c === void 0 ? false : _c, ariaLabel = _a.ariaLabel, children = _a.children, color = _a.color, _d = _a.elementType, elementType = _d === void 0 ? 'button' : _d, isBlock = _a.isBlock, isDisabled = _a.isDisabled, isLoading = _a.isLoading, isRounded = _a.isRounded, isSmall = _a.isSmall, linkDownloadTitle = _a.linkDownloadTitle, linkUrl = _a.linkUrl, onClick = _a.onClick, onlyIconName = _a.onlyIconName, _e = _a.testId, testId = _e === void 0 ? 'Button' : _e, theme = _a.theme, title = _a.title, _f = _a.type, type = _f === void 0 ? 'filled' : _f, rest = Button_rest(_a, ["allowEventPropagation", "ariaLabel", "children", "color", "elementType", "isBlock", "isDisabled", "isLoading", "isRounded", "isSmall", "linkDownloadTitle", "linkUrl", "onClick", "onlyIconName", "testId", "theme", "title", "type"]);
-    var handleOnClick = function (event) {
-        if (isDisabled || isLoading) {
-            event.preventDefault();
-        }
-        else if (onClick) {
-            onClick(event);
-        }
-        if (!allowEventPropagation) {
-            event.stopPropagation();
-        }
-    };
-    var Component = linkUrl ? 'a' : 'button';
-    return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Component
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-ignore
-    , Button_assign({ 
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore
-        ref: ref, "aria-label": ariaLabel, className: classBinder_cx('c-btn', (_b = {
-                'c-btn--block': isBlock,
-                'c-btn--disabled': isDisabled,
-                'c-btn--loading': isLoading,
-                'c-btn--small': isSmall,
-                'c-btn--rounded': isRounded
-            },
-            _b["c-btn--" + type] = type !== 'filled',
-            _b["c-btn--" + color] = color,
-            _b['c-btn--onlyIcon'] = onlyIconName,
-            _b), theme), "data-testid": testId, disabled: isDisabled || isLoading, download: linkDownloadTitle, href: linkUrl, title: title, type: linkUrl ? undefined : elementType, onClick: handleOnClick }, rest),
-        isLoading && external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Icon, { name: "loading" }),
-        onlyIconName ? (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["Fragment"], null,
-            external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Icon, { name: onlyIconName }),
-            external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("span", { className: classBinder_cx('u-vHide') }, ariaLabel))) : (children)));
-});
-Button.displayName = 'forwardRef(Button)';
-
-// CONCATENATED MODULE: ./src/components/Components/Alert/Alert.tsx
-
-
-
-
-var closeButtonColorByType = {
-    error: 'red',
-    warning: 'gold',
-    info: undefined,
-    success: 'green'
-};
-var Alert = function (_a) {
-    var _b;
-    var alertRef = _a.alertRef, children = _a.children, closeButtonAriaLabel = _a.closeButtonAriaLabel, iconBackgroundColor = _a.iconBackgroundColor, iconName = _a.iconName, isLarge = _a.isLarge, onClose = _a.onClose, testId = _a.testId, theme = _a.theme, title = _a.title, type = _a.type;
-    return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { ref: alertRef, className: classBinder_cx('c-alert', (_b = {}, _b["c-alert--" + type] = type, _b['c-alert--large'] = isLarge, _b), theme), "data-testid": testId, role: "alert" },
-        iconName && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: classBinder_cx('c-alert__icon') },
-            external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Icon, { backgroundColor: iconBackgroundColor, name: iconName }))),
-        external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: classBinder_cx('c-alert__content') },
-            title && external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("strong", { className: classBinder_cx('c-alert__title') }, title),
-            children && external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: classBinder_cx('c-alert__text') }, children)),
-        onClose && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Button, { isSmall: true, ariaLabel: closeButtonAriaLabel || '', color: type ? closeButtonColorByType[type] : undefined, onlyIconName: "close", theme: "c-alert__close", type: "transparent", onClick: onClose }))));
-};
-
-// CONCATENATED MODULE: ./src/components/Components/Alert/index.ts
-
-
-// CONCATENATED MODULE: ./src/components/Components/Avatar/Avatar.tsx
-
-
-
-var Avatar = function (_a) {
-    var _b;
-    var background = _a.background, border = _a.border, boxShadow = _a.boxShadow, iconName = _a.iconName, size = _a.size, testId = _a.testId, text = _a.text, theme = _a.theme;
-    var componentClassName = classBinder_cx('c-avatar', (_b = {},
-        _b["c-avatar--" + size] = size,
-        _b["c-avatar--" + background + "Color"] = background,
-        _b["c-avatar--" + border + "Border"] = border,
-        _b['c-avatar--shadow'] = boxShadow,
-        _b), theme);
-    return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: componentClassName, "data-testid": testId },
-        text && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("span", { "aria-hidden": "true", className: "c-avatar__text" }, text)),
-        iconName && external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Icon, { name: iconName })));
-};
-
-// CONCATENATED MODULE: ./src/components/Components/Avatar/index.ts
-
-
-// CONCATENATED MODULE: ./src/components/Components/Badge/Badge.tsx
-
-
-var Badge = function (_a) {
-    var ariaLabel = _a.ariaLabel, children = _a.children, _b = _a.count, count = _b === void 0 ? 0 : _b, _c = _a.isDotVisible, isDotVisible = _c === void 0 ? false : _c, _d = _a.maxCount, maxCount = _d === void 0 ? 99 : _d, testId = _a.testId, theme = _a.theme;
-    return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("span", { "aria-label": ariaLabel, className: classBinder_cx('c-badge', theme), "data-testid": testId },
-        children,
-        (isDotVisible || count > 0) && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("span", { className: classBinder_cx('c-badge__point', { 'c-badge__point--dot': isDotVisible }) }, count > 0 && !isDotVisible ? (count > maxCount ? maxCount + "+" : count) : null))));
-};
-
-// CONCATENATED MODULE: ./src/components/Components/Badge/index.ts
-
-
-// CONCATENATED MODULE: ./src/components/Layout/Flex/Flex.tsx
-
-
-var Flex = function (_a) {
-    var _b;
-    var _c = _a.alignItems, alignItems = _c === void 0 ? 'baseline' : _c, children = _a.children, direction = _a.direction, isAlignItemsResponsive = _a.isAlignItemsResponsive, isDirectionResponsive = _a.isDirectionResponsive, justifyContent = _a.justifyContent, onClick = _a.onClick, testId = _a.testId, theme = _a.theme, _d = _a.wrap, wrap = _d === void 0 ? 'nowrap' : _d;
-    return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: classBinder_cx('c-flex', (_b = {},
-            _b["c-flex--align-items--" + alignItems] = alignItems,
-            _b["c-flex--align-items--responsive"] = isAlignItemsResponsive,
-            _b["c-flex--direction--" + direction] = direction,
-            _b['c-flex--direction--responsive'] = isDirectionResponsive,
-            _b["c-flex--justify-content--" + justifyContent] = justifyContent,
-            _b["c-flex--wrap--" + wrap] = wrap,
-            _b), theme), "data-testid": testId, onClick: onClick }, children));
-};
-
-// CONCATENATED MODULE: ./src/components/Components/Button/ButtonsGroup.tsx
-var ButtonsGroup_assign = (undefined && undefined.__assign) || function () {
-    ButtonsGroup_assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return ButtonsGroup_assign.apply(this, arguments);
-};
-var ButtonsGroup_rest = (undefined && undefined.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-
-
-
-var ButtonsGroup = function (_a) {
-    var _b;
-    var children = _a.children, isFlex = _a.isFlex, isSmall = _a.isSmall, testId = _a.testId, theme = _a.theme, flexProps = ButtonsGroup_rest(_a, ["children", "isFlex", "isSmall", "testId", "theme"]);
-    var Component = isFlex ? Flex : 'div';
-    var componentProps = isFlex ? {} : { 'data-testid': testId };
-    var componentStyles = classBinder_cx('c-btnsGroup', (_b = {}, _b['c-btnsGroup--small'] = isSmall, _b), theme);
-    return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Component, ButtonsGroup_assign({}, flexProps, componentProps, { className: !isFlex ? componentStyles : undefined, theme: isFlex ? componentStyles : undefined }), children));
-};
-
-// CONCATENATED MODULE: ./src/components/Components/Button/index.ts
-
-
-
 // EXTERNAL MODULE: ./node_modules/cuid/index.js
 var cuid = __webpack_require__(19);
 var cuid_default = /*#__PURE__*/__webpack_require__.n(cuid);
@@ -86999,24 +86758,285 @@ var Tooltip_assign = (undefined && undefined.__assign) || function () {
 
 
 var Tooltip = function (_a) {
-    var children = _a.children, content = _a.content, _b = _a.isArrowVisible, isArrowVisible = _b === void 0 ? true : _b, _c = _a.isShownByDefault, isShownByDefault = _c === void 0 ? false : _c, _d = _a.isUpperCased, isUpperCased = _d === void 0 ? false : _d, _e = _a.onTooltipVisibilityChange, onTooltipVisibilityChange = _e === void 0 ? es_noop : _e, _f = _a.placement, placement = _f === void 0 ? 'top' : _f, testId = _a.testId, theme = _a.theme, _g = _a.trigger, trigger = _g === void 0 ? ['focus', 'hover'] : _g, _h = _a.type, type = _h === void 0 ? 'dark' : _h;
+    var children = _a.children, content = _a.content, _b = _a.isArrowVisible, isArrowVisible = _b === void 0 ? true : _b, _c = _a.isBold, isBold = _c === void 0 ? true : _c, _d = _a.isShownByDefault, isShownByDefault = _d === void 0 ? false : _d, _e = _a.isUpperCased, isUpperCased = _e === void 0 ? false : _e, _f = _a.onTooltipVisibilityChange, onTooltipVisibilityChange = _f === void 0 ? es_noop : _f, _g = _a.placement, placement = _g === void 0 ? 'top' : _g, testId = _a.testId, theme = _a.theme, _h = _a.trigger, trigger = _h === void 0 ? ['focus', 'hover'] : _h, _j = _a.type, type = _j === void 0 ? 'dark' : _j, _k = _a.verticalOffset, verticalOffset = _k === void 0 ? 6 : _k;
     var identifier = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useMemo"])(function () { return "tooltip_" + cuid_default()(); }, []);
     var handleVisibilityChange = function () { return onTooltipVisibilityChange(visible); };
-    var _j = usePopperTooltip({
+    var _l = usePopperTooltip({
         defaultVisible: isShownByDefault,
         placement: placement,
         trigger: trigger,
-        onVisibilityChange: handleVisibilityChange
-    }), getArrowProps = _j.getArrowProps, getTooltipProps = _j.getTooltipProps, setTooltipRef = _j.setTooltipRef, setTriggerRef = _j.setTriggerRef, visible = _j.visible;
+        onVisibilityChange: handleVisibilityChange,
+        offset: [0, verticalOffset]
+    }), getArrowProps = _l.getArrowProps, getTooltipProps = _l.getTooltipProps, setTooltipRef = _l.setTooltipRef, setTriggerRef = _l.setTriggerRef, visible = _l.visible;
     return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["Fragment"], null,
         Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["cloneElement"])(children, { ref: setTriggerRef, tabIndex: 0, 'aria-describedBy': identifier }),
-        external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("span", { "aria-hidden": visible, "aria-live": "polite", id: identifier, role: "tooltip", tabIndex: -1 }, visible && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", Tooltip_assign({ ref: setTooltipRef, "data-testid": testId }, getTooltipProps({
-            className: classBinder_cx('c-tooltip', "c-tooltip--" + type, "c-tooltip--" + placement, { 'upper-case': isUpperCased }, theme)
+        external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("span", { "aria-hidden": visible, "aria-live": "polite", className: "c-tooltip-wrapper", id: identifier, role: "tooltip", tabIndex: -1 }, visible && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", Tooltip_assign({ ref: setTooltipRef, "data-testid": testId }, getTooltipProps({
+            className: classBinder_cx('c-tooltip', "c-tooltip--" + type, "c-tooltip--" + placement, { 'upper-case': isUpperCased, 'c-tooltip--bold': isBold }, theme)
         })),
             isArrowVisible && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", Tooltip_assign({}, getArrowProps({ className: 'c-tooltip-arrow', 'data-placement': placement })))),
             external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: "tooltip-body" }, content))))));
 };
 
+// CONCATENATED MODULE: ./src/hocs/withDisabledTooltip.tsx
+
+
+var withDisabledTooltip = function (isDisabled, tooltipContent, verticalOffset) {
+    return function withDisabledTooltipHoc(children) {
+        if (isDisabled && tooltipContent) {
+            return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Tooltip, { content: tooltipContent, isBold: false, trigger: "hover", type: "grey", verticalOffset: verticalOffset }, children));
+        }
+        return children;
+    };
+};
+/* harmony default export */ var hocs_withDisabledTooltip = (withDisabledTooltip);
+
+// CONCATENATED MODULE: ./src/hocs/index.ts
+
+
+// EXTERNAL MODULE: ./node_modules/camelcase/index.js
+var camelcase = __webpack_require__(54);
+var camelcase_default = /*#__PURE__*/__webpack_require__.n(camelcase);
+
+// CONCATENATED MODULE: ./src/components/Components/Icon/Icon.tsx
+var Icon_assign = (undefined && undefined.__assign) || function () {
+    Icon_assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return Icon_assign.apply(this, arguments);
+};
+var __rest = (undefined && undefined.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+
+
+
+var usedIconComponents = {};
+var Icon = function (_a) {
+    var _b;
+    var backgroundColor = _a.backgroundColor, color = _a.color, isLeft = _a.isLeft, isRight = _a.isRight, name = _a.name, size = _a.size, testId = _a.testId, theme = _a.theme, rest = __rest(_a, ["backgroundColor", "color", "isLeft", "isRight", "name", "size", "testId", "theme"]);
+    var componentClassName = classBinder_cx('c-icon', (_b = {},
+        _b["c-icon--" + size] = size,
+        _b["c-icon--l"] = isLeft,
+        _b["c-icon--rounded"] = backgroundColor,
+        _b["c-icon--" + backgroundColor + "Color"] = backgroundColor,
+        _b["c-icon--r"] = isRight,
+        _b["c-icon--" + name] = name,
+        _b), theme);
+    var Component;
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    if (usedIconComponents[name]) {
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        Component = usedIconComponents[name];
+    }
+    else {
+        Component = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["lazy"])(function () { return __webpack_require__(903)("./" + camelcase_default()(name, { pascalCase: true })); });
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        usedIconComponents[name] = Component;
+    }
+    var iconColor = color ? "var(--" + color + ")" : undefined;
+    return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["Suspense"], { fallback: external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("span", { className: componentClassName }) },
+        external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("span", { "aria-hidden": "true", className: componentClassName, "data-testid": testId, tabIndex: -1 },
+            external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Component, Icon_assign({ className: classBinder_cx('c-icon__icon'), color: iconColor }, rest)))));
+};
+
+// CONCATENATED MODULE: ./src/components/Components/Button/Button.tsx
+var Button_assign = (undefined && undefined.__assign) || function () {
+    Button_assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return Button_assign.apply(this, arguments);
+};
+var Button_rest = (undefined && undefined.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+
+
+
+
+var Button = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["forwardRef"])(function (_a, ref) {
+    var _b;
+    var _c = _a.allowEventPropagation, allowEventPropagation = _c === void 0 ? false : _c, ariaLabel = _a.ariaLabel, children = _a.children, color = _a.color, disabledTooltip = _a.disabledTooltip, _d = _a.elementType, elementType = _d === void 0 ? 'button' : _d, isBlock = _a.isBlock, isDisabled = _a.isDisabled, isLoading = _a.isLoading, isRounded = _a.isRounded, isSmall = _a.isSmall, linkDownloadTitle = _a.linkDownloadTitle, linkUrl = _a.linkUrl, onClick = _a.onClick, onlyIconName = _a.onlyIconName, _e = _a.testId, testId = _e === void 0 ? 'Button' : _e, theme = _a.theme, title = _a.title, _f = _a.type, type = _f === void 0 ? 'filled' : _f, rest = Button_rest(_a, ["allowEventPropagation", "ariaLabel", "children", "color", "disabledTooltip", "elementType", "isBlock", "isDisabled", "isLoading", "isRounded", "isSmall", "linkDownloadTitle", "linkUrl", "onClick", "onlyIconName", "testId", "theme", "title", "type"]);
+    var handleOnClick = function (event) {
+        if (isDisabled || isLoading) {
+            event.preventDefault();
+        }
+        else if (onClick) {
+            onClick(event);
+        }
+        if (!allowEventPropagation) {
+            event.stopPropagation();
+        }
+    };
+    var Component = linkUrl ? 'a' : 'button';
+    var content = (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Component
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    , Button_assign({ 
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        ref: ref, "aria-disabled": isDisabled || isLoading, "aria-label": ariaLabel, className: classBinder_cx('c-btn', (_b = {
+                'c-btn--block': isBlock,
+                'c-btn--disabled': isDisabled,
+                'c-btn--loading': isLoading,
+                'c-btn--small': isSmall,
+                'c-btn--rounded': isRounded
+            },
+            _b["c-btn--" + type] = type !== 'filled',
+            _b["c-btn--" + color] = color,
+            _b['c-btn--onlyIcon'] = onlyIconName,
+            _b), theme), "data-testid": testId, disabled: (isDisabled || isLoading) && !disabledTooltip, download: linkDownloadTitle, href: linkUrl, title: title, type: linkUrl ? undefined : elementType, onClick: handleOnClick }, rest),
+        isLoading && external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Icon, { name: "loading" }),
+        onlyIconName ? (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["Fragment"], null,
+            external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Icon, { name: onlyIconName }),
+            external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("span", { className: classBinder_cx('u-vHide') }, ariaLabel))) : (children)));
+    return hocs_withDisabledTooltip(isDisabled, disabledTooltip)(content) || external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["Fragment"], null);
+});
+Button.displayName = 'forwardRef(Button)';
+
+// CONCATENATED MODULE: ./src/components/Components/Alert/Alert.tsx
+
+
+
+
+var closeButtonColorByType = {
+    error: 'red',
+    warning: 'gold',
+    info: undefined,
+    success: 'green'
+};
+var Alert = function (_a) {
+    var _b;
+    var alertRef = _a.alertRef, children = _a.children, closeButtonAriaLabel = _a.closeButtonAriaLabel, iconBackgroundColor = _a.iconBackgroundColor, iconName = _a.iconName, isLarge = _a.isLarge, onClose = _a.onClose, testId = _a.testId, theme = _a.theme, title = _a.title, type = _a.type;
+    return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { ref: alertRef, className: classBinder_cx('c-alert', (_b = {}, _b["c-alert--" + type] = type, _b['c-alert--large'] = isLarge, _b), theme), "data-testid": testId, role: "alert" },
+        iconName && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: classBinder_cx('c-alert__icon') },
+            external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Icon, { backgroundColor: iconBackgroundColor, name: iconName }))),
+        external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: classBinder_cx('c-alert__content') },
+            title && external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("strong", { className: classBinder_cx('c-alert__title') }, title),
+            children && external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: classBinder_cx('c-alert__text') }, children)),
+        onClose && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Button, { isSmall: true, ariaLabel: closeButtonAriaLabel || '', color: type ? closeButtonColorByType[type] : undefined, onlyIconName: "close", theme: "c-alert__close", type: "transparent", onClick: onClose }))));
+};
+
+// CONCATENATED MODULE: ./src/components/Components/Alert/index.ts
+
+
+// CONCATENATED MODULE: ./src/components/Components/Avatar/Avatar.tsx
+
+
+
+var Avatar = function (_a) {
+    var _b;
+    var background = _a.background, border = _a.border, boxShadow = _a.boxShadow, iconName = _a.iconName, size = _a.size, testId = _a.testId, text = _a.text, theme = _a.theme;
+    var componentClassName = classBinder_cx('c-avatar', (_b = {},
+        _b["c-avatar--" + size] = size,
+        _b["c-avatar--" + background + "Color"] = background,
+        _b["c-avatar--" + border + "Border"] = border,
+        _b['c-avatar--shadow'] = boxShadow,
+        _b), theme);
+    return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: componentClassName, "data-testid": testId },
+        text && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("span", { "aria-hidden": "true", className: "c-avatar__text" }, text)),
+        iconName && external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Icon, { name: iconName })));
+};
+
+// CONCATENATED MODULE: ./src/components/Components/Avatar/index.ts
+
+
+// CONCATENATED MODULE: ./src/components/Components/Badge/Badge.tsx
+
+
+var Badge = function (_a) {
+    var ariaLabel = _a.ariaLabel, children = _a.children, _b = _a.count, count = _b === void 0 ? 0 : _b, _c = _a.isDotVisible, isDotVisible = _c === void 0 ? false : _c, _d = _a.maxCount, maxCount = _d === void 0 ? 99 : _d, testId = _a.testId, theme = _a.theme;
+    return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("span", { "aria-label": ariaLabel, className: classBinder_cx('c-badge', theme), "data-testid": testId },
+        children,
+        (isDotVisible || count > 0) && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("span", { className: classBinder_cx('c-badge__point', { 'c-badge__point--dot': isDotVisible }) }, count > 0 && !isDotVisible ? (count > maxCount ? maxCount + "+" : count) : null))));
+};
+
+// CONCATENATED MODULE: ./src/components/Components/Badge/index.ts
+
+
+// CONCATENATED MODULE: ./src/components/Layout/Flex/Flex.tsx
+
+
+var Flex = function (_a) {
+    var _b;
+    var _c = _a.alignItems, alignItems = _c === void 0 ? 'baseline' : _c, children = _a.children, direction = _a.direction, isAlignItemsResponsive = _a.isAlignItemsResponsive, isDirectionResponsive = _a.isDirectionResponsive, justifyContent = _a.justifyContent, onClick = _a.onClick, testId = _a.testId, theme = _a.theme, _d = _a.wrap, wrap = _d === void 0 ? 'nowrap' : _d;
+    return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: classBinder_cx('c-flex', (_b = {},
+            _b["c-flex--align-items--" + alignItems] = alignItems,
+            _b["c-flex--align-items--responsive"] = isAlignItemsResponsive,
+            _b["c-flex--direction--" + direction] = direction,
+            _b['c-flex--direction--responsive'] = isDirectionResponsive,
+            _b["c-flex--justify-content--" + justifyContent] = justifyContent,
+            _b["c-flex--wrap--" + wrap] = wrap,
+            _b), theme), "data-testid": testId, onClick: onClick }, children));
+};
+
+// CONCATENATED MODULE: ./src/components/Components/Button/ButtonsGroup.tsx
+var ButtonsGroup_assign = (undefined && undefined.__assign) || function () {
+    ButtonsGroup_assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return ButtonsGroup_assign.apply(this, arguments);
+};
+var ButtonsGroup_rest = (undefined && undefined.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+
+
+
+var ButtonsGroup = function (_a) {
+    var _b;
+    var children = _a.children, isFlex = _a.isFlex, isSmall = _a.isSmall, testId = _a.testId, theme = _a.theme, flexProps = ButtonsGroup_rest(_a, ["children", "isFlex", "isSmall", "testId", "theme"]);
+    var Component = isFlex ? Flex : 'div';
+    var componentProps = isFlex ? {} : { 'data-testid': testId };
+    var componentStyles = classBinder_cx('c-btnsGroup', (_b = {}, _b['c-btnsGroup--small'] = isSmall, _b), theme);
+    return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Component, ButtonsGroup_assign({}, flexProps, componentProps, { className: !isFlex ? componentStyles : undefined, theme: isFlex ? componentStyles : undefined }), children));
+};
+
+// CONCATENATED MODULE: ./src/components/Components/Button/index.ts
+
+
+
 // CONCATENATED MODULE: ./src/components/Components/ButtonTooltip/ButtonTooltip.tsx
 var ButtonTooltip_assign = (undefined && undefined.__assign) || function () {
     ButtonTooltip_assign = Object.assign || function(t) {
@@ -95988,9 +96008,10 @@ var CollapseHeader = function (_a) {
 
 
 
+
 var Card = function (_a) {
     var _b;
-    var allowEventPropagation = _a.allowEventPropagation, backgroundColor = _a.backgroundColor, borderColor = _a.borderColor, children = _a.children, _c = _a.hasCustomTrigger, hasCustomTrigger = _c === void 0 ? false : _c, collapseHeader = _a.header, iconBackgroundColor = _a.iconBackgroundColor, iconName = _a.iconName, isCollapsible = _a.isCollapsible, isIconAlignTop = _a.isIconAlignTop, isInteractive = _a.isInteractive, _d = _a.isOpen, isOpen = _d === void 0 ? false : _d, isSelected = _a.isSelected, onClick = _a.onClick, onToggle = _a.onToggle, shadowSize = _a.shadowSize, size = _a.size, testId = _a.testId, theme = _a.theme, _e = _a.withoutRole, withoutRole = _e === void 0 ? false : _e;
+    var allowEventPropagation = _a.allowEventPropagation, backgroundColor = _a.backgroundColor, borderColor = _a.borderColor, children = _a.children, disabledTooltip = _a.disabledTooltip, _c = _a.hasCustomTrigger, hasCustomTrigger = _c === void 0 ? false : _c, collapseHeader = _a.header, iconBackgroundColor = _a.iconBackgroundColor, iconName = _a.iconName, isCollapsible = _a.isCollapsible, isDisabled = _a.isDisabled, isIconAlignTop = _a.isIconAlignTop, isInteractive = _a.isInteractive, _d = _a.isOpen, isOpen = _d === void 0 ? false : _d, isSelected = _a.isSelected, onClick = _a.onClick, onToggle = _a.onToggle, shadowSize = _a.shadowSize, size = _a.size, testId = _a.testId, theme = _a.theme, _e = _a.withoutRole, withoutRole = _e === void 0 ? false : _e;
     var identification = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useMemo"])(function () { return "card_" + cuid_default()(); }, []);
     var _f = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])(isOpen), isOpened = _f[0], setIsOpened = _f[1];
     var cardRef = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useRef"])(null);
@@ -96002,6 +96023,8 @@ var Card = function (_a) {
                 ? "" + iconBackgroundColor.replace('Normal', 'Hover')
                 : "" + iconBackgroundColor);
     var handleOnClick = function (event) {
+        if (isDisabled)
+            return;
         if (isInteractive && onClick) {
             onClick(event);
             if (!allowEventPropagation) {
@@ -96032,24 +96055,24 @@ var Card = function (_a) {
     var setRef = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useCallback"])(function (ref) {
         cardRef.current = ref;
     }, []);
-    return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(contexts_CardContext.Provider, { value: cardContext },
-        external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { ref: setRef, className: classBinder_cx('c-card', (_b = {
-                    'c-card--collapse--open': isCollapsible && isOpened,
-                    'c-card--collapse': isCollapsible,
-                    'c-card--interactive': isInteractive,
-                    'c-card--selected': isSelected
-                },
-                _b["c-card--" + backgroundColor] = backgroundColor,
-                _b["c-card--" + borderColor + "Border"] = borderColor,
-                _b["c-card--" + shadowSize + "Shadow"] = shadowSize,
-                _b["c-card--" + size] = size,
-                _b), theme), "data-testid": testId, role: isInteractive && !withoutRole ? 'button' : undefined, tabIndex: (isInteractive || isCollapsible) && !withoutRole ? 0 : undefined, onClick: handleOnClick, onKeyDown: handleKeyDown },
-            external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(CollapseHeader, { header: collapseHeader ? collapseHeader : children, iconBackground: iconBackground, iconName: iconName, isCollapsible: isCollapsible, isIconAlignTop: isIconAlignTop, isInteractive: isInteractive, onToggle: handleOnToggle }),
-            isCollapsible ? (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(AnimatePresence, { initial: false }, isOpened && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { "aria-labelledby": identification + "_header", className: classBinder_cx('c-card__content'), role: "region" },
-                external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(motion.div, { key: "content", animate: "open", exit: "collapsed", initial: "collapsed", transition: { duration: 0.6, ease: [0.04, 0.62, 0.23, 0.98] }, variants: {
-                        open: { opacity: 1, height: 'auto' },
-                        collapsed: { opacity: 0, height: 0 }
-                    } }, children))))) : (collapseHeader && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { "aria-labelledby": identification + "_header", className: classBinder_cx('c-card__content'), role: "region" }, children))))));
+    return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(contexts_CardContext.Provider, { value: cardContext }, hocs_withDisabledTooltip(isDisabled, disabledTooltip)(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { ref: setRef, "aria-disabled": isDisabled, className: classBinder_cx('c-card', (_b = {
+                'c-card--collapse--open': isCollapsible && isOpened,
+                'c-card--collapse': isCollapsible,
+                'c-card--interactive': isInteractive,
+                'c-card--selected': isSelected,
+                'c-card--disabled': isDisabled
+            },
+            _b["c-card--" + backgroundColor] = backgroundColor,
+            _b["c-card--" + borderColor + "Border"] = borderColor,
+            _b["c-card--" + shadowSize + "Shadow"] = shadowSize,
+            _b["c-card--" + size] = size,
+            _b), theme), "data-testid": testId, role: isInteractive && !withoutRole ? 'button' : undefined, tabIndex: (isInteractive || isCollapsible) && !withoutRole ? 0 : undefined, onClick: handleOnClick, onKeyDown: handleKeyDown },
+        external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(CollapseHeader, { header: collapseHeader ? collapseHeader : children, iconBackground: iconBackground, iconName: iconName, isCollapsible: isCollapsible, isIconAlignTop: isIconAlignTop, isInteractive: isInteractive, onToggle: handleOnToggle }),
+        isCollapsible ? (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(AnimatePresence, { initial: false }, isOpened && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { "aria-labelledby": identification + "_header", className: classBinder_cx('c-card__content'), role: "region" },
+            external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(motion.div, { key: "content", animate: "open", exit: "collapsed", initial: "collapsed", transition: { duration: 0.6, ease: [0.04, 0.62, 0.23, 0.98] }, variants: {
+                    open: { opacity: 1, height: 'auto' },
+                    collapsed: { opacity: 0, height: 0 }
+                } }, children))))) : (collapseHeader && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { "aria-labelledby": identification + "_header", className: classBinder_cx('c-card__content'), role: "region" }, children)))))));
 };
 
 // CONCATENATED MODULE: ./src/components/Components/Card/_elements_/CardCustomTrigger.tsx
@@ -96348,9 +96371,10 @@ var Link_rest = (undefined && undefined.__rest) || function (s, e) {
 
 
 
+
 var Link = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["forwardRef"])(function (_a, ref) {
     var _b;
-    var _c = _a.allowEventPropagation, allowEventPropagation = _c === void 0 ? false : _c, ariaLabel = _a.ariaLabel, children = _a.children, color = _a.color, isDisabled = _a.isDisabled, isLoading = _a.isLoading, isSmall = _a.isSmall, linkDownloadTitle = _a.linkDownloadTitle, linkUrl = _a.linkUrl, onClick = _a.onClick, _d = _a.testId, testId = _d === void 0 ? 'Link' : _d, theme = _a.theme, title = _a.title, rest = Link_rest(_a, ["allowEventPropagation", "ariaLabel", "children", "color", "isDisabled", "isLoading", "isSmall", "linkDownloadTitle", "linkUrl", "onClick", "testId", "theme", "title"]);
+    var _c = _a.allowEventPropagation, allowEventPropagation = _c === void 0 ? false : _c, ariaLabel = _a.ariaLabel, children = _a.children, color = _a.color, disabledTooltip = _a.disabledTooltip, isDisabled = _a.isDisabled, isLoading = _a.isLoading, isSmall = _a.isSmall, linkDownloadTitle = _a.linkDownloadTitle, linkUrl = _a.linkUrl, onClick = _a.onClick, _d = _a.testId, testId = _d === void 0 ? 'Link' : _d, theme = _a.theme, title = _a.title, rest = Link_rest(_a, ["allowEventPropagation", "ariaLabel", "children", "color", "disabledTooltip", "isDisabled", "isLoading", "isSmall", "linkDownloadTitle", "linkUrl", "onClick", "testId", "theme", "title"]);
     var handleOnClick = function (event) {
         if (isDisabled || isLoading) {
             event.preventDefault();
@@ -96363,7 +96387,7 @@ var Link = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_u
         }
     };
     var Component = linkUrl ? 'a' : 'button';
-    return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Component
+    var content = (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Component
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
     , Link_assign({ 
@@ -96378,6 +96402,7 @@ var Link = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_u
             _b), theme), "data-testid": testId, disabled: isDisabled || isLoading, download: linkDownloadTitle, href: linkUrl, title: title, type: linkUrl ? undefined : 'button', onClick: handleOnClick }, rest),
         isLoading && external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Icon, { name: "loading" }),
         children));
+    return hocs_withDisabledTooltip(isDisabled, disabledTooltip)(content) || external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["Fragment"], null);
 });
 Link.displayName = 'forwardRef(Link)';
 
@@ -96647,6 +96672,7 @@ var useModal = function (disableCloseByOutsideClick, onHide, onShow) {
 
 
 
+
 var Pills = function (_a) {
     var ariaLabel = _a.ariaLabel, _b = _a.initialPill, initialPill = _b === void 0 ? '' : _b, onChange = _a.onChange, pills = _a.pills, _c = _a.testId, testId = _c === void 0 ? 'Pills' : _c, theme = _a.theme;
     var _d = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])(''), activePill = _d[0], setActivePill = _d[1];
@@ -96666,12 +96692,12 @@ var Pills = function (_a) {
     }, [initialPill]);
     return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("ul", { "aria-label": ariaLabel, className: classBinder_cx('c-pills__list', theme), "data-testid": testId }, pills.map(function (_a) {
         var _b;
-        var _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, label = _a.label, value = _a.value;
+        var disabledTooltip = _a.disabledTooltip, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, label = _a.label, value = _a.value;
         return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("li", { key: "pills-" + cuid_default()() + "-" + value, className: classBinder_cx('c-pills__listItem', (_b = {},
                 _b["c-pills__listItem--disabled"] = isDisabled,
                 _b["c-pills__listItem--selected"] = activePill === value,
                 _b)) },
-            external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("button", { className: classBinder_cx('c-pills__listButton'), disabled: isDisabled, onClick: handleOnClick(value, isDisabled) }, label)));
+            external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Button, { disabledTooltip: disabledTooltip, isDisabled: isDisabled, theme: classBinder_cx('c-pills__listButton'), type: "transparent", onClick: handleOnClick(value, isDisabled) }, label)));
     })));
 };
 
@@ -97045,7 +97071,7 @@ var FormGroup_rest = (undefined && undefined.__rest) || function (s, e) {
 
 
 var FormGroup = function (_a) {
-    var children = _a.children, error = _a.error, _b = _a.hasError, hasError = _b === void 0 ? false : _b, _c = _a.hasLabel, hasLabel = _c === void 0 ? true : _c, isDisabled = _a.isDisabled, kind = _a.kind, theme = _a.theme, rest = FormGroup_rest(_a, ["children", "error", "hasError", "hasLabel", "isDisabled", "kind", "theme"]);
+    var children = _a.children, error = _a.error, _b = _a.hasError, hasError = _b === void 0 ? false : _b, _c = _a.hasLabel, hasLabel = _c === void 0 ? true : _c, kind = _a.kind, theme = _a.theme, rest = FormGroup_rest(_a, ["children", "error", "hasError", "hasLabel", "kind", "theme"]);
     var _d = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])({ isFilled: false, isFocused: false }), state = _d[0], setState = _d[1];
     var handleFocus = function () { return setState(function (state) { return (!state.isFocused ? FormGroup_assign(FormGroup_assign({}, state), { isFocused: true }) : state); }); };
     var handleBlur = function () { return setState(function (state) { return (state.isFocused ? FormGroup_assign(FormGroup_assign({}, state), { isFocused: false }) : state); }); };
@@ -97070,11 +97096,7 @@ var FormGroup = function (_a) {
                 'is-filled': isFilled,
                 'is-focused': isFocused,
                 'without-label': !hasLabel
-            }, theme), 
-            // TODO: WTF?!
-            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            // @ts-ignore
-            disabled: isDisabled }), children)));
+            }, theme) }), children)));
 };
 
 // CONCATENATED MODULE: ./src/components/Form/FormText/FormText.tsx
@@ -97140,8 +97162,9 @@ var FormField_rest = (undefined && undefined.__rest) || function (s, e) {
 
 
 
+
 var FormField = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["forwardRef"])(function (_a, ref) {
-    var afterControl = _a.afterControl, _b = _a.allowEventPropagation, allowEventPropagation = _b === void 0 ? false : _b, _c = _a.autoComplete, autoComplete = _c === void 0 ? 'off' : _c, beforeControl = _a.beforeControl, ControlComponent = _a.control, error = _a.error, hasAutoFocus = _a.hasAutoFocus, id = _a.id, disabled = _a.isDisabled, isLabelHidden = _a.isLabelHidden, isReadOnly = _a.isReadOnly, isRequired = _a.isRequired, kind = _a.kind, label = _a.label, labelProps = _a.labelProps, labelTooltip = _a.labelTooltip, legendText = _a.legendText, maxCharacters = _a.maxCharacters, maxLength = _a.maxLength, name = _a.name, onClick = _a.onClick, prefix = _a.prefix, suffix = _a.suffix, theme = _a.theme, tooltip = _a.tooltip, value = _a.value, rest = FormField_rest(_a, ["afterControl", "allowEventPropagation", "autoComplete", "beforeControl", "control", "error", "hasAutoFocus", "id", "isDisabled", "isLabelHidden", "isReadOnly", "isRequired", "kind", "label", "labelProps", "labelTooltip", "legendText", "maxCharacters", "maxLength", "name", "onClick", "prefix", "suffix", "theme", "tooltip", "value"]);
+    var afterControl = _a.afterControl, _b = _a.allowEventPropagation, allowEventPropagation = _b === void 0 ? false : _b, _c = _a.autoComplete, autoComplete = _c === void 0 ? 'off' : _c, beforeControl = _a.beforeControl, ControlComponent = _a.control, disabledTooltip = _a.disabledTooltip, error = _a.error, hasAutoFocus = _a.hasAutoFocus, id = _a.id, disabled = _a.isDisabled, isLabelHidden = _a.isLabelHidden, isReadOnly = _a.isReadOnly, isRequired = _a.isRequired, kind = _a.kind, label = _a.label, labelProps = _a.labelProps, labelTooltip = _a.labelTooltip, legendText = _a.legendText, maxCharacters = _a.maxCharacters, maxLength = _a.maxLength, name = _a.name, onClick = _a.onClick, prefix = _a.prefix, suffix = _a.suffix, theme = _a.theme, tooltip = _a.tooltip, value = _a.value, rest = FormField_rest(_a, ["afterControl", "allowEventPropagation", "autoComplete", "beforeControl", "control", "disabledTooltip", "error", "hasAutoFocus", "id", "isDisabled", "isLabelHidden", "isReadOnly", "isRequired", "kind", "label", "labelProps", "labelTooltip", "legendText", "maxCharacters", "maxLength", "name", "onClick", "prefix", "suffix", "theme", "tooltip", "value"]);
     var uniqueID = id || name;
     var hasError = !!error;
     var helpID = uniqueID + "-help";
@@ -97162,16 +97185,18 @@ var FormField = Object(external_root_React_commonjs2_react_commonjs_react_amd_re
                     external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Icon, { backgroundColor: "info", name: "info", size: "small" })))))));
     var WrappedControlComponent = (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Flex, { alignItems: "center" },
         beforeControl && external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: "before-control" }, beforeControl),
-        external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: classBinder_cx('control-wrapper') },
+        hocs_withDisabledTooltip(disabled && !(isCheckbox || isRadio), disabledTooltip)(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: classBinder_cx('control-wrapper') },
             prefix && external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: "f-control__prefix" }, prefix),
             external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(ControlComponent, FormField_assign({}, ariaAttributes, rest, { 
                 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
                 // @ts-ignore
                 ref: ref, autoComplete: autoComplete, disabled: disabled, hasAutoFocus: hasAutoFocus, id: uniqueID, maxLength: maxLength || maxCharacters, name: name, readOnly: isReadOnly, required: isRequired, spellCheck: "false", value: value, onClick: handleOnClick })),
-            label && (isCheckbox || isRadio) && LabelComponent,
-            suffix && external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: "f-control__suffix" }, suffix)),
+            label &&
+                (isCheckbox || isRadio) &&
+                hocs_withDisabledTooltip(disabled, disabledTooltip)(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("span", null, LabelComponent)),
+            suffix && external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: "f-control__suffix" }, suffix))),
         afterControl && external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: "after-control" }, afterControl)));
-    return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(FormGroup, { error: error, hasError: hasError, hasLabel: Boolean(label) && !isLabelHidden, isDisabled: disabled, kind: kind, theme: classBinder_cx(suffix && 'has-suffix', prefix && 'has-prefix', {
+    return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(FormGroup, { error: error, hasError: hasError, hasLabel: Boolean(label) && !isLabelHidden, kind: kind, theme: classBinder_cx(suffix && 'has-suffix', prefix && 'has-prefix', {
             'is-required': isRequired,
             'is-disabled': disabled
         }, theme) },
@@ -97550,11 +97575,13 @@ var Label2 = function (_a) {
 
 
 
+
 var FormGroup2 = function (_a) {
-    var charCounter = _a.charCounter, children = _a.children, error = _a.error, _b = _a.hasError, hasError = _b === void 0 ? false : _b, help = _a.help, isDisabled = _a.isDisabled, label = _a.label, labelTooltip = _a.labelTooltip, name = _a.name, theme = _a.theme;
+    var charCounter = _a.charCounter, children = _a.children, disabledTooltip = _a.disabledTooltip, _b = _a.disabledTooltipOffset, disabledTooltipOffset = _b === void 0 ? 6 : _b, error = _a.error, _c = _a.hasError, hasError = _c === void 0 ? false : _c, help = _a.help, isDisabled = _a.isDisabled, label = _a.label, labelTooltip = _a.labelTooltip, name = _a.name, theme = _a.theme;
     return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: classBinder_cx('f-group2', { 'f-group2--disabled': isDisabled, 'f-group2--error': hasError }, theme) },
-        label && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Label2, { htmlFor: name, identifier: name + "_label", labelTooltip: labelTooltip }, label)),
-        children,
+        hocs_withDisabledTooltip(isDisabled, disabledTooltip, disabledTooltipOffset)(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("span", { className: "disabled-tooltip-wrapper" },
+            label && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Label2, { htmlFor: name, identifier: name + "_label", labelTooltip: labelTooltip }, label)),
+            children)),
         charCounter && charCounter.max > 0 && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: classBinder_cx('f-controlCounter', { 'f-controlCounter--error': charCounter.length > charCounter.max }) }, (charCounter.length || 0) + " / " + charCounter.max)),
         external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { "aria-live": "assertive", className: "f-validationMsg f-validationMsg--invalid", id: name + "_errorMessage" }, error),
         help && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: "f-controlHelp", id: name + "_help" }, help))));
@@ -97659,7 +97686,7 @@ var Autocomplete_assign = (undefined && undefined.__assign) || function () {
 
 var Autocomplete = function (_a) {
     var _b, _c, _d;
-    var dropdownTheme = _a.dropdownTheme, error = _a.error, _e = _a.hasAlwaysValue, hasAlwaysValue = _e === void 0 ? false : _e, _f = _a.hasFullWidthOptions, hasFullWidthOptions = _f === void 0 ? true : _f, help = _a.help, _g = _a.inputAutocomplete, inputAutocomplete = _g === void 0 ? false : _g, isCreatable = _a.isCreatable, isDisabled = _a.isDisabled, items = _a.items, label = _a.label, labelTooltip = _a.labelTooltip, messages = _a.messages, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onCreate = _a.onCreate, placeholder = _a.placeholder, testId = _a.testId, theme = _a.theme, outterValue = _a.value;
+    var disabledTooltip = _a.disabledTooltip, dropdownTheme = _a.dropdownTheme, error = _a.error, _e = _a.hasAlwaysValue, hasAlwaysValue = _e === void 0 ? false : _e, _f = _a.hasFullWidthOptions, hasFullWidthOptions = _f === void 0 ? true : _f, help = _a.help, _g = _a.inputAutocomplete, inputAutocomplete = _g === void 0 ? false : _g, isCreatable = _a.isCreatable, isDisabled = _a.isDisabled, items = _a.items, label = _a.label, labelTooltip = _a.labelTooltip, messages = _a.messages, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onCreate = _a.onCreate, placeholder = _a.placeholder, testId = _a.testId, theme = _a.theme, outterValue = _a.value;
     var isCategorised = !!((_b = items[0]) === null || _b === void 0 ? void 0 : _b.items);
     var _h = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])(false), isDropdownVisible = _h[0], setIsDropdownVisible = _h[1];
     var _j = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])(outterValue || ''), value = _j[0], setValue = _j[1];
@@ -97953,6 +97980,7 @@ var Autocomplete = function (_a) {
         setValue: setValue
     };
     var fromGroupProps = {
+        disabledTooltip: disabledTooltip,
         error: error,
         hasError: !!error,
         help: help,
@@ -103400,7 +103428,7 @@ var Checkbox2_assign = (undefined && undefined.__assign) || function () {
 
 
 var Checkbox2 = function (_a) {
-    var _b = _a.allowEventPropagation, allowEventPropagation = _b === void 0 ? false : _b, error = _a.error, help = _a.help, isDisabled = _a.isDisabled, label = _a.label, name = _a.name, onChange = _a.onChange, testId = _a.testId, theme = _a.theme, _c = _a.value, defaultState = _c === void 0 ? false : _c;
+    var _b = _a.allowEventPropagation, allowEventPropagation = _b === void 0 ? false : _b, disabledTooltip = _a.disabledTooltip, error = _a.error, help = _a.help, isDisabled = _a.isDisabled, label = _a.label, name = _a.name, onChange = _a.onChange, testId = _a.testId, theme = _a.theme, _c = _a.value, defaultState = _c === void 0 ? false : _c;
     var _d = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])(defaultState), isChecked = _d[0], setIsChecked = _d[1];
     var handleOnChange = function (event) {
         if (!isDisabled) {
@@ -103421,6 +103449,7 @@ var Checkbox2 = function (_a) {
     };
     var formGroupProps = {
         error: error,
+        disabledTooltip: disabledTooltip,
         hasError: !!error,
         help: help,
         isDisabled: isDisabled,
@@ -103495,7 +103524,7 @@ var DatePicker_rest = (undefined && undefined.__rest) || function (s, e) {
 
 var NATIVE_DATE_FORMAT = 'YYYY-MM-DD';
 var DatePicker = function (_a) {
-    var _b = _a.autoDetectNativeCalendar, autoDetectNativeCalendar = _b === void 0 ? true : _b, defaultValue = _a.defaultValue, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, _d = _a.language, language = _d === void 0 ? 'cs' : _d, onChange = _a.onChange, settings = _a.settings, theme = _a.theme, value = _a.value, props = DatePicker_rest(_a, ["autoDetectNativeCalendar", "defaultValue", "isDisabled", "language", "onChange", "settings", "theme", "value"]);
+    var _b = _a.autoDetectNativeCalendar, autoDetectNativeCalendar = _b === void 0 ? true : _b, defaultValue = _a.defaultValue, disabledTooltip = _a.disabledTooltip, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, _d = _a.language, language = _d === void 0 ? 'cs' : _d, onChange = _a.onChange, settings = _a.settings, theme = _a.theme, value = _a.value, props = DatePicker_rest(_a, ["autoDetectNativeCalendar", "defaultValue", "disabledTooltip", "isDisabled", "language", "onChange", "settings", "theme", "value"]);
     var hasNativeCalendar = autoDetectNativeCalendar && (react_device_detect_main["isMobile"] || react_device_detect_main["isTablet"]);
     var parseAndFormatDate = function (date) {
         if (!date) {
@@ -103556,7 +103585,7 @@ var DatePicker = function (_a) {
             // eslint-disable-next-line @typescript-eslint/ban-ts-comment
             // @ts-ignore
             onOpen: function () { var _a; return (_a = document.querySelector("[data-onopen=\"" + generatedId + "\"]")) === null || _a === void 0 ? void 0 : _a.blur(); } }, settings), render: function (_, ref) { return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { ref: ref },
-            external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(TextInput, DatePicker_assign({ "data-onopen": generatedId }, props, { isDisabled: isDisabled, suffix: !hasNativeCalendar ? external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Icon, { name: "calendar", size: "small" }) : undefined, type: hasNativeCalendar ? 'date' : 'text', value: typedValue, 
+            external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(TextInput, DatePicker_assign({ "data-onopen": generatedId }, props, { disabledTooltip: disabledTooltip, isDisabled: isDisabled, suffix: !hasNativeCalendar ? external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Icon, { name: "calendar", size: "small" }) : undefined, type: hasNativeCalendar ? 'date' : 'text', value: typedValue, 
                 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
                 // @ts-ignore
                 onChange: onInputChange })))); }, value: value, onChange: onDateChange }));
@@ -105204,13 +105233,16 @@ var Input2_assign = (undefined && undefined.__assign) || function () {
 
 
 
+var DISABLED_TOOLTIP_OFFSET = -6;
 var Input2 = function (_a) {
-    var _b = _a.allowEventPropagation, allowEventPropagation = _b === void 0 ? false : _b, _c = _a.allowLeadingZeros, allowLeadingZeros = _c === void 0 ? true : _c, _d = _a.allowNegative, allowNegative = _d === void 0 ? false : _d, autocomplete = _a.autocomplete, autofocus = _a.autofocus, _e = _a.decimalLimit, decimalLimit = _e === void 0 ? 0 : _e, _f = _a.decimalSeparator, decimalSeparator = _f === void 0 ? ',' : _f, error = _a.error, help = _a.help, inputMode = _a.inputMode, _g = _a.integerPlaces, integerPlaces = _g === void 0 ? 0 : _g, isDisabled = _a.isDisabled, label = _a.label, labelTooltip = _a.labelTooltip, maxCharCounter = _a.maxCharCounter, maxLength = _a.maxLength, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onClick = _a.onClick, onFocus = _a.onFocus, onPaste = _a.onPaste, placeholder = _a.placeholder, prefix = _a.prefix, prefixIconName = _a.prefixIconName, _h = _a.showPassword, showPassword = _h === void 0 ? true : _h, showPasswordTooltip = _a.showPasswordTooltip, suffixIconName = _a.suffixIconName, testId = _a.testId, theme = _a.theme, _j = _a.thousandSeparator, thousandSeparator = _j === void 0 ? '' : _j, _k = _a.type, type = _k === void 0 ? 'text' : _k, unit = _a.unit, outerValue = _a.value;
+    var _b = _a.allowEventPropagation, allowEventPropagation = _b === void 0 ? false : _b, _c = _a.allowLeadingZeros, allowLeadingZeros = _c === void 0 ? true : _c, _d = _a.allowNegative, allowNegative = _d === void 0 ? false : _d, autocomplete = _a.autocomplete, autofocus = _a.autofocus, _e = _a.decimalLimit, decimalLimit = _e === void 0 ? 0 : _e, _f = _a.decimalSeparator, decimalSeparator = _f === void 0 ? ',' : _f, disabledTooltip = _a.disabledTooltip, error = _a.error, help = _a.help, inputMode = _a.inputMode, _g = _a.integerPlaces, integerPlaces = _g === void 0 ? 0 : _g, isDisabled = _a.isDisabled, label = _a.label, labelTooltip = _a.labelTooltip, maxCharCounter = _a.maxCharCounter, maxLength = _a.maxLength, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onClick = _a.onClick, onFocus = _a.onFocus, onPaste = _a.onPaste, placeholder = _a.placeholder, prefix = _a.prefix, prefixIconName = _a.prefixIconName, _h = _a.showPassword, showPassword = _h === void 0 ? true : _h, showPasswordTooltip = _a.showPasswordTooltip, suffixIconName = _a.suffixIconName, testId = _a.testId, theme = _a.theme, _j = _a.thousandSeparator, thousandSeparator = _j === void 0 ? '' : _j, _k = _a.type, type = _k === void 0 ? 'text' : _k, unit = _a.unit, outerValue = _a.value;
     var minusCharacter = '-';
     var _l = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])(outerValue || ''), value = _l[0], setValue = _l[1];
     var _m = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])(false), isPasswordVisible = _m[0], setIsPasswordVisible = _m[1];
     var numberRegex = new RegExp(/^-*\d*[,.]*\d*$/);
     var formGroupProps = {
+        disabledTooltip: disabledTooltip,
+        disabledTooltipOffset: DISABLED_TOOLTIP_OFFSET,
         error: error,
         hasError: !!error,
         help: help,
@@ -105632,7 +105664,7 @@ var MonthInput_assign = (undefined && undefined.__assign) || function () {
 // @ts-ignore
 
 var MonthInput = function (_a) {
-    var ariaLabel = _a.ariaLabel, defaultValue = _a.defaultValue, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, _c = _a.language, language = _c === void 0 ? 'cs' : _c, onChange = _a.onChange, settings = _a.settings, theme = _a.theme, value = _a.value;
+    var ariaLabel = _a.ariaLabel, defaultValue = _a.defaultValue, disabledTooltip = _a.disabledTooltip, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, _c = _a.language, language = _c === void 0 ? 'cs' : _c, onChange = _a.onChange, settings = _a.settings, theme = _a.theme, value = _a.value;
     var parseAndFormatDate = function (date) {
         if (!date) {
             return undefined;
@@ -105665,7 +105697,7 @@ var MonthInput = function (_a) {
                     altFormat: 'F Y'
                 })
             ], disableMobile: true }, settings), render: function (_, ref) { return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { ref: ref },
-            external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Button, { allowEventPropagation: true, isSmall: true, ariaLabel: ariaLabel, isDisabled: isDisabled, type: "border" },
+            external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Button, { allowEventPropagation: true, isSmall: true, ariaLabel: ariaLabel, disabledTooltip: disabledTooltip, isDisabled: isDisabled, type: "border" },
                 external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Icon, { isLeft: true, name: "calendar", size: "small" }), shownValue === null || shownValue === void 0 ? void 0 :
                 shownValue.toString()))); }, value: value, onChange: onDateChange }));
 };
@@ -105896,7 +105928,7 @@ var Radio2_assign = (undefined && undefined.__assign) || function () {
 
 var Radio2 = function (_a) {
     var _b;
-    var _c = _a.allowEventPropagation, allowEventPropagation = _c === void 0 ? false : _c, error = _a.error, help = _a.help, _d = _a.isDisabled, isDisabled = _d === void 0 ? false : _d, _e = _a.isInRow, isInRow = _e === void 0 ? false : _e, _f = _a.isTitleHidden, isTitleHidden = _f === void 0 ? false : _f, items = _a.items, label = _a.label, name = _a.name, onChange = _a.onChange, testId = _a.testId, theme = _a.theme, value = _a.value;
+    var _c = _a.allowEventPropagation, allowEventPropagation = _c === void 0 ? false : _c, disabledTooltip = _a.disabledTooltip, error = _a.error, help = _a.help, _d = _a.isDisabled, isDisabled = _d === void 0 ? false : _d, _e = _a.isInRow, isInRow = _e === void 0 ? false : _e, _f = _a.isTitleHidden, isTitleHidden = _f === void 0 ? false : _f, items = _a.items, label = _a.label, name = _a.name, onChange = _a.onChange, testId = _a.testId, theme = _a.theme, value = _a.value;
     var getCheckedIndex = function (value) { return items.findIndex(function (item) { return item.value === value; }); };
     var _g = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])(getCheckedIndex(value)), checked = _g[0], setChecked = _g[1];
     var _h = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])(false), isFocused = _h[0], setIsFocused = _h[1];
@@ -105960,6 +105992,7 @@ var Radio2 = function (_a) {
     };
     var formGroupProps = {
         error: error,
+        disabledTooltip: disabledTooltip,
         hasError: !!error,
         help: help,
         isDisabled: isDisabled,
@@ -106101,7 +106134,7 @@ var Select2_spreadArray = (undefined && undefined.__spreadArray) || function (to
 
 var Select2 = function (_a) {
     var _b;
-    var _c = _a.displayDetails, displayDetails = _c === void 0 ? false : _c, dropdownTheme = _a.dropdownTheme, emptyValueLabel = _a.emptyValueLabel, error = _a.error, _d = _a.hasFullWidthOptions, hasFullWidthOptions = _d === void 0 ? true : _d, help = _a.help, isDisabled = _a.isDisabled, items = _a.items, label = _a.label, labelTooltip = _a.labelTooltip, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onFocus = _a.onFocus, placeholder = _a.placeholder, testId = _a.testId, theme = _a.theme, value = _a.value;
+    var disabledTooltip = _a.disabledTooltip, _c = _a.displayDetails, displayDetails = _c === void 0 ? false : _c, dropdownTheme = _a.dropdownTheme, emptyValueLabel = _a.emptyValueLabel, error = _a.error, _d = _a.hasFullWidthOptions, hasFullWidthOptions = _d === void 0 ? true : _d, help = _a.help, isDisabled = _a.isDisabled, items = _a.items, label = _a.label, labelTooltip = _a.labelTooltip, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onFocus = _a.onFocus, placeholder = _a.placeholder, testId = _a.testId, theme = _a.theme, value = _a.value;
     var _e = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])(false), isDropdownVisible = _e[0], setIsDropdownVisible = _e[1];
     var _f = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])(null), buttonValue = _f[0], setButtonValue = _f[1];
     var _g = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])(-1), currentItemPosition = _g[0], setCurrentItemPosition = _g[1];
@@ -106326,6 +106359,7 @@ var Select2 = function (_a) {
         value: value
     };
     var fromGroupProps = {
+        disabledTooltip: disabledTooltip,
         error: error,
         hasError: !!error,
         help: help,
@@ -106383,6 +106417,7 @@ var Slider_extends = (undefined && undefined.__extends) || (function () {
 /* eslint-disable @typescript-eslint/ban-ts-comment */
 
 
+
 var mouseUpdateEvents = ['mousemove'];
 var mouseStopEvents = ['mouseup'];
 var touchUpdateEvents = ['touchmove'];
@@ -106580,9 +106615,9 @@ var Slider_Slider = /** @class */ (function (_super) {
     };
     Slider.prototype.render = function () {
         var _this = this;
-        var _a = this.props, isDisabled = _a.isDisabled, max = _a.max, maxLabel = _a.maxLabel, min = _a.min, minLabel = _a.minLabel, testId = _a.testId, theme = _a.theme, value = _a.value;
+        var _a = this.props, disabledTooltip = _a.disabledTooltip, isDisabled = _a.isDisabled, max = _a.max, maxLabel = _a.maxLabel, min = _a.min, minLabel = _a.minLabel, testId = _a.testId, theme = _a.theme, value = _a.value;
         var _b = this.state, dragging = _b.dragging, percentage = _b.percentage;
-        return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: classBinder_cx('f-slider', { 'f-slider--dragging': dragging, 'f-slider--disabled': isDisabled }, theme), "data-testid": testId },
+        return hocs_withDisabledTooltip(isDisabled, disabledTooltip)(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: classBinder_cx('f-slider', { 'f-slider--dragging': dragging, 'f-slider--disabled': isDisabled }, theme), "data-testid": testId },
             external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { ref: function (ref) {
                     _this.slider = ref;
                 }, "aria-valuemax": max, "aria-valuemin": min, "aria-valuenow": value, className: classBinder_cx('f-slider__drag'), role: "slider", tabIndex: isDisabled ? -1 : 0, onBlur: this.handleBlur, onFocus: this.handleFocus, onKeyDown: this.handleKeyDown, onKeyPress: this.handleKeyPress, onKeyUp: this.handleKeyUp, onMouseDown: this.handleMouseDown, onTouchStart: this.handleTouchStart },
@@ -106686,10 +106721,11 @@ var Textarea2_assign = (undefined && undefined.__assign) || function () {
 
 
 var Textarea2 = function (_a) {
-    var _b = _a.allowEventPropagation, allowEventPropagation = _b === void 0 ? false : _b, autofocus = _a.autofocus, children = _a.children, error = _a.error, height = _a.height, help = _a.help, isDisabled = _a.isDisabled, label = _a.label, labelTooltip = _a.labelTooltip, maxCharCounter = _a.maxCharCounter, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onClick = _a.onClick, onFocus = _a.onFocus, onPaste = _a.onPaste, placeholder = _a.placeholder, testId = _a.testId, theme = _a.theme, outerValue = _a.value;
+    var _b = _a.allowEventPropagation, allowEventPropagation = _b === void 0 ? false : _b, autofocus = _a.autofocus, children = _a.children, disabledTooltip = _a.disabledTooltip, error = _a.error, height = _a.height, help = _a.help, isDisabled = _a.isDisabled, label = _a.label, labelTooltip = _a.labelTooltip, maxCharCounter = _a.maxCharCounter, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onClick = _a.onClick, onFocus = _a.onFocus, onPaste = _a.onPaste, placeholder = _a.placeholder, testId = _a.testId, theme = _a.theme, outerValue = _a.value;
     var _c = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])(outerValue), value = _c[0], setValue = _c[1];
     var formGroupProps = {
         error: error,
+        disabledTooltip: disabledTooltip,
         hasError: !!error,
         help: help,
         isDisabled: isDisabled,
@@ -106730,8 +106766,9 @@ var Textarea2 = function (_a) {
 
 
 
+
 var Toggle = function (_a) {
-    var children = _a.children, iconName = _a.iconName, _b = _a.isActive, isActive = _b === void 0 ? false : _b, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, _d = _a.isSecondary, isSecondary = _d === void 0 ? false : _d, name = _a.name, onChange = _a.onChange, _e = _a.testId, testId = _e === void 0 ? 'Toggle' : _e, theme = _a.theme;
+    var children = _a.children, disabledTooltip = _a.disabledTooltip, iconName = _a.iconName, _b = _a.isActive, isActive = _b === void 0 ? false : _b, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, _d = _a.isSecondary, isSecondary = _d === void 0 ? false : _d, name = _a.name, onChange = _a.onChange, _e = _a.testId, testId = _e === void 0 ? 'Toggle' : _e, theme = _a.theme;
     var _f = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])(isActive), checked = _f[0], setChecked = _f[1];
     var handleOnClick = function (event) {
         onChange && onChange(!checked, event);
@@ -106740,7 +106777,7 @@ var Toggle = function (_a) {
     Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useEffect"])(function () {
         setChecked(isActive);
     }, [isActive]);
-    return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: classBinder_cx('f-toggle', { 'f-toggle--active': checked }, { 'f-toggle--disabled': isDisabled }, { 'f-toggle--secondary': isSecondary }, theme), "data-testid": testId },
+    return hocs_withDisabledTooltip(isDisabled, disabledTooltip)(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: classBinder_cx('f-toggle', { 'f-toggle--active': checked }, { 'f-toggle--disabled': isDisabled }, { 'f-toggle--secondary': isSecondary }, theme), "data-testid": testId },
         external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("button", { "aria-checked": checked, "aria-labelledby": name + "-label", className: classBinder_cx('f-toggle__toggler'), disabled: isDisabled, id: name, role: "switch", type: "button", onClick: function (e) { return handleOnClick(e); } },
             external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: "f-toggle__indicator" }, iconName && external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Icon, { name: iconName, size: "small" }))),
         external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("label", { "aria-checked": checked, className: "f-toggle__text", htmlFor: name, id: name + "-label" }, children)));
@@ -110474,10 +110511,10 @@ var MobilePanelContent = function (_a) {
         // eslint-disable-next-line @typescript-eslint/ban-ts-comment
         // @ts-ignore
         if ((event === null || event === void 0 ? void 0 : event.target.scrollTop) > scrolledLimit) {
-            setIsScrolled(true);
+            setIsScrolled && setIsScrolled(true);
         }
         else {
-            setIsScrolled(false);
+            setIsScrolled && setIsScrolled(false);
         }
     };
     return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(motion.div, { className: "l-mobilePanel__body", "data-testid": testId, variants: Content_content, onScroll: handleScroll }, children));
@@ -110655,10 +110692,15 @@ var Menu = function (_a) {
 
 
 
+
 var MenuItem = function (_a) {
     var _b;
-    var ariaLabel = _a.ariaLabel, badgeCount = _a.badgeCount, badgeCountAriaLabel = _a.badgeCountAriaLabel, children = _a.children, childrenTheme = _a.childrenTheme, hasCustomContent = _a.hasCustomContent, hide = _a.hide, iconName = _a.iconName, isButton = _a.isButton, isIconRight = _a.isIconRight, isOpen = _a.isOpen, isSelected = _a.isSelected, liTheme = _a.liTheme, linkTo = _a.linkTo, onClick = _a.onClick, target = _a.target, _c = _a.testId, testId = _c === void 0 ? 'MenuItem' : _c, title = _a.title;
+    var ariaLabel = _a.ariaLabel, badgeCount = _a.badgeCount, badgeCountAriaLabel = _a.badgeCountAriaLabel, children = _a.children, childrenTheme = _a.childrenTheme, disabledTooltip = _a.disabledTooltip, hasCustomContent = _a.hasCustomContent, hide = _a.hide, iconName = _a.iconName, isButton = _a.isButton, isDisabled = _a.isDisabled, isIconRight = _a.isIconRight, isOpen = _a.isOpen, isSelected = _a.isSelected, liTheme = _a.liTheme, linkTo = _a.linkTo, onClick = _a.onClick, target = _a.target, _c = _a.testId, testId = _c === void 0 ? 'MenuItem' : _c, title = _a.title;
     var handleOnClick = function (e) {
+        if (isDisabled) {
+            e.preventDefault();
+            return;
+        }
         if (linkTo === '#') {
             e.preventDefault();
         }
@@ -110667,13 +110709,14 @@ var MenuItem = function (_a) {
         }
     };
     var Component = linkTo ? 'a' : 'button';
-    return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("li", { className: classBinder_cx('m-menu__item', (_b = {},
+    return hocs_withDisabledTooltip(isDisabled, disabledTooltip)(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("li", { className: classBinder_cx('m-menu__item', (_b = {},
             _b["m-menu__item--button"] = isButton,
             _b["m-menu__item--selected"] = isSelected,
             _b["m-menu__item--open"] = isOpen,
             _b["m-menu__item--hidden"] = hide,
+            _b["m-menu__item--disabled"] = isDisabled,
             _b["u-hide--" + hide] = hide,
-            _b), liTheme), "data-testid": testId }, hasCustomContent ? (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["Fragment"], null, children)) : (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Component, { "aria-label": ariaLabel, "aria-pressed": isSelected && !linkTo, className: classBinder_cx(isButton ? 'c-btn' : 'm-menu__link', childrenTheme), href: linkTo || undefined, target: target, title: title, type: !linkTo || isButton ? 'button' : undefined, onClick: handleOnClick },
+            _b), liTheme), "data-testid": testId }, hasCustomContent ? (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["Fragment"], null, children)) : (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Component, { "aria-disabled": isDisabled, "aria-label": ariaLabel, "aria-pressed": isSelected && !linkTo, className: classBinder_cx(isButton ? 'c-btn' : 'm-menu__link', childrenTheme), href: linkTo || undefined, target: target, title: title, type: !linkTo || isButton ? 'button' : undefined, onClick: handleOnClick },
         iconName &&
             (badgeCount ? (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Badge, { ariaLabel: badgeCountAriaLabel, count: badgeCount, theme: "u-mr--xSmall" },
                 external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Icon, { name: iconName, theme: classBinder_cx(isIconRight && 'c-icon--r') }))) : (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Icon, { name: iconName, theme: classBinder_cx(isIconRight ? 'c-icon--r' : 'c-icon--l') }))),
@@ -110802,6 +110845,7 @@ var TabsBar_assign = (undefined && undefined.__assign) || function () {
 
 
 
+
 var TabsBar = function (_a) {
     var closeTabsBarOnOutsideClick = _a.closeTabsBarOnOutsideClick, dropdownPlacement = _a.dropdownPlacement, moreLabel = _a.moreLabel;
     var _b = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useContext"])(contexts_TabsContext), activeItem = _b.activeItem, identification = _b.identification, setActiveItem = _b.setActiveItem, tabs = _b.tabs, tabsLimit = _b.tabsLimit;
@@ -110862,9 +110906,8 @@ var TabsBar = function (_a) {
     var renderBasicTabs = function () {
         return tabs.map(function (tab, index) {
             if (tabsLimit === 0 || index + 1 < tabsLimit)
-                return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("li", { key: identification + "_tab_listItem-" + index, className: classBinder_cx('c-tabs__listItem', { 'is-active': activeItem === index }) },
-                    external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("button", { "aria-controls": identification + "-tabcontent" + index, "aria-selected": activeItem === index, className: classBinder_cx('c-tabs__listButton', { 'is-disabled': tab.isDisabled }), disabled: tab.isDisabled, id: identification + "-tab" + index, role: "tab", tabIndex: activeItem === index ? 0 : -1, type: "button", onClick: handleOnClick(index) },
-                        external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(TabListItem, TabsBar_assign({}, tab)))));
+                return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("li", { key: identification + "_tab_listItem-" + index, className: classBinder_cx('c-tabs__listItem', { 'is-active': activeItem === index }) }, hocs_withDisabledTooltip(tab.isDisabled, tab.disabledTooltip)(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("button", { "aria-controls": identification + "-tabcontent" + index, "aria-selected": activeItem === index, className: classBinder_cx('c-tabs__listButton', { 'is-disabled': tab.isDisabled }), id: identification + "-tab" + index, role: "tab", tabIndex: activeItem === index ? 0 : -1, type: "button", onClick: tab.isDisabled ? noop : handleOnClick(index) },
+                    external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(TabListItem, TabsBar_assign({}, tab))))));
         });
     };
     var renderMoreTabs = function () {
@@ -111035,6 +111078,7 @@ customPolyfills();
 
 
 
+
 /***/ }),
 /* 1044 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {