@plesk/ui-library 3.42.0 → 3.43.0

package/dist/plesk-ui-library.js

@@ -58886,7 +58886,7 @@ function useFocusVisible() {
 /***/ ((module) => {
 
 "use strict";
-module.exports = /*#__PURE__*/JSON.parse('{"name":"@plesk/ui-library","version":"3.42.0","description":"Plesk UI Library","main":"index.js","module":"esm/index.js","types":"./types","sideEffects":["cjs/index.js","esm/index.js","dist/*.js","dist/*.css"],"scripts":{"pretest":"yarn lint","test":"jest --ci --coverage --coverageReporters text-summary","test:vr":"cross-env VISUAL_REGRESSION=true jest","build":"yarn build:types && yarn build:umd && yarn build:esm && yarn build:cjs","build:umd":"webpack --config ./configs/build.config.js","build:esm":"cross-env NODE_ENV=esm node ./scripts/build.js","build:cjs":"cross-env NODE_ENV=cjs node ./scripts/build.js","build:types":"rimraf ./types && tsc --project ./configs/types-generator.config.json","create-svg-sprite":"node ./scripts/create-svg-sprite.js","lint":"yarn lint:es && yarn lint:types && yarn lint:style && yarn format:check","lint:es":"eslint --ext js,md,tsx src configs scripts styleguidist","lint:types":"tsc","lint:style":"stylelint \\"{src,styleguidist}/**/*.less\\"","format:check":"prettier --check src styleguidist","format":"prettier --write src styleguidist","styleguide":"styleguidist server --config ./configs/styleguide.config.js","styleguide:build":"rimraf ./styleguide && styleguidist build --config ./configs/styleguide.config.js","prepublishOnly":"yarn install && yarn test && yarn build && yarn styleguide:build","storybook":"webpack serve --config ./configs/storybook.config.js --allowed-hosts all","postinstall":"node ./scripts/postinstall.js"},"files":["esm","cjs","dist","styleguide","types","/scripts/postinstall.js","/index.js"],"dependencies":{"@babel/runtime":"^7.25.6","@plesk/react-movable":"^2.7.1","classnames":"^2.5.1","codemirror":"5.65.18","marked":"15.0.7","memoize-one":"^6.0.0","popper.js":"1.16.1","prop-types":"^15.8.1","react-measure":"2.5.2","react-sortable-hoc":"2.0.0","react-transition-group":"^4.4.5","scroll-into-view-if-needed":"^3.1.0","svg4everybody":"2.1.9","use-focus-visible":"^1.0.2"},"devDependencies":{"@babel/core":"^7.25.2","@babel/plugin-proposal-class-properties":"^7.18.6","@babel/plugin-syntax-dynamic-import":"^7.8.3","@babel/plugin-transform-runtime":"^7.25.4","@babel/preset-env":"^7.25.4","@babel/preset-react":"^7.24.7","@babel/preset-typescript":"^7.24.7","@babel/types":"^7.25.6","@csstools/postcss-logical-float-and-clear":"^3.0.0","@plesk/eslint-config":"^3.0.0","@plesk/stylelint-config":"^3.0.0","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.5.0","@testing-library/react":"^16.1.0","@testing-library/user-event":"^14.5.2","@types/buble":"^0.20.5","@types/classnames":"2.3.4","@types/codemirror":"^5.60.15","@types/doctrine":"^0.0.9","@types/jest":"^29.5.13","@types/jest-image-snapshot":"^6.4.0","@types/marked":"^6.0.0","@types/node":"^22.5.5","@types/react":"^18.3.8","@types/react-dom":"^18.3.0","@types/react-measure":"2.0.12","@types/react-transition-group":"^4.4.11","@types/svg4everybody":"2.1.5","@types/webpack-env":"^1.18.5","@typescript-eslint/eslint-plugin":"^8.17.0","@typescript-eslint/parser":"^8.17.0","autoprefixer":"^10.4.20","babel-loader":"^9.2.1","babel-plugin-transform-require-ignore":"^0.1.1","cross-env":"^7.0.3","css-loader":"^7.1.2","css-minimizer-webpack-plugin":"^7.0.0","eslint":"^8.57.1","eslint-config-prettier":"^10.0.1","eslint-plugin-markdown":"^5.1.0","html-webpack-plugin":"^5.6.0","jest":"^29.7.0","jest-dev-server":"^11.0.0","jest-environment-jsdom":"^29.7.0","jest-image-snapshot":"^6.4.0","less":"^4.2.0","less-loader":"^12.2.0","mini-css-extract-plugin":"^2.9.1","postcss":"^8.4.47","postcss-less":"^6.0.0","postcss-loader":"^8.1.1","postcss-logical":"^8.0.0","prettier":"^3.4.1","puppeteer-core":"22.15.0","react":"^18.3.1","react-docgen-typescript":"^2.2.2","react-dom":"^18.3.1","react-styleguidist":"^13.1.3","rimraf":"^6.0.1","rtlcss":"^4.3.0","style-loader":"^4.0.0","stylelint":"^16.11.0","stylelint-declaration-block-no-ignored-properties":"^2.8.0","stylelint-no-unsupported-browser-features":"^8.0.2","stylelint-prettier":"^5.0.2","stylelint-use-logical-spec":"^5.0.1","svg-mixer":"^2.3.14","terser-webpack-plugin":"^5.3.10","typescript":"5.7.3","webpack":"^5.94.0","webpack-cli":"^6.0.1"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"resolutions":{"trim":">=0.0.3"},"browserslist":["defaults","not op_mini all","not kaios > 0"],"author":"Plesk Developers <plesk-dev-leads@plesk.com> (https://www.plesk.com/)","license":"Apache-2.0"}');
+module.exports = /*#__PURE__*/JSON.parse('{"name":"@plesk/ui-library","version":"3.43.0","description":"Plesk UI Library","main":"index.js","module":"esm/index.js","types":"./types","sideEffects":["cjs/index.js","esm/index.js","dist/*.js","dist/*.css"],"scripts":{"pretest":"yarn lint","test":"jest --ci --coverage --coverageReporters text-summary","test:vr":"cross-env VISUAL_REGRESSION=true jest","build":"yarn build:types && yarn build:umd && yarn build:esm && yarn build:cjs","build:umd":"webpack --config ./configs/build.config.js","build:esm":"cross-env NODE_ENV=esm node ./scripts/build.js","build:cjs":"cross-env NODE_ENV=cjs node ./scripts/build.js","build:types":"rimraf ./types && tsc --project ./configs/types-generator.config.json","create-svg-sprite":"node ./scripts/create-svg-sprite.js","lint":"yarn lint:es && yarn lint:types && yarn lint:style && yarn format:check","lint:es":"eslint --ext js,md,tsx src configs scripts styleguidist","lint:types":"tsc","lint:style":"stylelint \\"{src,styleguidist}/**/*.(less|css)\\"","format:check":"prettier --check src styleguidist","format":"prettier --write src styleguidist","styleguide":"styleguidist server --config ./configs/styleguide.config.js","styleguide:build":"rimraf ./styleguide && styleguidist build --config ./configs/styleguide.config.js","prepublishOnly":"yarn install && yarn test && yarn build && yarn styleguide:build","storybook":"webpack serve --config ./configs/storybook.config.js --allowed-hosts all","postinstall":"node ./scripts/postinstall.js"},"files":["esm","cjs","dist","styleguide","types","/scripts/postinstall.js","/index.js"],"dependencies":{"@babel/runtime":"^7.25.6","@plesk/react-movable":"^2.7.1","classnames":"^2.5.1","codemirror":"5.65.18","marked":"15.0.7","memoize-one":"^6.0.0","popper.js":"1.16.1","prop-types":"^15.8.1","react-measure":"2.5.2","react-sortable-hoc":"2.0.0","react-transition-group":"^4.4.5","scroll-into-view-if-needed":"^3.1.0","svg4everybody":"2.1.9","use-focus-visible":"^1.0.2"},"devDependencies":{"@babel/core":"^7.25.2","@babel/plugin-proposal-class-properties":"^7.18.6","@babel/plugin-syntax-dynamic-import":"^7.8.3","@babel/plugin-transform-runtime":"^7.25.4","@babel/preset-env":"^7.25.4","@babel/preset-react":"^7.24.7","@babel/preset-typescript":"^7.24.7","@babel/types":"^7.25.6","@csstools/postcss-logical-float-and-clear":"^3.0.0","@plesk/eslint-config":"^4.0.0","@plesk/stylelint-config":"^3.0.1","@testing-library/dom":"^10.4.0","@testing-library/jest-dom":"^6.5.0","@testing-library/react":"^16.1.0","@testing-library/user-event":"^14.5.2","@types/buble":"^0.20.5","@types/classnames":"2.3.4","@types/codemirror":"^5.60.15","@types/doctrine":"^0.0.9","@types/jest":"^29.5.13","@types/jest-image-snapshot":"^6.4.0","@types/marked":"^6.0.0","@types/node":"^22.5.5","@types/react":"^18.3.8","@types/react-dom":"^18.3.0","@types/react-measure":"2.0.12","@types/react-transition-group":"^4.4.11","@types/svg4everybody":"2.1.5","@types/webpack-env":"^1.18.5","autoprefixer":"^10.4.20","babel-loader":"^10.0.0","babel-plugin-transform-require-ignore":"^0.1.1","cross-env":"^7.0.3","css-loader":"^7.1.2","css-minimizer-webpack-plugin":"^7.0.0","eslint":"^9.21.0","eslint-config-prettier":"^10.0.2","eslint-plugin-markdown":"^5.1.0","html-webpack-plugin":"^5.6.0","jest":"^29.7.0","jest-dev-server":"^11.0.0","jest-environment-jsdom":"^29.7.0","jest-image-snapshot":"^6.4.0","less":"^4.2.0","less-loader":"^12.2.0","mini-css-extract-plugin":"^2.9.1","postcss":"^8.4.47","postcss-less":"^6.0.0","postcss-loader":"^8.1.1","postcss-logical":"^8.0.0","prettier":"^3.4.1","puppeteer-core":"22.15.0","react":"^18.3.1","react-docgen-typescript":"^2.2.2","react-dom":"^18.3.1","react-styleguidist":"^13.1.3","rimraf":"^6.0.1","rtlcss":"^4.3.0","style-loader":"^4.0.0","stylelint":"^16.11.0","stylelint-declaration-block-no-ignored-properties":"^2.8.0","stylelint-no-unsupported-browser-features":"^8.0.2","stylelint-prettier":"^5.0.2","stylelint-use-logical-spec":"^5.0.1","svg-mixer":"^2.3.14","terser-webpack-plugin":"^5.3.10","typescript":"5.8.2","typescript-eslint":"^8.26.0","webpack":"^5.94.0","webpack-cli":"^6.0.1"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"resolutions":{"trim":">=0.0.3"},"browserslist":["defaults","not op_mini all","not kaios > 0"],"author":"Plesk Developers <plesk-dev-leads@plesk.com> (https://www.plesk.com/)","license":"Apache-2.0"}');
 
 /***/ }),
 
@@ -62089,8 +62089,7 @@ class CodeEditor extends _react.Component {
         this.codeMirror.scrollTo(scrollPosition.left, scrollPosition.top);
       }
       this.updateMode(this.props);
-      // Save fn typing is missed by some reason.
-      // @ts-ignore
+      // @ts-expect-error save fn typing is missed by some reason
       CodeMirror.commands.save = this.props.onSave;
       CodeMirror.commands.find = CodeMirror.commands.findPersistent;
       CodeMirror.commands.findNext = CodeMirror.commands.findPersistentNext;
@@ -68106,7 +68105,6 @@ Object.defineProperty(exports, "__esModule", ({
 }));
 exports.NAMES_12 = exports.NAMES = void 0;
 // Copyright 1999-2025. WebPros International GmbH. All rights reserved.
-/* eslint-disable max-len */
 // This file is generated by create-svg-sprite. Do not edit.
 
 const NAMES_12 = exports.NAMES_12 = ['advisor', 'archive', 'arrow-back', 'arrow-diagonal-out', 'arrow-down', 'arrow-down-circle-filled', 'arrow-down-in', 'arrow-down-out', 'arrow-down-tray', 'arrow-left', 'arrow-left-circle-filled', 'arrow-right', 'arrow-right-circle-filled', 'arrow-right-in', 'arrow-right-out', 'arrow-up', 'arrow-up-circle', 'arrow-up-circle-filled', 'arrow-up-in', 'arrow-up-in-cloud', 'arrow-up-out', 'arrow-up-tray', 'arrows-four-directions', 'arrows-inward', 'arrows-loop', 'arrows-opposite', 'arrows-outward', 'backup', 'backup2', 'bar-chart-vertical', 'bar-chart-vertical-arrow-up', 'bar-chart-vertical-lock', 'bell', 'book-email', 'boost', 'boundary', 'box-diagonal-bottom-in', 'box-diagonal-top-in', 'brush', 'bug', 'calendar', 'calendar-clock', 'camera', 'card', 'card-ribbon', 'card-row', 'card-tile', 'cd', 'cd-up-in-cloud', 'chain', 'chain-broken', 'chat', 'check-list', 'check-mark', 'check-mark-circle', 'check-mark-circle-filled', 'chevron-double-down', 'chevron-double-up', 'chevron-down', 'chevron-left', 'chevron-right', 'chevron-up', 'circle-diagonal', 'clean', 'clip', 'clock', 'clone', 'cloud', 'cloud-checkmark', 'cloud-crossed', 'cloud-graph', 'code', 'connection', 'console', 'console-filled', 'copy', 'copy-indicator', 'cpu', 'crane', 'credit-cards', 'cross-mark', 'cross-mark-circle', 'cross-mark-circle-filled', 'crown-transfer', 'dashboard', 'database', 'database-box', 'database-filled', 'database-plus', 'deploy', 'docker-filled', 'dollar', 'dollar-filled', 'dot', 'dot-big', 'emoticon-confused', 'emoticon-dead', 'emoticon-excited', 'emoticon-happy', 'emoticon-neutral', 'emoticon-sad', 'emoticon-smile', 'enter', 'exclamation-mark-circle', 'exclamation-mark-circle-filled', 'eye', 'eye-closed', 'facebook', 'facebook-filled', 'feedback', 'file', 'filter', 'filter-check-mark', 'fire', 'flag', 'flag-filled', 'flag-globe', 'floppy-disk', 'folder-closed', 'folder-key', 'folder-network', 'folder-open', 'folders-tree', 'forward-circle-filled', 'four-squares', 'gear', 'git', 'github', 'globe', 'hard-drive', 'hard-drive-key', 'hat', 'hexagons', 'home', 'info-circle', 'info-circle-filled', 'ip-addresses', 'joomla', 'kebab', 'key', 'label', 'label-plus', 'laravel', 'lifebuoy', 'lightbulb', 'limit', 'linux', 'list', 'list-check-mark', 'location', 'lock-closed', 'lock-closed-check', 'lock-closed-filled', 'lock-open', 'lock-open-cross', 'lock-open-filled', 'mail', 'mail-circle-filled', 'mail-settings', 'megaphone', 'menu', 'menu-thin', 'microsoft', 'minimize', 'minus', 'minus-circle', 'minus-circle-filled', 'monitoring', 'monitoring-off', 'my-little-admin', 'net', 'nine-dots', 'node-js', 'package', 'panel', 'panel-check', 'panel-eye', 'panel-key', 'panel-settings', 'panels', 'pause-circle', 'pencil', 'pencil-dialog', 'php', 'phpmyadmin', 'pin', 'pipette', 'plans', 'plugins', 'plus', 'plus-circle', 'plus-circle-filled', 'power', 'projects', 'puzzle', 'python', 'question-mark-circle', 'question-mark-circle-filled', 'ram', 'react-js', 'recycle', 'redirect-circle-filled', 'refresh', 'reload', 'remove', 'reset', 'resource', 'ribbon', 'rocket', 'ruby', 'sand-clock', 'scan', 'screen', 'search', 'security-check', 'send', 'server', 'servers', 'share', 'shield', 'shield-attention-filled', 'shield-chain', 'shield-filled', 'shopping-cart', 'sidebar-right-hide', 'sidebar-right-show', 'signal-light', 'site-page', 'sleep', 'sliders', 'square-with-circles', 'ssl-it', 'star', 'star-circle-filled', 'star-filled', 'star-half-filled', 'start', 'start-circle', 'start-filled', 'stop', 'stop-circle', 'storage', 'themes', 'three-dots-horizontal', 'three-dots-vertical', 'tools', 'transfer', 'triangle-exclamation-mark', 'triangle-exclamation-mark-filled', 'unarchive', 'user', 'volume', 'web', 'web-plus', 'web-settings', 'windows', 'woocommerce', 'wordpress', 'wordpress-minus', 'zero-circle-filled'];
@@ -70784,7 +70782,8 @@ class List extends _react.Component {
       vertical,
       rowKey,
       totalRows,
-      filtered
+      filtered,
+      autoExpandSingleItem
     } = _ref5;
     let {
       prevSortColumn,
@@ -70808,7 +70807,7 @@ class List extends _react.Component {
       const isSingleElementInCurrentExpanded = () => data && state.expandedRows.includes(getRowKey(data[0], {
         rowKey
       }));
-      if (renderRowBody && data?.length === 1 && (!pagination || totalRows === 1) && (!prevData || prevData?.length === 0 || isSingleElementInCurrentExpanded()) && (!filtered || isSingleElementInCurrentExpanded())) {
+      if (renderRowBody && data?.length === 1 && (!pagination || totalRows === 1) && (!prevData || prevData?.length === 0 || isSingleElementInCurrentExpanded()) && (!filtered || isSingleElementInCurrentExpanded()) && autoExpandSingleItem) {
         const key = getRowKey(data[0], {
           rowKey
         });
@@ -71485,6 +71484,7 @@ class List extends _react.Component {
       rowProps,
       reorderable,
       onReorderEnd,
+      autoExpandSingleItem,
       ...props
     } = this.props;
     const {
@@ -71860,7 +71860,8 @@ _defineProperty(List, "defaultProps", {
   loading: false,
   rowProps: undefined,
   reorderable: false,
-  onReorderEnd: undefined
+  onReorderEnd: undefined,
+  autoExpandSingleItem: true
 });
 var _default = exports["default"] = List;
 
@@ -79112,6 +79113,74 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 
 /***/ }),
 
+/***/ "./components/Tabs/FakeTabs.tsx":
+/*!**************************************!*\
+  !*** ./components/Tabs/FakeTabs.tsx ***!
+  \**************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports["default"] = void 0;
+var _react = __webpack_require__(/*! react */ "react");
+var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "../node_modules/classnames/index.js"));
+var _hooks = __webpack_require__(/*! ../../hooks */ "./hooks/index.tsx");
+var _Icon = _interopRequireDefault(__webpack_require__(/*! ../Icon */ "./components/Icon/index.tsx"));
+var _Tab = _interopRequireDefault(__webpack_require__(/*! ./Tab */ "./components/Tabs/Tab.tsx"));
+var _TabListItem = _interopRequireDefault(__webpack_require__(/*! ./TabListItem */ "./components/Tabs/TabListItem.tsx"));
+var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "../node_modules/react/jsx-runtime.js");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// Copyright 1999-2025. WebPros International GmbH. All rights reserved.
+
+const FakeTabs = _ref => {
+  let {
+    children,
+    onResize,
+    baseClassName
+  } = _ref;
+  const tabsRef = (0, _react.useRef)(null);
+  (0, _hooks.useResizeObserver)({
+    ref: tabsRef,
+    onResize
+  });
+  const list = /*#__PURE__*/(0, _jsxRuntime.jsxs)("ul", {
+    ref: tabsRef,
+    className: (0, _classnames.default)(`${baseClassName}__tab-list`, `${baseClassName}__tab-list--fake`),
+    children: [_react.Children.map(children, (tab, index) => {
+      if (!tab || tab.type !== _Tab.default) {
+        return null;
+      }
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TabListItem.default, {
+        // eslint-disable-line react/no-array-index-key
+        tab: tab,
+        baseClassName: baseClassName,
+        isFake: true
+      }, index);
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+      className: (0, _classnames.default)(`${baseClassName}__tab`, `${baseClassName}__tab--more`),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+        className: `${baseClassName}__link`,
+        tabIndex: -1,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+          name: "three-dots-horizontal"
+        })
+      })
+    })]
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: `${baseClassName}__fake-list-wrapper`,
+    "aria-hidden": true,
+    children: list
+  });
+};
+var _default = exports["default"] = FakeTabs;
+
+/***/ }),
+
 /***/ "./components/Tabs/SearchBar.less":
 /*!****************************************!*\
   !*** ./components/Tabs/SearchBar.less ***!
@@ -79571,7 +79640,6 @@ Object.defineProperty(exports, "__esModule", ({
 exports["default"] = void 0;
 var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "../node_modules/react/jsx-runtime.js");
 // Copyright 1999-2025. WebPros International GmbH. All rights reserved.
-/* eslint-disable react/no-unused-prop-types */
 
 /**
  * `Tab` is an individual element of the [Tabs](#!/Tabs) component.
@@ -79593,6 +79661,342 @@ var _default = exports["default"] = Tab;
 
 /***/ }),
 
