@plesk/ui-library 3.43.2 → 3.44.0

package/cjs/components/SegmentedControl/DropdownControl.js

@@ -8,8 +8,7 @@ exports.default = void 0;
 var _Dropdown = _interopRequireDefault(require("../Dropdown"));
 var _Menu = _interopRequireWildcard(require("../Menu"));
 var _jsxRuntime = require("react/jsx-runtime");
-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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 // Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
 const DropdownControl = _ref => {

package/cjs/components/SegmentedControl/SegmentedControl.js

@@ -87,6 +87,7 @@ const SegmentedControl = _ref => {
       [`${baseClassName}--collapsed`]: isResponsive,
       [`${baseClassName}--vertical`]: label && labelPlacement === 'top'
     }, className),
+    role: "list",
     ...props,
     children: [label && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: `${baseClassName}__label`,

package/cjs/components/SegmentedControl/index.js

@@ -16,5 +16,4 @@ Object.defineProperty(exports, "default", {
   }
 });
 var _SegmentedControl = _interopRequireWildcard(require("./SegmentedControl"));
-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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }

package/cjs/components/Select/Select.js

@@ -10,16 +10,14 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _utils = require("../utils");
 var _constants = require("../../constants");
 var _ComboBoxDropdown = _interopRequireWildcard(require("../ComboBoxDropdown"));
-var _Translate = _interopRequireDefault(require("../Translate"));
+var _Translate = require("../Translate");
 var _SelectControl = _interopRequireDefault(require("./SelectControl"));
 var _SelectOptionGroup = _interopRequireDefault(require("./SelectOptionGroup"));
 var _SelectOption = _interopRequireDefault(require("./SelectOption"));
 var _jsxRuntime = require("react/jsx-runtime");