+/***/ "./components/Tabs/TabClose.tsx":
+/*!**************************************!*\
+  !*** ./components/Tabs/TabClose.tsx ***!
+  \**************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports["default"] = void 0;
+var _Icon = _interopRequireDefault(__webpack_require__(/*! ../Icon */ "./components/Icon/index.tsx"));
+var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "../node_modules/react/jsx-runtime.js");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// Copyright 1999-2025. WebPros International GmbH. All rights reserved.
+
+const TabClose = _ref => {
+  let {
+    tabMode,
+    onClose,
+    baseClassName
+  } = _ref;
+  if (typeof onClose !== 'function') {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+    className: `${baseClassName}__${tabMode}-close`,
+    type: "button",
+    onClick: e => {
+      e.preventDefault();
+      e.stopPropagation();
+      onClose(e);
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+      className: `${baseClassName}__${tabMode}-close-icon`,
+      name: "cross-mark"
+    })
+  });
+};
+var _default = exports["default"] = TabClose;
+
+/***/ }),
+
+/***/ "./components/Tabs/TabIcon.tsx":
+/*!*************************************!*\
+  !*** ./components/Tabs/TabIcon.tsx ***!
+  \*************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports["default"] = void 0;
+var _Icon = _interopRequireWildcard(__webpack_require__(/*! ../Icon */ "./components/Icon/index.tsx"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+// Copyright 1999-2025. WebPros International GmbH. All rights reserved.
+
+const TabIcon = _ref => {
+  let {
+    icon,
+    baseClassName
+  } = _ref;
+  return _Icon.default.create(icon, {
+    size: _Icon.ICON_SIZE_16,
+    className: `${baseClassName}__tab-icon`
+  });
+};
+var _default = exports["default"] = TabIcon;
+
+/***/ }),
+
+/***/ "./components/Tabs/TabLabel.tsx":
+/*!**************************************!*\
+  !*** ./components/Tabs/TabLabel.tsx ***!
+  \**************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports["default"] = void 0;
+var _react = __webpack_require__(/*! react */ "react");
+var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "../node_modules/classnames/index.js"));
+var _Label = _interopRequireDefault(__webpack_require__(/*! ../Label */ "./components/Label/index.tsx"));
+var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "../node_modules/react/jsx-runtime.js");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// Copyright 1999-2025. WebPros International GmbH. All rights reserved.
+
+const TabLabel = _ref => {
+  let {
+    label,
+    tabMode,
+    baseClassName
+  } = _ref;
+  if (typeof label === 'string') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Label.default, {
+      className: `${baseClassName}__${tabMode}-label`,
+      intent: "danger",
+      children: label
+    });
+  }
+  if (/*#__PURE__*/(0, _react.isValidElement)(label)) {
+    return /*#__PURE__*/(0, _react.cloneElement)(label, {
+      className: (0, _classnames.default)(`${baseClassName}__${tabMode}-label`, label.props.className)
+    });
+  }
+  return null;
+};
+var _default = exports["default"] = TabLabel;
+
+/***/ }),
+
+/***/ "./components/Tabs/TabList.tsx":
+/*!*************************************!*\
+  !*** ./components/Tabs/TabList.tsx ***!
+  \*************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports["default"] = void 0;
+var _react = __webpack_require__(/*! react */ "react");
+var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "../node_modules/classnames/index.js"));
+var _Dropdown = _interopRequireDefault(__webpack_require__(/*! ../Dropdown */ "./components/Dropdown/index.tsx"));
+var _Icon = _interopRequireDefault(__webpack_require__(/*! ../Icon */ "./components/Icon/index.tsx"));
+var _Menu = _interopRequireWildcard(__webpack_require__(/*! ../Menu */ "./components/Menu/index.tsx"));
+var _Tab = _interopRequireDefault(__webpack_require__(/*! ./Tab */ "./components/Tabs/Tab.tsx"));
+var _TabClose = _interopRequireDefault(__webpack_require__(/*! ./TabClose */ "./components/Tabs/TabClose.tsx"));
+var _TabIcon = _interopRequireDefault(__webpack_require__(/*! ./TabIcon */ "./components/Tabs/TabIcon.tsx"));
+var _TabLabel = _interopRequireDefault(__webpack_require__(/*! ./TabLabel */ "./components/Tabs/TabLabel.tsx"));
+var _TabListItem = _interopRequireDefault(__webpack_require__(/*! ./TabListItem */ "./components/Tabs/TabListItem.tsx"));
+var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "../node_modules/react/jsx-runtime.js");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// Copyright 1999-2025. WebPros International GmbH. All rights reserved.
+
+const TabList = _ref => {
+  let {
+    children,
+    tabListRef,
+    active,
+    onTabClick,
+    visibleLength,
+    monospacedWidth,
+    baseClassName
+  } = _ref;
+  if (!_react.Children.toArray(children).length) {
+    return null;
+  }
+  let tabs = _react.Children.toArray(children);
+  tabs = tabs.filter(child => child?.type === _Tab.default);
+  const listChildren = tabs.slice(0, visibleLength);
+  const menuChildren = tabs.slice(visibleLength);
+  const listItems = _react.Children.map(listChildren, (tab, index) => {
+    const position = index + 1;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TabListItem.default, {
+      // eslint-disable-line react/no-array-index-key
+      tab: tab,
+      baseClassName: baseClassName,
+      selected: position === active,
+      onClick: () => onTabClick(position),
+      monospacedWidth: monospacedWidth
+    }, index);
+  });
+  const menuItems = _react.Children.map(menuChildren, (tab, index) => {
+    const position = listChildren.length + index + 1;
+    const {
+      title,
+      label,
+      icon,
+      onActivate,
+      onClose,
+      component: Tag = 'a',
+      ...tabProps
+    } = tab.props;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Menu.MenuItem, {
+      // eslint-disable-line react/no-array-index-key
+      icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TabIcon.default, {
+        icon: icon,
+        baseClassName: baseClassName
+      }),
+      label: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TabLabel.default, {
+          label: label,
+          tabMode: "menu-item",
+          baseClassName: baseClassName
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TabClose.default, {
+          onClose: onClose,
+          tabMode: "menu-item",
+          baseClassName: baseClassName
+        })]
+      }),
+      active: active === position,
+      onClick: () => onTabClick(position),
+      className: `${baseClassName}__menu-item`,
+      component: Tag,
+      ...tabProps,
+      children: title
+    }, index);
+  });
+  const moreSelected = active > listChildren.length;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("ul", {
+    ref: tabListRef,
+    className: `${baseClassName}__tab-list`,
+    role: "tablist",
+    children: [listItems, menuItems.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+      className: (0, _classnames.default)(`${baseClassName}__tab`, moreSelected && `${baseClassName}__tab--selected`, `${baseClassName}__tab--more`),
+      role: "presentation",
+      "aria-selected": moreSelected || undefined,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dropdown.default, {
+        className: `${baseClassName}__dropdown`,
+        menu: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Menu.default, {
+          children: menuItems
+        }),
+        menuPlacement: "bottom-end",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+          className: `${baseClassName}__link`,
+          role: "tab",
+          tabIndex: 0,
+          "aria-selected": moreSelected || undefined,
+          onKeyDown: e => {
+            if (e.key === 'Enter') {
+              e.currentTarget.click();
+            }
+          },
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+            name: "three-dots-horizontal"
+          })
+        })
+      })
+    })]
+  });
+};
+var _default = exports["default"] = TabList;
+
+/***/ }),
+
+/***/ "./components/Tabs/TabListItem.tsx":
+/*!*****************************************!*\
+  !*** ./components/Tabs/TabListItem.tsx ***!
+  \*****************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports["default"] = void 0;
+var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "../node_modules/classnames/index.js"));
+var _utils = __webpack_require__(/*! ../utils */ "./components/utils.tsx");
+var _TabClose = _interopRequireDefault(__webpack_require__(/*! ./TabClose */ "./components/Tabs/TabClose.tsx"));
+var _TabIcon = _interopRequireDefault(__webpack_require__(/*! ./TabIcon */ "./components/Tabs/TabIcon.tsx"));
+var _TabLabel = _interopRequireDefault(__webpack_require__(/*! ./TabLabel */ "./components/Tabs/TabLabel.tsx"));
+var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "../node_modules/react/jsx-runtime.js");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// Copyright 1999-2025. WebPros International GmbH. All rights reserved.
+
+const TabListItem = _ref => {
+  let {
+    tab,
+    selected,
+    onClick,
+    monospacedWidth,
+    baseClassName,
+    isFake = false
+  } = _ref;
+  const {
+    title,
+    label,
+    icon,
+    onActivate,
+    onClose,
+    component: Tag = 'a',
+    style = {},
+    ...tabProps
+  } = tab.props;
+  const closable = typeof onClose === 'function';
+  tabProps.tabIndex = isFake ? -1 : tabProps.tabIndex || 0;
+  if (!isFake) {
+    tabProps.onKeyDown = (0, _utils.wrapFunction)(tabProps.onKeyDown, e => {
+      if (e.key === 'Enter') {
+        e.currentTarget.click();
+      }
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+    className: (0, _classnames.default)(`${baseClassName}__tab`, selected && `${baseClassName}__tab--selected`, closable && `${baseClassName}__tab--closable`),
+    role: isFake ? undefined : 'presentation',
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(Tag, {
+      className: `${baseClassName}__link`,
+      role: isFake ? undefined : 'tab',
+      "aria-selected": selected || undefined,
+      onClick: onClick,
+      style: {
+        width: monospacedWidth || undefined,
+        ...style
+      },
+      ...tabProps,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TabIcon.default, {
+        icon: icon,
+        baseClassName: baseClassName
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: `${baseClassName}__tab-title`,
+        children: title
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TabLabel.default, {
+        label: label,
+        tabMode: "tab",
+        baseClassName: baseClassName
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TabClose.default, {
+        onClose: onClose,
+        tabMode: "tab",
+        baseClassName: baseClassName
+      })]
+    })
+  });
+};
+var _default = exports["default"] = TabListItem;
+
+/***/ }),
+
 /***/ "./components/Tabs/Tabs.less":
 /*!***********************************!*\
   !*** ./components/Tabs/Tabs.less ***!
@@ -79621,27 +80025,18 @@ Object.defineProperty(exports, "__esModule", ({
 exports["default"] = void 0;
 var _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ "../node_modules/classnames/index.js"));
 var _react = __webpack_require__(/*! react */ "react");
-var _reactMeasure = _interopRequireDefault(__webpack_require__(/*! react-measure */ "../node_modules/react-measure/dist/index.esm.js"));
 var _constants = __webpack_require__(/*! ../../constants */ "./constants.js");
-var _Dropdown = _interopRequireDefault(__webpack_require__(/*! ../Dropdown */ "./components/Dropdown/index.tsx"));
-var _Icon = _interopRequireWildcard(__webpack_require__(/*! ../Icon */ "./components/Icon/index.tsx"));
-var _Label = _interopRequireDefault(__webpack_require__(/*! ../Label */ "./components/Label/index.tsx"));
-var _Menu = _interopRequireWildcard(__webpack_require__(/*! ../Menu */ "./components/Menu/index.tsx"));
 var _ResponsiveContext = _interopRequireDefault(__webpack_require__(/*! ../ResponsiveContext */ "./components/ResponsiveContext/index.tsx"));
-var _utils = __webpack_require__(/*! ../utils */ "./components/utils.tsx");
-var _Tab = _interopRequireDefault(__webpack_require__(/*! ./Tab */ "./components/Tabs/Tab.tsx"));
+var _FakeTabs = _interopRequireDefault(__webpack_require__(/*! ./FakeTabs */ "./components/Tabs/FakeTabs.tsx"));
+var _TabList = _interopRequireDefault(__webpack_require__(/*! ./TabList */ "./components/Tabs/TabList.tsx"));
+var _useActive = __webpack_require__(/*! ./useActive */ "./components/Tabs/useActive.tsx");
+var _useWidths = __webpack_require__(/*! ./useWidths */ "./components/Tabs/useWidths.tsx");
 __webpack_require__(/*! ../../helpers/base.less */ "./helpers/base.less");
 __webpack_require__(/*! ./Tabs.less */ "./components/Tabs/Tabs.less");
 var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "../node_modules/react/jsx-runtime.js");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } // Copyright 1999-2025. WebPros International GmbH. All rights reserved.