-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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 // Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
-// eslint-disable-next-line default-param-last
 const collect = function (children) {
   let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
   let group = arguments.length > 2 ? arguments[2] : undefined;
@@ -120,6 +118,8 @@ const Select = _ref => {
   const [opened, setOpened] = (0, _react.useState)(false);
   const controlRef = (0, _react.useRef)(null);
   const emitterRef = (0, _react.useRef)(new _utils.EventEmitter());
+  const uid = (0, _react.useId)();
+  const listboxId = `${baseClassName}-listbox-${id || uid}`;
   let [value, setValue] = (0, _react.useState)(() => {
     if (typeof defaultValue === 'undefined') {
       return multiple ? [] : undefined;
@@ -152,6 +152,7 @@ const Select = _ref => {
   }
   const groupFns = [];
   const optionFns = [];
+
   // eslint-disable-next-line func-style
   function createInclude(fns) {
     return item => fns.every(fn => fn(item));
@@ -295,6 +296,8 @@ const Select = _ref => {
     onClear: handleClear,
     onValueRemove: handleValueRemove,
     placeholder: placeholder,
+    opened: opened,
+    listboxId: listboxId,
     ref: controlRef
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ComboBoxDropdown.default, {
@@ -311,12 +314,12 @@ const Select = _ref => {
     highlightedIndex: highlightedIndex,
     onHighlightedIndexChange: handleHighlightedIndexChange,
     onClose: handleClose,
-    noOptions: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
-      content: "Select.noOptions",
-      fallback: "No options"
+    noOptions: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.InternalTranslate, {
+      content: "Select.noOptions"
     }),
     emitter: emitterRef.current,
     value: value,
+    listboxId: listboxId,
     ...props
   });
 };

package/cjs/components/Select/SelectControl.js

@@ -57,6 +57,8 @@ const SelectControl = /*#__PURE__*/(0, _react.forwardRef)(function SelectControl
     onClear,
     onValueRemove,
     placeholder,
+    opened = false,
+    listboxId,
     ...props
   } = _ref;
   const inputRef = (0, _react.useRef)(null);
@@ -64,9 +66,9 @@ const SelectControl = /*#__PURE__*/(0, _react.forwardRef)(function SelectControl
   const searchBufferTimer = (0, _react.useRef)(0);
   const [inputWidth, setInputWidth] = (0, _react.useState)(DEFAULT_INPUT_WIDTH);
   const [focused, setFocused] = (0, _react.useState)(false);
-  const translate = (0, _LocaleProvider.useTranslate)();
+  const translate = (0, _LocaleProvider.useInternalTranslate)('Select');
   if (placeholder === undefined) {
-    placeholder = translate('Select.placeholder', undefined, 'Select...');
+    placeholder = translate('placeholder');
   }
   let values = [];
   if (Array.isArray(current)) {
@@ -197,7 +199,13 @@ const SelectControl = /*#__PURE__*/(0, _react.forwardRef)(function SelectControl
         ref: inputRef,
         style: {
           width: inputWidth
-        }
+        },
+        role: searchable ? 'combobox' : undefined,
+        "aria-autocomplete": searchable ? 'list' : undefined,
+        "aria-haspopup": searchable ? 'listbox' : 'listbox',
+        "aria-expanded": opened,
+        "aria-controls": listboxId,
+        autoComplete: "off"
       }), !filterValue && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
         children: [!Array.isArray(current) && current && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           className: `${baseClassName}__value`,
@@ -234,6 +242,8 @@ const SelectControl = /*#__PURE__*/(0, _react.forwardRef)(function SelectControl
         type: "button",
         className: (0, _classnames.default)(`${baseClassName}__indicator`, `${baseClassName}__indicator--dropdown`),
         tabIndex: -1,
+        "aria-haspopup": "listbox",
+        "aria-expanded": opened,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
           className: `${baseClassName}__indicator-icon`,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {

package/cjs/components/SplitButton/index.js

@@ -22,5 +22,4 @@ Object.keys(_SplitButton).forEach(function (key) {
     }
   });
 });
-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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }

package/cjs/components/Spot/SpotPopup.js

@@ -10,7 +10,7 @@ var _react = require("react");
 var _constants = require("../../constants");
 var _Popover = _interopRequireDefault(require("../Popover"));
 var _Text = _interopRequireDefault(require("../Text"));
-var _Translate = _interopRequireDefault(require("../Translate"));
+var _Translate = require("../Translate");
 var _Focuser = _interopRequireDefault(require("../Overlay/Focuser"));
 var _utils = require("../utils");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -77,15 +77,14 @@ const SpotPopup = _ref => {
       children: [meta && meta.total > 1 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.default, {
         intent: "muted",
         fontSize: "sm",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.default, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Translate.InternalTranslate, {
           namespace: "SpotPopup",
           content: "total",
           params: {
             current: meta.current + 1,
             total: meta.total
           },
-          translators: locale,
-          fallback: "%%current%% of %%total%%"
+          translators: locale
         })
       }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: `${baseClassName}__actions`,

package/cjs/components/Status/Status.js

@@ -54,6 +54,7 @@ const Status = _ref => {
       [`${baseClassName}--${intent}`]: intent && !progress,
       [`${baseClassName}--on-dark`]: (0, _react.useContext)(_OnDarkContext.default)
     }, className),
+    role: intent === 'warning' || intent === 'danger' ? 'alert' : 'status',
     outerProps: {
       ...outerProps,
       className: (0, _classnames.default)({

package/cjs/components/Subnav/index.js

@@ -16,5 +16,4 @@ Object.defineProperty(exports, "default", {
   }
 });
 var _Subnav = _interopRequireWildcard(require("./Subnav"));
-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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }

package/cjs/components/Tabs/SearchBar.js

@@ -18,8 +18,7 @@ var _Menu = _interopRequireWildcard(require("../Menu"));
 var _ResponsiveContext = _interopRequireDefault(require("../ResponsiveContext"));
 var _utils2 = require("../utils");
 var _jsxRuntime = require("react/jsx-runtime");
-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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 // Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
 /**

package/cjs/components/Tabs/TabIcon.js

@@ -5,8 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _Icon = _interopRequireWildcard(require("../Icon"));
-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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 // Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
 const TabIcon = _ref => {

package/cjs/components/Tabs/TabList.js

@@ -16,8 +16,7 @@ var _TabIcon = _interopRequireDefault(require("./TabIcon"));
 var _TabLabel = _interopRequireDefault(require("./TabLabel"));
 var _TabListItem = _interopRequireDefault(require("./TabListItem"));
 var _jsxRuntime = require("react/jsx-runtime");
-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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 // Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
 const TabList = _ref => {
@@ -28,29 +27,46 @@ const TabList = _ref => {
     onTabClick,
     visibleLength,
     monospacedWidth,
-    baseClassName
+    baseClassName,
+    tabPanelId,
+    idPrefix
   } = _ref;
   const handleTabClick = (tab, position) => {
     onTabClick(position);
     tab?.props?.onActivate?.();
   };
-  let tabs = _react.Children.toArray(children);
-  tabs = tabs.filter(child => child?.type === _Tab.default);
+  const childArray = _react.Children.map(children, (child, index) => ({
+    child,
+    position: index + 1
+  }));
+  const tabs = childArray.filter(_ref2 => {
+    let {
+      child
+    } = _ref2;
+    return child?.type === _Tab.default;
+  });
   const listChildren = tabs.slice(0, visibleLength);
   const menuChildren = tabs.slice(visibleLength);
-  const listItems = listChildren.map((tab, index) => {
-    const position = index + 1;
+  const listItems = listChildren.map(_ref3 => {
+    let {
+      child: tab,
+      position
+    } = _ref3;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TabListItem.default, {
-      // eslint-disable-line react/no-array-index-key
       tab: tab,
       baseClassName: baseClassName,
       selected: position === active,
       onClick: () => handleTabClick(tab, position),
-      monospacedWidth: monospacedWidth
-    }, index);
+      monospacedWidth: monospacedWidth,
+      tabPanelId: tabPanelId,
+      id: idPrefix ? `${idPrefix}-${position}` : undefined
+    }, position);
   });
-  const menuItems = menuChildren.map((tab, index) => {
-    const position = listChildren.length + index + 1;
+  const menuItems = menuChildren.map(_ref4 => {
+    let {
+      child: tab,
+      position
+    } = _ref4;
     const {
       title,
       label,
@@ -61,7 +77,6 @@ const TabList = _ref => {
       ...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
@@ -83,13 +98,14 @@ const TabList = _ref => {
       component: Tag,
       ...tabProps,
       children: title
-    }, index);
+    }, position);
   });
   const moreSelected = active > listChildren.length;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("ul", {
     ref: tabListRef,
     className: `${baseClassName}__tab-list`,
     role: "tablist",
+    "aria-labelledby": tabPanelId,
     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",

package/cjs/components/Tabs/TabListItem.js

@@ -20,7 +20,9 @@ const TabListItem = _ref => {
     onClick,
     monospacedWidth,
     baseClassName,
-    isFake = false
+    isFake = false,
+    tabPanelId,
+    id
   } = _ref;
   const {
     title,
@@ -44,7 +46,9 @@ const TabListItem = _ref => {
       }
     }),
     role: 'tab',
+    'aria-controls': selected ? tabPanelId : undefined,
     'aria-selected': selected || undefined,
+    id,
     ...tabProps
   };
   const Tag = isFake ? 'a' : component;

package/cjs/components/Tabs/Tabs.js

@@ -39,8 +39,12 @@ const Tabs = _ref => {
   const addonElement = addon || placeholder;
   const tabNavRef = (0, _react.useRef)(null);
   const tabListRef = (0, _react.useRef)(null);
-  const fakeAddonRef = (0, _react.useRef)(null);
+  const addonRef = (0, _react.useRef)(null);
   const childrenCount = _react.Children.toArray(children).length;
+  const wrappedAddonElement = addonElement ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    ref: addonRef,
+    children: addonElement
+  }) : null;
   const [active, setActive] = (0, _useActive.useActive)(externalActive);
   const {
     monospacedWidth,
@@ -51,11 +55,12 @@ const Tabs = _ref => {
     monospaced,
     tabNavRef,
     tabListRef,
-    fakeAddonRef,
+    addonRef,
     baseClassName,
     childrenCount
   });
   const [searching, setSearching] = (0, _react.useState)(false);
+  const id = (0, _react.useId)();
   if (!childrenCount) {
     return null;
   }
@@ -93,12 +98,13 @@ const Tabs = _ref => {
   if (search && !compact) {
     addonStyle.maxWidth = search.props.maxWidth;
   }
+  const tabPanelId = `${id}-tabpanel`;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: (0, _classnames.default)(baseClassName, className),
     ...props,
-    children: [compact && addonElement && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: [compact && wrappedAddonElement && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: `${baseClassName}__addon ${baseClassName}__addon--compact`,
-      children: addonElement
+      children: wrappedAddonElement
     }), /*#__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,
@@ -109,25 +115,23 @@ const Tabs = _ref => {
         visibleLength: visibleLength,
         monospacedWidth: monospacedWidth,
         baseClassName: baseClassName,
+        tabPanelId: tabPanelId,
         children: children
-      }), compact && renderSearchBar(), !compact && (addonElement || search) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      }), compact && renderSearchBar(), !compact && (wrappedAddonElement || search) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: `${baseClassName}__addon`,
         style: addonStyle,
-        children: [renderSearchBar(), addonElement]
+        children: [renderSearchBar(), wrappedAddonElement]
       }), /*#__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
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      id: tabPanelId,
       className: `${baseClassName}__tab-panel`,
       role: "tabpanel",
-      children: _react.Children.toArray(children).map((tab, index) => index + 1 === active ? tab : null)
+      "aria-labelledby": `${id}-${active}`,
+      children: _react.Children.map(children, (tab, index) => index + 1 === active ? tab : null)
     })]
   });
 };

package/cjs/components/Tabs/useWidths.js

@@ -12,7 +12,7 @@ const useWidths = _ref => {
   let {
     tabNavRef,
     tabListRef,
-    fakeAddonRef,
+    addonRef,
     baseClassName,
     monospaced = false,
     childrenCount
@@ -45,8 +45,8 @@ const useWidths = _ref => {
     let availableSpace = tabNavWidth - addonWidth;
     const allTabsFit = availableSpace >= tabsWidth;
     const getContentKey = () => {
-      const fakeAddonWidth = fakeAddonRef.current?.getBoundingClientRect().width ?? 0;
-      return `${fakeTabWidths.join('-')}-${tabNavWidth}-${fakeAddonWidth}-${monospacedWidth}`;
+      const addonWrapperWidth = addonRef.current?.getBoundingClientRect().width ?? 0;
+      return `${fakeTabWidths.join('-')}-${tabNavWidth}-${addonWrapperWidth}-${monospacedWidth}`;
     };
     if (allTabsFit) {
       setVisibleLength(tabLength);
@@ -76,7 +76,7 @@ const useWidths = _ref => {
       return 0;
     };
     setVisibleLength(calculateVisibleLength());
-  }, [tabNavRef, tabListRef, fakeAddonRef, baseClassName, monospaced, compact]);
+  }, [tabNavRef, tabListRef, addonRef, baseClassName, monospaced, compact]);
   (0, _react.useLayoutEffect)(() => {
     recalculateWidths();
   }, [recalculateWidths]);
@@ -89,7 +89,7 @@ const useWidths = _ref => {
     onResize: recalculateWidths
   });
   (0, _hooks.useResizeObserver)({
-    ref: fakeAddonRef,
+    ref: addonRef,
     onResize: recalculateWidths
   });
   return {

package/cjs/components/Toast/Toast.js

@@ -40,6 +40,7 @@ const Toast = _ref => {
   });
   const result = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     tabIndex: 0,
+    role: "status",
     className: (0, _classnames.default)(baseClassName, intent && `${baseClassName}--${intent}`, accent && `${baseClassName}--accent`, className),
     ...props,
     ref: innerRef,

package/cjs/components/Toast/index.js

@@ -22,5 +22,4 @@ Object.keys(_Toast).forEach(function (key) {
     }
   });
 });
-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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }

package/cjs/components/Toaster/GroupLabel.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _Label = _interopRequireDefault(require("../Label"));
 var _Tooltip = _interopRequireDefault(require("../Tooltip"));
+var _LocaleProvider = require("../LocaleProvider");
 var _jsxRuntime = require("react/jsx-runtime");
 // Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
@@ -19,9 +20,10 @@ const GroupLabel = _ref => {
     renderHeaderLabel,
     renderHeaderLabelTitle,
     closable = false,
-    renderHeaderLabelTooltip = closable ? () => 'Close group' : undefined,
+    renderHeaderLabelTooltip,
     intent
   } = group;
+  const translate = (0, _LocaleProvider.useInternalTranslate)('Toaster');
   if (!renderHeaderLabel && !renderHeaderLabelTitle) {
     return null;
   }
@@ -38,8 +40,8 @@ const GroupLabel = _ref => {
     return renderHeaderLabel(group, labelProps);
   }
   const wrapInTooltip = content => {
-    if (!renderHeaderLabelTooltip) return content;
-    const title = renderHeaderLabelTooltip(group);
+    if (!renderHeaderLabelTooltip && !closable) return content;
+    const title = renderHeaderLabelTooltip?.(group) ?? translate('closeGroup');
     if (!title) return content;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
       title: title,

package/cjs/components/Toolbar/Toolbar.js

@@ -13,8 +13,7 @@ var _DistractionFreeModeContext = _interopRequireDefault(require("../Distraction
 var _ToolbarItem = require("./ToolbarItem");
 var _hooks = require("../../hooks");
 var _jsxRuntime = require("react/jsx-runtime");
-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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 // Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
 /**

package/cjs/components/Toolbar/ToolbarGroup.js

@@ -15,8 +15,7 @@ var _DistractionFreeModeContext = _interopRequireDefault(require("../Distraction
 var _ToolbarItem = require("./ToolbarItem");
 var _ToolbarExpander = _interopRequireDefault(require("./ToolbarExpander"));
 var _jsxRuntime = require("react/jsx-runtime");
-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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 // Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
 /**

package/cjs/components/Toolbar/ToolbarMenu.js

@@ -15,8 +15,7 @@ var _List = require("../List");
 var _utils = require("../utils");
 var _Button2 = require("../Button/Button");
 var _jsxRuntime = require("react/jsx-runtime");
-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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 // Copyright 1999-2025. WebPros International GmbH. All rights reserved.
 
 const toMenuItem = (child, isLast, onItemClick) => {

package/cjs/components/Tooltip/Tooltip.js

@@ -21,6 +21,8 @@ const createRectFactory = (width, height) => (left, top) => ({
   bottom: top + height
 });
 const isInside = (r1, r2) => r1.left >= r2.left && r1.right <= r2.right && r1.top >= r2.top && r1.bottom <= r2.bottom;
+let tooltipId = 0;
+const generateTooltipId = () => `tooltip-${tooltipId++}`;
 const determinePosition = _ref => {
   let {
     clientX,
@@ -101,7 +103,8 @@ class Tooltip extends _react.Component {
       left: 0,
       top: 0,
       ready: false,
-      visible: false
+      visible: false,
+      id: generateTooltipId()
     });
     (0, _defineProperty2.default)(this, "timer", null);
     (0, _defineProperty2.default)(this, "tooltipRef", /*#__PURE__*/(0, _react.createRef)());
@@ -161,7 +164,8 @@ class Tooltip extends _react.Component {
     const {
       left,
       top,
-      visible
+      visible,
+      id
     } = this.state;
     const {
       baseClassName,
@@ -176,6 +180,7 @@ class Tooltip extends _react.Component {
       level: _constants.Z_INDEX_TOOLTIP,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         ref: this.tooltipRef,
+        id: id,
         className: (0, _classnames.default)(baseClassName, className),
         style: {
           ...style,
@@ -190,7 +195,8 @@ class Tooltip extends _react.Component {
   }
   render() {
     const {
-      ready
+      ready,
+      id
     } = this.state;
     const {
       children
@@ -200,7 +206,8 @@ class Tooltip extends _react.Component {
         onMouseEnter: (0, _utils.wrapFunction)(children.props.onMouseEnter, this.handleMouseEnter),
         onMouseMove: (0, _utils.wrapFunction)(children.props.onMouseMove, this.handleMouseMove),
         onMouseLeave: (0, _utils.wrapFunction)(children.props.onMouseLeave, this.handleHide),
-        onMouseDown: (0, _utils.wrapFunction)(children.props.onMouseDown, this.handleHide)
+        onMouseDown: (0, _utils.wrapFunction)(children.props.onMouseDown, this.handleHide),
+        'aria-labelledby': id
       }), ready && this.renderTooltip()]
     });
   }