-const ADDON_LEFT_PADDING = 5;
-const MIN_ADDON_WIDTH_DEFAULT = 150;
-const COLLAPSED_SEARCH_WIDTH = 60;
+// Copyright 1999-2025. WebPros International GmbH. All rights reserved.
+
 /**
  * `Tabs` component is a content area with a group of individual [Tab](#!/Tab) elements, each displaying different content
  * in the same screen area. `Tabs` are used when you have too much content to display in one place at the same time, so
@@ -79649,430 +80044,65 @@ const COLLAPSED_SEARCH_WIDTH = 60;
  * group name and a navigation button.
  * @since 0.0.35
  */
-class Tabs extends _react.Component {
-  constructor() {
-    super(...arguments);
-    _defineProperty(this, "state", {
-      active: this.props.active || 1,
-      collapsedLength: 0,
-      compact: false,
-      searching: false,
-      monospacedWidth: 0
-    });
-    _defineProperty(this, "widths", void 0);
-    _defineProperty(this, "addon", void 0);
-    _defineProperty(this, "tabsnavRef", void 0);
-    _defineProperty(this, "moreTabsRef", null);
-    _defineProperty(this, "checkAdaptive", () => {
-      let {
-        compact,
-        searching,
-        collapsedLength
-      } = this.state;
-      const {
-        addonMinWidth: addonMinWidthProp,
-        search,
-        monospaced
-      } = this.props;
-      const {
-        widths,
-        addon
-      } = this;
-      let monospacedWidth = 0;
-      const getMonospacedWidth = () => monospacedWidth;
-      if (!widths) {
-        return;
-      }
-      const addonMinWidth = ADDON_LEFT_PADDING + (addonMinWidthProp || (search?.props.minWidth ?? MIN_ADDON_WIDTH_DEFAULT));
-      const searchWidth = compact && search ? COLLAPSED_SEARCH_WIDTH + ADDON_LEFT_PADDING : 0;
-      const {
-        more,
-        container,
-        margin
-      } = widths;
-      let tabs = widths.tabs.slice();
-      const tabsNumber = tabs.length;
-      let lastTabIndex = tabsNumber - 1 - collapsedLength;
-      if (monospaced) {
-        monospacedWidth = Math.max(...tabs.slice(0, lastTabIndex + 1));
-        tabs = tabs.map(getMonospacedWidth);
-      }
-      const getListWidth = () => {
-        let listWidth = monospaced ? margin * Math.max(0, tabsNumber - 1 - Math.max(0, collapsedLength - 1)) : 0;
-        for (let i = 0; i <= lastTabIndex; ++i) {
-          listWidth += tabs[i];
-        }
-        if (collapsedLength) {
-          listWidth += more;
-        }
-        return listWidth;
-      };
-      let spaceForAddon = container - getListWidth();
-      if (addon && !collapsedLength && !compact && spaceForAddon <= addonMinWidth) {
-        compact = true;
-      }
-      let freeSpace = spaceForAddon - searchWidth;
-      if (freeSpace <= 0) {
-        // collapse
-        for (let i = lastTabIndex; i >= 0; --i) {
-          let width = tabs[i];
-          if (monospaced && widths.tabs[i] === monospacedWidth) {
-            monospacedWidth = widths.tabs.slice(0, lastTabIndex).reduce((max, tab) => tab > max ? tab : max, 0);
-            tabs = tabs.map(getMonospacedWidth);
-            width += (widths.tabs[i] - monospacedWidth) * lastTabIndex;
-          }
-          if (collapsedLength === 0) {
-            width -= more;
-          }
-          freeSpace += width;
-          ++collapsedLength;
-          --lastTabIndex;
-          if (freeSpace > 0) {
-            break;
-          }
-        }
-      } else {
-        // expand
-        for (let i = lastTabIndex + 1; i < tabsNumber; ++i) {
-          let width = tabs[i];
-          if (monospaced && widths.tabs[i] > monospacedWidth) {
-            monospacedWidth = widths.tabs[i];
-            tabs = tabs.map(getMonospacedWidth);
-            width = monospacedWidth + (monospacedWidth - width) * (lastTabIndex + 1);
-          }
-          if (collapsedLength === 1) {
-            width -= more;
-          }
-          if (freeSpace <= width) {
-            break;
-          }
-          freeSpace -= width;
-          --collapsedLength;
-          ++lastTabIndex;
-        }
-      }
-      if (collapsedLength || compact) {
-        spaceForAddon = container - getListWidth();
-        if (collapsedLength) {
-          compact = true;
-        } else if (spaceForAddon >= addonMinWidth) {
-          compact = false;
-          searching = false;
-        }
-      }
-      const newState = {
-        compact,
-        searching,
-        collapsedLength,
-        monospacedWidth
-      };
-      for (const key of Object.keys(newState)) {
-        if (JSON.stringify(newState[key]) === JSON.stringify(this.state[key])) {
-          delete newState[key];
-        }
-      }
-      if (Object.keys(newState).length) {
-        this.setState(newState, () => {
-          if (typeof newState.collapsedLength !== 'undefined' && this.state.collapsedLength !== newState.collapsedLength) {
-            this.checkAdaptive();
-          }
-        });
-      }
-    });
-    _defineProperty(this, "handleStartSearching", () => {
-      this.setState({
-        searching: true
-      });
-    });
-    _defineProperty(this, "handleCancelSearching", () => {
-      this.setState({
-        searching: false
-      }, this.checkAdaptive);
-    });
-    _defineProperty(this, "handleResize", () => {
-      const {
-        baseClassName
-      } = this.props;
-      if (this.tabsnavRef) {
-        const tabElements = this.tabsnavRef.querySelectorAll(`.${baseClassName}__tab-list--fake .${baseClassName}__tab`);
-        const more = tabElements[tabElements.length - 1];
-        const tabs = Array.prototype.slice.call(tabElements, 0, -1).map(el => el.offsetWidth);
-        this.widths = {
-          tabs,
-          more: more.offsetWidth,
-          container: this.tabsnavRef.offsetWidth,
-          margin: more.offsetWidth - (more.querySelector(`.${baseClassName}__link`)?.offsetWidth ?? 0)
-        };
-      }
-      this.checkAdaptive();
-    });
-    _defineProperty(this, "handleAddonResize", contentRect => {
-      this.addon = contentRect.bounds;
-      this.checkAdaptive();
-    });
-    _defineProperty(this, "renderTabItem", (tab, index, tabMode) => {
-      const {
-        baseClassName
-      } = this.props;
-      const {
-        monospacedWidth,
-        active
-      } = this.state;
-      if (!tab || tab.type !== _Tab.default) {
-        return null;
-      }
-      const {
-        title,
-        label,
-        icon,
-        onActivate,
-        onClose,
-        component: Tag = 'a',
-        ...tabProps
-      } = tab.props;
-      const selected = index + 1 === active;
-      const key = index.toString();
-      const tabIcon = _Icon.default.create(icon, {
-        size: _Icon.ICON_SIZE_16,
-        className: `${baseClassName}__tab-icon`
-      });
-      const tabLabel = this.renderTabLabel(tabMode, label);
-      const tabClose = this.renderTabClose(tabMode, onClose);
-      const handleClick = () => this.onClick(index + 1);
-      tabProps.tabIndex = tabProps.tabIndex || 0;
-      tabProps.onKeyDown = (0, _utils.wrapFunction)(tabProps.onKeyDown, e => {
-        if (e.key === 'Enter') {
-          e.currentTarget.click();
-        }
-      });
-      if (tabMode === 'menu-item') {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Menu.MenuItem, {
-          icon: tabIcon,
-          label: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
-            children: [tabLabel, tabClose]
-          }),
-          active: selected,
-          onClick: handleClick,
-          className: `${baseClassName}__menu-item`,
-          component: Tag,
-          ...tabProps,
-          children: title
-        }, key);
-      }
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
-        className: (0, _classnames.default)(`${baseClassName}__tab`, selected && `${baseClassName}__tab--selected`, tabClose && `${baseClassName}__tab--closable`),
-        role: "presentation",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(Tag, {
-          className: `${baseClassName}__link`,
-          role: "tab",
-          "aria-selected": selected || undefined,
-          style: {
-            width: monospacedWidth || undefined
-          },
-          onClick: handleClick,
-          ...tabProps,
-          children: [tabIcon, /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-            className: `${baseClassName}__tab-title`,
-            children: title
-          }), tabLabel, tabClose]
-        })
-      }, key);
-    });
-  }
-  static getDerivedStateFromProps(props, state) {
-    const {
-      active
-    } = props;
-    const {
-      prevActive
-    } = state;
-    const nextState = {};
-    if (active && active !== prevActive) {
-      nextState.active = active;
-    }
-    nextState.prevActive = active;
-    return nextState;
-  }
-  componentDidUpdate() {
-    if (!this.widths || _react.Children.count(this.props.children) !== this.widths.tabs.length) {
-      setTimeout(() => this.handleResize());
-    }
-  }
-  onClick(active) {
-    this.setState({
-      active
-    });
-    const tab = Array.isArray(this.props.children) ? this.props.children[active - 1] : this.props.children;
+const Tabs = _ref => {
+  let {
+    baseClassName = `${_constants.CLS_PREFIX}tabs`,
+    className,
+    addon,
+    placeholder,
+    children,
+    active: externalActive,
+    addonMinWidth,
+    monospaced,
+    search,
+    ...props
+  } = _ref;
+  const addonElement = addon || placeholder;
+  const tabNavRef = (0, _react.useRef)(null);
+  const tabListRef = (0, _react.useRef)(null);
+  const fakeAddonRef = (0, _react.useRef)(null);
+  const childrenCount = _react.Children.count(children);
+  const [active, setActive] = (0, _useActive.useActive)(externalActive);
+  const {
+    monospacedWidth,
+    recalculateWidths,
+    compact,
+    visibleLength
+  } = (0, _useWidths.useWidths)({
+    monospaced,
+    tabNavRef,
+    tabListRef,
+    fakeAddonRef,
+    baseClassName,
+    childrenCount
+  });
+  const handleTabClick = active => {
+    setActive(active);
+    const tab = Array.isArray(children) ? children[active - 1] : children;
     tab?.props?.onActivate?.();
-  }
-  renderTabLabel(tabMode, label) {
-    const {
-      baseClassName
-    } = this.props;
-    if (typeof label === 'string') {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Label.default, {
-        className: `${baseClassName}__${tabMode}-label`,
-        intent: "danger",
-        children: label
-      });
-    }
-    if (/*#__PURE__*/(0, _react.isValidElement)(label)) {
-      return /*#__PURE__*/(0, _react.cloneElement)(label, {
-        className: (0, _classnames.default)(`${baseClassName}__${tabMode}-label`, label.props.className)
-      });
-    }
-    return null;
-  }
-  renderTabClose(tabMode, onClose) {
-    const {
-      baseClassName
-    } = this.props;
-    if (typeof onClose === 'function') {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-        className: `${baseClassName}__${tabMode}-close`,
-        type: "button",
-        onClick: e => {
-          e.preventDefault();
-          e.stopPropagation();
-          onClose(e);
-        },
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
-          className: `${baseClassName}__${tabMode}-close-icon`,
-          name: "cross-mark"
-        })
-      });
-    }
+  };
+  const [searching, setSearching] = (0, _react.useState)(false);
+  if (!childrenCount) {
     return null;
   }
-  renderFakeTabs() {
-    const {
-      baseClassName,
-      children
-    } = this.props;
-    const childrenCount = _react.Children.count(children);
-    if (!childrenCount || !children) {
-      return null;
-    }
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("ul", {
-      className: (0, _classnames.default)(`${baseClassName}__tab-list`, `${baseClassName}__tab-list--fake`),
-      children: [_react.Children.map(children, tab => {
-        if (!tab || tab.type !== _Tab.default) {
-          return null;
-        }
-        const {
-          title,
-          label,
-          icon,
-          onActivate,
-          onClose,
-          ...tabProps
-        } = tab.props;
-        const iconBlock = _Icon.default.create(icon, {
-          size: _Icon.ICON_SIZE_16,
-          className: `${baseClassName}__tab-icon`
-        });
-        const closeBlock = this.renderTabClose('tab', onClose);
-        return /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
-          className: (0, _classnames.default)(`${baseClassName}__tab`, closeBlock && `${baseClassName}__tab--closable`),
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("a", {
-            className: `${baseClassName}__link`,
-            tabIndex: -1,
-            style: tabProps.style,
-            children: [iconBlock, /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-              className: `${baseClassName}__tab-title`,
-              children: title
-            }), this.renderTabLabel('tab', label)]
-          }), closeBlock]
-        }, `${title}`);
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
-        className: (0, _classnames.default)(`${baseClassName}__tab`, `${baseClassName}__tab--more`),
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
-          className: `${baseClassName}__link`,
-          tabIndex: -1,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
-            name: "three-dots-horizontal"
-          })
-        })
-      })]
-    });
-  }
-  createTabItems() {
-    const {
-      children
-    } = this.props;
-    const {
-      collapsedLength
-    } = this.state;
-    const visibleItems = [];
-    const hiddenItems = [];
-    const lastTabIndex = _react.Children.count(children) - 1 - collapsedLength;
-    _react.Children.forEach(children, (child, index) => {
-      const hidden = index > lastTabIndex;
-      const tabMode = hidden ? 'menu-item' : 'tab';
-      const renderedTab = this.renderTabItem(child, index, tabMode);
-      if (renderedTab) {
-        (hidden ? hiddenItems : visibleItems).push(renderedTab);
-      }
-    });
-    return {
-      visibleItems,
-      hiddenItems
-    };
-  }
-  renderTabList() {
-    const {
-      baseClassName,
-      children
-    } = this.props;
-    const {
-      active
-    } = this.state;
-    if (!_react.Children.toArray(children).length) {
-      return null;
-    }
-    const {
-      visibleItems,
-      hiddenItems
-    } = this.createTabItems();
-    const moreSelected = active > visibleItems.length;
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("ul", {
-      className: `${baseClassName}__tab-list`,
-      role: "tablist",
-      children: [visibleItems, hiddenItems.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
-        ref: ref => this.moreTabsRef = ref,
-        className: (0, _classnames.default)(`${baseClassName}__tab`, moreSelected && `${baseClassName}__tab--selected`, `${baseClassName}__tab--more`),
-        role: "presentation",
-        "aria-selected": moreSelected || undefined,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dropdown.default, {
-          className: `${baseClassName}__dropdown`,
-          menu: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Menu.default, {
-            children: hiddenItems
-          }),
-          menuPlacement: "bottom-end",
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
-            className: `${baseClassName}__link`,
-            role: "tab",
-            tabIndex: 0,
-            "aria-selected": moreSelected || undefined,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
-              name: "three-dots-horizontal"
-            })
-          })
-        })
-      })]
-    });
-  }
-  renderSearchBar(searchProps) {
-    const {
-      baseClassName,
-      search
-    } = this.props;
+  const renderSearchBar = () => {
     if (!search) {
       return null;
     }
-    const {
-      compact
-    } = this.state;
+    const handleStartSearching = () => setSearching(true);
+    const handleCancelSearching = () => setSearching(false);
+    const searchProps = {
+      className: `${baseClassName}__search-bar`,
+      collapsable: compact,
+      onExpand: handleStartSearching,
+      onCollapse: handleCancelSearching,
+      ...(searching ? {
+        autoFocus: true,
+        responsive: false,
+        maxWidth: 'none',
+        minWidth: 'unset'
+      } : {})
+    };
     const clone = /*#__PURE__*/(0, _react.cloneElement)(search, searchProps);
     if (compact) {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ResponsiveContext.default.Provider, {
@@ -80084,114 +80114,49 @@ class Tabs extends _react.Component {
       });
     }
     return clone;
+  };
+  const addonStyle = {};
+  if (search && !compact) {
+    addonStyle.maxWidth = search.props.maxWidth;
   }
-  render() {
-    const {
-      baseClassName,
-      className,
-      addon,
-      placeholder,
-      children,
-      active,
-      addonMinWidth,
-      monospaced,
-      search,
-      ...props
-    } = this.props;
-    const {
-      compact,
-      searching
-    } = this.state;
-    const childrenCount = _react.Children.count(children);
-    if (!childrenCount) {
-      return null;
-    }
-    const addonElement = addon || placeholder;
-    let addonBlock = addonElement;
-    const addonProps = {};
-    let searchBlock = null;
-    if (search) {
-      const searchProps = {
-        collapsable: compact,
-        onExpand: this.handleStartSearching,
-        onCollapse: this.handleCancelSearching
-      };
-      if (compact) {
-        if (searching) {
-          searchProps.maxWidth = undefined;
-          searchProps.minWidth = undefined;
-          searchProps.autoFocus = true;
-          searchProps.responsive = false;
-        } else {
-          searchProps.onSearch = this.handleStartSearching;
-        }
-        searchBlock = this.renderSearchBar(searchProps);
-      } else if (addonElement) {
-        searchProps.key = 1;
-        addonBlock = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-          children: [this.renderSearchBar(searchProps), /*#__PURE__*/(0, _react.cloneElement)(addonElement, {
-            key: 2
-          })]
-        });
-      } else {
-        addonProps.style = {
-          maxWidth: search.props.maxWidth
-        };
-        addonBlock = this.renderSearchBar(searchProps);
-      }
-    }
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: (0, _classnames.default)(baseClassName, className),
-      ...props,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactMeasure.default, {
-        onResize: this.handleResize,
-        innerRef: ref => this.tabsnavRef = ref,
-        children: _ref => {
-          let {
-            measureRef
-          } = _ref;
-          return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-            className: (0, _classnames.default)(`${baseClassName}__nav`, compact && `${baseClassName}__nav--compact`, searching && `${baseClassName}__nav--searching`, search && `${baseClassName}__nav--search`),
-            ref: measureRef,
-            children: [this.renderTabList(), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactMeasure.default, {
-              onResize: this.handleResize,
-              children: _ref2 => {
-                let {
-                  measureRef: ref
-                } = _ref2;
-                const fakeTabs = this.renderFakeTabs();
-                return fakeTabs ? /*#__PURE__*/(0, _react.cloneElement)(fakeTabs, {
-                  ref
-                }) : null;
-              }
-            }), searchBlock, addonBlock && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactMeasure.default, {
-              onResize: this.handleAddonResize,
-              bounds: true,
-              children: _ref3 => {
-                let {
-                  measureRef: ref
-                } = _ref3;
-                return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-                  className: `${baseClassName}__addon`,
-                  ref: ref,
-                  ...addonProps,
-                  children: addonBlock
-                });
-              }
-            })]
-          });
-        }
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: `${baseClassName}__tab-panel`,
-        role: "tabpanel",
-        children: _react.Children.map(children, (tab, index) => index + 1 === this.state.active ? tab : null)
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: (0, _classnames.default)(baseClassName, className),
+    ...props,
+    children: [compact && addonElement && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: `${baseClassName}__addon ${baseClassName}__addon--compact`,
+      children: addonElement
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _classnames.default)(`${baseClassName}__nav`, compact && `${baseClassName}__nav--compact`, searching && `${baseClassName}__nav--searching`, search && `${baseClassName}__nav--search`),
+      ref: tabNavRef,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TabList.default, {
+        tabListRef: tabListRef,
+        active: active,
+        onTabClick: handleTabClick,
+        visibleLength: visibleLength,
+        monospacedWidth: monospacedWidth,
+        baseClassName: baseClassName,
+        children: children
+      }), compact && renderSearchBar(), !compact && (addonElement || search) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: `${baseClassName}__addon`,
+        style: addonStyle,
+        children: [renderSearchBar(), addonElement]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FakeTabs.default, {
+        onResize: recalculateWidths,
+        baseClassName: baseClassName,
+        children: children
+      }), addonElement && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        ref: fakeAddonRef,
+        className: `${baseClassName}__addon-fake-wrapper`,
+        "aria-hidden": true,
+        children: addonElement
       })]
-    });
-  }
-}
-_defineProperty(Tabs, "defaultProps", {
-  baseClassName: `${_constants.CLS_PREFIX}tabs`
-});
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: `${baseClassName}__tab-panel`,
+      role: "tabpanel",
+      children: _react.Children.map(children, (tab, index) => index + 1 === active ? tab : null)
+    })]
+  });
+};
 var _default = exports["default"] = Tabs;
 
 /***/ }),
@@ -80233,6 +80198,147 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 
 /***/ }),
 
+/***/ "./components/Tabs/useActive.tsx":
+/*!***************************************!*\
+  !*** ./components/Tabs/useActive.tsx ***!
+  \***************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.useActive = void 0;
+var _react = __webpack_require__(/*! react */ "react");
+// Copyright 1999-2025. WebPros International GmbH. All rights reserved.
+
+const useActive = externalActive => {
+  const [active, setActive] = (0, _react.useState)(externalActive || 1);
+  const [prevExternalActive, setPrevExternalActive] = (0, _react.useState)(externalActive);
+  if (externalActive && externalActive !== prevExternalActive) {
+    setPrevExternalActive(externalActive);
+    setActive(externalActive);
+  }
+  return [active, setActive];
+};
+exports.useActive = useActive;
+
+/***/ }),
+
+/***/ "./components/Tabs/useWidths.tsx":
+/*!***************************************!*\
+  !*** ./components/Tabs/useWidths.tsx ***!
+  \***************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.useWidths = void 0;
+var _react = __webpack_require__(/*! react */ "react");
+var _hooks = __webpack_require__(/*! ../../hooks */ "./hooks/index.tsx");
+// Copyright 1999-2025. WebPros International GmbH. All rights reserved.
+
+const useWidths = _ref => {
+  let {
+    tabNavRef,
+    tabListRef,
+    fakeAddonRef,
+    baseClassName,
+    monospaced = false,
+    childrenCount
+  } = _ref;
+  const [compact, setCompact] = (0, _react.useState)(false);
+  const [monospacedWidth, setMonospacedWidth] = (0, _react.useState)(undefined);
+  const [visibleLength, setVisibleLength] = (0, _react.useState)(childrenCount);
+  const lastCollapsedKey = (0, _react.useRef)('');
+  const recalculateWidths = (0, _react.useCallback)(() => {
+    if (!tabNavRef.current || !tabListRef.current) {
+      return;
+    }
+    const fakeTabElements = tabNavRef.current.querySelectorAll(`.${baseClassName}__tab-list--fake .${baseClassName}__tab`);
+    const moreElement = fakeTabElements[fakeTabElements.length - 1];
+    const tabLength = fakeTabElements.length - 1;
+    const fakeTabWidths = Array.from(fakeTabElements).slice(0, -1).map(el => el.getBoundingClientRect().width);
+    let tabWidths = fakeTabWidths;
+    let monospacedWidth = undefined;
+    if (monospaced) {
+      const linkElements = tabNavRef.current.querySelectorAll(`.${baseClassName}__tab-list--fake .${baseClassName}__link`);
+      const linkWidths = Array.from(linkElements).slice(0, -1).map(el => el.getBoundingClientRect().width);
+      monospacedWidth = linkWidths.length ? Math.max(...linkWidths) : undefined;
+      tabWidths = fakeTabWidths.map((width, index) => (monospacedWidth ?? 0) + width - linkWidths[index]);
+    }
+    setMonospacedWidth(monospacedWidth);
+    const tabsWidth = tabWidths.reduce((acc, width) => acc + width, 0);
+    const tabNavWidth = tabNavRef.current.getBoundingClientRect().width;
+    const addon = tabNavRef.current.querySelector(`.${baseClassName}__addon`) ?? tabNavRef.current.querySelector(`.${baseClassName}__search`);
+    const addonWidth = addon ? addon.getBoundingClientRect().width : 0;
+    let availableSpace = tabNavWidth - addonWidth;
+    const allTabsFit = availableSpace >= tabsWidth;
+    const getContentKey = () => {
+      const fakeAddonWidth = fakeAddonRef.current?.getBoundingClientRect().width ?? 0;
+      return `${fakeTabWidths.join('-')}-${tabNavWidth}-${fakeAddonWidth}-${monospacedWidth}`;
+    };
+    if (allTabsFit) {
+      setVisibleLength(tabLength);
+      if (!compact) {
+        return;
+      }
+      if (lastCollapsedKey.current !== getContentKey()) {
+        setCompact(false);
+      }
+      return;
+    }
+    if (!allTabsFit && !compact) {
+      setCompact(true);
+      lastCollapsedKey.current = getContentKey();
+      return;
+    }
+    const moreWidth = moreElement ? moreElement.getBoundingClientRect().width : 0;
+    availableSpace -= moreWidth;
+    const calculateVisibleLength = () => {
+      let totalWidth = 0;
+      for (let i = 0; i < tabWidths.length; i++) {
+        totalWidth += tabWidths[i];
+        if (totalWidth > availableSpace) {
+          return i;
+        }
+      }
+      return 0;
+    };
+    setVisibleLength(calculateVisibleLength());
+  }, [tabNavRef, tabListRef, fakeAddonRef, baseClassName, monospaced, compact]);
+  (0, _react.useLayoutEffect)(() => {
+    recalculateWidths();
+  }, [recalculateWidths]);
+  (0, _hooks.useResizeObserver)({
+    ref: tabNavRef,
+    onResize: recalculateWidths
+  });
+  (0, _hooks.useResizeObserver)({
+    ref: tabListRef,
+    onResize: recalculateWidths
+  });
+  (0, _hooks.useResizeObserver)({
+    ref: fakeAddonRef,
+    onResize: recalculateWidths
+  });
+  return {
+    recalculateWidths,
+    monospacedWidth,
+    compact,
+    visibleLength
+  };
+};
+exports.useWidths = useWidths;
+
+/***/ }),
+
 /***/ "./components/Text/Text.less":
 /*!***********************************!*\
   !*** ./components/Text/Text.less ***!
@@ -80910,6 +81016,20 @@ const PanelView = _ref => {
   if (isEmpty && isCollapsed) {
     onCollapseStateChange?.(false);
   }
+  const panelHeaderLabels = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: `${baseClassName}__header-labels`,
+    children: notEmptyGroups.map(group => /*#__PURE__*/(0, _jsxRuntime.jsx)(_GroupLabel.default, {
+      group: group,
+      onClose: () => onToastGroupClose?.(group.keys)
+    }, group.groupKey))
+  });
+  const panelHeaderCollapseButton = /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+    ghost: true,
+    icon: isCollapsed ? 'chevron-up' : 'chevron-down',
+    onClick: () => onCollapseStateChange?.(!isCollapsed),
+    className: `${baseClassName}__header-collapse`,
+    "aria-label": "Collapse"
+  });
   const panelHeader = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTransitionGroup.CSSTransition, {
     nodeRef: headerRef,
     in: isHeaderVisible,
@@ -80926,19 +81046,7 @@ const PanelView = _ref => {
         '--_pul-toaster--panel-header-enter-delay': isSingleNonClosableToast ? '300ms' : 0,
         '--_pul-toaster--panel-header-exit-delay': isEmpty ? '300ms' : undefined
       },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: `${baseClassName}__header-labels`,
-        children: notEmptyGroups.map(group => /*#__PURE__*/(0, _jsxRuntime.jsx)(_GroupLabel.default, {
-          group: group,
-          onClose: () => onToastGroupClose?.(group.keys)
-        }, group.groupKey))
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-        ghost: true,
-        icon: isCollapsed ? 'chevron-up' : 'chevron-down',
-        onClick: () => onCollapseStateChange?.(!isCollapsed),
-        className: `${baseClassName}__header-collapse`,
-        "aria-label": "Collapse"
-      })]
+      children: [panelHeaderLabels, panelHeaderCollapseButton]
     })
   });
   const panelContent = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -81542,39 +81650,6 @@ var _default = exports["default"] = Toolbar;
 
 /***/ }),
 
-/***/ "./components/Toolbar/ToolbarBetaProvider.tsx":
-/*!****************************************************!*\
-  !*** ./components/Toolbar/ToolbarBetaProvider.tsx ***!
-  \****************************************************/
-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", ({
-  value: true
-}));
-exports.useToolbarBetaContext = exports["default"] = void 0;
-var _react = __webpack_require__(/*! react */ "react");
-var _jsxRuntime = __webpack_require__(/*! react/jsx-runtime */ "../node_modules/react/jsx-runtime.js");
-// Copyright 1999-2025. WebPros International GmbH. All rights reserved.
-
-const ToolbarBetaContext = /*#__PURE__*/(0, _react.createContext)(false);
-const useToolbarBetaContext = () => (0, _react.useContext)(ToolbarBetaContext);
-exports.useToolbarBetaContext = useToolbarBetaContext;
-const ToolbarBetaProvider = _ref => {
-  let {
-    children
-  } = _ref;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ToolbarBetaContext.Provider, {
-    value: true,
-    children: children
-  });
-};
-var _default = exports["default"] = ToolbarBetaProvider;
-
-/***/ }),
-
 /***/ "./components/Toolbar/ToolbarExpander.tsx":
 /*!************************************************!*\
   !*** ./components/Toolbar/ToolbarExpander.tsx ***!
@@ -81817,7 +81892,6 @@ const toMenuItem = (child, isLast, onItemClick) => {
           ...props,
           children: props.children
         });
-        /* eslint-enable react/prop-types */
       }
     case _ToolbarGroup.default:
       {
@@ -81909,12 +81983,6 @@ var _default = exports["default"] = ToolbarMenu;
 Object.defineProperty(exports, "__esModule", ({
   value: true
 }));
-Object.defineProperty(exports, "ToolbarBetaProvider", ({
-  enumerable: true,
-  get: function () {
-    return _ToolbarBetaProvider.default;
-  }
-}));
 Object.defineProperty(exports, "ToolbarExpander", ({
   enumerable: true,
   get: function () {
@@ -81936,7 +82004,6 @@ Object.defineProperty(exports, "default", ({
 var _Toolbar = _interopRequireDefault(__webpack_require__(/*! ./Toolbar */ "./components/Toolbar/Toolbar.tsx"));
 var _ToolbarGroup = _interopRequireDefault(__webpack_require__(/*! ./ToolbarGroup */ "./components/Toolbar/ToolbarGroup.tsx"));
 var _ToolbarExpander = _interopRequireDefault(__webpack_require__(/*! ./ToolbarExpander */ "./components/Toolbar/ToolbarExpander.tsx"));
-var _ToolbarBetaProvider = _interopRequireDefault(__webpack_require__(/*! ./ToolbarBetaProvider */ "./components/Toolbar/ToolbarBetaProvider.tsx"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 
 /***/ }),
@@ -82584,7 +82651,6 @@ var _exportNames = {
   Toolbar: true,
   ToolbarGroup: true,
   ToolbarExpander: true,
-  ToolbarBetaProvider: true,
   Tooltip: true,
   Tour: true,
   Translate: true,
@@ -83225,12 +83291,6 @@ Object.defineProperty(exports, "Toolbar", ({
     return _Toolbar.default;
   }
 }));
-Object.defineProperty(exports, "ToolbarBetaProvider", ({
-  enumerable: true,
-  get: function () {
-    return _Toolbar.ToolbarBetaProvider;
-  }
-}));
 Object.defineProperty(exports, "ToolbarExpander", ({
   enumerable: true,
   get: function () {